:root{
  --ink:#0B0908; --ink2:#14100D; --panel:#1B1611; --card:#221B14;
  --gold:#D8B56A; --gold2:#F0DDA8; --gold3:#A98A47; --ivory:#F7F1E3; --text:#EDE5D3; --dim:#B3A78E;
  --rose:#C99486; --line:rgba(216,181,106,.28); --green:#7ED6A0; --red:#F08A7C;
  --f-body:'Jost',sans-serif; --f-display:'Cormorant Garamond',Georgia,serif;
  --acc-rgb:216,181,106; --acc2-rgb:201,148,134;
  --bg1:#120E0B; --bg2:#0B0908;
  --g1:#F0DDA8; --g2:#D8B56A; --g3:#B8963F; --t1:#F7E7B6; --t2:#D8B56A; --t3:#A98A47;
  --on-acc:#1b1409; --input-bg:#F7F1E3; --input-ink:#1b1409; --input-border:transparent;
  --foot:rgba(237,229,211,.35); --shadow:#000; --grid:rgba(216,181,106,.05);
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--ink);color:var(--text);font-family:var(--f-body);font-weight:400;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden;}
h1,h2,h3,.serif{font-family:var(--f-display);font-weight:500;}
.bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;
  background:radial-gradient(900px 620px at 88% -8%, rgba(var(--acc-rgb),.22), transparent 60%),radial-gradient(760px 560px at -8% 100%, rgba(var(--acc2-rgb),.14), transparent 60%),linear-gradient(180deg,var(--bg1),var(--bg2));}
