/*
Theme Name: Horóscopo de la semana
Description: Tema de bloques para horoscopodelasemana.es. Diseño «Noche violeta y luna». Necesita el plugin «Horóscopo de la semana».
Version: 1.0.1
Requires at least: 6.5
Requires PHP: 7.4
Author: Triae Diseño y Comunicación S.L.
Text Domain: horoscopodelasemana
License: GPLv2 or later
*/

:root{--bg:#14102A;--bg2:#1B1535;--card:#211A3D;--line:#3A3160;--txt:#ECE8F4;--mut:#A9A2C2;--plata:#C9C6D9;--lav:#A898E0;--cta:#E6C88F;--ctatxt:#1A1430;--w:1160px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--txt);font:400 17px/1.65 Karla,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,p,ol,ul,figure{margin:0}
a{color:inherit;text-decoration:none}
img,svg{max-width:100%}
.wp-site-blocks{padding:0}
.wp-block-template-part{display:contents}
.hs-main .wp-block-post-content>*{margin:0}
.wrap{max-width:var(--w);margin:0 auto;padding:0 28px}
h1,h2,h3,.logo,.serif{font-family:Bellefair,Georgia,serif;font-weight:400;letter-spacing:.01em}
.kicker{display:inline-block;font:700 12px/1.3 Karla,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--lav)}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}
:focus-visible{outline:2px solid var(--cta);outline-offset:3px}

