/* ============================================================
   ALOIA · rediseño "tech" 2026-10 · capa sobre site.css
   Se carga al final del <head> de cada página, después de site.css
   y del <style> propio de la página. No editar site.css: su caché en
   Cloudflare es de 30 días; los cambios de tema van aquí (subir ?v=).
   ============================================================ */
:root{
  --oscuro:#0F0C0C;
  --blanco:#F3EEEC;
  --gris:#A39895;
  --naranja:#FD6144;
  --rojo:#FD6144;
  --grad-firma:#FD6144;
  --serif:"Geist",ui-sans-serif,system-ui,sans-serif;
  --sans:"Geist",ui-sans-serif,system-ui,sans-serif;
  --mono:"Geist Mono",ui-monospace,SFMono-Regular,monospace;

  --t-bg:#0F0C0C;
  --t-bg-2:#151010;
  --t-bg-3:#1C1515;
  --t-line:rgba(255,236,230,.08);
  --t-line-2:rgba(255,236,230,.14);
  --t-fg:#F3EEEC;
  --t-mut:#A39895;
  --t-mut-2:#6E6461;
  --t-acc:#FD6144;
  --t-acc-ink:#1A0B08;
  --t-ease:cubic-bezier(.16,1,.3,1);
  --t-r:16px;
  color-scheme:dark;
}
html{background:var(--t-bg)}
body,body.blog-detail{background:var(--t-bg)!important;color:var(--t-fg);font-family:var(--sans)}
body :where(h1,h2,h3,h4,h5,h6,p,li,a,span,button,input,select,textarea,label,td,th,blockquote,figcaption,summary,dt,dd,small,strong,em){font-family:var(--sans)}
body :where(code,pre,kbd){font-family:var(--mono)}
::selection{background:rgba(253,97,68,.35);color:#fff}

/* ---------- header ---------- */
.site-header{height:68px}
.site-header .brand img,.site-header.scrolled .brand img{filter:none}
.site-header .nav-link,.site-header.scrolled .nav-link{color:var(--t-mut)}
.site-header .nav-link:hover{color:var(--t-fg)}
.site-header.scrolled,.site-header.mega-open{background:rgba(15,12,12,.72);border-bottom:1px solid var(--t-line)}
.site-header .cta{background:rgba(255,236,230,.03)!important;color:var(--t-fg)!important;border:1px solid var(--t-line-2)!important;border-radius:999px;box-shadow:none!important}
.site-header .cta:hover{border-color:rgba(255,236,230,.32)!important;background:rgba(255,236,230,.06)!important}
.mega{background:rgba(18,14,14,.94)!important;border-bottom:1px solid var(--t-line)}
.mega-eyebrow{font-family:var(--mono)!important;letter-spacing:.06em!important;color:var(--t-acc)!important}
.mega .sol-name{color:var(--t-fg)}
.mega .sol-desc,.mega-role{color:var(--t-mut)}

/* ---------- botones ---------- */
:is(.cf-btn,.pg-btn,.cia-btn,.bd-btn,.cd-btn,.btn).primary,
:is(.btn-primary,.bd-btn,.bd-cta>a,.cd-btn,.sol-cta){
  background:var(--t-acc)!important;color:var(--t-acc-ink)!important;border-color:var(--t-acc)!important;border-radius:999px;box-shadow:none!important}
:is(.cf-btn,.pg-btn,.cia-btn,.bd-btn,.cd-btn,.btn).primary:hover,
:is(.btn-primary,.bd-btn,.cd-btn,.sol-cta):hover{background:#FF7A60!important;border-color:#FF7A60!important}
:is(.cf-btn,.pg-btn,.cia-btn,.btn).ghost,.btn-ghost,.btn-outline{
  background:rgba(255,236,230,.03)!important;color:var(--t-fg)!important;border:1px solid var(--t-line-2)!important;border-radius:999px}
:is(.cf-btn,.pg-btn,.cia-btn,.btn).ghost:hover,.btn-ghost:hover,.btn-outline:hover{border-color:rgba(255,236,230,.32)!important;background:rgba(255,236,230,.06)!important}

/* ---------- cierre y footer ---------- */
.cta-final{background:var(--t-bg)}
.cf-eyebrow{font-family:var(--mono);font-size:12px;font-weight:400;letter-spacing:.06em;color:var(--t-mut)}
.cf-h2{font-weight:600;letter-spacing:-.04em;color:var(--t-fg)}
.cf-copy{color:var(--t-mut)}
.footer{background:var(--t-bg);border-top:1px solid var(--t-line);color:var(--t-mut)}
.footer-col h4{font-family:var(--mono);font-weight:400;letter-spacing:.06em;color:var(--t-mut-2)}
.footer-col a,.footer-bajada{color:var(--t-mut)}
.footer-col a:hover,.footer-legal a:hover{color:var(--t-fg)}
.footer-bottom{border-top-color:var(--t-line);color:var(--t-mut-2)}

/* ---------- texto: todo lo que era oscuro sobre blanco pasa a claro ---------- */
body:not(.th-home) :is(h1,h2,h3,h4,h5,h6,strong,b,dt,th,summary,legend){color:var(--t-fg)!important}
body:not(.th-home) :is(p,li,td,dd,blockquote,figcaption,label,em,small){color:var(--t-mut)!important}
body:not(.th-home) :is(p,li,td,dd) a:not([class]){color:var(--t-acc)!important}
body:not(.th-home) :is(h1,h2,h3) :is(.accent,em,span[class*="acc"],span[class*="naranja"]){color:var(--t-acc)!important}
body:not(.th-home) :is(h1,h2,h3,h4){letter-spacing:-.03em}

/* ---------- superficies grandes: sin fondo, manda el de la página ---------- */
:is(section.pg-hero,.nos-hero,.nos-porque,.nos-donde,.nos-num,.cia-hero,.res-hero,.res-intro,.tools-wrap,section.why,.home-faq,.legal,.legal-wrap){
  background:transparent!important;background-image:none!important}

/* ---------- tarjetas y paneles ---------- */
:is(.pg-card,.why-card,.cia-card,.crm-col,.crm-card,.tool-card,.case-cardlink,.erp-kpi,.fl-tcard,.fl-plan,.bh-card,.bd-callout,.bd-quote,.bd-audio,
   .ar-card,.cost-card,.fit-card,.result-card,.case,.qr-card,.flow-panel,.flow-tabs,.tr-row,.int-chip,.pg-visual,.cia-mock,.cia-faqs,.pg-faqs,
   .crm-board,.erp-mock,.erp-chart,.fl-mock,.chat-frame,.media-card,.lp,.nos-hero-figure,.nos-map,.cd-quote){
  background:var(--t-bg-2)!important;background-image:none!important;border:1px solid var(--t-line)!important;box-shadow:none!important;color:var(--t-fg)}
:is(.crm-cols,.crm-bar,.erp-bar,.fl-rh,.flow-tab){background:var(--t-bg-3)!important;border-color:var(--t-line)!important}
.flow-tab.is-on,.fl-plan.pop,.crm-card.hot{border-color:rgba(253,97,68,.45)!important}
:is(.tab-ico,.ar-ico,.cost-ico,.fit-ico,.tr-ico,.case-cardlink-prod,.bh-btn,.cia-bar){background:rgba(253,97,68,.12)!important;color:var(--t-acc)!important}
.pulse{background:var(--t-acc)!important}
:is(.pg-card,.why-card,.cia-card,.tool-card,.case-cardlink,.bh-card,.ar-card,.cost-card,.fit-card,.qr-card){border-radius:var(--t-r)!important;transition:border-color .4s var(--t-ease)}
:is(.pg-card,.why-card,.cia-card,.tool-card,.case-cardlink,.bh-card,.qr-card):hover{border-color:var(--t-line-2)!important}
body :is(th){background:var(--t-bg-3)!important}
body :is(td,th){border-color:var(--t-line)!important}
img.bd-fig,img.bd-hero,img.pane-img{background:transparent!important}

/* ---------- estilos en línea con fondo claro ---------- */
[style*="background:#F9F6F6"],[style*="background:#fff"],[style*="background:#FFF"],[style*="background:#ffffff"],[style*="background: #fff"]{
  background:var(--t-bg-2)!important;border-color:var(--t-line)!important;box-shadow:none!important}
[style*="border:1px solid #e9dede"]{border-color:var(--t-line)!important;border-left-color:var(--t-acc)!important}
.nos-map .mp-land path{fill:#2A2020!important;stroke:var(--t-bg-2)!important}
.nos-map .mp-hi path{fill:rgba(253,97,68,.28)!important}
.nos-map .mp-dot{stroke:var(--t-bg-2)!important}
.nos-map .mp-lbl{fill:var(--t-fg)!important;stroke:var(--t-bg-2)!important}

/* ---------- textos sueltos en tarjetas ---------- */
:is(.cd-back,.row-name,.tab-t,.count,.tool-title,.case-cardlink-name,.mn,.fl-nm,.pn,.pp,.v,.nos-num-big,.pbtn.o){color:var(--t-fg)!important}
:is(.case-cardlink-cue,.pf,.lbl,.cia-mock span){color:var(--t-mut)!important}
.pbtn.o{border-color:var(--t-line-2)!important;background:transparent!important}

/* ---------- landings de agentes (header y tokens propios) ---------- */
body:has(#hdr){--bg-light:#0F0C0C;--bg-card:#151010;--border-subtle:rgba(255,236,230,.08);--text-primary:#F3EEEC;--text-secondary:#A39895}
.logo-mark{background:var(--t-fg)!important}
#hdr.hdr{background:rgba(15,12,12,.72)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--t-line)!important}
#hdr.hdr img{filter:none!important}
#hdr.hdr :is(a,nav a){color:var(--t-mut)}
#chatBody.chat-body,.chat-body{background:var(--t-bg-2)!important;background-image:none!important}
.chat-body :is(.msg,.bubble):not(.me):not(.out){background:var(--t-bg-3)!important;color:var(--t-fg)!important}