/*
Theme Name: Tema Tasa
Theme URI: https://tasa.com
Author: GusERO
Author URI: https://programate.pe
Description: Un tema básico compatible con Elementor.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: theme-tasa
*/

body {
  margin: 0;
}

/* Ruta / */

.flipbox-home {
	position: relative !important;
	width: 100% !important;
	height: 100% !important;
	overflow: hidden !important;
	perspective: 1000px !important;
}

.flipbox-inner-home {
	position: absolute !important;
	width: 100% !important;
		height: 200% !important;
	transform: translateY(0) !important;
	transition: transform 0.5s !important;
}

.flipbox-home:hover .flipbox-inner-home {
	transform: translateY(-50%) !important;
}

.flipbox-front-home, .flipbox-back-home {
	position: absolute !important;
	width: 100% !important;
	height: 50% !important;
	backface-visibility: hidden !important;
}

.flipbox-front-home {
	top: 0 !important;
}

.flipbox-back-home {
	top: 50% !important;
}


/* Fin Ruta / */

/* Header second */
.dropdown-header-second {
	position: relative !important;
	display: inline-block !important;
}

.dropdown-button-header-second {
	/*background-color: white;*/
	/*border: none;*/
	/*font-size: 16px;*/
    /*padding: 10px 20px;*/
    /*border-radius: 8px;*/
    cursor: pointer !important;
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: space-between;*/
    /*box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);*/
/*     width: 200px !important; */
}

.dropdown-menu-header-second {
	display: none !important;
    position: absolute !important;
    /*background-color: white;*/
    /*box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);*/
    /*border-radius: 8px;*/
    z-index: 1 !important;
    /* margin-top: 10px; */
    width: 100% !important;
    /*padding: 10px 0;*/
}

.dropdown-menu-header-second a {
	display: block !important;
    /*text-decoration: none;*/
    /*padding: 10px 20px;*/
    /*color: black;*/
    /*font-size: 16px;*/
}

.dropdown-menu-header-second a:hover {
	/*background-color: #f0f0f0;*/
}

/*.dropdown-menu-header-second .selected-header-second span {*/
	/*  color: #00ff9e !important;*/
/*}*/
      
.selected-header-second:hover span {
	color: #00FD8F !important;
}
      

/* Mantener el menú abierto al hacer hover sobre el botón o el menú */
.dropdown-header-second:hover .dropdown-menu-header-second,
.dropdown-header-second .dropdown-menu-header-second:hover {
	display: block !important;
}
.dropdown-menu-header-second .elementor-button {
    display: block !important;       
    width: 100% !important;          
text-align: left;
}

.dropdown-menu-header-second .elementor-button-text {
    display: block !important;
    
    white-space: normal !important; 
    word-break: break-word;        
}

/* #selected-option-second-header span {
    color: #00FD8F !important;
} */


/*.dropdown-header-second:hover .dropdown-button-header-second span {*/
	/*  content: "⬇";*/
/*}*/

/* Simular el cambio de contenido del span usando CSS */
/*.dropdown-button-header-second span::before {*/
      /*  content: "⬆";*/
/*}*/

/*.dropdown-header-second:hover .dropdown-button-header-second span::before {*/
      /*  content: "⬇";*/
/*}*/

/* Fin Header Second */

/* Inicio Dots Banner */
.swiper-dots-banner .swiper-pagination{
	margin-top: -30px !important
}

.swiper-pagination-bullet{
	background: transparent !important;
	border: 2px solid #A2A9B0;
}

.swiper-pagination-bullet-active{
	background: #00fd8f !important;
	border: none;
}
/* Fin Dots Banner */

/* Inicio Quienes Somos */
.container-quienes-somos:hover .text-quienes-somos span{
    color: #FFFFFF !important;
}

.container-quienes-somos:hover .icon-quienes-somos svg path{
    fill:#00FD8F !important
}
/* Fin Quienes Somos */





/* Inicio Gerencia */

/* .my-selected-style-management img{
	opacity: 1 !important;
}

.my-selected-style-management h2{
	font-weight:bold !important;
}

.title-custom-banner-management{
	color: white;
	font-family: "ITC Avant Garde Gothic Std", Sans-serif;
	font-size: 54px;
	font-weight: bold;
}

.info-custom-banner-management{
	color: white;
	font-family: "ITC Avant Garde Gothic Std", Sans-serif;
	font-size: 18px;
	font-weight: normal;
} */

/* Fin Gerencia */



/* Inicio Botón Productos Next Prev Popup*/
.my-custom-buttons-carousel .elementor-swiper-button-prev, .my-custom-buttons-carousel .elementor-swiper-button-next{
	font-family: "ITC Avant Garde Gothic Std", Sans-serif;
	font-size:15px;
}

.my-custom-buttons-carousel .swiper-pagination{
	margin-top: -30px !important
}
/* Fin Botón Productos Next Prev Popup*/





/* Inicio active-first-fish-class */
.active-first-fish-class {
    background-color: #005FC1 !important;
}

.active-first-fish-class h2{
	color: #00FD8F !important;
}

.active-first-fish-class span{
	color: #FFFFFF !important;
}
/* Fin active-first-fish-class */

/* Inicio active-second-fish-class */
.active-second-fish-class {
    background-color: #0084A8 !important;
}

