/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 19 2025 | 23:38:32 */
/*** Inicia AVSYS - Divi basics ***/
/* Overlapping divi centered inline logo on Main Manu */
/* Desaparece el Secondary Menu Bar (TOP BAR) */
#top-header { 
	display: none !important; 
}

/* Tamaño del logo al iniciar - Desktop */
#logo {
    max-height: 320% !important;
    margin-top: 0px;
    z-index: 100000;
	transition: all 0.3s ease-in-out;
}

/* Ajuste del logo al hacer Scroll Down */
.et-fixed-header #logo {
    max-height: 220% !important;
	margin-top: 50px;
}

li.centered-inline-logo-wrap {
    width: 195px !important;
}

.et_header_style_split .centered-inline-logo-wrap #logo {
    max-height: 220%;
}

.et_header_style_split .et-fixed-header .centered-inline-logo-wrap #logo {
    max-height: 220%;
}

/* Menu Principal - Underline Amarillo  */
/* No compatible con Landing Page */
/* #top-menu .current-menu-item a::before,
#top-menu .current_page_item a::before {
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
}

#top-menu li a:before {
    content: "";
    position: absolute;
    z-index: -2;
    left: 0;
    right: 100%;
    bottom: 60%;
    background: #F5CE00; 
    height: 4px; 
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

#top-menu li a:hover {
    opacity: 1 !important;
}

#top-menu li a:hover:before {
    right: 0;
}

#top-menu li li a:before {
    bottom: 10%;
}
*/


/* Fix Remove Undeline Logo */
#top-menu .logo_container a::before,
#top-menu .logo_container a:hover::before {
	opacity: 0;
}

@media only screen and (max-width : 980px) {
    #logo {
	    margin-top: 0px
	}
	
	/* Hace Transparente el Color del Combo Box */
    .et_header_style_split #main-header .mobile_nav {
        background-color: rgba(0,0,0,0);
		padding-bottom: 24px;
    }
}

/* Ajustes Menu en Movil */
/* Esconde Texto Select Page */
#et_mobile_nav_menu span.select_page {
    display:none;
}

/* Hace Transparente el Color del Combo Box */
@media (max-width: 980px) {
	/* Hace Transparente el Color del Combo Box */
    .et_header_style_split #main-header .mobile_nav {
    background-color: rgba(0,0,0,0);
  }
}

/* Menu Hamburger Movil */
@media only screen and (max-width: 980px)  {
	#et-top-navigation span.mobile_menu_bar:before, 
	#et-top-navigation span.mobile_menu_bar:after {
		color: #ffffff !important;
	}
  
   .mobile_nav.opened .mobile_menu_bar:before {
        content: '\4d';  /* Cambia el menu a X cuando está abierto */
    }
}

.et_mobile_menu li a {
    text-transform: uppercase;
	text-align: center;
	font-size: 16px;
}


/* Forzar menu movil */
/* @media only screen and ( max-width: 1280px ) {
#top-menu-nav, #top-menu {display: none;}
#et_top_search {display: none;}
#et_mobile_nav_menu {display: block;}
} */

/* Esconde carrito woocommerce en menú de Divi */
/*.et-cart-info { 
	display:none; 
}*/

/* Elimina la linea debajo del header */
/* header#main-header.et-fixed-header, #main-header {
	-webkit-box-shadow:none !important;
	-moz-box-shadow:none !important;
	box-shadow:none !important;
} */

/* Esconder reCaptcha - Divi */
body.et_pb_recaptcha_enabled .grecaptcha-badge {
    visibility: hidden !important;
}

/* Fix Logo on Movil */
@media only screen and (max-width: 767px) {
    body header img#logo {
        max-width: 80% !important;
        max-height: 80% !important;
        height: auto !important;
        width: auto !important;
    }
}

/* Hover general por defecto */
#top-menu-nav #top-menu a:hover,
#mobile_menu_slide a:hover {
	color: #ffdd36 !important;
    opacity: 1;
}

/* Hover blanco cuando el header está fijo (scroll) */
.et-fixed-header #top-menu-nav #top-menu a:hover {
	color: #ffffff !important;
}

/* .et_mobile_menu li a:hover,
.nav ul li a:hover {
    color: #000000; 
    opacity:1;
}*/

/* ========================
   Dropdown Móvil Estilo Personalizado
   ======================== */
@media only screen and (max-width: 980px) {
    .et_mobile_menu {
        background-color: #ffdd36 !important;
    }

    .et_mobile_menu li a {
        color: #000000 !important;
    }

    .et_mobile_menu li a:hover {
        color: #ffffff !important;
        background-color: transparent !important;
    }
}


/* Fix Preguntas Frecuentes - Acordeon - Activar JS */
/* .et_pb_toggle_open .et_pb_toggle_title:before {
	display: block !important;
	content: "\e04f";
} */

/* Centrar Footer */
#footer-info {
	font-size: 12px;
	text-align: center;
	line-height: 1.2em;
	width: 100%;
}

/* Ajuste Top Arrow - Botones Whats y Tel */
.et_pb_scroll_top.et-pb-icon {
    bottom: 15px;
}

@media (max-width:700px) {
    .et_pb_scroll_top.et-pb-icon {
        bottom: 145px;
    }
}

/* Fix botones de Celular - Botones Whats y Tel */
@media (max-width:700px) {
    #footer-info {
	    padding-bottom: 15px;
    }
}

/* Color link e-mail footer */
#footer-info a {
	color: #ffffff;
}

#footer-info a:hover {
	color: #ffdd36;
    opacity: 1;
}
/* Cambiar atributos del AGE GATE */
.age-gate__input {
	background:none !important;
}
.age-gate__button{
	border-radius:100px !important;
}
.age-gate__form{
	padding-top:30%;
}