/*
 * SÉNTICA · piel contemporánea 2026
 *
 * Capa exclusivamente visual y reversible. Se carga después de
 * sentica-polish.css. No modifica datos, estructura, identificadores ni
 * eventos. Para volver al acabado anterior basta con retirar su <link>.
 */

:root{
  --sm-bg:#f4f6f8;
  --sm-surface:#ffffff;
  --sm-surface-soft:#f7f9fa;
  --sm-surface-tint:#edf7f5;
  --sm-ink:#10243a;
  --sm-copy:#52667a;
  --sm-faint:#8090a0;
  --sm-line:#dce4e9;
  --sm-line-strong:#cbd7de;
  --sm-accent:#008f87;
  --sm-accent-dark:#006b68;
  --sm-accent-soft:#dff3ef;
  --sm-navy:#0d2744;
  --sm-warning:#d99021;
  --sm-radius-sm:10px;
  --sm-radius:16px;
  --sm-radius-lg:22px;
  --sm-shadow:0 1px 2px rgba(13,39,68,.035),0 8px 24px rgba(13,39,68,.055);
  --sm-shadow-up:0 3px 8px rgba(13,39,68,.06),0 18px 44px rgba(13,39,68,.11);

  --bg:var(--sm-bg);
  --panel:var(--sm-surface);
  --panel2:var(--sm-surface-soft);
  --card:var(--sm-surface);
  --ink:var(--sm-ink);
  --ink2:var(--sm-copy);
  --ink3:var(--sm-faint);
  --muted:var(--sm-copy);
  --line:var(--sm-line);
  --brand:var(--sm-accent);
  --brandink:var(--sm-accent-dark);
  --accent:var(--sm-accent);
}

html{
  background:var(--sm-bg);
  scroll-behavior:smooth;
}

body{
  background:
    radial-gradient(900px 420px at 100% 0,rgba(0,143,135,.075),transparent 64%),
    radial-gradient(700px 360px at 10% 18%,rgba(45,112,190,.045),transparent 68%),
    var(--sm-bg);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--sm-ink);
}

/* Cabecera: barra de producto ligera, estable y contemporánea. */
header.stc-header{
  position:sticky;
  top:0;
  z-index:1200;
  min-height:66px;
  padding:10px 22px;
  background:rgba(255,255,255,.88);
  border:0;
  border-bottom:1px solid rgba(203,215,222,.82);
  box-shadow:0 1px 0 rgba(255,255,255,.9),0 8px 28px rgba(13,39,68,.055);
  backdrop-filter:blur(18px) saturate(150%);
}

.stc-brand{gap:10px}
.stc-brand svg{
  width:36px;
  height:36px;
  filter:saturate(.88);
}
.stc-brand-txt b{
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:20px;
  font-weight:760;
  letter-spacing:-.035em;
}
.stc-brand-txt small{
  margin-top:3px;
  color:var(--sm-accent);
  font-size:8px;
  font-weight:750;
  letter-spacing:.28em;
}
.stc-headright{gap:10px}
.stc-headright>.tag{
  border:0;
  background:transparent;
  color:var(--sm-faint);
  font-size:11px;
  font-weight:600;
}
.themebtn,.novbtn,.helpbtn,.salir{
  min-height:36px;
  border:1px solid var(--sm-line);
  border-radius:999px;
  background:rgba(255,255,255,.78);
  color:var(--sm-copy);
  box-shadow:none;
}
.themebtn:hover,.novbtn:hover,.helpbtn:hover,.salir:hover{
  border-color:rgba(0,143,135,.38);
  background:var(--sm-accent-soft);
  color:var(--sm-accent-dark);
  transform:none;
}

/* Armazón: navegación de producto más clara y área útil más amplia. */
#cpvApp{
  width:100%;
  max-width:none;
  gap:20px;
  margin:0;
  padding:20px clamp(18px,2.2vw,38px) 42px;
  align-items:flex-start;
}
#cpvApp>section{min-width:0}

