:root {
    /* Azul formal (SICT/Ingeniería) */
    --theme-color: #003366; 
    /* Azul de realce para efectos */
    --theme-color-light: #0056b3;
}

/*===== Fondo de Color Primario (Botones, capas e iconos) =====*/
.thm-bg,
.thm-layer:before,
.header-right-btns > a.get-quote,
.feat-caro > button.slick-arrow:hover:before,
.video-btn:hover > span, 
.about-image > span,
.proj-box:hover .proj-info,
.solutions-list > li:hover > i,
.sec-title-inner2 > h2 i:before,
.sec-title-inner2 > h2 i:after,
.slick-dots > li.slick-active button,
.team-social > a,
.tagclouds > a:before,
.widget-video-box > a,
.simple-btn.bg-color1:hover,
.rspn-mnu-btn:hover,
.social-links > a:hover {
    background-color: var(--theme-color) !important;
}

/*===== Color de Texto con Contorno de Visibilidad =====*/
/* Esto aplica el borde blanco para que el azul no se pierda */
.thm-clr,
nav ul li:hover > a,
nav ul li.active > a,
.serv-box-inner > h3 a,
.sec-title-inner2 > h2,
.solutions-content-wrap h2,
.footer-data h3,
.post-info > h3 a:hover,
.contact-info-box > i {
    color: var(--theme-color) !important;
    text-shadow: 
        1px 1px 0px #ffffff, 
        -1px -1px 0px #ffffff, 
        1px -1px 0px #ffffff, 
        -1px 1px 0px #ffffff;
    font-weight: 700;
}

/*===== Quitar contorno en fondos que ya son blancos =====*/
.white-bg .thm-clr, 
.bg-white .thm-clr,
.topbar-info-list > li a {
    text-shadow: none !important;
}

/*===== Bordes y Detalles =====*/
.thm-brd-clr,
.about-image > span:before,
blockquote {
    border-color: var(--theme-color) !important;
}

/*===== Ajuste de Footer (Fondo Marino para resaltar el azul) =====*/
.bg-color5 {
    background-color: #0a192f !important;
}

/*===== ESTILO ESPECIAL: BOTÓN PORTAL DE EMPLEADOS =====*/
/* Forzamos que este botón sea blanco sólido con letras azules */
#btn-acceso-soft, 
.visitor-stat-box a[href*="soft.dica"] {
    background-color: #ffffff !important;
    color: var(--theme-color) !important;
    border: 2px solid #ffffff !important;
    font-weight: 800 !important;
    text-shadow: none !important; 
    padding: 12px 25px !important;
    border-radius: 5px !important;
    display: inline-block !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    position: relative !important;
    z-index: 99999 !important;
}

#btn-acceso-soft:hover {
    background-color: #f0f0f0 !important;
    box-shadow: 0px 4px 15px rgba(0,0,0,0.3);
}

/*===== Iconos con Resplandor =====*/
.thm-clr i, 
.solutions-list > li > i {
    filter: drop-shadow(0px 0px 2px #ffffff);
}