/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 06 2026 | 02:57:53 */
/**
 * AVSYS — Divi Basic
 * Base reutilizable para sitios WordPress con Divi 4.
 *
 * Revisión: 2026-08-05
 * Compatibilidad revisada con:
 * - Divi 4.27.7
 * - AVSYS Menú móvil colapsable v2.2
 *
 * IMPORTANTE:
 * Este archivo conserva únicamente estilos generales del tema.
 * La apertura, cierre, flechas y estados del menú móvil se controlan
 * desde avsys-menu-desplegable.css y avsys-menu-desplegable.js.
 */


/* ==========================================================
   1. OPCIONES DISPONIBLES — DESACTIVADAS POR DEFECTO
   Descomentar únicamente cuando el proyecto lo requiera.
   ========================================================== */

/*
 * Forzar el menú móvil hasta 1280 px.
 *
 * ATENCIÓN:
 * Si se activa este bloque, el breakpoint de
 * avsys-menu-desplegable.css también debe cambiar de 980 px
 * a 1280 px para que el acordeón funcione en todo ese rango.
 */
/*
@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;
    }
}
*/


/* Ocultar el carrito de WooCommerce en el menú de Divi. */
/*
.et-cart-info {
    display: none;
}
*/


/* Eliminar la sombra o línea inferior del encabezado. */
/*
header#main-header.et-fixed-header,
#main-header {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
*/


/* Mostrar el icono del acordeón abierto de Divi. */
/*
.et_pb_toggle_open .et_pb_toggle_title::before {
    display: block !important;
    content: "\e04f";
}
*/


/* ==========================================================
   2. ELEMENTOS GENERALES
   ========================================================== */

/* Ocultar visualmente la insignia flotante de reCAPTCHA. */
body.et_pb_recaptcha_enabled .grecaptcha-badge {
    visibility: hidden !important;
}


/* Citas o bloques destacados. */
blockquote {
    border-left: 5px solid #f49c5b !important;
}


/* Enlaces con la clase personalizada .link-bottom. */
.link-bottom:hover {
    color: #f49c5b !important;
}


/* ==========================================================
   3. ENCABEZADO Y LOGOTIPO
   ========================================================== */

/* Evitar que el logotipo rebase el encabezado en celular. */
@media only screen and (max-width: 767px) {
    body header img#logo {
        width: auto !important;
        height: auto !important;
        max-width: 80% !important;
        max-height: 80% !important;
    }
}


/* ==========================================================
   4. NAVEGACIÓN DE ESCRITORIO
   ========================================================== */

/* Interlineado de los enlaces en submenús de escritorio */
#top-menu li li a {
    line-height: 1.2em;
}

/* Color de los enlaces al pasar el cursor. */
#top-menu-nav #top-menu a:hover,
.et-fixed-header #top-menu a:hover {
    color: #004e9c !important;
    opacity: 1;
}


/* ==========================================================
   5. MENÚ MÓVIL DE DIVI — ESTILOS GENERALES

   Estas reglas no controlan el acordeón ni las flechas.
   Son compatibles con AVSYS Menú móvil colapsable v2.2.
   ========================================================== */

/* Color del icono de hamburguesa. */
.mobile_menu_bar::before {
    color: #004e9c !important;
}


/* Borde superior del panel móvil. */
ul.et_mobile_menu {
    border-top: 4px solid #ff9966 !important;
}


/* Tipografía y color de los enlaces del menú móvil. */
ul.et_mobile_menu li > a {
    color: #666666 !important;
    line-height: 1.2em;
    text-transform: uppercase;
}


/* Estado hover del menú móvil. */
ul.et_mobile_menu li > a:hover,
#mobile_menu_slide a:hover {
    color: #004e9c !important;
    opacity: 1;
}


/* ==========================================================
   6. FOOTER NATIVO DE DIVI
   ========================================================== */

/* Centrar el contenido del footer inferior. */
#footer-info {
    width: 100%;
    font-size: 12px;
    line-height: 1.2;
    text-align: center;
}


/* Color de enlaces del footer. */
#footer-info a {
    color: #ffffff;
}

#footer-info a:hover {
    color: #009ddc;
    opacity: 1;
}


/* ==========================================================
   7. BOTÓN VOLVER ARRIBA Y BARRA MÓVIL DE CONTACTO
   ========================================================== */

/* Posición normal del botón Volver arriba. */
.et_pb_scroll_top.et-pb-icon {
    bottom: 15px;
}


/* Dejar espacio para los botones fijos de WhatsApp y teléfono. */
@media only screen and (max-width: 700px) {
    .et_pb_scroll_top.et-pb-icon {
        bottom: 145px;
    }

    #footer-info {
        padding-bottom: 15px;
    }
}


/*** Finaliza AVSYS — Divi Basic ***/