#cpvApp .modenav{
  top:86px;
  width:218px;
  flex:0 0 218px;
  padding:13px 10px 14px;
  border:1px solid rgba(203,215,222,.9);
  border-radius:18px;
  background:rgba(255,255,255,.86);
  box-shadow:var(--sm-shadow);
  backdrop-filter:blur(15px) saturate(135%);
}
#cpvApp .navttl{
  margin:0 5px 9px;
  padding:3px 5px 13px;
  border-bottom:1px solid var(--sm-line);
  color:var(--sm-navy);
  font-size:13px;
  font-weight:760;
  letter-spacing:-.01em;
}
#cpvApp .modegrp{
  margin:14px 9px 5px;
  color:#8a99a8;
  font-size:8.5px;
  font-weight:800;
  letter-spacing:.16em;
}
#cpvApp .modebtn{
  min-height:36px;
  margin:1px 0;
  padding:8px 10px;
  border:0;
  border-radius:10px;
  color:#40556a;
  font-size:12.5px;
  font-weight:650;
  gap:9px;
}
#cpvApp .modebtn svg{
  width:17px;
  height:17px;
  color:#7790a3;
  transition:color .15s ease;
}
#cpvApp .modebtn:hover{
  background:#f0f6f6;
  color:var(--sm-accent-dark);
}
#cpvApp .modebtn.on,
#cpvApp .modebtn.on:hover{
  color:#fff;
  background:linear-gradient(135deg,#087c79,#00a39a);
  box-shadow:0 7px 16px rgba(0,116,111,.18);
}
#cpvApp .modebtn.on:before{display:none}
#cpvApp .modebtn.on svg{color:#fff}

/* Cabeceras de módulo: menos caja antigua, más jerarquía. */
#cpvApp .bar,
#cpvApp .actorhero,
#cpvApp .bihero,
#cpvApp .ini-head,
#cpvApp .gl-head{
  border:1px solid rgba(203,215,222,.78);
  border-radius:var(--sm-radius);
  background:rgba(255,255,255,.92);
  box-shadow:var(--sm-shadow);
}
#cpvApp .bar{
  min-height:60px;
  padding:14px 17px;
  border-left:4px solid var(--sm-accent);
}
#cpvApp .bar h2,
#cpvApp .actorhero h2,
#cpvApp .bihero h2,
#cpvApp .ini-head h2,
#cpvApp .gl-head h2{
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--sm-navy);
  font-weight:760;
  letter-spacing:-.035em;
}
#cpvApp .bar h2{font-size:19px}

/* Buscadores y filtros: controles de una sola familia. */
#cpvApp input:not([type=checkbox]):not([type=radio]):not([type=range]),
#cpvApp select,
#cpvApp textarea{
  border:1px solid var(--sm-line-strong);
  border-radius:10px;
  background:#fbfcfd;
  color:var(--sm-ink);
  box-shadow:inset 0 1px 2px rgba(13,39,68,.025);
  transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
#cpvApp input:not([type=checkbox]):not([type=radio]):not([type=range]):focus,
#cpvApp select:focus,
#cpvApp textarea:focus{
  outline:0;
  border-color:rgba(0,143,135,.62);
  background:#fff;
  box-shadow:0 0 0 3px rgba(0,143,135,.11);
}
#provincias #pvBuscador{
  border:1px solid rgba(203,215,222,.82);
  border-radius:var(--sm-radius);
  background:rgba(255,255,255,.94);
  box-shadow:var(--sm-shadow);
}
#provincias #pvBuscador select,
#provincias #pvBuscador input{
  border:1px solid var(--sm-line-strong);
  background:#f8fafb;
  box-shadow:none;
}