.bg::after{content:'';position:absolute;inset:0;background-image:linear-gradient(135deg,var(--grid) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(ellipse at 70% 20%,#000,transparent 70%);}
.spark{position:absolute;color:var(--g1);animation:twinkle 3.6s ease-in-out infinite;opacity:0;}
@keyframes twinkle{0%,100%{opacity:0;transform:scale(.4) rotate(0);}50%{opacity:.9;transform:scale(1) rotate(45deg);}}
.bubble{position:absolute;bottom:-60px;border-radius:50%;border:2px solid rgba(var(--acc-rgb),.35);background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.85),rgba(var(--acc-rgb),.10));animation:rise 14s linear infinite;opacity:0;}
@keyframes rise{0%{transform:translateY(0) translateX(0);opacity:0;}10%{opacity:.85;}90%{opacity:.6;}100%{transform:translateY(-115vh) translateX(26px);opacity:0;}}
@media (prefers-reduced-motion:reduce){.spark,.bubble,.rings,.gem,.gem .shine,.casa,.casa .bub{animation:none !important;} .spark,.bubble{opacity:.35;}}
.wrap{position:relative;z-index:1;max-width:1120px;margin:0 auto;padding:30px 22px 80px;}
.brand{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:46px;text-align:center;}
.brand .ln{flex:1;max-width:120px;height:1px;background:linear-gradient(90deg,transparent,var(--gold));}
.brand .ln.r{background:linear-gradient(270deg,transparent,var(--gold));}
.brand .nm{font:600 13px var(--f-body);letter-spacing:.34em;text-transform:uppercase;color:var(--gold);}
.kick{display:inline-flex;align-items:center;gap:12px;font:500 12.5px var(--f-body);letter-spacing:.3em;text-transform:uppercase;color:var(--gold);}
.kick::before{content:'';width:34px;height:1px;background:var(--gold);}
.gold{background:linear-gradient(135deg,var(--t1),var(--t2) 45%,var(--t3));-webkit-background-clip:text;background-clip:text;color:transparent;}
em.it{font-style:italic;}
.gem{width:100%;max-width:340px;filter:drop-shadow(0 30px 50px rgba(var(--acc-rgb),.35));animation:floaty 6s ease-in-out infinite;}
.casa{width:100%;max-width:400px;filter:drop-shadow(0 26px 34px rgba(20,48,43,.16));}
.casa .bub{animation:bobble 5s ease-in-out infinite;transform-box:fill-box;transform-origin:center;}
@keyframes bobble{0%,100%{transform:translateY(0);}50%{transform:translateY(-4px);}}
.rings{position:absolute;color:var(--gold);opacity:.16;animation:spin 120s linear infinite;}
.rings.a{width:900px;height:900px;right:-340px;top:-340px;} .rings.b{width:620px;height:620px;left:-260px;bottom:-260px;animation-direction:reverse;opacity:.12;}
@keyframes spin{to{transform:rotate(360deg);}}
@keyframes floaty{0%,100%{transform:translateY(0);}50%{transform:translateY(-12px);}}
.gem .shine{animation:shine 4.8s ease-in-out infinite;}
@keyframes shine{0%,100%{opacity:.0;}40%,60%{opacity:.85;}}
.cd{background:linear-gradient(160deg,rgba(var(--acc-rgb),.14),rgba(var(--acc-rgb),.04));border:1px solid var(--line);border-radius:6px;padding:26px 26px 28px;text-align:center;position:relative;}
.cd::before,.cd::after{content:'';position:absolute;width:18px;height:18px;border:1px solid var(--gold);}
.cd::before{top:7px;left:7px;border-right:0;border-bottom:0;} .cd::after{bottom:7px;right:7px;border-left:0;border-top:0;}
.cd .lb{font:500 12.5px var(--f-body);letter-spacing:.28em;text-transform:uppercase;color:var(--gold);}
.cd .boxes{display:flex;gap:12px;justify-content:center;margin-top:16px;flex-wrap:wrap;}
.cd .b{min-width:84px;background:var(--ink);border:1px solid var(--line);padding:14px 10px;}
.cd .b strong,.num{font-family:var(--f-body) !important;font-weight:500 !important;font-size:clamp(34px,6vw,48px);display:block;color:var(--gold2);line-height:1;font-variant-numeric:lining-nums tabular-nums;letter-spacing:.02em;}
.cd .b span{display:block;margin-top:7px;font:500 10.5px var(--f-body);letter-spacing:.22em;text-transform:uppercase;color:var(--dim);}
.cd .soon{font:italic 500 34px var(--f-display);color:var(--gold2);margin-top:12px;}
.cd .done{font:italic 500 30px var(--f-display);color:var(--gold2);margin-top:12px;}
.field{display:flex;flex-direction:column;gap:7px;}
.field label{font:600 11.5px var(--f-body);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);}
.field input,.field textarea{width:100%;background:var(--input-bg);border:1.5px solid var(--input-border);padding:14px 16px;font:400 16px var(--f-body);color:var(--input-ink);outline:none;border-radius:3px;}
.field input:focus,.field textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(var(--acc-rgb),.3);}
.field input::placeholder{color:#8e8472;}
.btn{display:block;width:100%;border:none;cursor:pointer;background:linear-gradient(135deg,var(--g1),var(--g2) 50%,var(--g3));color:var(--on-acc);padding:18px 20px;font:700 14px var(--f-body);letter-spacing:.22em;text-transform:uppercase;border-radius:3px;box-shadow:0 18px 40px -18px rgba(var(--acc-rgb),.9);}
.btn:disabled{opacity:.6;cursor:default;}
.err{display:none;color:var(--red);font-size:15px;margin-top:12px;text-align:center;line-height:1.4;}
.foot{margin-top:50px;text-align:center;color:var(--foot);font:500 11.5px var(--f-body);letter-spacing:.28em;text-transform:uppercase;}
.chips{display:flex;flex-wrap:wrap;gap:10px;}
.chip{display:inline-flex;align-items:center;gap:10px;background:transparent;border:1.5px solid var(--line);color:var(--text);padding:11px 16px;font:600 15px var(--f-body);cursor:pointer;border-radius:3px;transition:all .15s;}
.chip svg{width:22px;height:22px;color:var(--gold);flex:none;}
.chip:hover{border-color:var(--gold);}
.chip.on{background:rgba(var(--acc-rgb),.16);border-color:var(--gold);color:var(--ivory);}
.chip.on svg{color:var(--gold2);}

/* ===== tema hogar: revista de interiores con fotografia ===== */
[data-tema="hogar"]{
  --ink:var(--ink); --ink2:#FFFFFF; --panel:#FFFFFF; --card:#FFFFFF;
  --gold:#8A6A3F; --gold2:#2B3A2F; --gold3:#1F2A22; --ivory:#1B241E; --text:#3A433C; --dim:#6F7870;
  --rose:#B58A52; --line:rgba(27,36,30,.16); --green:#3F7A55; --red:#B5483B;
  --f-body:'Jost',sans-serif; --f-display:'Cormorant Garamond',Georgia,serif;
  --acc-rgb:181,138,82; --acc2-rgb:43,58,47;
  --bg1:var(--ink); --bg2:#EFE9DD;
  --g1:#3A4B3E; --g2:#2B3A2F; --g3:#1F2A22; --t1:#B58A52; --t2:#9A7343; --t3:#7C5A31;
  --on-acc:var(--ink); --input-bg:#FFFFFF; --input-ink:#1B241E; --input-border:rgba(27,36,30,.28);
  --foot:rgba(27,36,30,.5); --shadow:rgba(27,36,30,.35); --grid:transparent; --cov-em:#E9D3AE; --ov:14,20,16;
}
[data-tema="salud"]{
  --ink:#F3F6F7; --ink2:#FFFFFF; --panel:#FFFFFF; --card:#FFFFFF;
  --gold:#1D6F7E; --gold2:#12303F; --gold3:#0D2330; --ivory:#0F2433; --text:#33474F; --dim:#6B7F88;
  --rose:#3AA3B5; --line:rgba(15,36,51,.16); --green:#2F7D5B; --red:#B5483B;
  --f-body:'Inter',sans-serif; --f-display:'Newsreader',Georgia,serif;
  --acc-rgb:58,163,181; --acc2-rgb:18,48,63;
  --bg1:#F3F6F7; --bg2:#E6EEF0;
  --g1:#1F4A5E; --g2:#12303F; --g3:#0D2330; --t1:#5FB6C4; --t2:#1D6F7E; --t3:#154E5A;
  --on-acc:#F3F6F7; --input-bg:#FFFFFF; --input-ink:#0F2433; --input-border:rgba(15,36,51,.28);
  --foot:rgba(15,36,51,.5); --shadow:rgba(15,36,51,.35); --grid:transparent; --cov-em:#BFE7EE; --ov:8,22,32;
}
:is([data-tema="hogar"],[data-tema="salud"]) .bg{background:linear-gradient(180deg,var(--bg1),var(--bg2));} :is([data-tema="hogar"],[data-tema="salud"]) .bg::after{display:none;}
:is([data-tema="hogar"],[data-tema="salud"]) h1,:is([data-tema="hogar"],[data-tema="salud"]) h2,:is([data-tema="hogar"],[data-tema="salud"]) h3{font-weight:500;letter-spacing:-.01em;}
:is([data-tema="hogar"],[data-tema="salud"]) .brand .ln{background:var(--rose);max-width:90px;} :is([data-tema="hogar"],[data-tema="salud"]) .brand .ln.r{background:var(--rose);}
:is([data-tema="hogar"],[data-tema="salud"]) .brand .nm{color:var(--ivory);letter-spacing:.34em;}
:is([data-tema="hogar"],[data-tema="salud"]) .kick{color:var(--gold);} :is([data-tema="hogar"],[data-tema="salud"]) .kick::before{width:34px;height:1px;background:var(--rose);}
:is([data-tema="hogar"],[data-tema="salud"]) .gold{background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--t2);}
:is([data-tema="hogar"],[data-tema="salud"]) em.it{font-style:italic;}
:is([data-tema="hogar"],[data-tema="salud"]) .cd{border-radius:0;background:#fff;border:1px solid var(--line);box-shadow:0 30px 60px -44px var(--shadow);}
:is([data-tema="hogar"],[data-tema="salud"]) .cd::before,:is([data-tema="hogar"],[data-tema="salud"]) .cd::after{display:block;border-color:var(--rose);}
:is([data-tema="hogar"],[data-tema="salud"]) .cd .lb{color:var(--gold);}
:is([data-tema="hogar"],[data-tema="salud"]) .cd .boxes{gap:8px;flex-wrap:nowrap;} :is([data-tema="hogar"],[data-tema="salud"]) .cd .b{border-radius:0;background:var(--g2);border:none;min-width:0;flex:1 1 0;padding:12px 4px;} :is([data-tema="hogar"],[data-tema="salud"]) .cd .b strong{color:var(--ink);font-size:clamp(26px,3.6vw,40px) !important;} :is([data-tema="hogar"],[data-tema="salud"]) .cd .b span{color:rgba(246,242,234,.7);}
:is([data-tema="hogar"],[data-tema="salud"]) .cd .soon,:is([data-tema="hogar"],[data-tema="salud"]) .cd .done{font-family:var(--f-display);font-style:italic;font-weight:500;color:var(--gold2);font-size:34px;}
:is([data-tema="hogar"],[data-tema="salud"]) .field label{color:var(--gold);}
:is([data-tema="hogar"],[data-tema="salud"]) .field input{border-radius:2px;} :is([data-tema="hogar"],[data-tema="salud"]) .field input:focus{border-color:var(--rose);box-shadow:0 0 0 3px rgba(var(--acc-rgb),.25);}
:is([data-tema="hogar"],[data-tema="salud"]) .btn{border-radius:2px;background:var(--g2);color:var(--ink);box-shadow:none;letter-spacing:.24em;} :is([data-tema="hogar"],[data-tema="salud"]) .btn:hover{background:var(--g3);}
:is([data-tema="hogar"],[data-tema="salud"]) .chip{border-radius:2px;border:1px solid var(--input-border);background:#fff;color:var(--ivory);font-weight:500;} :is([data-tema="hogar"],[data-tema="salud"]) .chip:hover{border-color:var(--rose);}
:is([data-tema="hogar"],[data-tema="salud"]) .chip.on{background:var(--g2);color:var(--ink);border-color:#2B3A2F;}
:is([data-tema="hogar"],[data-tema="salud"]) .formcard,:is([data-tema="hogar"],[data-tema="salud"]) .wacard,:is([data-tema="hogar"],[data-tema="salud"]) .step,:is([data-tema="hogar"],[data-tema="salud"]) .card,:is([data-tema="hogar"],[data-tema="salud"]) .kpi{border-radius:0;border:1px solid var(--line);background:#fff;box-shadow:0 30px 60px -48px var(--shadow);}
:is([data-tema="hogar"],[data-tema="salud"]) .formcard::before{display:block;inset:8px;border:1px solid rgba(var(--acc-rgb),.3);}
:is([data-tema="hogar"],[data-tema="salud"]) .step .n,:is([data-tema="hogar"],[data-tema="salud"]) .wacard .soonmsg{font-family:var(--f-display);font-style:italic;color:var(--gold);font-weight:500;}
:is([data-tema="hogar"],[data-tema="salud"]) .wacard .soonmsg{font-size:24px;}
:is([data-tema="hogar"],[data-tema="salud"]) .wa{border-radius:2px;}
:is([data-tema="hogar"],[data-tema="salud"]) .perks li{font-weight:400;} :is([data-tema="hogar"],[data-tema="salud"]) .perks li::before{width:9px;height:9px;transform:rotate(45deg);border-radius:0;background:var(--rose);}
:is([data-tema="hogar"],[data-tema="salud"]) .bar .f,:is([data-tema="hogar"],[data-tema="salud"]) .days .c i{background:linear-gradient(180deg,var(--t1),var(--t2));} :is([data-tema="hogar"],[data-tema="salud"]) .bar .t{background:var(--ink);border-color:var(--line);border-radius:0;}
:is([data-tema="hogar"],[data-tema="salud"]) .btn2{border-radius:2px;background:var(--g2);color:var(--ink);} :is([data-tema="hogar"],[data-tema="salud"]) .btn3{border-radius:2px;}
:is([data-tema="hogar"],[data-tema="salud"]) .tag{border-radius:0;} :is([data-tema="hogar"],[data-tema="salud"]) .kpi strong{font-family:var(--f-display) !important;font-weight:500 !important;color:var(--gold2);font-size:56px;}
:is([data-tema="hogar"],[data-tema="salud"]) .foot{color:var(--foot);}
/* portada con fotografia */
.cover{position:relative;z-index:1;min-height:min(92vh,860px);display:flex;flex-direction:column;justify-content:flex-end;color:var(--ink);background:var(--g3);overflow:hidden;}
.cover .ph{position:absolute;inset:0;background-size:cover;background-position:center;animation:kenb 26s ease-in-out infinite alternate;}
.cover::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(var(--ov),.55) 0%,rgba(var(--ov),.15) 38%,rgba(var(--ov),.82) 100%);}
@keyframes kenb{from{transform:scale(1);}to{transform:scale(1.07);}}
.cover .in{position:relative;z-index:2;max-width:1180px;width:100%;margin:0 auto;padding:0 28px 54px;}
.cover .top{position:absolute;z-index:2;top:0;left:0;right:0;padding:26px 28px;display:flex;justify-content:center;}
.cover .top .nm{font:500 12.5px var(--f-body);letter-spacing:.4em;text-transform:uppercase;color:var(--ink);display:flex;align-items:center;gap:16px;}
.cover .top .nm::before,.cover .top .nm::after{content:'';width:54px;height:1px;background:rgba(246,242,234,.7);}
.cover .kick{color:var(--cov-em);} .cover .kick::before{background:var(--cov-em);}
.cover h1{font-family:var(--f-display);font-weight:500;font-size:clamp(44px,7.4vw,104px);line-height:.98;letter-spacing:-.02em;color:var(--ink);margin:20px 0 22px;max-width:980px;}
.cover h1 em{font-style:italic;color:var(--cov-em);}
.cover p.lead{font:300 clamp(17px,2vw,21px)/1.6 var(--f-body);color:rgba(246,242,234,.9);max-width:600px;}
.cover .cta{display:inline-block;margin-top:28px;padding:17px 34px;background:var(--ink);color:var(--ivory);text-decoration:none;font:600 13px var(--f-body);letter-spacing:.26em;text-transform:uppercase;border-radius:2px;}
/* categorias con foto */
.cats{display:grid;grid-template-columns:repeat(var(--n,3),1fr);gap:22px;}
.cats.many .cat .t{font-size:clamp(19px,1.9vw,26px);} .cats.many{gap:14px;}
.cat{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--g3);color:var(--ink);}
.cat .im{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 1.2s ease;}
.cat:hover .im{transform:scale(1.06);}
.cat::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(var(--ov),0) 42%,rgba(var(--ov),.86) 100%);}
.cat .tx{position:absolute;z-index:2;left:22px;right:22px;bottom:22px;}
.cat .n{font:italic 500 18px var(--f-display);color:var(--cov-em);}
.cat .t{font:500 clamp(24px,2.6vw,32px)/1.05 var(--f-display);margin-top:4px;}
.sechead{text-align:center;margin:84px auto 34px;max-width:680px;}
.sechead h2{font:500 clamp(32px,4.6vw,52px)/1.05 var(--f-display);color:var(--ivory);}
.sechead h2 em{font-style:italic;color:var(--t2);}
.sechead p{margin-top:12px;color:var(--dim);font-size:17px;font-weight:300;}
.band{position:relative;margin:70px -22px 0;padding:54px 22px;background:var(--g2);color:var(--ink);}
@media(max-width:860px){.cats,.cats.many{grid-template-columns:1fr;} .cat{aspect-ratio:4/3;} .cover{min-height:min(86vh,760px);} .cover .in{padding-bottom:40px;}}
@media (prefers-reduced-motion:reduce){.cover .ph{animation:none;}}

