/* BrickMind Media · Identidad corporativa única (página, portal, centro de mando e informe).
   Papel blanco y marfil, tinta casi negra, azul marino institucional y un filo dorado discreto. */
:root{color-scheme:light;
  --bg:#DCE5EA;--bg2:#D2DDE3;--panel:#EEF3F5;--line:#CCD8DE;--line2:#B3C2CA;
  --fg:#0B0D12;--soft:#3B4049;--muted:#6B7280;--faint:#8A8F98;
  --gold:#A3824F;--gold2:#8C6A2F;--accent:#0B3A53;--ivory:#0B3A53;--ink:#FFFFFF;--teal:#0E7C86;
  --ok:#1D6B47;--emerald:#1D6B47;--mid:#9A6A12;--bad:#9B2C2C;--blue:#0B3A53;--sapphire:#2457A6;--sky:#2457A6;--coral:#B4532A;--teal:#1F6F6A;--lime:#4D7A1F;--rose:#9C3A63;--amethyst:#5B3FA0;
  --navy:#0B3A53}
html,body{background:var(--bg)}
body{color:var(--fg)}
::selection{background:#0B3A53;color:#fff}
/* Botones: rectos y sobrios */
.btn{border-radius:2px!important;border-color:var(--line2)}
.btn:hover{background:#0B3A53!important;color:#fff!important;border-color:#0B3A53!important}
.btn.gold{background:#0B3A53!important;border-color:#0B3A53!important;color:#fff!important}
.btn.gold:hover{background:#0E4D6B!important}
/* Encabezados fijos y paneles */
header:not(.cover){background:rgba(232,239,242,.95)!important;border-bottom:1px solid var(--line)}
.card,.kpi,.item,.a,.col,.lc,.desk,.ag .a,.cc,.q,.tile{background:#EEF3F5}
.kpis{background:#EEF3F5!important}
.card{box-shadow:0 1px 0 rgba(11,13,18,.03)}
.chip{border-color:var(--line2)}
input,select,textarea{background:#F4F7F8!important;color:var(--fg)!important;border-color:var(--line2)!important}
dialog{background:#EEF3F5!important;color:var(--fg)!important;box-shadow:0 30px 80px rgba(11,13,18,.25)}
dialog::backdrop{background:rgba(11,13,18,.35)!important}
/* Página principal: secciones marfil pasan a azul institucional */
.ivory{background:#0B3A53!important;color:#fff!important}
.ivory .eyebrow{color:#D9C29A!important}
.ivory .steps p{color:rgba(255,255,255,.78)!important}
.ivory .steps hr{background:rgba(255,255,255,.2)!important}
.ivory .steps .n{color:#D9C29A!important}
.ivory h2,.ivory h3{color:#fff}
svg [fill="#EDE8DF"]{fill:#0B3A53}
svg [stroke="#EDE8DF"]{stroke:#0B3A53}
.plan.sig{background:linear-gradient(180deg,#DCEAEB,#EEF3F5)!important;border-color:#0B3A53!important}
/* Portal: conversación con el Estratega */
.msg{background:#F7F5F0!important;border-color:var(--line)!important;color:var(--fg)}
.msg.c{background:#0B3A53!important;color:#fff!important;border-color:#0B3A53!important}
.msg.c *{color:#fff!important}
.msg .lab{color:var(--gold)!important}
/* Centro de mando */
aside{background:#F7F5F0!important}
.client[aria-current=true]{background:#EEF3F5!important;border-color:var(--line2)!important}
.client:hover{background:#EEF3F5!important}
.aurora{opacity:.35}
.modebar span{background:#0B3A53!important;color:#fff!important}
.ticker b{color:#0B3A53!important}
.live .on,.foot .on{color:var(--ok)!important}

/* Tono océano: fondo bruma azulada, paneles blancos, acentos verde azulado */
header:not(.cover){background:rgba(232,239,242,.95)!important;box-shadow:0 1px 0 var(--line)}
#nav button[aria-current=page],.secnav button[aria-current=page]{color:#0B3A53!important;border-color:#0E7C86!important}
.eyebrow,.label{color:#0E7C86}
.ivory{background:radial-gradient(900px 420px at 100% 0,rgba(14,124,134,.5),transparent 60%),linear-gradient(135deg,#0B3A53,#0A2F44 60%,#0C4A5C)!important}
.ivory .eyebrow,.ivory .steps .n{color:#A6EAE3!important}
aside{background:linear-gradient(180deg,#0B3A53,#0A2F44)!important;color:#fff}
aside .brand,aside .client b,aside .side-h{color:#fff!important}
aside .eyebrow{color:#A6EAE3!important}
aside .client{color:rgba(255,255,255,.8)!important}
aside .client small{color:rgba(255,255,255,.55)!important}
aside .client[aria-current=true],aside .client:hover{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.18)!important}
aside .sw.o{border-color:#A6EAE3!important;color:#A6EAE3!important}
aside .secnav button{color:rgba(255,255,255,.62)!important}
aside .secnav button[aria-current=page]{color:#fff!important;border-left-color:#7FE0D6!important}
aside .modebar{border-color:rgba(255,255,255,.2)}
aside .modebar a{color:rgba(255,255,255,.6)!important}
aside .modebar span{background:#fff!important;color:#0B3A53!important}
aside .foot{border-top-color:rgba(255,255,255,.15)!important}
aside .foot .who{color:rgba(255,255,255,.55)!important}
aside .btn{color:#fff!important;border-color:rgba(255,255,255,.3)!important}
aside .badge{background:#7FE0D6!important;color:#0B3A53!important}
.aurora{background:radial-gradient(600px 260px at 18% 40%,rgba(14,124,134,.18),transparent 70%),radial-gradient(520px 240px at 78% 30%,rgba(11,58,83,.12),transparent 70%)!important;opacity:1}
.kpis{border-color:var(--line)!important}

/* Menos brillo: nada en blanco puro */
body{background:var(--bg)!important}

/* Página principal: hero océano y secciones con más contraste */
.hero{background:radial-gradient(900px 520px at 85% 10%,rgba(14,124,134,.55),transparent 62%),linear-gradient(135deg,#0B3A53 0%,#0A2F44 55%,#0C4A5C 100%)!important;color:#fff}
.hero h1{color:#fff}
.hero h1 em{color:#7FE0D6!important}
.hero .eyebrow{color:#A6EAE3!important}
.hero p{color:rgba(255,255,255,.78)!important}
.hero .label,.hero-meta span{color:rgba(255,255,255,.6)!important}
.hero .btn{background:#fff!important;color:#0B3A53!important;border-color:#fff!important}
.hero .btn:hover{background:#A6EAE3!important;border-color:#A6EAE3!important}
.hero .orb{background:radial-gradient(circle at 40% 40%,rgba(127,224,214,.28),rgba(127,224,214,.06) 55%,transparent 70%)!important;border:0!important}
.hero .orb *{border-color:rgba(255,255,255,.15)!important}
.sec{border-top:0!important}
#inteligencia,#diagnostico,#preguntas{background:#D3DEE4}
#firma,#membresias,#audiencia{background:#E3EAEE}
.grid9{border-color:#BFCDD5!important}
.grid9 article{background:#E9EFF2;border-color:#BFCDD5!important}
.grid9 article:hover{background:#DCEAEB!important}
.grid9 i{color:#0E7C86}
.plan{background:#EEF3F5;border-color:#BFCDD5!important;box-shadow:0 10px 30px rgba(11,58,83,.08)}
.plan.sig{border-color:#0E7C86!important;box-shadow:0 18px 40px rgba(14,124,134,.18)}
.body,.grid9 p{color:#4A5560!important}
.lead em,.h2 em,h2 em{color:#0E7C86!important}
footer{background:#0B3A53;color:rgba(255,255,255,.75)}
footer *{color:rgba(255,255,255,.75)!important;border-color:rgba(255,255,255,.15)!important}

/* Detalles dorados sobre océano y bruma */
:root{--oro:#C9A24B;--oro2:#E3C27A;--oro-osc:#9C7A2E}
.hero h1 em{color:var(--oro2)!important}
.hero .eyebrow{color:var(--oro2)!important}
.hero .btn{box-shadow:0 0 0 1px var(--oro2) inset}
.hero:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--oro) 20%,var(--oro2) 50%,var(--oro) 80%,transparent)}
.eyebrow,.label{color:var(--oro-osc)!important}
.lead em,.h2 em,h2 em{color:var(--oro-osc)!important}
.grid9 i,.steps .n{color:var(--oro)!important}
.grid9 article{border-top:2px solid transparent}
.grid9 article:hover{border-top-color:var(--oro)!important}
.plan.sig{border:1px solid var(--oro)!important;box-shadow:0 18px 40px rgba(156,122,46,.18)!important;background:linear-gradient(180deg,#F1EBDD,#EEF3F5)!important}
.plan.sig .label{color:var(--oro-osc)!important}
.btn.gold{background:linear-gradient(135deg,var(--oro2),var(--oro))!important;border-color:var(--oro)!important;color:#0B3A53!important}
.btn.gold:hover{filter:brightness(1.06)}
.ivory .eyebrow,.ivory .steps .n{color:var(--oro2)!important}
.ivory{border-top:2px solid var(--oro);border-bottom:2px solid var(--oro)}
footer{border-top:2px solid var(--oro)}
#nav button[aria-current=page],.secnav button[aria-current=page]{border-color:var(--oro)!important}
header:not(.cover) .brand .eyebrow,header:not(.cover) .eyebrow{color:var(--oro-osc)!important}
aside{border-right:2px solid var(--oro)!important}
aside .eyebrow{color:var(--oro2)!important}
aside .secnav button[aria-current=page]{border-left-color:var(--oro2)!important}
aside .badge{background:var(--oro2)!important}
.kpis{border-top:2px solid var(--oro)!important}

/* ====== Esmeralda + oro brillante (sobrescribe lo anterior) ====== */
:root{--oro:#D4AF37;--oro2:#F2D27A;--oro-osc:#A8862A;--esm:#0A4D44;--esm2:#073A34;--esm3:#0F6F5F;--bg:#DCEAE5;--bg2:#CFE1DA;--panel:#EEF5F2;--line:#C7DAD3;--line2:#AFC8BF;--accent:#0A4D44;--navy:#0A4D44;--teal:#11806D}
body{background:var(--bg)!important}
/* Encabezado oscuro con logo blanco y dorado */
header:not(.cover){background:linear-gradient(90deg,#073A34,#0A4D44 60%,#0D5C51)!important;border-bottom:2px solid var(--oro)!important;box-shadow:0 6px 24px rgba(7,58,52,.25)!important}
header:not(.cover) .brand,header:not(.cover) .brand b{color:#fff!important}
header:not(.cover) .brand span,header:not(.cover) .brand .eyebrow{color:var(--oro2)!important}
header:not(.cover) .navlinks a,header:not(.cover) nav a,header:not(.cover) nav button,header:not(.cover) #who span{color:rgba(255,255,255,.82)!important}
header:not(.cover) .navlinks a:hover,header:not(.cover) nav button:hover{color:var(--oro2)!important}
header:not(.cover) nav button[aria-current=page]{color:var(--oro2)!important;border-color:var(--oro)!important}
header:not(.cover) .btn{background:transparent!important;color:var(--oro2)!important;border-color:var(--oro)!important}
header:not(.cover) .btn:hover{background:var(--oro)!important;color:#073A34!important}
/* Hero esmeralda */
.hero{background:radial-gradient(900px 520px at 85% 10%,rgba(46,190,160,.35),transparent 62%),radial-gradient(700px 400px at 0% 100%,rgba(212,175,55,.14),transparent 60%),linear-gradient(135deg,#073A34 0%,#0A4D44 50%,#0F6F5F 100%)!important}
.hero h1 em,.hero .eyebrow{color:var(--oro2)!important;text-shadow:0 0 30px rgba(242,210,122,.25)}
.hero .btn{background:linear-gradient(135deg,var(--oro2),var(--oro))!important;color:#073A34!important;border-color:var(--oro)!important;box-shadow:0 10px 30px rgba(212,175,55,.3)!important;font-weight:600}
.hero .orb{background:radial-gradient(circle at 40% 40%,rgba(242,210,122,.22),rgba(46,190,160,.10) 50%,transparent 70%)!important}
.hero:after{height:3px;background:linear-gradient(90deg,transparent,var(--oro) 15%,var(--oro2) 50%,var(--oro) 85%,transparent)}
/* Secciones verde menta */
#firma,#membresias,#audiencia{background:#E4EFEB}
#inteligencia,#diagnostico,#preguntas{background:#D3E5DE}
.grid9 article,.plan{background:#F1F7F4}
.grid9,.grid9 article{border-color:#B9D1C8!important}
.lead em,.h2 em,h2 em{color:var(--oro-osc)!important}
.eyebrow,.label{color:#0F6F5F!important}
.plan.sig{background:linear-gradient(180deg,#F6EDD3,#F1F7F4)!important}
.ivory{background:radial-gradient(800px 400px at 100% 0,rgba(46,190,160,.3),transparent 60%),linear-gradient(135deg,#073A34,#0A4D44 60%,#0F6F5F)!important}
.ivory .eyebrow,.ivory .steps .n,.ivory em{color:var(--oro2)!important}
footer{background:#073A34!important}
footer .brand,footer b{color:#fff!important}
/* Centro de mando */
aside{background:linear-gradient(180deg,#0A4D44,#073A34)!important}
aside .brand{color:#fff!important}
aside .brand span,aside .eyebrow{color:var(--oro2)!important}
.card,.kpi,.kpis,.item,.a,.col,.lc,.desk,.cc,.q,.tile{background:#F1F7F4}
.aurora{background:radial-gradient(600px 260px at 18% 40%,rgba(17,128,109,.2),transparent 70%),radial-gradient(520px 240px at 78% 30%,rgba(212,175,55,.14),transparent 70%)!important}
.msg.c{background:#0A4D44!important;border-color:#0A4D44!important}