/* Glow Studios — marca "negro mármol + oro" (referencia: tarjeta aprobada por Pati).
   Se carga DESPUÉS del <style> de cada página y solo cambia el aspecto: colores, fuentes, fondo, botones, cintas.
   Fuente editable: herramientas/marca.src.css  (el :root:root:root se convierte en :root:root:root para ganarle a los estilos de cada página).
   Genera marca.css con:  python herramientas/marca_oro.py css */

:root:root:root{
  --ink:#050506; --plum:#0C0B0E; --plum-2:#17151B;
  --rose:#C9A24A; --rose-d:#DDBE6B; --rose-2:#EBD08A; --gold:#E4C57A; --gold-2:#F6E7B8;
  --paper:#060607; --card:#0F0E12; --line:#2E2615; --text:#F3EBDA; --muted:#B5AB95; --tint:#1A160D;
  --tbd:#2B2308; --tbd-l:#9A7A1A;
  --au:linear-gradient(135deg,#F8E9B8 0%,#E3C374 22%,#BA8C34 48%,#EFD48E 70%,#B88A30 100%);
  --au-s:linear-gradient(135deg,#FBEFC4,#E6C879 40%,#C99C46 75%,#E9CD86);
  --serif:"Cormorant Garamond","Playfair Display",Georgia,serif;
  --sans:"Jost","Manrope",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  color-scheme:dark; background:#050506;
}
:root:root:root body{background:transparent;color:var(--text);font-family:var(--sans);letter-spacing:.005em;position:relative}
:root:root:root body::before{content:"";position:fixed;inset:0;z-index:-2;background:url(/marca/marmol-s.webp) center top/cover no-repeat;pointer-events:none}
@media (min-width:900px){:root:root:root body::before{background-image:url(/marca/marmol.webp)}}
:root:root:root body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:rgba(4,4,5,.5)}

/* ---------- letras ---------- */
:root:root:root h1,:root:root:root h2,:root:root:root h3,:root:root:root .disp{font-family:var(--serif);font-weight:600;letter-spacing:.005em}
:root:root:root h2 em,:root:root:root h1 em{font-style:italic;font-weight:500}
:root:root:root .hero h1 em,:root:root:root .sec-h h2 em,:root:root:root .final h2 em,:root:root:root .mirror-s .sec-h h2 em{background:var(--au);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding:0 .06em .08em 0}
:root:root:root .eyebrow{font-family:var(--sans);font-weight:500;font-size:.74rem;letter-spacing:.3em;color:var(--gold)}
:root:root:root .eyebrow::before{height:1px;width:26px;background:var(--au)}
:root:root:root .sec-h h2{font-size:clamp(2.4rem,5.8vw,4rem);font-weight:600}
:root:root:root .sec-h p,:root:root:root .hero p.lead{font-weight:300;font-size:1.1rem}
:root:root:root .hero h1{font-size:clamp(3.1rem,9.4vw,6.2rem);font-weight:500;letter-spacing:0}
:root:root:root .card h3,:root:root:root .pro h3,:root:root:root .step h3,:root:root:root .fact h3,:root:root:root .map h3{font-weight:600}
:root:root:root .card h3{font-size:1.95rem}
:root:root:root .card .from b,:root:root:root .ct b,:root:root:root .glass .tot,:root:root:root .ph,:root:root:root .av,:root:root:root .step .n,:root:root:root .marq{font-family:var(--serif)}
:root:root:root .marq{font-style:italic;font-weight:600;letter-spacing:.01em}
:root:root:root .ct b{font-size:1.35rem;font-weight:600}
:root:root:root .sh-top h3{font-size:1.7rem}
:root:root:root .btn,:root:root:root .dock .btn{font-family:var(--sans);font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:.88rem}
:root:root:root .rot{font-family:var(--sans);font-weight:500;letter-spacing:.12em;text-transform:uppercase;font-size:clamp(.85rem,3vw,1.1rem)}
:root:root:root .rot{color:var(--gold-2)}
:root:root:root .rot::before{height:1px;background:var(--au)}
:root:root:root .hero p.lead{color:rgba(243,235,218,.82)}

/* ---------- botones ---------- */
:root:root:root .btn-gold,:root:root:root .hero-book,:root:root:root .main,:root:root:root .book,:root:root:root .send,:root:root:root .picks button[aria-pressed="true"]{background:var(--au);color:#17110A;border:1px solid rgba(255,238,190,.55);
  box-shadow:0 12px 30px -12px rgba(227,195,116,.55),inset 0 1px 0 rgba(255,255,255,.45)}
:root:root:root .btn-gold:hover{box-shadow:0 18px 38px -12px rgba(227,195,116,.8),inset 0 1px 0 rgba(255,255,255,.5)}
:root:root:root .btn-ghost{background:rgba(255,255,255,.03);color:var(--gold-2);border:1px solid rgba(227,195,116,.5)}
:root:root:root .btn-ghost:hover{background:rgba(227,195,116,.12)}
:root:root:root .btn-plum{background:transparent;color:var(--gold-2);border:1px solid rgba(227,195,116,.6)}
:root:root:root .pill.dark{background:var(--au);border-color:transparent;color:#17110A}
:root:root:root .pill{border-color:rgba(227,195,116,.28)}
:root:root:root .pill:hover{border-color:var(--gold)}
:root:root:root .btn-wa,:root:root:root .round,:root:root:root .wa-big{border:1px solid rgba(255,255,255,.18)}

/* ---------- barra ---------- */
:root:root:root .prog{background:var(--au)}
:root:root:root .nav.solid{background:rgba(5,5,6,.86);box-shadow:0 1px 0 rgba(227,195,116,.22)}
:root:root:root .links a{font-family:var(--sans);font-weight:500;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;color:rgba(243,235,218,.78)}
:root:root:root .links a.on{box-shadow:0 2px 0 var(--gold)}
:root:root:root .brand img{height:30px}
@media (min-width:640px){:root:root:root .brand img{height:36px}}
:root:root:root .lang{border-color:rgba(227,195,116,.4);background:rgba(5,5,6,.4)}
:root:root:root .lang button{color:rgba(243,235,218,.72)}
:root:root:root .lang button[aria-pressed="true"]{background:var(--au);color:#17110A}

/* ---------- portada (principal) ---------- */
:root:root:root .hero{background:transparent;position:relative}
:root:root:root .blob.a{background:#5C4210;opacity:.25}
:root:root:root .blob.b{background:#3A2A0A;opacity:.3}
:root:root:root .blob.c{background:#C9A24A;opacity:.07}
:root:root:root .grain{display:none}
:root:root:root .spot{background:radial-gradient(420px circle at var(--mx,70%) var(--my,30%),rgba(227,195,116,.12),transparent 60%)}
:root:root:root .kicker span{background:rgba(255,255,255,.03);border:1px solid rgba(227,195,116,.3);color:var(--gold-2);font-weight:500;letter-spacing:.04em}
:root:root:root .kicker span i{background:var(--gold);box-shadow:0 0 0 4px rgba(227,195,116,.18)}
:root:root:root .hot-l{color:var(--gold);font-weight:500;letter-spacing:.2em}
:root:root:root .hot-c a,:root:root:root .hotb{background:rgba(255,255,255,.03);border:1px solid rgba(227,195,116,.28);color:var(--text);font-weight:500}
:root:root:root .hot-c a:hover{background:rgba(227,195,116,.1);border-color:var(--gold)}
:root:root:root .hot-c .i,:root:root:root .hotb .i{background:var(--au);color:#17110A}
:root:root:root .hot-c a em,:root:root:root .hotb em{color:var(--gold)}
:root:root:root .orbit .ring{border-color:rgba(227,195,116,.3)}
:root:root:root .orbit .ring.r2{border-color:rgba(227,195,116,.12)}
:root:root:root .orbit .core{background:linear-gradient(145deg,rgba(227,195,116,.1),rgba(0,0,0,.2));border:1px solid rgba(227,195,116,.35);box-shadow:0 30px 80px -24px rgba(201,162,74,.6),inset 0 1px 0 rgba(255,235,180,.25)}
:root:root:root .orbit .sat{background:#0B0A0D;border:1px solid rgba(227,195,116,.55);box-shadow:0 14px 30px -10px rgba(0,0,0,.7),0 0 0 3px rgba(227,195,116,.06)}
:root:root:root .orbit .sat .i,:root:root:root .orbit .sat:nth-child(2n) .i{color:var(--gold)}
:root:root:root .marq{background:var(--au);color:#17110A;border-top:1px solid rgba(255,238,190,.5);border-bottom:1px solid rgba(80,50,8,.5)}

/* cintas de oro en las esquinas (como la tarjeta) */
:root:root:root .hero::before,:root:root:root .hero::after,:root:root:root .final::before,:root:root:root .final::after{content:"";position:absolute;pointer-events:none;z-index:-1;background:url(/marca/cinta.svg) no-repeat;background-size:100% 100%}
:root:root:root .hero::before{display:none;left:0;top:74px;width:min(64vw,640px);aspect-ratio:900/260;opacity:.95}
@media (min-width:900px){:root:root:root .hero::before{display:block}}
:root:root:root .hero::after{right:0;bottom:0;left:auto;top:auto;height:auto;border-radius:0;width:min(64vw,640px);aspect-ratio:900/260;transform:rotate(180deg);opacity:.95}
:root:root:root .final::before{display:none;left:0;top:0;width:min(56vw,560px);aspect-ratio:900/260;opacity:.8}
:root:root:root .final::after{display:none;right:0;bottom:0;width:min(56vw,560px);aspect-ratio:900/260;transform:rotate(180deg);opacity:.8}

/* ---------- servicios ---------- */
:root:root:root .sec{background:transparent}
:root:root:root .finder label,:root:root:root .search{background:rgba(15,14,18,.82);border:1px solid rgba(227,195,116,.3);box-shadow:none}
:root:root:root .finder label:focus-within,:root:root:root .search:focus-within{border-color:var(--gold)}
:root:root:root .sugg{background:#0F0E12;border:1px solid rgba(227,195,116,.35)}
:root:root:root .card,:root:root:root .cat,:root:root:root .pro,:root:root:root .fact,:root:root:root .faq details,:root:root:root .step,:root:root:root .results,:root:root:root .who,:root:root:root .mres{background:rgba(14,13,17,.86);border:1px solid rgba(227,195,116,.22);
  -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
:root:root:root .card:hover{border-color:rgba(227,195,116,.6);box-shadow:0 30px 60px -30px rgba(0,0,0,.9),0 0 0 1px rgba(227,195,116,.12)}
:root:root:root .card .glow{background:radial-gradient(300px circle at var(--gx,50%) var(--gy,50%),rgba(227,195,116,.12),transparent 60%)}
:root:root:root .card .ib,:root:root:root .fact .ib,:root:root:root .ib{background:linear-gradient(145deg,#211B0E,#120F08);color:var(--gold);border:1px solid rgba(227,195,116,.35)}
:root:root:root .card:nth-child(2) .ib{background:linear-gradient(145deg,#211B0E,#120F08)}
:root:root:root .card .count,:root:root:root .n{background:rgba(227,195,116,.1);color:var(--gold-2);border:1px solid rgba(227,195,116,.2)}
:root:root:root .card .from b{color:var(--gold);font-size:1.7rem}
:root:root:root .card li a:hover,:root:root:root .sugg a:hover,:root:root:root .sugg a:focus,:root:root:root .row:active{background:rgba(227,195,116,.08)}
@media (hover:hover){:root:root:root .row:hover{background:rgba(227,195,116,.08)}}
:root:root:root .card li .pr,:root:root:root .card li .i,:root:root:root .pro li .i,:root:root:root .pro li em,:root:root:root .ri,:root:root:root .row .meta,:root:root:root .ct .fr,:root:root:root .sh-top .price,:root:root:root .who-acts a,:root:root:root .link,:root:root:root .sugg .tag{color:var(--gold)}
:root:root:root .work,:root:root:root .how{background:rgba(6,6,8,.55);border-color:rgba(227,195,116,.18)}
:root:root:root .filters button{border:1px solid rgba(227,195,116,.28);color:var(--muted)}
:root:root:root .filters button[aria-pressed="true"]{background:var(--au);color:#17110A;border-color:transparent}
:root:root:root .gal button{background:#14120d;border:1px solid rgba(227,195,116,.18)}
:root:root:root .gal .cap{background:rgba(5,5,6,.7);border:1px solid rgba(227,195,116,.3)}

/* espejo */
:root:root:root .mirror-s{background:linear-gradient(180deg,rgba(5,5,6,.35),rgba(20,14,4,.55))}
:root:root:root .mirror{background:linear-gradient(145deg,#2A200C,#0D0A04);box-shadow:0 40px 80px -30px rgba(0,0,0,.85),inset 0 0 0 1.5px rgba(227,195,116,.5)}
:root:root:root .glass{background:linear-gradient(115deg,rgba(255,255,255,.1) 0 18%,transparent 18% 30%,rgba(255,255,255,.04) 30% 34%,transparent 34%),radial-gradient(circle at 50% 30%,rgba(227,195,116,var(--gl,.08)),transparent 70%),#0A0907}
:root:root:root .glass .ics span{background:rgba(227,195,116,.14)}
:root:root:root .occ button[aria-pressed="true"]{background:var(--au);color:#17110A;border-color:transparent}
:root:root:root .occ button,:root:root:root .picks button{border:1px solid rgba(227,195,116,.28);background:rgba(255,255,255,.03)}
:root:root:root .bulb{background:#5E4A1C;box-shadow:inset 0 -2px 3px rgba(0,0,0,.5)}
:root:root:root .mc h3{color:var(--gold);letter-spacing:.2em;font-weight:500}

/* equipo, pasos, mapa */
:root:root:root .pro::before{background:var(--au);height:3px}
:root:root:root .ph,:root:root:root .av{background:var(--au);color:#17110A}
:root:root:root .step .n{background:#14110a;color:var(--gold);border:1px solid rgba(227,195,116,.5)}
:root:root:root .step.on{border-color:var(--gold)}
:root:root:root .step.on .n{background:var(--au);color:#17110A}
:root:root:root .phone{background:#050506;box-shadow:0 50px 90px -40px rgba(0,0,0,.9),inset 0 0 0 2px rgba(227,195,116,.35)}
:root:root:root .map{background:rgba(8,7,5,.8);border:1px solid rgba(227,195,116,.3)}
:root:root:root .map::before{background:radial-gradient(360px circle at 75% 25%,rgba(227,195,116,.22),transparent 60%),repeating-linear-gradient(35deg,rgba(227,195,116,.05) 0 1px,transparent 1px 38px),repeating-linear-gradient(-55deg,rgba(227,195,116,.05) 0 1px,transparent 1px 46px)}
:root:root:root .map .pinb{background:var(--au);box-shadow:0 20px 40px -10px rgba(201,162,74,.7)}
:root:root:root .map .pinb::after{background:#050506}
:root:root:root .map .pulse{border-color:rgba(227,195,116,.5)}
:root:root:root .faq details[open],:root:root:root .faq summary::after,:root:root:root .cat.open{border-color:var(--gold);color:inherit}
:root:root:root .faq summary::after{color:var(--gold)}
:root:root:root .final{background:transparent}
:root:root:root .ways a{background:rgba(255,255,255,.03);border:1px solid rgba(227,195,116,.28)}
:root:root:root .ways a:hover{background:rgba(227,195,116,.1)}
:root:root:root footer{background:rgba(3,3,4,.82);border-top:1px solid rgba(227,195,116,.3)}
:root:root:root .qr img{background:#F2E3B6;border:3px solid #C9A24A;border-radius:14px;padding:7px}
:root:root:root .dock .btn{box-shadow:0 18px 40px -14px rgba(0,0,0,.8)}
:root:root:root .lb{background:rgba(3,3,4,.95)}
:root:root:root .lb-x,:root:root:root .lb-nav{background:rgba(227,195,116,.14);border:1px solid rgba(227,195,116,.35);color:var(--gold-2)}

/* ---------- página del QR (/go/) ---------- */
:root:root:root .hero{isolation:isolate}
:root:root:root .wrap .hero{border:1px solid rgba(227,195,116,.28)}
:root:root:root .wrap .hero::before{display:block;left:auto;right:0;top:0;width:52%;transform:scaleX(-1);opacity:.9}
:root:root:root .wrap .hero::after{display:none}
:root:root:root .wrap .hero h1.g{background:var(--au);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-bottom:.06em}
:root:root:root .hero-s span{white-space:nowrap}
:root:root:root .hero-s span:not(:last-child)::after{content:"·";margin:0 .35em 0 .6em;opacity:.8}
:root:root:root header{border-bottom:0}
:root:root:root .go{background:var(--au);color:#17110A}
:root:root:root .cat.open .cat-h{background:linear-gradient(135deg,#241C0B,#0E0B05);color:var(--text)}
:root:root:root .cat.open .ib{background:var(--au);color:#17110A}
:root:root:root .cat.open .ct small{color:var(--muted)}
:root:root:root .cat.open .n{background:rgba(227,195,116,.14);color:var(--gold-2)}
:root:root:root .cat.open .chev{color:var(--gold)}
:root:root:root .chip{border:1px solid rgba(227,195,116,.28)}
:root:root:root .chip[aria-pressed="true"]{background:var(--au);color:#17110A;border-color:transparent}
:root:root:root .segc{background:rgba(255,255,255,.04)}
:root:root:root .segc button[aria-selected="true"]{background:#1B160C;color:var(--gold-2)}
:root:root:root .recbox{background:rgba(255,255,255,.04)}
:root:root:root .recbtn{background:var(--au);color:#17110A}
:root:root:root textarea,:root:root:root input.in{background:rgba(255,255,255,.04);border:1px solid rgba(227,195,116,.3);color:var(--text)}
:root:root:root textarea:focus,:root:root:root input.in:focus{border-color:var(--gold)}
:root:root:root .sheet{background:#0D0C10;border:1px solid rgba(227,195,116,.28);box-shadow:0 -12px 50px rgba(0,0,0,.7)}
:root:root:root .sh-top .ib{background:var(--au);color:#17110A;border:0}
:root:root:root .x{background:rgba(227,195,116,.12);color:var(--gold-2)}
:root:root:root .grab{background:rgba(227,195,116,.35)}
:root:root:root .scrim{background:rgba(2,2,3,.7)}
:root:root:root .bar{background:linear-gradient(to top,#060607 70%,transparent)}
:root:root:root .d-tel span{background:#17130a;border:1px solid rgba(227,195,116,.5);color:var(--gold)}
:root:root:root .d-mail span{background:var(--au);color:#17110A}
:root:root:root .done .ok{background:var(--au);color:#17110A}
:root:root:root .chips-h span{background:rgba(255,255,255,.03);border:1px solid rgba(227,195,116,.3);color:var(--gold-2);font-weight:500}
:root:root:root .hero p.hero-s{color:var(--gold);letter-spacing:.14em;text-transform:uppercase;font-size:.7rem;font-weight:500;line-height:1.6;max-width:30ch}
:root:root:root .hero p{color:rgba(243,235,218,.86)}
:root:root:root .who-acts .save{background:rgba(227,195,116,.1);border:1px solid rgba(227,195,116,.3);color:var(--gold-2)}
:root:root:root .hotb .i{background:var(--au);color:#17110A}
:root:root:root .tbd{background:var(--tbd);outline-color:var(--tbd-l)}

@media (min-width:900px){:root:root:root .final::before,:root:root:root .final::after{display:block}}
@media (max-width:899px){:root:root:root .hero::after{width:70vw;opacity:.8}}