:is([data-tema="hogar"],[data-tema="salud"]) .cover h1 em{color:var(--cov-em);}
:is([data-tema="hogar"],[data-tema="salud"]) .cover h1{text-shadow:0 2px 30px rgba(var(--ov),.45);}
.band{margin:70px 0 0;} 
.band .cd{background:transparent;border:1px solid rgba(var(--acc-rgb),.5);box-shadow:none;}
.band .cd::before,.band .cd::after{border-color:var(--cov-em);}
.band .cd .lb{color:var(--cov-em);} .band .cd .b{background:var(--ink);} .band .cd .b strong{color:var(--ivory) !important;} .band .cd .b span{color:#5E675F !important;}
.band .cd .soon,.band .cd .done{color:var(--ink) !important;}

/* portada dividida: texto a la izquierda, foto a la derecha */
.cover.split{background:var(--g3);}
.cover.split .ph{left:40%;background-position:center 18%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 34%);mask-image:linear-gradient(90deg,transparent 0,#000 34%);}
.cover.split::after{background:linear-gradient(180deg,rgba(var(--ov),.35) 0%,rgba(var(--ov),0) 30%,rgba(var(--ov),.55) 100%);}
.cover.split h1{font-size:clamp(40px,5.4vw,78px);max-width:760px;}
.cover.split p.lead{max-width:540px;}
@media(max-width:860px){.cover.split .ph{left:0;-webkit-mask-image:none;mask-image:none;background-position:center 15%;} .cover.split::after{background:linear-gradient(180deg,rgba(var(--ov),.55) 0%,rgba(var(--ov),.15) 38%,rgba(var(--ov),.85) 100%);}}