/* BAW v14 · Lienzo áureo en acuarela: paleta con roles, video sobre lienzo, cierre, pie y modo liviano */

/* ---------- Paleta con roles ---------- */
:root{
  --lz-ink:#111126;      /* tinta: texto sobre papel */
  --lz-primary:#243BCE;  /* primario: marca, enlaces */
  --lz-depth:#5125C9;    /* profundidad: tecnología e IA */
  --lz-emotion:#AC145B;  /* emoción: acentos y cifras */
  --lz-light:#FFE36B;    /* luz: destellos y firma */
  --lz-life:#6CF0C2;     /* vida: datos y brotes */
  --lz-paper:#FFFDF8;    /* papel: fondos */
  --lz-talk:#25D366;     /* conversación: solo WhatsApp */
  --lz-pastel-violet:color-mix(in srgb,var(--lz-paper) 90%,var(--lz-depth));
  --lz-pastel-mint:color-mix(in srgb,var(--lz-paper) 90%,var(--lz-life));
}

/* ---------- Nada casi negro ---------- */
#faq{background:linear-gradient(150deg,#2B33B8 0%,#5125C9 52%,#7E2192 100%)!important}
.site footer{background:linear-gradient(135deg,#3B2BB0 0%,#5A2CC0 50%,#8E2F9E 100%)!important}
.baw-sign{--bg:#4A2DB4}
.site{background:#3B2BB0!important}

/* ---------- Grano de tela al 0,05, sin mezcla ---------- */
body::after{mix-blend-mode:normal!important;opacity:.05!important}

/* ---------- Video sobre lienzo, en su atril ---------- */
.ma-wc{gap:55px}
.ma-easel{position:relative;margin:0;width:min(440px,100%);padding-bottom:89px;display:flex;flex-direction:column;align-items:center}
.ma-atril{position:absolute;left:8%;right:8%;top:-21px;bottom:42px;width:84%;height:calc(100% - 21px);z-index:0}
.ma-canvas{position:relative;z-index:1;width:100%;aspect-ratio:16/9;background:#F7F1E6;border-radius:3px;transform:rotate(-1.4deg);
  box-shadow:6px 0 0 #D9CBB4,6px 6px 0 #C9B89C,0 2px 4px rgba(60,30,90,.18),0 13px 21px rgba(60,30,90,.18),0 34px 55px rgba(60,30,90,.2);overflow:hidden}
.ma-vid{display:block;width:100%;height:100%;object-fit:cover;background:#F7F1E6}
.ma-tex{position:absolute;inset:0;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='c'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8 .5' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23c)'/%3E%3C/svg%3E")}
.ma-shelf{position:relative;z-index:2;display:block;width:88%;height:13px;margin-top:-4px;border-radius:3px;background:linear-gradient(180deg,#C98A4B,#8E5A2B);box-shadow:0 8px 13px rgba(60,30,90,.25);transform:rotate(-1.4deg)}
.ma-cap{position:absolute;bottom:0;left:0;right:0;z-index:2;text-align:center;font:italic 19px/1.3 Georgia,'Times New Roman',serif;color:#5A3A6E;transform:rotate(-2deg)}
.ma-play{position:absolute;z-index:3;top:calc(50% - 60px);left:50%;translate:-50% 0;min-height:44px;padding:0 21px;border-radius:999px;border:0;background:var(--lz-primary);color:#FFFFFF;font:600 15px 'IBM Plex Sans',sans-serif;box-shadow:0 8px 21px rgba(36,59,206,.35)}
.ma-play:focus-visible{outline:2px solid var(--lz-light);outline-offset:3px}

/* ---------- Cierre: el dato que se puede probar ---------- */
.cz-stat{display:flex;align-items:center;gap:13px;margin:21px 0 0;max-width:560px}
.cz-big{font:700 clamp(44px,5vw,68px)/1 'Space Grotesk',sans-serif;letter-spacing:-.04em;color:var(--lz-light);text-shadow:0 2px 13px rgba(30,10,80,.35)}
.cz-lbl{font-size:16px;line-height:1.4;color:#FFFFFF;max-width:240px}

/* ---------- Pie ---------- */
.ft-garland{position:relative;height:89px;margin:0 auto;max-width:1618px;pointer-events:none}
.ft-garland svg{display:block;width:100%;height:100%}
@media (max-width:760px){.ft-garland{height:70px}}
@media (min-width:1100px){.site footer .ft-grid{display:grid!important;grid-template-columns:1.618fr 1fr 1fr;align-items:start}}
.ft-t{position:relative;margin:0 0 13px;padding-bottom:8px;font:700 15px 'Space Grotesk',sans-serif;letter-spacing:.02em;color:#FFFFFF}
.ft-t::after{content:'';position:absolute;left:0;bottom:0;width:61.8%;height:5px;border-radius:5px;background:linear-gradient(90deg,var(--lz-light),var(--lz-life))}
.site footer .ft-col a{text-decoration:none!important;background:linear-gradient(currentColor,currentColor) no-repeat 0 100%/0% 1.5px;transition:background-size .35s cubic-bezier(.4,0,.2,1);width:max-content;max-width:100%;padding-bottom:2px}
.site footer .ft-col a:hover,.site footer .ft-col a:focus-visible{background-size:100% 1.5px}
.ft-red{display:inline-flex!important;align-items:center;gap:8px}
.ft-ic{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:7px;background:rgba(255,255,255,.14);transition:background .3s,color .3s}
.ft-red:hover .ft-ic,.ft-red:focus-visible .ft-ic{background:#0A66C2;color:#FFFFFF}

/* ---------- Modo liviano automático: se apagan los movimientos secundarios ---------- */
.ma-lite .lz-scene .lz-grass,.ma-lite .lz-scene .lz-rays,.ma-lite .lz-scene .lz-glow,.ma-lite .og-drop,.ma-lite .og-wave path,
.ma-lite .hx-rib *,.ma-lite .hx-net *,.ma-lite .rs-flow,.ma-lite .rs-float span,.ma-lite .circuits .flow,.ma-lite .bstream,.ma-lite .scan,
.ma-lite .phi-sp,.ma-lite .ti-compare li{animation:none!important}
.ma-lite .hero-joy .hx-bg,.ma-lite .hero-media{animation-duration:80s!important}
.ma-lite #lz-brush{display:none!important}
@media (prefers-reduced-motion:reduce){.cz-num{transition:none}}