/* BAW · Identidad cromática v8 · Una paleta, cuatro superficies.
   Texto sobre color: blanco. Texto sobre papel: tinta. Verde: WhatsApp.
   ID ACD-BAW-0008 | V 5.1 | Protocolo de coherencia visual (propuesta). */
:root {
  --baw-ink:#111126; --baw-blue:#243BCE; --baw-violet:#5125C9;
  --baw-magenta:#AC145B; --baw-orange:#FF782D; --baw-yellow:#FFE36B;
  --baw-mint:#6CF0C2; --baw-paper:#FFFEFA; --baw-white:#FFFFFF;
  --accent:var(--baw-blue);
}
::selection{background:var(--baw-yellow);color:var(--baw-ink)}
.site{background:var(--baw-ink)!important}
.site a,.site button,.site summary{touch-action:manipulation}
.site :focus-visible{outline:3px solid var(--baw-yellow);outline-offset:5px}
.baw-paper :focus-visible,#cookie-banner :focus-visible{outline-color:var(--baw-blue)}
.site section[id]{scroll-margin-top:24px}
.hero-joy .hx-bg{background:linear-gradient(118deg,#252DA9 0%,#5125C9 49%,#A91158 100%)!important;animation:none!important}
.hero-joy .hx-net{opacity:.24}
.hero-joy .hx-rib{opacity:.45}
.hero-joy .hx-float,.hero-joy .hx-think{display:none}
.hero-joy header{background:rgba(17,17,38,.25);border-bottom-color:rgba(255,255,255,.2)!important}
.hero-joy nav{gap:20px!important}
.hero-joy .navlinks{gap:14px!important;font-size:14px!important}
.hero-joy .navlinks>a:not(.wa):hover{text-decoration:underline!important;text-underline-offset:7px}
#top{padding-top:80px!important;padding-bottom:88px!important}
#top h1{font-size:clamp(42px,5.1vw,72px)!important;line-height:1.04!important;letter-spacing:-.05em!important}
.baw-signature{color:var(--baw-yellow);display:inline}
.hero-media{border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.35);box-shadow:12px 12px 0 rgba(255,227,107,.9),0 30px 70px rgba(0,0,0,.22)}
#incluye{padding-bottom:80px!important}
#incluye .tab{color:#F0ECFF!important;background:rgba(17,17,38,.4)!important}
#incluye .tab[aria-selected="true"]{color:var(--baw-ink)!important;background:var(--baw-yellow)!important}
#incluye .prog{background:var(--baw-mint)!important}
/* Firma editorial: conecta el lenguaje visual con el principio de trabajo. */
.baw-origin{background:var(--baw-yellow);color:var(--baw-ink);border-bottom:8px solid var(--baw-ink)}
.baw-origin>div{max-width:1200px;margin:auto;padding:38px 24px;display:grid;grid-template-columns:1fr 1fr;gap:14px 40px;align-items:center}
.baw-origin-label{grid-column:1/-1;font:500 12px 'IBM Plex Mono',monospace;letter-spacing:.12em}
.baw-origin p{font-family:'Space Grotesk',sans-serif;font-size:clamp(26px,3vw,38px);line-height:1.1;letter-spacing:-.03em;margin:0}
.baw-origin ol{list-style:none;counter-reset:origin;display:flex;flex-wrap:wrap;gap:12px 20px;margin:0;padding:0;font-size:14px;font-weight:600}
.baw-origin li{counter-increment:origin;padding:7px 0;border-bottom:1px solid rgba(17,17,38,.3)}
.baw-origin li::before{content:'0' counter(origin) ' / ';font:12px 'IBM Plex Mono',monospace;color:#5125C9}
/* Los fondos saturados reciben texto claro y tarjetas de lectura independientes. */
.baw-chromatic{color:var(--baw-white)!important;border-color:rgba(255,255,255,.18)!important;position:relative}
.baw-on-color{color:var(--baw-white)!important}
.baw-chromatic>div>p:first-child.baw-on-color,.baw-chromatic>div>div>p:first-child.baw-on-color{color:var(--baw-yellow)!important}
#problema{background:var(--baw-ink)!important}
#principio{background:linear-gradient(125deg,#AC145B,#5125C9)!important}
#metodo{background:linear-gradient(132deg,#243BCE,#3523A0)!important}
#proceso{background:#5125C9!important}
#recibes{background:linear-gradient(135deg,#08493F,#086650)!important}
#para-quien{background:var(--baw-ink)!important}
#medicion{background:linear-gradient(120deg,#5125C9,#8A145C)!important}
#ti-mensual{background:linear-gradient(130deg,#243BCE,#5125C9)!important}
#redes .rs-bg{background:linear-gradient(125deg,#AC145B,#5125C9 70%,#243BCE)!important;animation:none!important}
#consultor{max-width:none!important;background:var(--baw-ink);padding-left:max(24px,calc((100vw - 1152px)/2))!important;padding-right:max(24px,calc((100vw - 1152px)/2))!important}
#contacto{background:linear-gradient(125deg,#243BCE,#5125C9)!important}
#faq{background:var(--baw-ink)!important}
.site footer{background:#241454!important;border-top:6px solid var(--baw-yellow)}
.baw-paper{color:var(--baw-ink)!important;background:var(--baw-paper)!important;border-color:rgba(17,17,38,.14)!important;box-shadow:0 16px 40px rgba(0,0,0,.16)!important}
.baw-paper h3{color:var(--baw-ink)}
#problema .baw-paper{border-top:5px solid var(--baw-orange)!important}
#problema .baw-paper:nth-child(2){border-top-color:var(--baw-yellow)!important}
#problema .baw-paper:nth-child(3){border-top-color:var(--baw-mint)!important}
#proceso .baw-paper{border-top:5px solid var(--baw-yellow)!important;border-radius:12px!important}
#proceso .engage{background:var(--baw-violet)!important}
#principio .joy-text,.yes-title{background:none!important;color:var(--baw-yellow)!important;animation:none!important}
.baw-paper .yes-title{color:var(--baw-violet)!important}
#recibes .meadow-svg{opacity:.28}
#recibes>div{position:relative;z-index:1}
#principio .joy-blob{opacity:.16}
#principio .dream-fly{opacity:.18}
#metodo .bstream,#faq .bstream{opacity:.12}
#faq>div[aria-hidden="true"][style*="radial-gradient"]{display:none}
#faq details{border-color:rgba(255,255,255,.24)!important}
#faq details[open]{background:rgba(255,255,255,.05);padding-inline:16px!important;border-left:3px solid var(--baw-mint)}
#faq summary{color:#fff}
#faq .plus,#faq p a{color:var(--baw-mint)!important}
#contacto .paint-wash{display:none}
#contacto .paint-splat{opacity:.08}
#contacto .cf{border-top:6px solid var(--baw-yellow)}
#consultor .btn{color:#fff!important;border-color:rgba(255,255,255,.5)!important}
#consultor img{border:3px solid var(--baw-yellow);box-shadow:12px 12px 0 var(--baw-violet);border-radius:24px!important}
#consultor .orbit{display:none}
.site .wa{box-shadow:0 8px 20px rgba(0,0,0,.14);transition:transform .2s,box-shadow .2s}
.site .wa:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.22);color:#052E16!important}
.site .ti-shine,.site .joy-text-d{background:none!important;color:var(--baw-yellow)!important;animation:none!important}
/* Mobile: all destinations remain available without JavaScript. */
.baw-mobile-nav{display:none;position:relative;font-size:14px}
.baw-mobile-nav summary{display:flex;gap:8px;align-items:center;min-height:44px;padding:0 14px;border:1px solid rgba(255,255,255,.6);border-radius:12px;font-weight:600}
.baw-mobile-links{position:absolute;right:0;top:calc(100% + 8px);z-index:70;min-width:240px;background:#241454;padding:12px;border:1px solid rgba(255,255,255,.3);border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.4)}
.baw-mobile-links a{display:flex;align-items:center;min-height:44px;padding:8px 12px;color:#fff!important;text-decoration:none;border-radius:8px}
.baw-mobile-links a:hover{background:rgba(255,255,255,.12)}
/* Shared operational language: same blue, violet, yellow and mint. */
.baw-operations{--bg:#111126;--bg2:#19143B;--bg3:#241454;--blue:#243BCE;--sky:#C6BBFF;--sky2:#DDD4FF;--amber:#FFE36B;--teal:#6CF0C2;--panel:rgba(30,23,63,.96);--line:rgba(198,187,255,.24);--line2:rgba(198,187,255,.4)}
.baw-operations .top{background:rgba(36,20,84,.97)!important;border-bottom:3px solid var(--baw-yellow)}
.baw-operations .hero{background:linear-gradient(125deg,#243BCE,#5125C9)!important}
.baw-operations .hero .veil{background:linear-gradient(90deg,rgba(36,59,206,.4),transparent)!important}
.baw-operations .hero h1 em{background:none;color:var(--baw-yellow)}
.baw-operations .btn.primary{background:var(--baw-blue)}
.baw-privacy header{background:linear-gradient(115deg,#243BCE,#5125C9)!important;border-bottom:6px solid var(--baw-yellow)}
.baw-privacy main{border-top:4px solid var(--baw-violet);margin-top:40px!important;background:var(--baw-paper)}
@media(min-width:1100px){.hero-joy nav>a{margin-right:auto}.hero-joy .navlinks{justify-content:flex-end;max-width:1080px}}
@media(max-width:900px){
 .hero-joy .navlinks>a:not(.wa):not(.nav-sop){display:none}
 .baw-mobile-nav{display:block}
 .hero-joy nav{gap:10px!important;padding:14px 20px!important}
 .hero-joy .navlinks{margin-left:auto;gap:8px!important}
 #top{padding-top:48px!important;padding-bottom:64px!important}
 .baw-origin>div{grid-template-columns:1fr}
 .hero-media{box-shadow:6px 6px 0 var(--baw-yellow)}
}
@media(max-width:480px){
 .hero-joy nav>a img{width:44px!important;height:46px!important}
 .hero-joy .navlinks>.wa{display:none!important}
 .hero-joy .nav-sop{padding:0 10px;font-size:13px}
 #top h1{font-size:clamp(38px,10.8vw,48px)!important}
 .baw-origin>div{padding:28px 24px}
 .baw-mobile-links{min-width:230px}
}
@media(prefers-reduced-motion:reduce){.site .wa:hover{transform:none}.baw-origin *{animation:none!important}}
#metodo>div[aria-hidden="true"][style*="radial-gradient"]{display:none}
/* La tarjeta de descarte conserva su propia superficie de lectura. */
#para-quien .no-card,#para-quien .no-card h3{color:var(--baw-ink)!important}
#contacto .painting{opacity:.1}
#cierre{background:linear-gradient(118deg,#243BCE,#5125C9 55%,#AC145B)!important}
#cierre .tree-sky{opacity:.12}
#cierre .tree-copy{background:rgba(17,17,38,.7)!important;border:1px solid rgba(255,255,255,.2)}
/* El formulario debe ser visible aun si la sección pausa efectos decorativos. */
#cf .cf-step:not([hidden]),#cf .cf-step:not([hidden]) .cf-q{animation:none!important;opacity:1!important;transform:none!important}
#cf .cf-in::placeholder{color:#687184}
#pv-cta{color:#fff!important}
#contacto .pv+p{color:#F0ECFF!important}
@media(max-width:480px){#incluye [role="tablist"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}#incluye .tab{min-width:0;overflow-wrap:anywhere}}