/* Acciones: sólidas cuando son primarias; discretas cuando son auxiliares. */
#cpvApp button,
#cpvApp .btn,
#cpvApp a.btn,
#cpvApp .full,
#cpvApp .fchip,
#cpvApp .htab,
#cpvApp .dtab,
#cpvApp .rchip,
#cpvApp .pick,
#cpvApp .ic,
#cpvApp .vistabtn{
  border-radius:10px;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-weight:650;
}
#cpvApp .btn,
#cpvApp a.btn{
  border-color:transparent;
  background:linear-gradient(135deg,#087d79,#00a49a);
  color:#fff;
  box-shadow:0 6px 15px rgba(0,132,124,.17);
}
#cpvApp .btn:hover,
#cpvApp a.btn:hover{
  background:linear-gradient(135deg,#066c69,#008f87);
  box-shadow:0 8px 20px rgba(0,112,106,.22);
  transform:translateY(-1px);
}
#cpvApp .btn.g,
#cpvApp .btn.ghost,
#cpvApp .full,
#cpvApp .fchip,
#cpvApp .htab,
#cpvApp .dtab,
#cpvApp .rchip,
#cpvApp .pick,
#cpvApp .ic,
#cpvApp .vistabtn{
  border:1px solid var(--sm-line);
  background:#fff;
  color:#42586c;
  box-shadow:none;
}
#cpvApp .btn.g:hover,
#cpvApp .btn.ghost:hover,
#cpvApp .full:hover,
#cpvApp .fchip:hover,
#cpvApp .htab:hover,
#cpvApp .dtab:hover,
#cpvApp .rchip:hover,
#cpvApp .pick:hover,
#cpvApp .ic:hover,
#cpvApp .vistabtn:hover{
  border-color:rgba(0,143,135,.35);
  background:var(--sm-accent-soft);
  color:var(--sm-accent-dark);
}
/* 7-ago-2026 — RETIRADA. Él: «tanto en radares como en empresas me salen títulos
   en blanco, son muy incómodos».
   Aquí había una regla que pintaba de BLANCO el texto de TODO lo que llevara `.on`
   dentro de #cpvApp — sin ponerle fondo. Pero la mayoría de las selecciones de esta
   casa tienen fondo CLARO: la pestaña del detalle y los chips `pick`/`rchip` lo
   tienen BLANCO, y la fila de mercado, el comprador, el territorio y la línea de
   negocio lo tienen verde pálido (#eff8f5). Resultado: blanco sobre blanco.
   Medido en producción antes de tocar nada (contraste; por debajo de 2,5 no se lee):
     pestaña del detalle 1,00 · pick 1,00 · rchip 1,00
     fila de mercado 1,08 · línea de negocio 1,07
   Quitada la regla y vuelto a medir, en la misma página:
     7,38 · 7,38 · 7,38 · 13,59 · 13,70
   Y lo que ya estaba bien no se movió: htab 4,77 y el botón de comparativa 15,65,
   que sacan su blanco de su propia regla, con fondo sólido detrás.
   NO volver a poner un color de texto sin fijar el fondo en la misma regla. */

/* Tarjetas de resultados: nuevas superficies, lectura rápida y aire. */
#cpvApp .item,
#cpvApp .pvrow,
#cpvApp .vcard,
#cpvApp .mapcard,
#cpvApp .panel,
#cpvApp .kpi,
#cpvApp .g2c,
#cpvApp .reloj,
#cpvApp .pulsocol{
  border:1px solid rgba(203,215,222,.78);
  border-radius:var(--sm-radius);
  background:rgba(255,255,255,.96);
  box-shadow:var(--sm-shadow);
}
#cpvApp .item,
#provincias .pvrow{
  position:relative;
  overflow:hidden;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
#cpvApp .item:before,
#provincias .pvrow:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:var(--sm-accent);
  opacity:.9;
}
#cpvApp .item:hover,
#provincias .pvrow:hover,
#cpvApp .vcard:hover,
#cpvApp .mapcard:hover{
  border-color:rgba(0,143,135,.28);
  box-shadow:var(--sm-shadow-up);
  transform:translateY(-2px);
}
#cpvApp .item .obj,
#cpvApp .dtitle,
#cpvApp .dtTitle{
  color:var(--sm-navy);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-weight:720;
  letter-spacing:-.012em;
}
#cpvApp .item .amount{
  color:var(--sm-accent-dark);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-weight:780;
  letter-spacing:-.025em;
}
#cpvApp .item .iact{
  gap:7px;
  margin-top:12px;
  padding-top:10px;
  border-top:1px solid #e7ecef;
}
#cpvApp .item .iact a{
  color:var(--sm-accent-dark);
  font-size:11.5px;
  font-weight:700;
  text-decoration:none;
}

