/* =====================================================================
   TConsulting · tema claro para las páginas interiores.
   Se carga después de estilo.2026.css y lleva esas páginas al lenguaje de
   la portada (propuesta 2): blanco, tinta casi negra, el azul del iceberg
   como acento, botones negros redondos y tarjetas blancas con borde fino.
   Los bloques .tinta siguen oscuros, como el bloque negro de la portada.
   ===================================================================== */
:root{
  --fondo:#ffffff;
  --fondo-2:#f6f7f9;
  --fondo-3:#eef1f4;
  --vidrio:#ffffff;
  --linea:#e6e8ec;
  --linea-2:#d5d9df;
  --tinta:#0b1220;
  --tinta-2:#2b3442;
  --gris:#5f6b7a;
  --gris-2:#8b95a3;
  --hielo:#0b62b8;
  color-scheme:light;
}
html,body{background:#fff;color:var(--tinta-2)}
::selection{background:#cdeaf8;color:var(--tinta)}

/* ---------- cabecera ---------- */
header.top{background:rgba(255,255,255,.85);border-bottom-color:var(--linea)}
header.top.pegada{background:rgba(255,255,255,.95);border-bottom-color:var(--linea);box-shadow:0 8px 30px -22px rgba(11,18,32,.35)}
nav.menu a{color:var(--tinta-2)}
nav.menu a:hover{color:var(--tinta);background:#f1f3f6}
nav.menu a.on{color:var(--tinta);background:#eef6fb;box-shadow:inset 0 0 0 1px rgba(17,152,212,.25)}
nav.menu a.cta,nav.menu a.cta:hover{background:var(--tinta);color:#fff;box-shadow:none;animation:none}
nav.menu a.cta:hover{background:#000}
.hamb span{background:var(--tinta)}
@media (max-width:1180px){ nav.menu{background:rgba(255,255,255,.98)} }

/* ---------- encabezado de página ---------- */
.encab{background:var(--fondo-2);border-bottom-color:var(--linea)}
.encab::before{background-image:linear-gradient(rgba(11,18,32,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(11,18,32,.05) 1px,transparent 1px)}
/* la foto va en su propia capa a la derecha y se funde en blanco por la izquierda y por abajo */
.encab[style*="--foto"]{background:#fff}
.encab[style*="--foto"]::after{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;width:min(50%,640px);
  background:var(--foto) center 40%/cover no-repeat;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 50%),linear-gradient(0deg,transparent,#000 30%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent,#000 50%),linear-gradient(0deg,transparent,#000 30%);mask-composite:intersect}
@media (max-width:900px){
  .encab[style*="--foto"]::after{width:100%;opacity:.28;
    -webkit-mask-image:linear-gradient(0deg,transparent 10%,#000 80%);mask-image:linear-gradient(0deg,transparent 10%,#000 80%)}
}
.encab h1{color:var(--tinta)}
.encab p{color:var(--gris)}

/* ---------- secciones ---------- */
section.blq.gris{background:var(--fondo-2);border-color:var(--linea)}
section.blq.tinta{background:#07090d;border-color:#1b2029}
section.blq.tinta .ante{color:#8fd4f2}

/* ---------- tarjetas ---------- */
.caja,.tarj,section.blq.gris .caja{background:#fff;border:1px solid var(--linea)}
.caja::before,.tarj::before{background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(17,152,212,.07),transparent 45%)}
.caja:hover,.tarj:hover{border-color:var(--linea-2);box-shadow:0 24px 44px -28px rgba(11,18,32,.3)}
.tarj .ic{color:var(--hielo);background:#eef6fb;border-color:rgba(17,152,212,.2);box-shadow:none}
.blq.tinta .caja,.blq.tinta .tarj{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12)}
.blq.tinta .caja h4,.blq.tinta .tarj h3{color:#fff}
.blq.tinta .caja p,.blq.tinta .tarj p{color:#a8b0bc}

/* ---------- botones ---------- */
.btn{border-radius:999px}
.btn.pri,.btn.azul,.btn.pri:hover,.btn.azul:hover{background:var(--tinta);color:#fff;box-shadow:none;animation:none}
.btn.pri:hover,.btn.azul:hover{background:#000;box-shadow:0 10px 26px -12px rgba(11,18,32,.55)}
.btn.sec{background:#eef0f3;color:var(--tinta);border-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
.btn.sec:hover{background:#e3e6ea;border-color:transparent}
.blq.tinta .btn.sec{background:rgba(255,255,255,.1);color:#fff}
.blq.tinta .btn.pri,.blq.tinta .btn.azul{background:#fff;color:var(--tinta)}
.mas,.tarj .mas{color:var(--tinta)}

/* ---------- cifras, logos y tablas ---------- */
.cifra{background:var(--fondo-2)}
.credo{background:#fff}
.logos img{filter:grayscale(1);mix-blend-mode:multiply;opacity:.65}
.logos img:hover{filter:none;opacity:1}
.muro div{background:#fff}
.muro div:hover{background:var(--fondo-2)}
.muro img{filter:grayscale(1);mix-blend-mode:multiply;opacity:.8}
.scroll{background:#fff}
thead th{background:var(--fondo-2)}
tbody tr:hover{background:#f6fafd}

/* ---------- destacados y formularios ---------- */
.nota,section.blq.gris .nota{background:#f2f8fc;border-color:rgba(17,152,212,.2)}
input,select,textarea{background:#fff;color:var(--tinta);border-color:var(--linea-2)}
input:focus,select:focus,textarea:focus{background:#fff}
select option{background:#fff;color:var(--tinta)}
[style*="background:#f2f9fe"]{background:#f2f9fe!important;border-color:#cfe7f8!important;color:var(--hielo)!important}

/* diagrama SVG de la asesoría integral: vuelve a su versión clara */
main svg rect[fill="#fff"]{fill:#fff;stroke:#d8e2ea}

/* ---------- pie ---------- */
footer.pie{background:#fff;color:var(--gris);border-top-color:var(--linea)}
footer.pie h4{color:var(--tinta)}
footer.pie a{color:var(--gris)}
footer.pie a:hover{color:var(--tinta)}
footer.pie .abajo{border-top-color:var(--linea);color:var(--gris-2)}
footer.pie p[style]{color:var(--gris)!important}

/* cotizador: sus colores fijos venían pensados para fondo oscuro */
html body .cz-op b,html body .cz-precio,html body #cz-res .cz-tot td,html body .cz-res-cab h2{color:var(--tinta)}
html body .cz-op{background:#fff}
html body .cz-op[aria-pressed="true"]{background:#f2f8fc}
html body .cz-op:hover{border-color:rgba(17,152,212,.45)}
html body .cz-error,html body .cz-msg,html body .cz-envio.mal{color:#b42318}
html body .cz-envio.ok{color:#127a46}