.active-second-fish-class h2{
    color: #00FD8F !important;
}

.active-second-fish-class span{
    color: #FFFFFF !important;
}
/* Fin active-second-fish-class */

/* Inicio active-third-fish-class */
.active-third-fish-class {
	background-color: #36BEFF !important;
}

.active-third-fish-class h2{
	color: #184A7D !important;
}
/* Fin active-second-fish-class */

/* Inicio active-quarter-fish-class */
.active-quarter-fish-class {
	background-color: #00E582 !important;
}

.active-quarter-fish-class span{
	color: #184A7D !important;
}
/* Fin active-quarter-fish-class */





/* PARA EL MAPA */
/* #UA {
  fill: #0f0;
}
#UA:hover {
  fill: #184a7d;
}
#ID {
  fill: #f00;
}
#ID:hover {
  fill: #184a7d;
}
#GL {
  fill: #fff;
}
#GL:hover {
  fill: #184a7d;
}
#BR {
  fill: #00f;
}
#BR:hover {
  fill: #184a7d;
} */

.ag-canvas {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;

  position: relative;
  visibility: visible;

  width: 100%;
  height: 100%;
  padding: 3rem 1rem;
  opacity: 1;
  transition: opacity 0.5s;
}
.ag-canvas_svg {
  display: block;
  width: 100%;
  height: auto;
  max-height: 100%;
  margin-left: 1rem;
}
.ag-canvas_svg path {
  fill: #83a3c5;
  fill-opacity: 1;
  stroke: #FFFFFF;
  stroke-opacity: 1;
  stroke-width: 0.5;
  transition: 0.5s;
}

.tooltip {
  position: absolute;
  background-color: white;
  color: black;
  font-family: "ITC Avant Garde Gothic Std", Sans-serif;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 16px;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s;
}

@media screen and (max-width: 767px) {
  .ag-canvas {
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    height: auto;
    padding: 4rem 1rem 1rem;
  }
  .ag-canvas_svg {
    max-height: calc(100% - 6rem);
    margin-left: 0;
  }
}
/* FIN DEL MAPA */

/* HEADER RESPONSIVE */
.container-header-responsive {
	overflow-x: auto !important;
}

.menu-responsive-header-no-wrap ul{
	flex-wrap: nowrap !important;
}

/* FIN HEADER RESPONSIVE */

/*INICIO SLIDE DE PESCADOS*/
.element-fish-responsive {
  min-width: 336px !important;
}
/*INICIO SLIDE DE PESCADOS*/

/* INICIO CAMBIO DE TIPOGRAFIA DEL IDIOMA */
.notranslate span{
	font-family: "ITC Avant Garde Gothic Std", Sans-serif;
}
/* FIN CAMBIO DE TIPOGRAFIA DEL IDIOMA */

/* HEADER DE CLIENTE Y COLABORADOR PARA EL DETALLE */
.header-display-none{
	display: none !important;
}
/* HEADER DE CLIENTE Y COLABORADOR PARA EL DETALLE */

/* BLOG */
.jet-listing-grid{
	height: 100% !important;
}

.tamano-isting-medios .jet-listing-grid__items{
	height: 100% !important;
}
/* FIN BLOG */

.fish-type-one:hover .text-harina-pescado h2{
    color: red !important;
}

.style-contact-hover:hover svg path{
    fill:#00FD8F !important
}

.style-contact-hover:hover h2{
    color:#00FD8F !important
}













/* Inicio active-first-sustainability-class */
.active-first-sustainability-class {
    background-color: #0F62FE !important;
}

.active-first-sustainability-class h2{
	color: #00FD8F !important;
}

.active-first-sustainability-class svg path{
	fill: #00FD8F !important;
}

.active-first-sustainability-class .container-sustainability-border-type-1{
	border-color: #00FD8F !important;
}
/* Fin active-first-sustainability-class */

/* Inicio active-second-sustainability-class */
.active-second-sustainability-class {
    background-color: #0084A8 !important;
}

.active-second-sustainability-class h2{
	color: #00FD8F !important;
}

.active-second-sustainability-class svg path{
	fill: #00FD8F !important;
}
/* Fin active-second-sustainability-class */

/* Inicio active-third-sustainability-class */
.active-third-sustainability-class {
    background-color: #36BEFF !important;
}

.active-third-sustainability-class .container-sustainability-border-type-3{
	border-color: #184A7D !important;
}
/* Fin active-third-sustainability-class */

/* Inicio active-quarter-sustainability-class */
.active-quarter-sustainability-class {
    background-color: #00E582 !important;
}

.active-quarter-sustainability-class .container-sustainability-border-type-4{
	border-color: #184A7D !important;
}
/* Fin active-quarter-sustainability-class */


.faq-hover{
	cursor: pointer;
}

.img-hover-zoom {
    background-size: 100% 100% !important;
    transition: background-size 0.3s ease-in-out !important;
}

.img-hover-zoom:hover {
    background-size: 150% 150% !important;
}

.text-limit-2{
    display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
}

.text-limit-4{
    display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
        text-overflow: ellipsis;
}

.container-responsive-policies-y {
	position: relative;
	max-height: 50vh;
	overflow: hidden;
	clip-path: inset(0px 0px 0px 0px);
}