.elementor-kit-10{--e-global-color-primary:#002C77;--e-global-color-secondary:#54595F;--e-global-color-text:#AAAAAA;--e-global-color-accent:#007EEF;--e-global-color-9d8e09c:#FFFFFF;--e-global-color-9231aee:#002C77;--e-global-color-a78357c:#007EEF;--e-global-color-0e6af63:#F7F7F7;--e-global-color-a806836:#2CC4F2;--e-global-typography-primary-font-family:"Nunito";--e-global-typography-primary-font-size:18px;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-line-height:150%;--e-global-typography-secondary-font-family:"Nunito";--e-global-typography-secondary-font-size:20px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Nunito";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Nunito";--e-global-typography-accent-font-size:14px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-line-height:150%;--e-global-typography-d3327c5-font-family:"Nunito";--e-global-typography-d3327c5-font-size:48px;--e-global-typography-d3327c5-font-weight:700;--e-global-typography-d3327c5-line-height:120%;--e-global-typography-302dca1-font-family:"Nunito";--e-global-typography-302dca1-font-size:42px;--e-global-typography-302dca1-font-weight:800;--e-global-typography-302dca1-line-height:120%;--e-global-typography-b6948ae-font-family:"Nunito";--e-global-typography-b6948ae-font-size:28px;--e-global-typography-b6948ae-font-weight:700;--e-global-typography-b6948ae-line-height:140%;--e-global-typography-6734a42-font-size:18px;--e-global-typography-6734a42-font-weight:600;--e-global-typography-6734a42-line-height:150%;--e-global-typography-edf3f16-font-family:"Nunito";--e-global-typography-edf3f16-font-size:16px;--e-global-typography-edf3f16-font-weight:800;--e-global-typography-edf3f16-line-height:150%;}.elementor-kit-10 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-10{--e-global-typography-d3327c5-font-size:36px;--e-global-typography-d3327c5-letter-spacing:120%;--e-global-typography-302dca1-font-size:32px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.elementor-kit-10 p:last-child {
        margin-bottom: 0;
    }
    
    /* --- Clase Reutilizable: Borde Gradiente al Hover --- */

.hover-borde-gradiente {
    position: relative; /* Necesario para contener el borde */
    border-radius: 24px; /* Ajusta esto si tus elementos tienen otra curvatura */
    /* Opcional: transición suave para el elemento base */
    transition: transform 0.3s ease; 
}

.hover-borde-gradiente::before {
    content: "";
    position: absolute;
    inset: 0; 
    padding: 3px; /* Grosor del borde */
    
    /* TRUCO PRO: 'inherit' hace que el borde copie la curvatura del padre automáticamente */
    border-radius: inherit; 
    
    pointer-events: none; 
    z-index: 1; 
    
    /* El Gradiente */
    background: linear-gradient(90deg, 
        #ff4e00 0%, #ffcc00 20%, 
        #00cc00 40%, #00ccff 60%, 
        #0033cc 80%, #cc00cc 100%
    );
    
    /* Máscara de recorte */
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;

    /* Estado inicial: Invisible */
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* --- Estado Hover --- */
.hover-borde-gradiente:hover::before {
    opacity: 1;
}






/* --- ESTILOS GENERALES DEL BOTÓN (Se ven en PC y Móvil) --- */
.boton-destacado a {
    /* Gradiente Vertical: Oscuro arriba (#001940) -> Claro abajo (#0162B9) */
    background: linear-gradient(to bottom, #001940 0%, #0162B9 100%) !important;
    
    color: #ffffff !important;
    padding: 8px 24px !important;
    border-radius: 0px !important;
    text-transform: none !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    text-decoration: none !important;
    transition: all 0.3s ease;
    border: none !important;
    display: inline-block; 
    line-height: 1.2 !important;
    
    /* Asegurar centrado del texto dentro del botón */
    display: flex !important;
    align-items: center;
    justify-content: center;
}

/* Efecto Hover */
.boton-destacado a:hover {
    background: linear-gradient(to bottom, #002255 0%, #0170d1 100%) !important;
    transform: translateY(-1px);
}

/* --- AJUSTES SOLO PARA ESCRITORIO (Desktop) --- */
/* (min-width: 992px) suele ser el punto de quiebre de Elementor/Bootstrap */
@media (min-width: 992px) {
    
    /* Margen izquierdo para separar de 'Contacto' SOLO en desktop */
    .boton-destacado {
        margin-left: 20px !important;
    }

    /* Ajuste vertical fino para que quede alineado con el texto del menú */
    .boton-destacado a {
        margin-top: -8px; 
    }
}

/* --- AJUSTES PARA MÓVIL (Opcional: Separación vertical) --- */
@media (max-width: 991px) {
    .boton-destacado {
        margin-left: 0 !important; /* En móvil no queremos margen a la izquierda */
        margin-top: 10px !important; /* Un poco de aire arriba si hace falta en el menú desplegable */
    }
}/* End custom CSS */