/* Datos, estados, leyendas y chips. */
#cpvApp .kpi,
#cpvApp .g2c,
#cpvApp .reloj,
#cpvApp .pulsocol{
  background:linear-gradient(145deg,#fff,#f8fafb);
}
#cpvApp .kpi b,
#cpvApp .g2c b,
#cpvApp .reloj b,
#cpvApp .pulsocol b,
#cpvApp .vcard .big{
  color:var(--sm-navy);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-weight:780;
  letter-spacing:-.035em;
}
#cpvApp .tag,
#cpvApp .chip,
#cpvApp .pill,
#cpvApp .badge{
  border-radius:999px;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-weight:700;
}
#cpvApp .activef,
#cpvApp .pvlegend,
#cpvApp .note,
#cpvApp .notice{
  border-radius:12px;
}

/* Paneles empresariales y de organismos, preservando toda su lógica. */
#inteligencia .bihero,
#inteligencia .bimarketexplorer,
#inteligencia .bicpvbrowser,
#organismos .actorhero,
#empresas .actorhero{
  border:1px solid rgba(203,215,222,.8);
  border-radius:var(--sm-radius-lg);
  background:rgba(255,255,255,.95);
  box-shadow:var(--sm-shadow);
}
#inteligencia .bihero{
  background:
    linear-gradient(125deg,#fff 0%,#fff 64%,rgba(0,143,135,.07) 100%);
}
#inteligencia .bimarketexplorer,
#inteligencia .bicpvbrowser{
  overflow:hidden;
}
#inteligencia .bimarketexplorer button,
#inteligencia .bicpvbrowser button{
  border-radius:999px;
}

/* Pie más integrado con la nueva piel. */
.stc-footer{
  border:0;
  border-top:1px solid var(--sm-line);
  background:rgba(255,255,255,.8);
  color:var(--sm-copy);
}

/* Oscuro: misma arquitectura, sin parches blancos. */
[data-theme=dark]{
  --sm-bg:#0c141c;
  --sm-surface:#121d27;
  --sm-surface-soft:#17232d;
  --sm-surface-tint:#142a29;
  --sm-ink:#edf4f6;
  --sm-copy:#aebdc7;
  --sm-faint:#7f929f;
  --sm-line:#263642;
  --sm-line-strong:#334753;
  --sm-accent:#42c2ba;
  --sm-accent-dark:#78ddd6;
  --sm-accent-soft:#163432;
  --sm-navy:#f3f8fa;
}
[data-theme=dark] body{background:var(--sm-bg)}
[data-theme=dark] header.stc-header,
[data-theme=dark] #cpvApp .modenav,
[data-theme=dark] #cpvApp .bar,
[data-theme=dark] #cpvApp .actorhero,
[data-theme=dark] #cpvApp .bihero,
[data-theme=dark] #cpvApp .item,
[data-theme=dark] #cpvApp .pvrow,
[data-theme=dark] #cpvApp .vcard,
[data-theme=dark] #cpvApp .mapcard,
[data-theme=dark] #cpvApp .panel,
[data-theme=dark] #cpvApp .kpi{
  background:rgba(18,29,39,.94);
}
[data-theme=dark] #cpvApp input,
[data-theme=dark] #cpvApp select,
[data-theme=dark] #cpvApp textarea{
  background:#101b24;
}

/* Adaptación: la navegación se vuelve una tira horizontal, sin ocultar módulos. */
@media(max-width:980px){
  header.stc-header{position:relative}
  #cpvApp{
    flex-direction:column;
    padding:14px;
  }
  #cpvApp .modenav{
    position:sticky;
    top:8px;
    z-index:900;
    width:100%;
    flex:0 0 auto;
    display:flex;
    flex-wrap:nowrap;
    gap:4px;
    padding:7px;
    overflow-x:auto;
    border-radius:14px;
  }
  #cpvApp .navttl,
  #cpvApp .modegrp{display:none}
  #cpvApp .modebtn{
    flex:0 0 auto;
    width:auto;
    margin:0;
    padding:8px 10px;
  }
}

@media(max-width:640px){
  header.stc-header{padding:9px 12px}
  .stc-headright>.tag{display:none}
  .stc-brand-txt small{display:none}
  #cpvApp{padding:10px 9px 28px}
  #cpvApp .bar{padding:12px}
  #cpvApp .bar h2{font-size:17px}
  #cpvApp .item,
  #provincias .pvrow{border-radius:13px}
}

/* La revista y los documentos conservan deliberadamente su lenguaje editorial. */
#revista,
[class^="pp-"],
[class*=" pp-"]{
  --sm-shadow:none;
}