/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 06 2026 | 22:22:15 */
/* =========================================================
   AVSYS CTA — Botón en menú principal
   Añadir la clase "av-cta" al elemento del menú.
   Recomendado para enlaces externos / acciones principales.
   ========================================================= */


/* ---------------------------------------------------------
   DESKTOP
   --------------------------------------------------------- */

@media (min-width: 981px) {

    #top-menu > li.av-cta > a {
        background-color: #E1F44D;
        color: #000000 !important;
        padding: 10px 15px !important;
        /* border: 2px solid #ffffff; */
        border-radius: 5px;
		font-size: 15px;

        box-shadow: 0 8px 18px rgba(0, 0, 0, 0.20);

        transition:
            background-color 0.2s ease,
            box-shadow 0.2s ease,
            transform 0.2s ease;

        opacity: 1 !important;
    }

    #top-menu > li.av-cta > a:hover,
    #top-menu > li.av-cta > a:focus-visible {
        background-color: #c2d514;
        color: #000000 !important;
        opacity: 1 !important;

        box-shadow: 0 10px 22px rgba(0, 0, 0, 0.25);
        transform: translateY(-1px);
    }

}


/* ---------------------------------------------------------
   MÓVIL / TABLET
   No depende de breakpoint para que también funcione si
   forzamos el menú móvil a 1280px, 1200px, etc.
   --------------------------------------------------------- */

.et_mobile_menu li.av-cta {
    padding: 8px 20px;
}

.et_mobile_menu li.av-cta > a {
    display: block;

    background-color: #009ddc;
    color: #ffffff !important;

    padding: 12px 16px !important;
    border: none;
    border-radius: 8px;

    text-align: center;

    box-shadow: none;

    transition:
        background-color 0.2s ease,
        color 0.2s ease;

    opacity: 1 !important;
}

.et_mobile_menu li.av-cta > a:hover,
.et_mobile_menu li.av-cta > a:focus-visible {
    background-color: #003162 !important;
    color: #ffffff !important;
    opacity: 1 !important;
}