/* COLVATALENT_IDENTIDAD_CORPORATIVA_GLOBAL_FASE1
 * Paleta institucional basada en el logo COLVATEL.
 * Este archivo se carga al final para unificar la identidad visual sin alterar logica.
 */
:root{
    --colvatel-navy:#263b72;
    --colvatel-blue:#143f70;
    --colvatel-blue-2:#1f5f8f;
    --colvatel-green:#a7b52a;
    --colvatel-green-dark:#7f9120;
    --colvatel-green-soft:#f3f6df;
    --colvatel-blue-soft:#eef3f9;
    --colvatel-ink:#17243b;
    --colvatel-muted:#6f8296;
    --colvatel-line:#d8e2ec;
    --navy:var(--colvatel-blue);
    --navy2:var(--colvatel-navy);
    --green:var(--colvatel-green);
    --bg:#f2f6f9;
    --text:var(--colvatel-ink);
    --muted:var(--colvatel-muted);
    --line:var(--colvatel-line);
}

html{accent-color:var(--colvatel-blue)}
body{color:var(--colvatel-ink)}
a{color:var(--colvatel-blue)}
a:hover{color:var(--colvatel-green-dark)}

/* Fondo general */
.app-body,
.login-page,
.public-page,
.public-page.center{
    background-color:#f3f7fa;
    background-image:
        linear-gradient(rgba(38,59,114,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(38,59,114,.035) 1px,transparent 1px);
}

/* Sidebar y navegacion */
.sidebar{border-right-color:#d5e0ea;box-shadow:2px 0 14px rgba(38,59,114,.025)}
.brand{border-bottom-color:#d8e2ec;background:#fff}
nav a{color:#3f526a;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease}
nav a:hover{background:#f3f6df;color:var(--colvatel-blue)}
nav a.active{
    background:linear-gradient(90deg,#eaf0f7,#f2f5df);
    color:var(--colvatel-navy);
    box-shadow:inset 3px 0 0 var(--colvatel-green);
    font-weight:700;
}
.nav-label,.sidebar .nav-label,aside .nav-label{color:var(--colvatel-navy)}
.sidebar .nav-label:hover,aside .nav-label:hover{background:rgba(167,181,42,.10);color:var(--colvatel-navy)}

/* Cabecera */
.topbar{border-bottom-color:#d8e2ec;background:rgba(255,255,255,.98)}
.topbar h1,.topbar h2{color:var(--colvatel-navy)}
.topbar small{color:var(--colvatel-muted)}
.avatar{background:linear-gradient(135deg,var(--colvatel-blue),var(--colvatel-navy));box-shadow:0 0 0 3px rgba(167,181,42,.16)}
.link-button{color:var(--colvatel-blue)}
.link-button:hover{color:var(--colvatel-green-dark)}

/* Titulos y tarjetas */
h1,h2,h3{color:var(--colvatel-navy)}
.card,.stat,.login-card,.offer-card,.job-detail-card,.job-apply-card,.privacy-card,.talent-pool-card{
    border-color:#dbe4ec;
    box-shadow:0 8px 26px rgba(38,59,114,.055);
}
.card h2,.card h3,.stat b{color:var(--colvatel-blue)}

/* Formularios */
input,select,textarea{
    border-color:#cbd8e3;
    color:var(--colvatel-ink);
    transition:border-color .15s ease,box-shadow .15s ease;
}
input:focus,select:focus,textarea:focus{
    outline:none;
    border-color:var(--colvatel-blue);
    box-shadow:0 0 0 3px rgba(38,59,114,.10),0 0 0 1px rgba(167,181,42,.22);
}
input[type="checkbox"],input[type="radio"]{accent-color:var(--colvatel-blue)}

/* Botones */
.btn{border-color:#c8d6e2;color:var(--colvatel-blue);background:#fff}
.btn:hover{border-color:var(--colvatel-blue);color:var(--colvatel-navy);background:#f7f9fb}
.btn.primary,
button.btn.primary,
a.btn.primary{
    background:linear-gradient(135deg,var(--colvatel-blue),var(--colvatel-navy));
    border-color:var(--colvatel-navy);
    color:#fff;
    box-shadow:0 5px 14px rgba(38,59,114,.13);
}
.btn.primary:hover,
button.btn.primary:hover,
a.btn.primary:hover{
    background:linear-gradient(135deg,var(--colvatel-navy),#1e315f);
    color:#fff;
    box-shadow:0 6px 16px rgba(38,59,114,.18),inset 0 -3px 0 rgba(167,181,42,.72);
}

/* Tablas */
th{color:#667d94;border-bottom-color:#d6e1ea}
tbody tr:hover td{background:#fbfcf4}
td{border-bottom-color:#e8eef3}

/* Badges y elementos neutros */
.badge{background:#eef3f8;color:var(--colvatel-blue);border:1px solid #dce6ee}
.chip,.flow span{background:#eef3f8;color:#50657c}
.flow .done{background:#eff5df;color:#667b19}
.timeline{border-left-color:#d4e0e9}
.timeline>div:before{background:var(--colvatel-blue);box-shadow:0 0 0 3px rgba(167,181,42,.15)}

/* Enlaces rapidos y controles azules heredados */
.dash-quick-links a,.dash-closing-links a,
.aff-contract-actions a,
.talent-back-link{
    color:var(--colvatel-blue)!important;
}

/* Portales publicos */
.talent-public-topbar{
    background:linear-gradient(90deg,var(--colvatel-navy),var(--colvatel-blue));
    box-shadow:0 2px 10px rgba(38,59,114,.18);
    border-bottom:3px solid var(--colvatel-green);
}
.talent-bank-banner{
    background:linear-gradient(100deg,var(--colvatel-blue),var(--colvatel-navy));
    box-shadow:0 9px 24px rgba(38,59,114,.15);
    border-bottom:3px solid rgba(167,181,42,.85);
}
.talent-bank-button{color:var(--colvatel-navy)!important}
.jobs-button,.talent-filter-primary{
    background:var(--colvatel-blue)!important;
    border-color:var(--colvatel-blue)!important;
    color:#fff!important;
}
.jobs-button:hover,.talent-filter-primary:hover{background:var(--colvatel-navy)!important}
.job-detail-kicker{color:var(--colvatel-green-dark)}
.job-detail-body h1,.job-detail-body h3,.talent-pool-head h1{color:var(--colvatel-navy)}

/* Login / autenticacion */
.login-card{position:relative;overflow:hidden}
.login-card::before{
    content:"";
    position:absolute;
    left:0;top:0;right:0;
    height:4px;
    background:linear-gradient(90deg,var(--colvatel-navy) 0 72%,var(--colvatel-green) 72% 100%);
}
.login-card>p,.login-card footer{color:#75899d}
.login-card a{color:var(--colvatel-blue)}

/* Dialogos / modales */
dialog{border-color:#d7e2eb!important}
dialog::backdrop{background:rgba(22,39,71,.58)!important}

/* Barras y acentos de proceso: solo neutros, sin cambiar estados de alerta */
.funnel-track b,.time-track b,.trend-bar-wrap b,.dash-track i,.dash-month-bar i{
    background:linear-gradient(90deg,var(--colvatel-blue),#2b7798)!important;
}

/* Scrollbar discreta en navegadores compatibles */
.sidebar{scrollbar-color:#b9c7d3 transparent;scrollbar-width:thin}

@media(max-width:760px){
    nav a.active{box-shadow:inset 2px 0 0 var(--colvatel-green)}
}