/* Cielo de estrellas (CSS) */
.sky{position:relative;isolation:isolate}
.sky::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.75;pointer-events:none;background-image:radial-gradient(1px 1px at 12% 18%,#fff8 50%,transparent 51%),radial-gradient(1px 1px at 28% 62%,#fff6 50%,transparent 51%),radial-gradient(1.4px 1.4px at 44% 30%,#fffa 50%,transparent 51%),radial-gradient(1px 1px at 63% 12%,#fff7 50%,transparent 51%),radial-gradient(1px 1px at 72% 70%,#fff5 50%,transparent 51%),radial-gradient(1.4px 1.4px at 86% 38%,#fff9 50%,transparent 51%),radial-gradient(1px 1px at 92% 82%,#fff6 50%,transparent 51%),radial-gradient(1px 1px at 6% 78%,#fff5 50%,transparent 51%),radial-gradient(1px 1px at 53% 88%,#fff4 50%,transparent 51%),radial-gradient(1px 1px at 36% 8%,#fff6 50%,transparent 51%);background-size:420px 420px}
.sky::after{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(900px 420px at 70% -10%,#3B2C7055,transparent 70%),radial-gradient(700px 380px at 0% 30%,#2A1F5255,transparent 70%)}

/* Cabecera */
header.top{border-bottom:1px solid var(--line);background:#14102Ae6;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.admin-bar header.top{top:32px}
.hd{display:flex;align-items:center;gap:28px;height:72px}
.logo{font-size:25px;line-height:1;white-space:nowrap}
.logo small{display:block;font:700 10px/1 Karla,sans-serif;letter-spacing:.3em;text-transform:uppercase;color:var(--lav);margin-top:5px}
nav.mn{display:flex;gap:24px;font-size:15px;color:var(--mut);margin-left:auto}
nav.mn a:hover{color:var(--txt)}
nav.mn a.ng{color:#C9B6FF}
.hd .tel{display:flex;align-items:center;gap:14px}
.hd .num{font:700 16px Karla,sans-serif;letter-spacing:.04em;color:var(--plata)}
.hd .mnum{display:none}

/* Botones */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font:700 15px/1.2 Karla,sans-serif;border-radius:999px;padding:13px 24px;transition:filter .2s,border-color .2s;white-space:nowrap;cursor:pointer;border:0;background:none;color:inherit}
.btn-call{background:var(--cta);color:var(--ctatxt);box-shadow:0 0 0 1px #ffffff22 inset,0 8px 30px -10px var(--cta)}
.btn-call:hover{filter:brightness(1.06)}
.btn-ghost{border:1px solid var(--line);color:var(--txt)}
.btn-ghost:hover{border-color:var(--lav)}
.btn-sm{padding:9px 18px;font-size:14px}
.btn-negro{border:1px solid #B79CFF;color:#F2EEFF}
.acts{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}

/* Portada */
.hero{padding:70px 0 54px}
.hero-sm{padding:56px 0 30px}
.hero-g{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
.hero-g>*,.sign-g>*,.cta>*,.ng-cta>*{min-width:0}
.hero h1{font-size:76px;line-height:1;margin:18px 0}
.hero-sm h1{font-size:60px}
.lead{font-size:19px;color:var(--mut);max-width:620px}
.moonbig{position:relative;justify-self:center;width:300px;height:300px}
.moonbig .halo{position:absolute;inset:-40px;border-radius:50%;background:radial-gradient(circle,#A898E033,transparent 65%)}
.moonbig .moon{position:relative;width:100%;height:100%}
.moonbig .cap{position:absolute;bottom:-34px;left:0;right:0;text-align:center;font-size:14px;color:var(--mut)}

/* Tira de la semana */
.weekbox{margin-top:46px;border:1px solid var(--line);border-radius:22px;padding:22px 24px;background:#1B153599}
.wb-signo{margin:0 0 60px}
.weekbox .wh{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px;gap:12px}
.weekbox .wh h2{font-size:26px}
.weekbox .wh span{font-size:14px;color:var(--mut)}
ol.week{list-style:none;padding:0;display:grid;grid-template-columns:repeat(7,1fr);gap:10px}
.day{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px 12px;border-radius:16px;border:1px solid transparent}
.day .dn{font:700 11px Karla,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--mut)}
.day .dd{font-family:Bellefair,serif;font-size:26px;line-height:1}
.moon .m-dark{fill:#2E2650}.moon .m-lit{fill:var(--plata)}
.day.key{border-color:var(--cta);background:linear-gradient(180deg,#E6C88F14,transparent)}
.day.key .moon .m-lit{fill:var(--cta)}
.day .kt{font:700 10px Karla,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--cta)}
.key-note{margin-top:14px;font-size:16px;color:var(--mut)}
.key-note b{color:var(--txt)}
.key-cta{margin-top:14px}
.eventos{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:15px;color:var(--mut)}
.eventos b{color:var(--txt);font-weight:700}

/* Secciones */
section.blk{padding:74px 0}
section.pt0{padding-top:0}
section.pt20{padding-top:20px}
.sh{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}
.sh h2{font-size:46px;line-height:1.05;margin-top:10px}
.sh p{color:var(--mut);max-width:440px}
.grid12{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.sg{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px 22px 20px;display:flex;flex-direction:column;gap:10px;transition:transform .2s,border-color .2s}
a.sg:hover{border-color:var(--lav);transform:translateY(-2px)}
.sg .t{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.sg h3{font-size:28px;line-height:1}
.sg .f{font-size:12px;color:var(--mut);letter-spacing:.03em;margin-top:4px}
.sg p{font-size:15px;line-height:1.5;color:#D6D0E6}
.sg p.fr{color:var(--txt);font-weight:500}
.sg .go,.amor-item .go{font-size:13px;font-weight:700;color:var(--lav);margin-top:auto}
.cst .l line{stroke:var(--plata);stroke-width:1.1;opacity:.55}
.cst .p circle{fill:var(--plata)}
.cst-lav .l line{stroke:var(--lav)}.cst-lav .p circle{fill:var(--txt)}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.panel{border-radius:24px;padding:36px;border:1px solid var(--line);background:var(--card)}
.panel h3{font-size:36px;line-height:1.05;margin:10px 0 12px}
.panel p{color:var(--mut);margin-bottom:22px}
.panel.negro{background:#0B0B0B;border-color:#2a2a2a}
.panel.negro .kicker{color:#B79CFF}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.chip{border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:14px}
.cta{border-radius:28px;padding:56px;display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:center;border:1px solid var(--line);background:radial-gradient(600px 300px at 90% 0%,#3B2C7066,transparent 70%),var(--bg2)}
.cta h2{font-size:48px;line-height:1.05;margin:12px 0}
.cta h2 em{font-style:normal;color:var(--cta)}
.cta p{color:var(--mut)}
.acc{display:flex;flex-direction:column;gap:12px;align-items:stretch}
.bignum{font-family:Bellefair,serif;font-size:40px;text-align:center;color:var(--plata);letter-spacing:.03em}
.aviso{font-size:12.5px;color:var(--mut);text-align:center}
.faq{max-width:820px}
.faq details{border-bottom:1px solid var(--line);padding:18px 0}
.faq summary{font-family:Bellefair,serif;font-size:23px;cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";float:right;color:var(--lav)}
.faq details[open] summary::after{content:"–"}
.faq p{color:var(--mut);margin-top:8px}

/* Página de signo */
.crumbs{font-size:13px;color:var(--mut);padding-top:26px}
.crumbs a{color:var(--lav)}
.sign-hero{padding:34px 0 40px}
.sign-g{display:grid;grid-template-columns:1fr 280px;gap:50px;align-items:center}
.sign-hero h1{font-size:64px;line-height:1;margin:14px 0 6px}
.sign-hero .sub{font-family:Bellefair,serif;font-size:26px;color:var(--plata)}
.sign-hero .meta{font-size:14px;color:var(--mut);margin-top:8px}
.bigc{width:280px;height:280px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;background:radial-gradient(circle,#2A2150,transparent 70%)}
.semana-txt{font-size:20px;line-height:1.7;max-width:780px;margin-top:22px;color:#E4DFF0}
.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.col{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:26px}
.col h2{font-size:28px;margin:8px 0 10px}
.col p{font-size:16px;color:#D6D0E6}
.col p+p{margin-top:8px}
.col .ico{width:34px;height:34px;border-radius:50%;border:1px solid var(--lav);display:grid;place-items:center;color:var(--lav)}
.transits{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:20px;overflow:hidden}
.transits div{padding:22px 24px;border-right:1px solid var(--line)}
.transits div:last-child{border-right:0}
.transits b{display:block;font-family:Bellefair,serif;font-weight:400;font-size:22px;margin:6px 0 4px}
.transits span{font-size:14px;color:var(--mut)}
.auto-tag{font-size:13px;color:var(--mut);margin-top:10px}
.selector{border:1px solid var(--line);border-radius:24px;padding:34px;background:var(--bg2)}
.selector h2{font-size:38px;margin:8px 0 18px}
.sel-chips{display:flex;flex-wrap:wrap;gap:10px}
.sel-chips button{font:500 15px Karla,sans-serif;color:var(--txt);background:none;border:1px solid var(--line);border-radius:999px;padding:10px 18px;cursor:pointer}
.sel-chips button.on{border-color:var(--cta);color:var(--cta)}
.sel-res{margin-top:22px;display:flex;justify-content:space-between;gap:24px;align-items:center;padding:22px 24px;border-radius:18px;background:#14102A;border:1px dashed var(--line)}
.sel-res[hidden]{display:none}
.sel-res p{color:#DAD4EA;max-width:620px}
.to-negro{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#0B0B0B;border:1px solid #2a2a2a;border-radius:20px;padding:24px 28px}
.to-negro .kicker{color:#B79CFF}
.to-negro h2{font-size:28px;margin-top:6px}
.to-negro p{color:#CFC9C4;margin-top:6px;max-width:720px}
.mini12{display:flex;flex-wrap:wrap;gap:10px}
.mini12 a{border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-size:14px;display:flex;align-items:center;gap:8px}
.mini12 a:hover{border-color:var(--lav)}

/* Amor */
.amor-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.amor-item{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:10px}
.amor-item .ah{display:flex;gap:14px;align-items:center}
.amor-item h2{font-size:28px;line-height:1}
.amor-item .f{font-size:12px;color:var(--mut);margin-top:4px}
.amor-item p{color:#D6D0E6;font-size:16px}

/* Pie */
footer.pie{border-top:1px solid var(--line);padding:56px 0 40px;color:var(--mut);font-size:14px;background:#100C22}
.ft{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:30px}
footer.pie h4{font:700 12px Karla,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--txt);margin-bottom:12px}
footer.pie a{display:block;margin:5px 0}
footer.pie a:hover{color:var(--txt)}
footer.pie .fnum{font-family:Bellefair,serif;font-size:30px;color:var(--plata);margin:10px 0 2px}
.legal{margin-top:36px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:13px}
.legal a{display:inline!important;margin-right:16px!important}
.barra{display:none}

/* Páginas de texto (legales) */
.hs-legal .wrap-txt{max-width:820px;margin:0 auto;padding:60px 28px 80px}
.hs-legal h1{font-size:52px;line-height:1.05;margin-bottom:30px}
.hs-legal h2{font-size:30px;margin:36px 0 12px}
.hs-legal h3{font-size:23px;margin:26px 0 10px}
.hs-legal p,.hs-legal li{color:#D9D3E8;margin-bottom:14px}
.hs-legal a{color:#C9B6FF;text-decoration:underline}
.hs-legal table{width:100%;border-collapse:collapse;margin:10px 0 20px}
.hs-legal td{border:1px solid var(--line);padding:10px 14px;font-size:15px}
.hs-legal td:first-child{color:var(--mut);width:34%}
.hs-404 .btn{margin-top:20px}

/* ---------- Horóscopo negro ---------- */
body.hs-negro{--bg:#0B0B0B;--bg2:#131313;--card:#141414;--line:#2A2A2A;--txt:#EFEAE6;--mut:#9C9590;--cta:#EFEAE6;--ctatxt:#0B0B0B;--lav:#B79CFF;background:#0B0B0B}
body.hs-negro .sky::before,body.hs-negro .sky::after{display:none}
body.hs-negro header.top{background:#0B0B0Bee}
body.hs-negro footer.pie{background:#080808}
body.hs-negro .btn-call{box-shadow:none}
body.hs-negro .btn{border-radius:4px}
body.hs-negro .barra{background:#0B0B0Bf2}
body.hs-negro .sel-res{background:#0B0B0B}
body.hs-negro .sel-chips button.on{border-color:#B79CFF;color:#C9B6FF}
body.hs-negro .selector{border-radius:4px}
body.hs-negro .cta{background:#131313;border-radius:4px;border-left:3px solid #B79CFF}
body.hs-negro .cta h2 em{color:#C9B6FF}
body.hs-negro .cta .bignum{color:var(--txt)}
body.hs-negro .to-negro{border-radius:4px}
.ng-hero{padding:70px 0 40px;border-bottom:1px solid var(--line)}
.ng-hero h1{font-size:80px;line-height:.98;margin:16px 0 18px}
.ng-hero .lead{font-size:20px;max-width:640px}
.ng-hero .lead b{color:var(--txt)}
.ng-rule{height:3px;width:72px;background:#B79CFF;margin:26px 0 0}
.to-amable{color:var(--mut);font-size:15px;margin-top:22px}
.to-amable a{color:var(--txt);border-bottom:1px solid #B79CFF}
.ng-list{display:grid;grid-template-columns:1fr 1fr;gap:0 48px}
.ng-item{padding:26px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:150px 1fr;gap:20px;scroll-margin-top:90px}
.ng-item h2{font-size:30px;line-height:1}
.ng-item .f{font-size:12px;color:var(--mut);margin-top:6px}
.ng-item p{font-size:16.5px;line-height:1.6;color:#D9D2CD}
.ng-item:target{background:linear-gradient(90deg,#B79CFF14,transparent)}
.ng-que p{max-width:820px}
.ng-que h2{font-size:34px;margin-bottom:12px}
.ng-que p{color:var(--mut)}
.ng-cta{border:1px solid #2A2A2A;border-left:3px solid #B79CFF;border-radius:4px;padding:44px;display:grid;grid-template-columns:1.4fr .6fr;gap:30px;align-items:center;background:#131313}
.ng-cta h2{font-size:46px;line-height:1.05;margin-bottom:10px}
.ng-cta p{color:var(--mut)}
.ng-cta .bignum{color:var(--txt);font-size:38px}

/* ---------- Blog «Zodiaco sin filtros» (estética negra) ---------- */
.wrap-art{max-width:780px;margin:0 auto;padding:0 28px}
.art-head{padding:40px 0 10px}
.art-head .crumbs{padding-top:0;margin-bottom:26px}
.art-head h1{font-size:58px;line-height:1.02;margin:14px 0 16px}
.art-head .lead{font-size:20px}
.art-meta{font-size:14px;color:var(--mut);margin-top:16px}
.art-body{padding-top:26px;padding-bottom:30px}
.art-body .wp-block-post-content>*{margin:0 0 18px}
.art-body p,.art-body li{font-size:18px;line-height:1.75;color:#DCD6D1}
.art-body h2{font-size:38px;line-height:1.1;margin:52px 0 16px!important;scroll-margin-top:90px}
.art-body h3{font-size:27px;line-height:1.15;margin:36px 0 10px!important;scroll-margin-top:90px;color:var(--txt)}
.art-body h3 small{display:block;font:500 13px Karla,sans-serif;color:var(--mut);letter-spacing:.04em;margin-top:6px}
.art-body ul,.art-body ol{padding-left:22px}
.art-body li{margin-bottom:8px}
.art-body a{color:#C9B6FF;text-decoration:underline;text-underline-offset:3px}
.art-body strong{color:var(--txt)}
.art-body blockquote{border-left:3px solid #B79CFF;margin:26px 0;padding:4px 0 4px 20px;font-family:Bellefair,serif;font-size:24px;line-height:1.35;color:var(--txt)}
.art-body blockquote p{font:inherit;color:inherit}
.indice{border:1px solid var(--line);border-radius:4px;padding:18px 20px;margin:10px 0 30px!important;background:var(--bg2)}
.indice span{display:block;font:700 12px Karla,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#B79CFF;margin-bottom:10px}
.indice div{display:flex;flex-wrap:wrap;gap:8px}
.art-body .indice a{text-decoration:none;color:var(--txt);border:1px solid var(--line);border-radius:4px;padding:6px 12px;font-size:14px}
.art-body .indice a:hover{border-color:#B79CFF}
.llamada-box{border:1px solid var(--line);border-left:3px solid #B79CFF;border-radius:4px;padding:18px 20px;margin:22px 0 30px!important;background:var(--bg2);display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center}
.llamada-box p{margin:0!important;flex:1 1 320px;font-size:16px!important;color:var(--txt)!important}
.art-body .llamada-box .btn,.art-body .btn-call{text-decoration:none;color:var(--ctatxt)}
.art-body .llamada-box .sig-link{font-size:14px;color:var(--mut);text-decoration:none;width:100%}
.art-final{max-width:780px;margin:0 auto;padding:0 28px 40px}
.aviso-art{font-size:14px;color:var(--mut);border-top:1px solid var(--line);padding-top:18px}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.bcard{background:var(--card);border:1px solid var(--line);border-radius:4px;padding:26px;display:flex;flex-direction:column;gap:10px;transition:border-color .2s}
.bcard:hover{border-color:#B79CFF}
.bcard .f{font-size:12px;color:var(--mut);letter-spacing:.06em;text-transform:uppercase}
.bcard h3{font-size:28px;line-height:1.1}
.bcard p{font-size:15px;color:#CFC9C4}
.bcard .go{font-size:13px;font-weight:700;color:#B79CFF;margin-top:auto}
.paginas ul{list-style:none;padding:0;margin:30px 0 0;display:flex;gap:8px;flex-wrap:wrap}
.paginas a,.paginas span{display:inline-block;border:1px solid var(--line);border-radius:4px;padding:8px 14px;font-size:14px}
.paginas .current{border-color:#B79CFF;color:#C9B6FF}
@media (max-width:900px){
 .wrap-art,.art-final{padding-left:18px;padding-right:18px}
 .art-head{padding-top:26px}
 .art-head h1{font-size:40px}
 .art-head .lead{font-size:17px}
 .art-body p,.art-body li{font-size:17px}
 .art-body h2{font-size:31px;margin-top:40px!important}
 .art-body h3{font-size:24px}
 .blog-grid{grid-template-columns:1fr}
}

/* ---------- Móvil ---------- */
@media (max-width:900px){
 .wrap{padding:0 18px}
 nav.mn,.hd .num{display:none}
 .hd{height:62px;gap:12px}.logo{font-size:21px}.hd .tel{margin-left:auto;gap:10px}
 .hd .mnum{display:block;font:700 13px Karla,sans-serif;color:var(--plata)}
 .hd .btn-call span{display:none}.hd .btn-call{padding:10px 12px}
 .hero{padding:40px 0 30px}.hero-g{grid-template-columns:1fr;gap:10px}
 .hero h1{font-size:46px}
 .acts .btn{white-space:normal;text-align:center}.hero-sm h1{font-size:42px}.lead{font-size:17px}
 .moonbig{display:none}
 .weekbox{padding:16px 0 16px 14px;margin-top:30px}
 .weekbox .wh,.key-note,.key-cta,.eventos{padding-right:14px}
 .weekbox .wh{flex-direction:column;gap:2px}
 ol.week{display:flex;overflow-x:auto;gap:8px;padding-right:14px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 ol.week::-webkit-scrollbar{display:none}
 .day{min-width:70px}
 section.blk{padding:50px 0}
 .sh{flex-direction:column;align-items:start}.sh h2{font-size:36px}
 .grid12{grid-template-columns:1fr 1fr;gap:10px}
 .sg{padding:16px;gap:6px}.sg h3{font-size:22px}.sg p{font-size:13.5px}.sg .cst{width:40px;height:40px}
 .duo,.cta,.cols,.transits,.ng-list,.ng-cta,.sign-g,.amor-list{grid-template-columns:1fr}
 .panel{padding:26px}.panel h3{font-size:30px}
 .cta{padding:30px 22px}.cta h2{font-size:36px}
 .ft{grid-template-columns:1fr 1fr;gap:18px 20px}
 .ft>div:first-child,.ft>div:last-child{grid-column:1/-1}
 .ft>div:nth-child(3) h4{display:none}.ft>div:nth-child(3){padding-top:22px}
 .sign-hero h1{font-size:44px}.sign-hero .sub{font-size:22px}.bigc{display:none}.semana-txt{font-size:18px}
 .transits div{border-right:0;border-bottom:1px solid var(--line)}
 .transits div:last-child{border-bottom:0}
 .sel-res{flex-direction:column;align-items:stretch}
 .selector{padding:24px 18px}.selector h2{font-size:30px}
 .to-negro{flex-direction:column;align-items:start}
 .ng-hero{padding:40px 0 30px}.ng-hero h1{font-size:50px}
 .ng-item{grid-template-columns:1fr;gap:8px}
 .ng-cta{padding:28px 20px}.ng-cta h2{font-size:34px}
 .hs-legal h1{font-size:38px}.hs-legal .wrap-txt{padding:40px 18px 60px}
 footer.pie{padding-bottom:100px}
 .barra{display:grid;grid-template-columns:1.4fr 1fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:30;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#0E0B1FF2;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
 .barra.solo{grid-template-columns:1fr}
 .barra .btn{padding:13px 10px;font-size:15px}
 .barra .btn-wa{border:1px solid var(--line);color:var(--txt)}
 /* Complianz por encima de la barra */
 #cmplz-manage-consent .cmplz-manage-consent{bottom:76px!important}
 .cmplz-cookiebanner{bottom:76px!important}
}
@media (max-width:600px){ .admin-bar header.top{top:0} }
@media (min-width:601px) and (max-width:782px){ .admin-bar header.top{top:46px} }
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}