:root {

    /* =========================
       HEADER
    ========================== */

    --above-header-bg: #1F3E5A;                 /* Azul profundo tech */
    --above-header-color: #E6F4FA;

    --header-primary-bg: #0F2A3D;               /* Azul digital oscuro */

    --menu-link-reposo-color: #CDEAF3;
    --menu-link-hover-color: #5DC0DB;           /* Celeste marca */
    --menu-link-current-color: #00B894;         /* Verde tech moderno */

    /* =========================
       BUSCADOR
    ========================== */

    --dgwt-bg: #16384F;
    --dgwt-color: #E6F4FA;
    --dgwt-bg-hover: #1F4A66;

    /* =========================
       FOOTER
    ========================== */

    --footer-primary-bg: #0B1E2D;
    --footer-primary-color: #CDEAF3;
    --footer-primary-color-hover: #5DC0DB;

    --footer-below-bg: #3b5c6c;
    --footer-below-color: #8FBFD0;
    --footer-below-color-hover: #FFFFFF;

    --re-captcha-color: #6EAFC7;
    --mapa-google-color: #5DC0DB;

    /* =========================
       BOTÓN WHATSAPP
    ========================== */

    --whatsapp-btn-bg: #00B894;
    --whatsapp-btn-color: #FFFFFF;
    --whatsapp-btn-hover-bg: #009E7A;
    --whatsapp-btn-hover-color: #FFFFFF;

    /* =========================
       ELEMENTOS DESTACADOS
    ========================== */

    --pill-bg: #3976A4;
    --pill-color: #FFFFFF;

    --linea-tiempo-year-bg: #5DC0DB;
    --linea-tiempo-year-color: #0F2A3D;
    --linea-tiempo-descripcion-color: #9FBFCC;

    /* =========================
       TEXTO GENERAL
    ========================== */

    --color-texto-pagina: #1E293B;              /* Gris frío moderno */

    /* =========================
       FORMULARIOS
    ========================== */

    --form-control-border-color: #2C4F66;
    --form-control-bg: #F4F9FC;
    --form-control--color: #1E293B;
    --form_control-alerta-color: #FF4D4D;
    --form-control-focus-color: #3976A4;

    --form-boton-enviar-mensaje-bg: #3976A4;
    --form-boton-enviar-mensaje-color: #FFFFFF;
    --form-boton-enviar-mensaje-bg-hover: #2F6287;
    --form-boton-enviar-mensaje-color-hover: #FFFFFF;

    /* =========================
       TITULOS
    ========================== */

    --sub-titulo-seccion-color: #3976A4;
    --content-page-header-color: #0F2A3D;

    /* =========================
       BOTÓN COTIZACIÓN
    ========================== */

    --cotizacion-boton-bg: #00B894;
    --cotizacion-boton-color: #FFFFFF;

   

    /* OPCIÓN 1 — Gradientes Corporativos Modernos (Sutiles y Elegantes) */
    /* Gradientes Corporativos */
    --gradient-header: linear-gradient(135deg, #0F2A3D 0%, #1F3E5A 100%);
    --gradient-cta: linear-gradient(135deg, #3976A4 0%, #5DC0DB 100%);
    --gradient-accent: linear-gradient(135deg, #00B894 0%, #009E7A 100%);
    --gradient-dark-section: linear-gradient(135deg, #081520 0%, #0F2A3D 100%);

    /*✅ 1️⃣ Sombra de contorno (Glow Industrial Tech en Hover)*/
    --card-hover-outline: 0 0 0 2px rgba(93, 192, 219, 0.4);
    --card-hover-shadow: 0 10px 25px rgba(15, 42, 61, 0.15);

}