/* ============ Conceptos: dos webs de ejemplo (Satya y Nácar) para entrar y recorrer ============ */
/* Escaparate: cada concepto vive en su propio escenario, con un portátil y un móvil de verdad */
.cx{margin-bottom:84px}
.cx-h{max-width:none;font:400 clamp(1.6rem,2.77vw,2.38rem)/1.04 var(--disp);text-wrap:balance;letter-spacing:-.01em;color:var(--fg);transition:color .8s ease}
.cx-h em{color:var(--acc);transition:color .8s ease}
.cx-sub{margin-top:20px;max-width:62ch;font-size:clamp(1.25rem,2.1vw,1.75rem);line-height:1.4;color:var(--fg);transition:color .8s ease}
/* Título y entradilla centrados; «Así puede quedar la tuya» va debajo y en grande, cada parte en una sola línea que se ajusta al ancho */
.cx-h,.cx-sub{margin-inline:auto;text-align:center}
.cx-sub{max-width:52ch;font-size:clamp(1.1rem,1.5vw,1.35rem)}
.cx-h em{display:block;margin-top:.14em;font-size:1.3em;line-height:1}
@media (min-width:900px){
  .cx{container-type:inline-size}
  .cx-h{white-space:nowrap;font-size:calc(100cqw / 32)}
  .cx-h em{font-size:2.35em}
}
.cx-list{display:grid;gap:28px;margin-top:48px}

.cx-st{--ln:rgb(237 231 220 / .16);position:relative;isolation:isolate;overflow:hidden;display:grid;gap:34px;align-items:center;padding:clamp(22px,4.2vw,64px);border-radius:32px}
@media (min-width:1100px){
  .cx-st{grid-template-columns:minmax(270px,.6fr) minmax(0,1.6fr);gap:48px;min-height:660px}
  .cx-st.rev{grid-template-columns:minmax(0,1.6fr) minmax(270px,.6fr)}
  .cx-st.rev .cx-info{order:2}
}
@media (max-width:640px){.cx-st{border-radius:24px;padding:26px 18px 22px}}

/* Satya: noche, madera y luz de vela */
.cx-st.sat{background:#0E100C;color:#EDE7DC}
.cx-st.sat::before{content:"";position:absolute;inset:-10%;z-index:-1;background:radial-gradient(42% 46% at 66% 58%,rgb(214 163 92 / .24),transparent 70%),radial-gradient(34% 34% at 12% 16%,rgb(112 132 96 / .16),transparent 70%)}
.cx-st.sat::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 60%,rgb(0 0 0 / .35))}
/* Nácar: perla fría, con reflejos que cambian de color */
.cx-st.nac{--ln:rgb(20 22 25 / .14);background:#E6E9ED;color:#15171A}
.cx-st.nac::before{content:"";position:absolute;inset:-20%;z-index:-1;filter:blur(50px);background:radial-gradient(30% 34% at 38% 38%,#F6D9E7,transparent 70%),radial-gradient(30% 36% at 62% 70%,#D2E4F7,transparent 70%),radial-gradient(26% 30% at 30% 78%,#DCF1E5,transparent 70%),radial-gradient(22% 26% at 70% 24%,#EDE2F8,transparent 70%);animation:cxDrift 22s ease-in-out infinite alternate}
@keyframes cxDrift{to{transform:translate(4%,-3%) rotate(8deg) scale(1.08)}}

.cx-tag{display:inline-flex;padding:9px 15px;border:1px solid var(--ln);border-radius:999px;font:700 .8rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;opacity:.8}
.cx-name{margin:22px 0 0;font:300 clamp(4rem,7.4vw,6.6rem)/.86 "Cormorant Garamond",Georgia,serif;letter-spacing:.01em}
.nac .cx-name{font:400 clamp(3.2rem,6vw,5.2rem)/.92 "Bodoni Moda",Georgia,serif;letter-spacing:.08em}
.cx-kind{display:block;margin-top:14px;font:600 .9rem/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;opacity:.62}
.cx-desc{margin-top:22px;max-width:36ch;font-size:clamp(1.15rem,1.5vw,1.32rem);line-height:1.55;opacity:.92}
.cx-feat{list-style:none;margin:24px 0 0;padding:0}
.cx-feat li{display:flex;align-items:center;gap:14px;padding:14px 0;border-top:1px solid var(--ln);font-size:1.08rem}
.cx-feat i{font-size:1.3rem;opacity:.8}
.cx-act{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:30px}
.cx-go{display:inline-flex;align-items:center;gap:10px;min-height:62px;padding:0 32px;border:0;border-radius:999px;background:var(--a);color:#fff;font:700 1.15rem/1 var(--sans);white-space:nowrap;cursor:pointer;box-shadow:0 18px 30px -14px rgb(91 76 255 / .85);transition:transform .2s ease,box-shadow .2s ease}
.cx-go i{font-size:1.15rem}
.cx-go:hover{transform:translateY(-2px);box-shadow:0 22px 34px -14px rgb(91 76 255 / .95)}
.cx-go:active{transform:scale(.98)}
.cx-more{color:inherit;font-size:1.08rem;font-weight:600;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}

/* Dispositivos */
.cx-dev{position:relative}
.cx-frame{position:relative;padding:0 9% 7% 0}
.mbp{position:relative;container-type:inline-size;perspective:2600px}
.mbp::after{content:"";position:absolute;left:4%;right:4%;bottom:-3.4cqw;height:5cqw;z-index:-1;background:radial-gradient(50% 50% at 50% 50%,rgb(0 0 0 / .5),transparent 72%);filter:blur(1.2cqw)}
.nac .mbp::after{background:radial-gradient(50% 50% at 50% 50%,rgb(40 48 64 / .35),transparent 72%)}
.mbp-lid{position:relative;padding:1.45cqw 1.45cqw 2.3cqw;border-radius:2.6cqw 2.6cqw .9cqw .9cqw;background:#09090B;box-shadow:0 0 0 .17cqw #55565C,0 0 0 .32cqw #1B1B1E,0 3cqw 6cqw -2cqw rgb(0 0 0 / .5);transform-origin:50% 100%;transition:box-shadow .4s ease}
.mbp-lid::after{content:"";position:absolute;inset:1.45cqw 1.45cqw 2.3cqw;border-radius:1cqw;pointer-events:none;z-index:6;background:linear-gradient(118deg,rgb(255 255 255 / .1),transparent 28%,transparent 74%,rgb(255 255 255 / .04))}
.mbp-cam{position:absolute;left:50%;top:0;z-index:7;width:8.6cqw;height:1.45cqw;transform:translateX(-50%);border-radius:0 0 .8cqw .8cqw;background:#09090B}
.mbp-cam::after{content:"";position:absolute;left:50%;top:.42cqw;width:.6cqw;height:.6cqw;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle at 35% 35%,#3a4a63,#0b0d12 70%)}
.mbp .cx-scr{aspect-ratio:16/10;border-radius:1cqw 1cqw .25cqw .25cqw}
.mbp-base{position:relative;height:2.1cqw;width:114%;margin-left:-7%;border-radius:.3cqw .3cqw 3cqw 3cqw / .3cqw .3cqw 1.9cqw 1.9cqw;background:linear-gradient(180deg,#ECEDF0 0,#CDCFD4 38%,#A2A4AA 100%);box-shadow:inset 0 .14cqw 0 rgb(255 255 255 / .85),inset 0 -.2cqw .4cqw rgb(0 0 0 / .18)}
.mbp-base span{position:absolute;left:50%;top:0;width:14cqw;height:.8cqw;transform:translateX(-50%);border-radius:0 0 1cqw 1cqw;background:linear-gradient(#A6A8AE,#CBCDD2)}
.cx-st.is-live .mbp-lid{box-shadow:0 0 0 .17cqw #55565C,0 0 0 .32cqw #1B1B1E,0 0 0 .9cqw rgb(91 76 255 / .55),0 3cqw 6cqw -2cqw rgb(0 0 0 / .5)}

.iph{position:absolute;right:0;bottom:0;z-index:3;width:23%;container-type:inline-size}
.iph-f{position:relative;padding:3.6cqw;border-radius:17cqw;background:#0A0A0C;box-shadow:0 0 0 1.2cqw #44454B,0 0 0 1.8cqw #19191C,0 6cqw 12cqw -2cqw rgb(0 0 0 / .55)}
.iph .cx-scr{aspect-ratio:9/19.5;border-radius:13.5cqw}
.iph-isl{position:absolute;left:50%;top:6.2cqw;z-index:7;width:30cqw;height:8.6cqw;transform:translateX(-50%);border-radius:99px;background:#000}
@media (max-width:640px){.cx-frame{padding:0 12% 9% 0}.iph{width:27%}}

.cx-hint{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:24px;font:600 1.05rem/1.3 var(--sans);opacity:.85;transition:opacity .3s ease}
.cx-hint i{font-size:1.1rem}
.cx-hint .hn1,.cx-hint .hn2{display:none}
.cx-st.is-live .cx-hint{opacity:1}
.cx-st.is-live .cx-hint .hn0{display:none}
.cx-st.is-live .cx-hint .hn1{display:inline}
@media (hover:none){.cx-hint .hn0,.cx-hint .hn1{display:none!important}.cx-hint .hn2{display:inline}}

/* Pantallas: la web de ejemplo se dibuja dentro con unidades del propio contenedor */
.cx-scr{position:relative;container:cx / size;overflow:hidden;overscroll-behavior:contain;scrollbar-width:none;background:#000;cursor:zoom-in}
.cx-scr::-webkit-scrollbar{display:none}
.cx-scr.live{overflow-y:auto}

/* Pantalla completa */
.cx-ov{position:fixed;inset:0;z-index:200}
.cx-ov[hidden]{display:none}
.cx-ov-bg{position:absolute;inset:0;background:#060607}
.cx-ov-win{position:absolute;left:0;top:0;width:100vw;height:100vh;height:100dvh;overflow:hidden;transform-origin:0 0;will-change:transform}
.cx-ov .cx-scr{width:100%;height:100%;overflow-y:auto;scrollbar-width:thin;cursor:auto}
.cx-ov .cx-scr::-webkit-scrollbar{display:block;width:8px}
.cx-ov .cx-scr::-webkit-scrollbar-thumb{background:rgb(127 127 127 / .5);border-radius:8px}
.cx-ov-dock{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));z-index:3;display:flex;align-items:center;gap:8px;padding:6px 6px 6px 18px;transform:translateX(-50%);border-radius:999px;background:rgb(18 18 22 / .74);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);color:#fff;box-shadow:0 20px 40px -14px rgb(0 0 0 / .6),inset 0 0 0 1px rgb(255 255 255 / .1);white-space:nowrap}
.cx-ov-dock small{font:700 .68rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;opacity:.75}
.cx-ov-cta{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;background:var(--a);color:#fff;font:700 .92rem/1 var(--sans);text-decoration:none}
.cx-ov-x{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:rgb(255 255 255 / .14);color:#fff;font-size:1.2rem;cursor:pointer}
.cx-ov-x:hover{background:rgb(255 255 255 / .24)}
@media (max-width:420px){.cx-ov-dock small{display:none}.cx-ov-dock{padding-left:6px}}
.cx-ov .s>footer{padding-bottom:110px}
@media (max-width:859px){
  .cx-ov-dock{top:max(8px,env(safe-area-inset-top));bottom:auto;gap:6px;padding:4px 4px 4px 14px}
  .cx-ov-cta{min-height:38px;padding:0 15px;font-size:.86rem}
  .cx-ov-x{width:38px;height:38px;font-size:1.05rem}
  .cx-ov .s>footer{padding-bottom:3cqw}
}

/* ============ Base común de las webs de ejemplo ============ */
.s{min-height:100%;font-family:var(--sans);-webkit-font-smoothing:antialiased;cursor:inherit}
.s *{box-sizing:border-box}
.s img,.s video{display:block}
.s em{font-style:italic}
.s .lb{display:inline-block;font:600 var(--s)/1.2 var(--sans);letter-spacing:.26em;text-transform:uppercase}
.s [data-r]{opacity:0;transform:translateY(2.6cqw);transition:opacity 1.1s cubic-bezier(.2,.7,.2,1),transform 1.3s cubic-bezier(.2,.7,.2,1)}
.s [data-r].in{opacity:1;transform:none}
.s .ln{display:block;overflow:hidden;padding-bottom:.06em}
.s .ln>span{display:block;transform:translateY(108%);transition:transform 1.5s cubic-bezier(.16,.8,.16,1)}
.s .ln:nth-child(2)>span{transition-delay:.12s}
.s .ln:nth-child(3)>span{transition-delay:.24s}
.s .in .ln>span,.s .ln.in>span{transform:none}
.s h1[data-r],.s .sy-ftw[data-r],.s .sn-ftw[data-r]{transform:none}
@supports (animation-timeline:view()){
  .s .px{animation:sPx linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
  @keyframes sPx{from{transform:translateY(-6%) scale(1.14)}to{transform:translateY(6%) scale(1.14)}}
}
@media (prefers-reduced-motion:reduce){
  .s [data-r],.s .ln>span{opacity:1;transform:none;transition:none}
  .s .px,.s .sn-pearl::before,.s .sn-mq div,.cx-st.nac::before{animation:none}
}

/* ============ SATYA · casa de yoga ============ */
.sy{--bg:#0F110D;--paper:#F1EEE8;--ink:#181A14;--moss:#1A2019;--amb:#D8A862;--mut:#6F6C62;--cg:"Cormorant Garamond",Georgia,serif;
  --xl:8.4cqw;--l:4.7cqw;--b:1.12cqw;--s:.74cqw;--px:5.4cqw;--py:9.2cqw;
  background:var(--bg);color:#ECE6DB;font-size:var(--b);line-height:1.65}
.sy[data-m="m"]{--xl:16cqw;--l:10.6cqw;--b:3.9cqw;--s:2.7cqw;--px:6.4cqw;--py:20cqw}
.sy h1,.sy h2,.sy h3,.sy blockquote,.sy p{margin:0}
.sy-link{display:inline-flex;align-items:center;gap:.9cqw;padding-bottom:.35cqw;border-bottom:1px solid currentColor;font-weight:500}
.sy[data-m="m"] .sy-link{gap:2cqw;padding-bottom:1cqw}
.sy-pill{display:inline-flex;align-items:center;gap:.8cqw;padding:.95cqw 2cqw;border:1px solid rgb(243 238 229 / .5);border-radius:99px;font-weight:500;transition:background .35s ease,color .35s ease}
.sy-pill:hover{background:#F3EEE5;color:#121410}
.sy[data-m="m"] .sy-pill{padding:2.6cqw 5cqw}

.sy-hero{position:relative;height:100cqh;min-height:52cqw;overflow:hidden;color:#F4EFE6;background:#14140f}
.sy[data-m="m"] .sy-hero{min-height:0}
.sy-hero video,.sy-int video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sy-hero video{filter:brightness(.58) saturate(.75) sepia(.18)}
.sy-hero::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgb(10 11 8 / .6),rgb(10 11 8 / 0) 30%,rgb(10 11 8 / .05) 52%,rgb(10 11 8 / .82))}
.sy-nav{position:absolute;left:0;right:0;top:0;z-index:3;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:2.3cqw var(--px);font-size:.82cqw;letter-spacing:.22em;text-transform:uppercase}
.sy-nav .l{display:flex;gap:2.6cqw}
.sy-nav .r{display:flex;align-items:center;justify-content:flex-end;gap:2.2cqw}
.sy-nav .r .sy-pill{letter-spacing:.18em}
.sy-logo{font:500 1.75cqw/1 var(--cg);letter-spacing:.56em;margin-right:-.56em;text-transform:none}
.sy-bgr{display:none}
.sy[data-m="m"] .sy-nav{grid-template-columns:1fr auto;padding:17cqw var(--px) 0;font-size:2.6cqw}
.sy[data-m="m"] .sy-nav .l,.sy[data-m="m"] .sy-nav .lng,.sy[data-m="m"] .sy-nav .sy-pill{display:none}
.sy[data-m="m"] .sy-logo{font-size:5.6cqw}
.sy[data-m="m"] .sy-bgr{display:grid;gap:1.6cqw;width:7cqw}
.sy-bgr i{display:block;height:1px;background:currentColor}
.sy-hc{position:absolute;left:var(--px);right:var(--px);bottom:4.8cqw;z-index:3;display:grid;grid-template-columns:1fr 25cqw;align-items:end;gap:4cqw}
.sy-h1{font:300 var(--xl)/.9 var(--cg);letter-spacing:-.015em}
.sy-h1 em{font-weight:300}
.sy-hc p{margin-bottom:1.8cqw;color:rgb(244 239 230 / .84)}
.sy[data-m="m"] .sy-hc{grid-template-columns:1fr;gap:7cqw;bottom:12cqw}
.sy[data-m="m"] .sy-hc p{margin-bottom:5cqw}

.sy-man{background:var(--paper);color:var(--ink);padding:var(--py) var(--px)}
.sy-man .lb,.sy-ca .lb{color:#8B877C}
.sy-big{margin-top:3.4cqw!important;max-width:80cqw;font:300 3.55cqw/1.2 var(--cg);letter-spacing:-.005em}
.sy-pi{display:inline-block;width:7.8cqw;height:3.5cqw;margin:0 .3cqw;border-radius:99px;overflow:hidden;vertical-align:-.45cqw;background:#ddd6ca}
.sy-pi img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.sy-pi:hover img{transform:scale(1.15)}
.sy-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:3cqw;margin-top:6.4cqw}
.sy-facts div{padding-top:1.5cqw;border-top:1px solid #D2CCC0}
.sy-facts b{display:block;font:300 3.4cqw/1 var(--cg)}
.sy-facts span{display:block;margin-top:.9cqw;color:var(--mut)}
.sy[data-m="m"] .sy-big{max-width:none;font-size:7.8cqw;line-height:1.22}
.sy[data-m="m"] .sy-pi{width:15cqw;height:7.4cqw;vertical-align:-1.2cqw}
.sy[data-m="m"] .sy-facts{gap:4cqw}
.sy[data-m="m"] .sy-facts b{font-size:9cqw}
.sy[data-m="m"] .sy-facts span{font-size:3.2cqw;line-height:1.35}

.sy-pr{background:var(--paper);color:var(--ink);padding:0 var(--px) var(--py)}
.sy-prh{display:flex;align-items:flex-end;justify-content:space-between;gap:4cqw;padding-top:3cqw;border-top:1px solid #D2CCC0}
.sy-prh h2,.sy-ca h2,.sy-hoh h2,.sy-rec h2{font:300 var(--l)/1 var(--cg);letter-spacing:-.01em}
.sy-prg{display:grid;grid-template-columns:1.14fr 1fr 1fr;gap:2.4cqw;margin-top:4.6cqw;align-items:start}
.sy-prg article:nth-child(2){margin-top:7.4cqw}
.sy-prg article:nth-child(3){margin-top:2.6cqw}
.sy-prg figure{margin:0;aspect-ratio:3/4;overflow:hidden;background:#D9D2C5}
.sy-prg img{width:100%;height:100%;object-fit:cover;transition:transform 1.6s cubic-bezier(.2,.7,.2,1)}
.sy-prg article:hover img{transform:scale(1.07)}
.sy-prg h3{margin-top:1.7cqw;font:400 2.15cqw/1.1 var(--cg)}
.sy-prg p{margin-top:.6cqw;color:#5E5B52;max-width:32ch}
.sy-prg .lb{margin-top:1.4cqw;color:#8B877C}
.sy[data-m="m"] .sy-prh{flex-direction:column;align-items:flex-start;padding-top:9cqw;gap:5cqw}
.sy[data-m="m"] .sy-prg{grid-template-columns:1fr;gap:12cqw;margin-top:10cqw}
.sy[data-m="m"] .sy-prg article:nth-child(n){margin-top:0}
.sy[data-m="m"] .sy-prg figure{aspect-ratio:4/5}
.sy[data-m="m"] .sy-prg h3{margin-top:4.5cqw;font-size:7.4cqw}
.sy[data-m="m"] .sy-prg p{margin-top:2cqw}
.sy[data-m="m"] .sy-prg .lb{margin-top:3.4cqw}

.sy-int{position:relative;height:46cqw;display:grid;place-content:center;justify-items:center;text-align:center;overflow:hidden;background:#070806;color:#EFE9DE}
.sy-int video{opacity:.78}
.sy-int::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 70% at 50% 50%,transparent,rgb(7 8 6 / .75))}
.sy-int blockquote{position:relative;z-index:2;font:300 4.3cqw/1.06 var(--cg);letter-spacing:-.01em}
.sy-int .lb{position:relative;z-index:2;margin-top:2.8cqw;color:var(--amb)}
.sy[data-m="m"] .sy-int{height:150cqw;padding:0 var(--px)}
.sy[data-m="m"] .sy-int blockquote{font-size:10.4cqw}
.sy[data-m="m"] .sy-int .lb{margin-top:7cqw;line-height:1.6}

.sy-ca{background:var(--bg);padding:var(--py) var(--px)}
.sy-ca .sub{margin-top:1.8cqw;max-width:46ch;color:#A9A498}
.sy-cag{display:grid;grid-template-columns:1.45fr 1fr 1fr;grid-template-rows:19cqw 19cqw;gap:1.4cqw;margin-top:4.6cqw}
.sy-cag figure{margin:0;overflow:hidden;background:#1d211b}
.sy-cag figure:first-child{grid-row:span 2}
.sy-cag figure:nth-child(2){grid-column:span 2}
.sy-cag img{width:100%;height:100%;object-fit:cover}
.sy[data-m="m"] .sy-ca .sub{margin-top:5cqw}
.sy[data-m="m"] .sy-cag{grid-template-columns:1fr 1fr;grid-template-rows:62cqw 42cqw 42cqw;gap:3cqw;margin-top:10cqw}
.sy[data-m="m"] .sy-cag figure:first-child{grid-row:auto;grid-column:span 2}
.sy[data-m="m"] .sy-cag figure:nth-child(2){grid-column:span 2}

.sy-ho{background:var(--moss);padding:var(--py) var(--px)}
.sy-hoh{display:flex;align-items:flex-end;justify-content:space-between;gap:4cqw}
.sy-days{display:flex;gap:.7cqw}
.sy-days span{padding:.85cqw 1.5cqw;border:1px solid rgb(236 230 219 / .2);border-radius:99px;font-size:.9cqw;letter-spacing:.12em;text-transform:uppercase}
.sy-days span.on{background:#ECE6DB;color:#141711;border-color:#ECE6DB}
.sy-rows{margin-top:3.8cqw;border-bottom:1px solid rgb(236 230 219 / .14)}
.sy-row{display:grid;grid-template-columns:9cqw 1fr 9cqw 10cqw 9cqw;align-items:center;gap:2cqw;padding:1.75cqw 1cqw;border-top:1px solid rgb(236 230 219 / .14);transition:background .35s ease}
.sy-row:hover{background:rgb(236 230 219 / .05)}
.sy-row time{font:300 2.7cqw/1 var(--cg)}
.sy-row b{display:block;font-weight:500;font-size:1.22cqw}
.sy-row small{display:block;margin-top:.3cqw;color:#9C978B;font-size:.95cqw}
.sy-row .sy-du{color:#9C978B}
.sy-row .sy-sp{color:var(--amb)}
.sy-row .sy-sp.full{color:#77736A}
.sy-row .sy-rv{justify-self:end;padding-bottom:.25cqw;border-bottom:1px solid currentColor}
.sy-row .sy-rv.off{opacity:.45}
.sy-cta{display:inline-flex;align-items:center;gap:1cqw;margin-top:4.4cqw;padding:1.4cqw 2.8cqw;border-radius:99px;background:#ECE6DB;color:#121410;font-weight:600}
.sy-cta i{font-size:1.5cqw}
.sy[data-m="m"] .sy-hoh{flex-direction:column;align-items:flex-start;gap:6cqw}
.sy[data-m="m"] .sy-days{gap:2cqw}
.sy[data-m="m"] .sy-days span{padding:2.4cqw 4cqw;font-size:2.8cqw}
.sy[data-m="m"] .sy-rows{margin-top:9cqw}
.sy[data-m="m"] .sy-row{grid-template-columns:16cqw 1fr auto;gap:4cqw;padding:5cqw 0}
.sy[data-m="m"] .sy-row time{font-size:7.4cqw}
.sy[data-m="m"] .sy-row b{font-size:4.2cqw}
.sy[data-m="m"] .sy-row small{font-size:3.3cqw;margin-top:1cqw}
.sy[data-m="m"] .sy-row .sy-du{display:none}
.sy[data-m="m"] .sy-row{grid-template-columns:15cqw 1fr auto;grid-template-rows:auto auto;gap:1cqw 3.4cqw}
.sy[data-m="m"] .sy-row time{grid-column:1;grid-row:1/3;align-self:center}
.sy[data-m="m"] .sy-row>div{grid-column:2;grid-row:1}
.sy[data-m="m"] .sy-row .sy-sp{grid-column:2;grid-row:2}
.sy[data-m="m"] .sy-row .sy-rv{grid-column:3;grid-row:1/3;align-self:center;display:inline-flex;align-items:center;justify-content:center;min-height:11.5cqw;padding:0 4.6cqw;border:1px solid currentColor;border-bottom-width:1px;border-radius:99px;font-size:3.5cqw;font-weight:600;letter-spacing:.02em}
.sy[data-m="m"] .sy-row .sy-sp{font-size:3.3cqw}
.sy[data-m="m"] .sy-cta{gap:2.6cqw;margin-top:10cqw;padding:4cqw 7cqw}
.sy[data-m="m"] .sy-cta i{font-size:5cqw}

.sy-re{position:relative;height:52cqw;overflow:hidden;background:#111;color:#F4EFE6}
.sy-re>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.7) saturate(.85)}
.sy-re::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgb(10 11 8 / .78),rgb(10 11 8 / .1) 62%),linear-gradient(0deg,rgb(10 11 8 / .5),transparent 40%)}
.sy-rec{position:absolute;left:var(--px);bottom:5.4cqw;z-index:2;max-width:38cqw}
.sy-rec .lb{color:var(--amb)}
.sy-rec h2{margin-top:1.6cqw}
.sy-rec p{margin:1.8cqw 0 2.6cqw;color:rgb(244 239 230 / .84)}
.sy[data-m="m"] .sy-re{height:170cqw}
.sy[data-m="m"] .sy-re::after{background:linear-gradient(0deg,rgb(10 11 8 / .88),rgb(10 11 8 / .05) 70%)}
.sy[data-m="m"] .sy-rec{right:var(--px);max-width:none;bottom:12cqw}
.sy[data-m="m"] .sy-rec h2{margin-top:4cqw}
.sy[data-m="m"] .sy-rec p{margin:4cqw 0 7cqw}

.sy-ft{background:#0A0B08;padding:7cqw var(--px) 3cqw;color:#CDC7BB}
.sy-ftw{display:block;font:300 22cqw/.78 var(--cg);letter-spacing:.07em;margin-right:-.07em;text-align:center;color:#EAE4D9}
.sy-ftc{display:grid;grid-template-columns:repeat(3,1fr);gap:3cqw;margin-top:5cqw;padding-top:2.2cqw;border-top:1px solid rgb(236 230 219 / .14)}
.sy-ftc .lb{display:block;margin-bottom:1cqw;color:#86827A}
.sy-fb{margin-top:5cqw!important;color:#6C685F;font-size:.85cqw}
.sy[data-m="m"] .sy-ft{padding-top:16cqw}
.sy[data-m="m"] .sy-ftw{font-size:23cqw}
.sy[data-m="m"] .sy-ftc{grid-template-columns:1fr;gap:6cqw;margin-top:12cqw;padding-top:7cqw}
.sy[data-m="m"] .sy-ftc .lb{margin-bottom:2.4cqw}
.sy[data-m="m"] .sy-fb{margin-top:12cqw!important;font-size:3cqw;padding-bottom:6cqw}

/* ============ NÁCAR · clínica de belleza ============ */
.sn{--bg:#ECEEF0;--pap:#F6F7F7;--ink:#141619;--smk:#5F646B;--ln:#CCD0D5;--dk:#131518;--bd:"Bodoni Moda",Georgia,serif;
  --pearl:conic-gradient(from 20deg,#F8E6EF,#E1ECF8,#E6F5EC,#F6EEDD,#EAE2F7,#F8E6EF);
  --xl:6.9cqw;--l:4.5cqw;--b:1.1cqw;--s:.74cqw;--px:5.4cqw;--py:8.8cqw;
  background:var(--bg);color:var(--ink);font-size:var(--b);line-height:1.65}
.sn[data-m="m"]{--xl:14.2cqw;--l:10.4cqw;--b:3.9cqw;--s:2.7cqw;--px:6.4cqw;--py:19cqw}
.sn h1,.sn h2,.sn h3,.sn p{margin:0}
.sn .lb{color:var(--smk)}
.sn-btn{display:inline-flex;align-items:center;gap:.8cqw;padding:1.05cqw 2.2cqw;border-radius:99px;background:var(--ink);color:#F6F7F7;font-weight:600;white-space:nowrap;transition:transform .3s ease}
.sn-btn:hover{transform:translateY(-.15cqw)}
.sn-u{padding-bottom:.3cqw;border-bottom:1px solid currentColor;font-weight:500}
.sn[data-m="m"] .sn-btn{padding:3.2cqw 6cqw;gap:2cqw}
.sn[data-m="m"] .sn-u{padding-bottom:1cqw}

.sn-hero{position:relative;height:100cqh;min-height:54cqw;display:grid;grid-template-columns:1fr 44cqw;overflow:hidden}
.sn-nav{position:absolute;left:0;right:0;top:0;z-index:5;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:2.2cqw var(--px)}
.sn-logo{font:500 1.6cqw/1 var(--bd);letter-spacing:.42em}
.sn-nav .c{display:flex;gap:2.8cqw;color:var(--smk)}
.sn-nav .r{justify-self:end;display:flex;align-items:center;gap:2cqw}
.sn-bgr{display:none}
.sn[data-m="m"] .sn-nav{grid-template-columns:1fr auto;padding:17cqw var(--px) 0}
.sn[data-m="m"] .sn-nav .c,.sn[data-m="m"] .sn-nav .r .sn-btn{display:none}
.sn[data-m="m"] .sn-logo{font-size:5cqw}
.sn[data-m="m"] .sn-bgr{display:grid;gap:1.6cqw;width:7cqw}
.sn-bgr i{display:block;height:1px;background:currentColor}
.sn-hl{position:relative;z-index:3;align-self:end;padding:0 4cqw 6.2cqw var(--px)}
.sn-h1{margin-top:2.2cqw!important;font:400 var(--xl)/.98 var(--bd);letter-spacing:-.03em}
.sn-h1 em{color:#555B66}
.sn-hl p{margin-top:2.4cqw!important;max-width:31cqw;color:var(--smk)}
.sn-ctas{display:flex;align-items:center;gap:2.6cqw;margin-top:3.2cqw}
.sn-hr{position:relative}
.sn-img{position:absolute;top:7.6cqw;right:var(--px);bottom:0;left:0;overflow:hidden;border-radius:.6cqw .6cqw 0 0;background:#d8dce1}
.sn-img img{width:100%;height:100%;object-fit:cover;object-position:50% 28%;transform:scale(1.12);transition:transform 2.6s cubic-bezier(.2,.7,.2,1)}
.sn-hero.in .sn-img img{transform:scale(1)}
.sn-pearl{position:absolute;left:-7.5cqw;top:13cqw;z-index:2;width:15cqw;aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:0 2.4cqw 4cqw -1.6cqw rgb(40 50 70 / .35)}
.sn-pearl::before{content:"";position:absolute;inset:-10%;background:var(--pearl);animation:snSpin 14s linear infinite}
.sn-pearl::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(38% 30% at 34% 28%,rgb(255 255 255 / .95),transparent 70%),radial-gradient(70% 70% at 70% 76%,rgb(70 80 110 / .22),transparent 70%)}
@keyframes snSpin{to{transform:rotate(360deg)}}
.sn-card{position:absolute;left:-6.4cqw;bottom:5.4cqw;z-index:3;display:flex;align-items:center;gap:1.2cqw;padding:1.1cqw 1.8cqw 1.1cqw 1.1cqw;border-radius:1cqw;background:rgb(246 247 247 / .72);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);box-shadow:0 1.8cqw 3.6cqw -1.4cqw rgb(20 22 25 / .4),inset 0 0 0 1px rgb(255 255 255 / .7)}
.sn-card img{width:4.2cqw;height:4.2cqw;border-radius:50%;object-fit:cover}
.sn-card small{display:block;color:var(--smk);font-size:.72cqw;letter-spacing:.16em;text-transform:uppercase}
.sn-card b{display:block;margin-top:.2cqw;font:400 1.55cqw/1.15 var(--bd)}
.sn[data-m="m"] .sn-hero{grid-template-columns:1fr;grid-template-rows:1fr auto;min-height:0}
.sn[data-m="m"] .sn-hr{grid-row:1}
.sn[data-m="m"] .sn-img{top:31cqw;left:var(--px);right:var(--px);border-radius:2cqw 2cqw 0 0}
.sn[data-m="m"] .sn-hl{grid-row:2;padding:9cqw var(--px) 12cqw}
.sn[data-m="m"] .sn-h1{margin-top:4cqw!important}
.sn[data-m="m"] .sn-hl p{max-width:none;margin-top:5cqw!important}
.sn[data-m="m"] .sn-ctas{gap:6cqw;margin-top:7cqw}
.sn[data-m="m"] .sn-pearl{left:auto;right:2cqw;top:25cqw;width:24cqw}
.sn[data-m="m"] .sn-card{left:10cqw;bottom:5cqw;gap:3cqw;padding:3cqw 5cqw 3cqw 3cqw;border-radius:3cqw}
.sn[data-m="m"] .sn-card img{width:11cqw;height:11cqw}
.sn[data-m="m"] .sn-card small{font-size:2.4cqw}
.sn[data-m="m"] .sn-card b{font-size:4.6cqw}

.sn-mq{overflow:hidden;padding:1.7cqw 0;background:var(--dk);color:#D7DADF;white-space:nowrap}
.sn-mq div{display:inline-flex;align-items:center;gap:3cqw;padding-right:3cqw;font:italic 400 2.1cqw/1 var(--bd);animation:snMq 46s linear infinite}
.sn-mq div>*{flex:none}
.sn-mq i{width:1.1cqw;height:1.1cqw;border-radius:50%;background:var(--pearl)}
@keyframes snMq{to{transform:translateX(-50%)}}
.sn[data-m="m"] .sn-mq{padding:5cqw 0}
.sn[data-m="m"] .sn-mq div{gap:6cqw;padding-right:6cqw;font-size:6.4cqw}
.sn[data-m="m"] .sn-mq i{width:3cqw;height:3cqw}

.sn-tr{background:var(--pap);padding:var(--py) var(--px)}
.sn-tr h2,.sn-dg h2,.sn-rs h2{margin-top:1.8cqw!important;font:400 var(--l)/1.02 var(--bd);letter-spacing:-.025em}
.sn-tr h2 em,.sn-dg h2 em{color:#555B66}
.sn-trh p{margin-top:2cqw!important;max-width:52ch;color:var(--smk)}
.sn-trw{display:grid;grid-template-columns:1fr 29cqw;gap:5cqw;margin-top:5cqw;align-items:start}
.sn-list{border-top:1px solid var(--ln)}
.sn-it{display:grid;grid-template-columns:1fr 7cqw 3.2cqw;align-items:center;gap:2cqw;padding:2.1cqw 0;border-bottom:1px solid var(--ln);transition:padding .5s cubic-bezier(.2,.7,.2,1)}
.sn-it .sn-th{display:none}
.sn-it h3{font:400 2.55cqw/1.1 var(--bd);letter-spacing:-.015em}
.sn-it p{margin-top:.5cqw!important;max-width:50ch;color:var(--smk)}
.sn-it .ar{display:grid;place-items:center;width:3.2cqw;height:3.2cqw;border-radius:50%;border:1px solid var(--ln);font-size:1.25cqw;transition:background .35s ease,color .35s ease,border-color .35s ease,transform .35s ease}
.sn-it.on{padding-left:1.6cqw}
.sn-it.on .ar{background:var(--ink);border-color:var(--ink);color:#fff;transform:rotate(45deg)}
.sn-prev{position:sticky;top:5cqw;aspect-ratio:4/5;overflow:hidden;border-radius:.6cqw;background:#dfe2e6}
.sn-prev img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.08);transition:opacity .7s ease,transform 1.4s cubic-bezier(.2,.7,.2,1)}
.sn-prev img.on{opacity:1;transform:none}
.sn[data-m="m"] .sn-trh p{margin-top:5cqw!important}
.sn[data-m="m"] .sn-trw{grid-template-columns:1fr;margin-top:10cqw}
.sn[data-m="m"] .sn-prev{display:none}
.sn[data-m="m"] .sn-it{grid-template-columns:20cqw 1fr;gap:4.4cqw;padding:5cqw 0;align-items:start}
.sn[data-m="m"] .sn-it .sn-th{display:block;grid-row:span 2;width:20cqw;height:24cqw;overflow:hidden;border-radius:1.6cqw}
.sn[data-m="m"] .sn-it .sn-th img{width:100%;height:100%;object-fit:cover}
.sn[data-m="m"] .sn-it h3{font-size:6.6cqw}
.sn[data-m="m"] .sn-it p{margin-top:1.6cqw!important;font-size:3.5cqw;line-height:1.5}
.sn[data-m="m"] .sn-it .ar{display:none}
.sn[data-m="m"] .sn-it .lb{grid-column:2}
.sn[data-m="m"] .sn-it.on{padding-left:0}

.sn-dg{display:grid;grid-template-columns:1fr 1fr;gap:6.4cqw;align-items:center;padding:var(--py) var(--px);background:var(--bg)}
.sn-col{position:relative;height:46cqw}
.sn-col figure{position:absolute;margin:0;overflow:hidden;border-radius:.6cqw;background:#d9dde2}
.sn-col .a{left:0;top:0;width:80%;height:84%}
.sn-col .b{right:0;bottom:0;width:42%;height:50%;border:.7cqw solid var(--bg);box-shadow:0 2cqw 4cqw -1.6cqw rgb(20 22 25 / .35)}
.sn-col img{width:100%;height:100%;object-fit:cover}
.sn-steps{margin-top:3.6cqw}
.sn-steps div{display:grid;grid-template-columns:13cqw 1fr;gap:2cqw;padding:1.7cqw 0;border-top:1px solid var(--ln)}
.sn-steps b{font:italic 400 1.85cqw/1.2 var(--bd)}
.sn-steps p{color:var(--smk)}
.sn[data-m="m"] .sn-dg{grid-template-columns:1fr;gap:12cqw}
.sn[data-m="m"] .sn-col{height:118cqw}
.sn[data-m="m"] .sn-col .b{border-width:2cqw}
.sn[data-m="m"] .sn-steps{margin-top:8cqw}
.sn[data-m="m"] .sn-steps div{grid-template-columns:1fr;gap:1.6cqw;padding:5cqw 0}
.sn[data-m="m"] .sn-steps b{font-size:6.2cqw}

.sn-band{position:relative;height:46cqw;display:grid;place-content:center;justify-items:center;text-align:center;overflow:hidden;background:#2a2c30;color:#F6F7F7}
.sn-band>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.74) saturate(.8)}
.sn-band h2{position:relative;z-index:2;font:400 4.8cqw/1.02 var(--bd);letter-spacing:-.03em}
.sn-band h2 em{color:#E4E8EE}
.sn[data-m="m"] .sn-band{height:150cqw;padding:0 var(--px)}
.sn[data-m="m"] .sn-band h2{font-size:12cqw}

.sn-rs{display:grid;grid-template-columns:1fr 1.05fr;gap:6cqw;align-items:center;padding:var(--py) var(--px);background:var(--dk);color:#E8EBEE}
.sn-rs h2 em{color:#B3BBC6}
.sn-rs p{margin-top:2.2cqw!important;max-width:36ch;color:#99A0A9}
.sn-bk{padding:2.6cqw;border-radius:1.3cqw;background:#1B1E22;box-shadow:inset 0 0 0 1px rgb(255 255 255 / .07),0 3cqw 6cqw -3cqw rgb(0 0 0 / .6)}
.sn-bk .lb{display:block;margin-bottom:1.2cqw;color:#8A919B}
.sn-chips{display:flex;flex-wrap:wrap;gap:.8cqw;margin-bottom:2.4cqw}
.sn-chips span{padding:.9cqw 1.6cqw;border:1px solid rgb(255 255 255 / .16);border-radius:99px;font-size:.95cqw}
.sn-chips span.on{background:#F1F2F4;border-color:#F1F2F4;color:#141619}
.sn-days{display:grid;grid-template-columns:repeat(5,1fr);gap:.8cqw;margin-bottom:2.4cqw}
.sn-days span{display:grid;justify-items:center;gap:.5cqw;padding:1.1cqw 0;border:1px solid rgb(255 255 255 / .12);border-radius:.9cqw;color:#99A0A9;font-size:.78cqw;letter-spacing:.14em;text-transform:uppercase}
.sn-days b{font:400 1.95cqw/1 var(--bd);letter-spacing:0;color:#E8EBEE}
.sn-days span.on{background:linear-gradient(135deg,#F8E6EF,#E1ECF8 52%,#E6F5EC);border-color:transparent;color:#4A4F57}
.sn-days span.on b{color:#141619}
.sn-times{display:grid;grid-template-columns:repeat(4,1fr);gap:.8cqw;margin-bottom:2.6cqw}
.sn-times span{padding:1cqw 0;border:1px solid rgb(255 255 255 / .12);border-radius:.9cqw;text-align:center}
.sn-times span.off{opacity:.32;text-decoration:line-through}
.sn-times span.on{background:#F1F2F4;border-color:#F1F2F4;color:#141619;font-weight:600}
.sn-conf{display:flex;align-items:center;justify-content:center;gap:1cqw;padding:1.45cqw;border-radius:99px;background:#F1F2F4;color:#141619;font-weight:700}
.sn-conf i{font-size:1.5cqw}
.sn[data-m="m"] .sn-rs{grid-template-columns:1fr;gap:10cqw}
.sn[data-m="m"] .sn-rs p{margin-top:5cqw!important}
.sn[data-m="m"] .sn-bk{padding:6cqw;border-radius:4cqw}
.sn[data-m="m"] .sn-bk .lb{margin-bottom:3cqw}
.sn[data-m="m"] .sn-chips{gap:2cqw;margin-bottom:6cqw}
.sn[data-m="m"] .sn-chips span{padding:2.4cqw 4cqw;font-size:3.3cqw}
.sn[data-m="m"] .sn-days{gap:2cqw;margin-bottom:6cqw}
.sn[data-m="m"] .sn-days span{padding:3cqw 0;border-radius:2.4cqw;font-size:2.4cqw;gap:1.4cqw}
.sn[data-m="m"] .sn-days b{font-size:5.6cqw}
.sn[data-m="m"] .sn-times{gap:2cqw;margin-bottom:7cqw}
.sn[data-m="m"] .sn-times span{padding:3cqw 0;border-radius:2.4cqw;font-size:3.4cqw}
.sn[data-m="m"] .sn-conf{gap:2.6cqw;padding:4.2cqw}
.sn[data-m="m"] .sn-conf i{font-size:5cqw}

.sn-ft{padding:7cqw var(--px) 3cqw;background:var(--bg)}
.sn-ftw{display:flex;align-items:center;justify-content:center;gap:2.4cqw;font:400 16.5cqw/.85 var(--bd);letter-spacing:.12em}
.sn-ftw i{position:relative;flex:none;width:7cqw;height:7cqw;border-radius:50%;overflow:hidden;box-shadow:0 1.4cqw 2.4cqw -1cqw rgb(40 50 70 / .4)}
.sn-ftw i::before{content:"";position:absolute;inset:-10%;background:var(--pearl);animation:snSpin 14s linear infinite}
.sn-ftw i::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(38% 30% at 34% 28%,rgb(255 255 255 / .95),transparent 70%)}
.sn-ftc{display:grid;grid-template-columns:repeat(3,1fr);gap:3cqw;margin-top:5cqw;padding-top:2.2cqw;border-top:1px solid var(--ln)}
.sn-ftc .lb{display:block;margin-bottom:1cqw}
.sn-fb{margin-top:5cqw!important;color:#8A8F96;font-size:.85cqw}
.sn[data-m="m"] .sn-ft{padding-top:16cqw}
.sn[data-m="m"] .sn-ftw{font-size:15cqw;gap:3cqw}
.sn[data-m="m"] .sn-ftw i{width:11cqw;height:11cqw}
.sn[data-m="m"] .sn-ftc{grid-template-columns:1fr;gap:6cqw;margin-top:12cqw;padding-top:7cqw}
.sn[data-m="m"] .sn-ftc .lb{margin-bottom:2.4cqw}
.sn[data-m="m"] .sn-fb{margin-top:12cqw!important;font-size:3cqw;padding-bottom:6cqw}

/* ============ Escaparate: Forja, barbería oscura y con carácter ============ */
.cx-st.bar{--ln:rgb(239 230 214 / .16);background:#0B0A09;color:#EFE6D6}
.cx-st.bar::before{content:"";position:absolute;inset:-10%;z-index:-1;background:radial-gradient(40% 46% at 68% 60%,rgb(224 164 88 / .26),transparent 70%),radial-gradient(30% 32% at 8% 14%,rgb(181 80 43 / .22),transparent 70%)}
.cx-st.bar::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 58%,rgb(0 0 0 / .4))}
.bar .cx-name{font:800 clamp(3.6rem,6.6vw,5.8rem)/.84 "Barlow Condensed","Arial Narrow",sans-serif;letter-spacing:.03em;text-transform:uppercase}

/* ============ FORJA · barbería ============ */
.bk{--bg:#0B0A09;--bone:#EFE6D6;--amb:#E0A458;--rust:#B5502B;--mut:#938877;--cd:"Barlow Condensed","Arial Narrow",sans-serif;--sf:"Instrument Serif",Georgia,serif;
  --xl:14cqw;--l:6.4cqw;--b:1.12cqw;--s:.74cqw;--px:5cqw;--py:8.6cqw;
  background:var(--bg);color:var(--bone);font-size:var(--b);line-height:1.6}
.bk[data-m="m"]{--xl:20cqw;--l:13.4cqw;--b:3.9cqw;--s:2.7cqw;--px:6.4cqw;--py:19cqw}
.bk h1,.bk h2,.bk h3,.bk p{margin:0}
.bk em{font-family:var(--sf);font-weight:400;text-transform:none;color:var(--amb);letter-spacing:0}
.bk .lb{color:var(--amb)}
.bk-btn{display:inline-flex;align-items:center;justify-content:center;padding:.95cqw 2cqw;background:var(--amb);color:#140F09;font:800 .86cqw/1 var(--cd);letter-spacing:.16em;text-transform:uppercase;transition:background .3s ease,transform .3s ease}
.bk-btn:hover{background:var(--bone)}
.bk-btn.big{padding:1.5cqw 3cqw;font-size:1.1cqw}
.bk-u{display:inline-flex;align-items:center;gap:.8cqw;padding-bottom:.3cqw;border-bottom:1px solid currentColor;font:700 .95cqw/1 var(--cd);letter-spacing:.14em;text-transform:uppercase}

.bk-hero{position:relative;height:100cqh;min-height:52cqw;overflow:hidden;background:#14110d}
.bk[data-m="m"] .bk-hero{min-height:0}
.bk-hero .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.5) saturate(.85) contrast(1.08)}
.bk-hero::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgb(11 10 9 / .86) 0%,rgb(11 10 9 / .45) 46%,rgb(11 10 9 / .1) 78%),linear-gradient(180deg,rgb(11 10 9 / .55),transparent 28%,rgb(11 10 9 / .7))}
.bk-nav{position:absolute;left:0;right:0;top:0;z-index:3;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:2.3cqw var(--px);font:700 .86cqw/1 var(--cd);letter-spacing:.2em;text-transform:uppercase}
.bk-nav .c{display:flex;gap:2.6cqw;grid-column:2;justify-self:center}
.bk-nav .r{display:flex;align-items:center;justify-content:flex-end;gap:2cqw;grid-column:3}
.bk-logo{grid-column:1;font:800 2.5cqw/1 var(--cd);letter-spacing:.34em;color:var(--bone)}
.bk-bgr{display:none}
.bk[data-m="m"] .bk-nav{grid-template-columns:1fr auto;padding:17cqw var(--px) 0;font-size:2.8cqw}
.bk[data-m="m"] .bk-nav .c,.bk[data-m="m"] .bk-nav .bk-btn{display:none}
.bk[data-m="m"] .bk-nav .r{grid-column:2}
.bk[data-m="m"] .bk-logo{font-size:6.6cqw}
.bk[data-m="m"] .bk-bgr{display:grid;gap:1.6cqw;width:7cqw}
.bk-bgr i{display:block;height:2px;background:var(--bone)}
.bk-hc{position:absolute;left:var(--px);right:var(--px);bottom:4.4cqw;z-index:3;display:grid;grid-template-columns:1fr auto;column-gap:4cqw;align-items:end}
.bk-hc .lb{grid-column:1/-1;margin-bottom:1.6cqw}
.bk-h1{grid-column:1/-1;font:800 var(--xl)/.84 var(--cd);letter-spacing:.012em;text-transform:uppercase}
.bk-h1 em{font-size:1.04em;line-height:.8}
.bk-hr{margin-top:2.6cqw;display:flex;align-items:center;gap:3.4cqw;flex-wrap:wrap;max-width:62cqw}
.bk-hr p{flex:1 1 24cqw;max-width:30cqw;color:rgb(239 230 214 / .82)}
.bk-ctas{display:flex;align-items:center;gap:2cqw;flex-wrap:wrap}
.bk-card{position:absolute;right:0;bottom:0;display:flex;align-items:center;gap:1.2cqw;padding:1.1cqw 1.8cqw;border:1px solid rgb(239 230 214 / .22);background:rgb(11 10 9 / .6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.bk-card .dot{width:.8cqw;height:.8cqw;border-radius:50%;background:var(--amb);box-shadow:0 0 0 .4cqw rgb(224 164 88 / .25);animation:bkPing 2s ease-in-out infinite}
@keyframes bkPing{50%{box-shadow:0 0 0 .9cqw rgb(224 164 88 / 0)}}
.bk-card small{display:block;color:var(--mut);font:700 .7cqw/1 var(--cd);letter-spacing:.2em;text-transform:uppercase}
.bk-card b{display:block;margin-top:.3cqw;font:800 1.7cqw/1 var(--cd);letter-spacing:.04em;text-transform:uppercase}
.bk[data-m="m"] .bk-btn{padding:3.4cqw 6cqw;font-size:3.2cqw}
.bk[data-m="m"] .bk-btn.big{padding:4cqw 7cqw;font-size:3.6cqw}
.bk[data-m="m"] .bk-u{font-size:3.4cqw;gap:2cqw;padding-bottom:1cqw}
.bk[data-m="m"] .bk-hc{grid-template-columns:1fr;bottom:10cqw}
.bk[data-m="m"] .bk-hc .lb{margin-bottom:5cqw}
.bk[data-m="m"] .bk-hr{margin-top:7cqw;gap:6cqw;max-width:none}
.bk[data-m="m"] .bk-hr p{flex:1 1 100%;max-width:none}
.bk[data-m="m"] .bk-ctas{gap:6cqw}
.bk[data-m="m"] .bk-card{position:static;grid-column:1;margin-top:7cqw;justify-self:start;gap:3cqw;padding:3cqw 5cqw}
.bk[data-m="m"] .bk-card .dot{width:2.4cqw;height:2.4cqw;box-shadow:0 0 0 1.2cqw rgb(224 164 88 / .25)}
.bk[data-m="m"] .bk-card small{font-size:2.5cqw}
.bk[data-m="m"] .bk-card b{font-size:5.4cqw}

.bk-mq{overflow:hidden;padding:1.3cqw 0;background:var(--amb);color:#140F09;white-space:nowrap}
.bk-mq div{display:inline-flex;align-items:center;gap:2.6cqw;padding-right:2.6cqw;font:800 2.2cqw/1 var(--cd);letter-spacing:.08em;text-transform:uppercase;animation:bkMq 40s linear infinite}
.bk-mq div>*{flex:none}
.bk-mq i{width:.9cqw;height:.9cqw;background:#140F09;transform:rotate(45deg)}
@keyframes bkMq{to{transform:translateX(-50%)}}
.bk[data-m="m"] .bk-mq{padding:3.6cqw 0}
.bk[data-m="m"] .bk-mq div{gap:6cqw;padding-right:6cqw;font-size:6.6cqw}
.bk[data-m="m"] .bk-mq i{width:2.4cqw;height:2.4cqw}

.bk-sv{display:grid;grid-template-columns:1.3fr .7fr;gap:5cqw;padding:var(--py) var(--px);background:var(--bg)}
.bk-svh h2,.bk-loh h2,.bk-rs h2{margin-top:1.6cqw;font:800 var(--l)/.9 var(--cd);letter-spacing:.01em;text-transform:uppercase}
.bk-svh h2 em,.bk-loh h2 em,.bk-rs h2 em{font-size:1.04em}
.bk-svh p,.bk-loh p,.bk-rs p{margin-top:2cqw;max-width:36ch;color:var(--mut)}
.bk-list{margin-top:3.4cqw;border-top:1px solid rgb(239 230 214 / .16)}
.bk-row{display:grid;grid-template-columns:3.4cqw 1fr auto 6.4cqw;align-items:center;gap:1.6cqw;padding:1.7cqw .8cqw;border-bottom:1px solid rgb(239 230 214 / .16);transition:background .4s ease,padding .4s ease}
.bk-row:hover{background:rgb(224 164 88 / .09);padding-left:2cqw}
.bk-row .n{font:700 1cqw/1 var(--cd);letter-spacing:.14em;color:var(--amb)}
.bk-row h3{font:800 2.7cqw/1 var(--cd);letter-spacing:.03em;text-transform:uppercase;transition:color .3s ease}
.bk-row:hover h3{color:var(--amb)}
.bk-row p{margin-top:.5cqw;color:var(--mut);font-size:.95cqw}
.bk-row .m{color:var(--mut);font:600 .9cqw/1 var(--cd);letter-spacing:.16em;text-transform:uppercase}
.bk-row b{text-align:right;font:800 2.7cqw/1 var(--cd);color:var(--amb)}
.bk-svp{position:sticky;top:3cqw;align-self:start;margin:0;aspect-ratio:4/5.4;overflow:hidden;background:#1a1611}
.bk-svp img{width:100%;height:100%;object-fit:cover;filter:grayscale(.2) contrast(1.05)}
.bk[data-m="m"] .bk-sv{grid-template-columns:1fr;gap:11cqw}
.bk[data-m="m"] .bk-svh h2,.bk[data-m="m"] .bk-loh h2,.bk[data-m="m"] .bk-rs h2{margin-top:4cqw}
.bk[data-m="m"] .bk-svh p,.bk[data-m="m"] .bk-loh p,.bk[data-m="m"] .bk-rs p{margin-top:5cqw;max-width:none}
.bk[data-m="m"] .bk-list{margin-top:8cqw}
.bk[data-m="m"] .bk-row{grid-template-columns:7cqw 1fr auto;gap:3cqw;padding:5cqw 1cqw}
.bk[data-m="m"] .bk-row .n{font-size:3cqw}
.bk[data-m="m"] .bk-row h3{font-size:7.2cqw}
.bk[data-m="m"] .bk-row p{margin-top:1.4cqw;font-size:3.3cqw}
.bk[data-m="m"] .bk-row .m{grid-column:2;font-size:2.8cqw}
.bk[data-m="m"] .bk-row b{grid-column:3;grid-row:1;font-size:7.2cqw}
.bk[data-m="m"] .bk-svp{position:static;aspect-ratio:4/4.6}

.bk-lo{padding:var(--py) var(--px);background:#14110D}
.bk-gal{display:grid;grid-template-columns:1.35fr 1fr;grid-template-rows:17cqw 17cqw;gap:1.2cqw;margin-top:4.4cqw}
.bk-gal figure{margin:0;overflow:hidden;background:#221c15}
.bk-gal img{width:100%;height:100%;object-fit:cover;filter:grayscale(.15) contrast(1.05)}
.bk-gal .a{grid-row:1/3}
.bk-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:3cqw;margin-top:4cqw;padding-top:2.4cqw;border-top:1px solid rgb(239 230 214 / .16)}
.bk-facts b{display:block;font:800 4.2cqw/1 var(--cd);color:var(--amb)}
.bk-facts span{display:block;margin-top:.8cqw;color:var(--mut);font:600 .86cqw/1.3 var(--cd);letter-spacing:.18em;text-transform:uppercase}
.bk[data-m="m"] .bk-gal{grid-template-columns:1fr 1fr;grid-template-rows:44cqw 38cqw;gap:2.4cqw;margin-top:9cqw}
.bk[data-m="m"] .bk-gal .a{grid-column:1/3;grid-row:1}
.bk[data-m="m"] .bk-facts{grid-template-columns:1fr;gap:6cqw;margin-top:9cqw;padding-top:7cqw}
.bk[data-m="m"] .bk-facts b{font-size:13cqw}
.bk[data-m="m"] .bk-facts span{margin-top:2cqw;font-size:2.8cqw}

.bk-band{position:relative;display:grid;place-items:center;min-height:36cqw;overflow:hidden;background:#000;text-align:center}
.bk-band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.38) saturate(.8)}
.bk-band h2{position:relative;z-index:1;padding:0 var(--px);font:800 6.6cqw/.92 var(--cd);letter-spacing:.012em;text-transform:uppercase}
.bk-band h2 em{font-size:1.04em}
.bk[data-m="m"] .bk-band{min-height:100cqw}
.bk[data-m="m"] .bk-band h2{font-size:14.6cqw}

.bk-rs{display:grid;grid-template-columns:1fr 1.05fr;gap:6cqw;align-items:center;padding:var(--py) var(--px);background:var(--bg)}
.bk-bk{padding:2.6cqw;background:#17130E;box-shadow:inset 0 0 0 1px rgb(239 230 214 / .1),0 3cqw 6cqw -3cqw rgb(0 0 0 / .7)}
.bk-bk .lb{display:block;margin-bottom:1.2cqw}
.bk-chips{display:flex;flex-wrap:wrap;gap:.8cqw;margin-bottom:2.4cqw}
.bk-chips span{padding:.9cqw 1.6cqw;border:1px solid rgb(239 230 214 / .2);font:700 .95cqw/1 var(--cd);letter-spacing:.1em;text-transform:uppercase}
.bk-chips span.on{background:var(--amb);border-color:var(--amb);color:#140F09}
.bk-days{display:grid;grid-template-columns:repeat(5,1fr);gap:.8cqw;margin-bottom:2.4cqw}
.bk-days span{display:grid;justify-items:center;gap:.5cqw;padding:1.1cqw 0;border:1px solid rgb(239 230 214 / .14);color:var(--mut);font:700 .8cqw/1 var(--cd);letter-spacing:.18em;text-transform:uppercase}
.bk-days b{font:800 2cqw/1 var(--cd);letter-spacing:0;color:var(--bone)}
.bk-days span.on{background:var(--amb);border-color:var(--amb);color:#140F09}
.bk-days span.on b{color:#140F09}
.bk-times{display:grid;grid-template-columns:repeat(4,1fr);gap:.8cqw;margin-bottom:2.6cqw}
.bk-times span{padding:1cqw 0;border:1px solid rgb(239 230 214 / .14);text-align:center;font:700 1cqw/1 var(--cd);letter-spacing:.08em}
.bk-times span.off{opacity:.32;text-decoration:line-through}
.bk-times span.on{background:var(--amb);border-color:var(--amb);color:#140F09}
.bk-conf{display:flex;align-items:center;justify-content:center;gap:1cqw;padding:1.4cqw;background:var(--bone);color:#140F09;font:800 1cqw/1 var(--cd);letter-spacing:.16em;text-transform:uppercase}
.bk-conf i{font-size:1.5cqw}
.bk[data-m="m"] .bk-rs{grid-template-columns:1fr;gap:10cqw}
.bk[data-m="m"] .bk-bk{padding:6cqw}
.bk[data-m="m"] .bk-bk .lb{margin-bottom:3cqw}
.bk[data-m="m"] .bk-chips{gap:2cqw;margin-bottom:6cqw}
.bk[data-m="m"] .bk-chips span{padding:2.6cqw 4cqw;font-size:3.4cqw}
.bk[data-m="m"] .bk-days{gap:2cqw;margin-bottom:6cqw}
.bk[data-m="m"] .bk-days span{padding:3cqw 0;font-size:2.4cqw;gap:1.4cqw}
.bk[data-m="m"] .bk-days b{font-size:6cqw}
.bk[data-m="m"] .bk-times{gap:2cqw;margin-bottom:7cqw}
.bk[data-m="m"] .bk-times span{padding:3.2cqw 0;font-size:3.6cqw}
.bk[data-m="m"] .bk-conf{gap:2.6cqw;padding:4.4cqw;font-size:3.4cqw}
.bk[data-m="m"] .bk-conf i{font-size:5cqw}

.bk-ft{overflow:hidden;padding:6cqw var(--px) 3cqw;background:#070605;color:#CFC6B6}
.bk-ftw{font:800 34cqw/.78 var(--cd);letter-spacing:.02em;text-align:center;color:var(--bone)}
.s h1[data-r],.s .bk-ftw[data-r]{transform:none}
.bk-ftc{display:grid;grid-template-columns:repeat(3,1fr);gap:3cqw;margin-top:5cqw;padding-top:2.2cqw;border-top:1px solid rgb(239 230 214 / .14)}
.bk-ftc .lb{display:block;margin-bottom:1cqw}
.bk-fb{margin-top:5cqw!important;color:#6E6556;font-size:.85cqw}
.bk[data-m="m"] .bk-ft{padding-top:14cqw}
.bk[data-m="m"] .bk-ftw{font-size:36cqw}
.bk[data-m="m"] .bk-ftc{grid-template-columns:1fr;gap:6cqw;margin-top:12cqw;padding-top:7cqw}
.bk[data-m="m"] .bk-ftc .lb{margin-bottom:2.4cqw}
.bk[data-m="m"] .bk-fb{margin-top:12cqw!important;font-size:3cqw;padding-bottom:6cqw}
@media (prefers-reduced-motion:reduce){.bk-mq div,.bk-card .dot{animation:none}}

/* Reserva que funciona dentro de la pantalla completa */
.cx-ov .s .sn-chips span,.cx-ov .s .bk-chips span,.cx-ov .s .sn-days span,.cx-ov .s .bk-days span,.cx-ov .s .sy-days span,.cx-ov .s .sn-times span:not(.off),.cx-ov .s .bk-times span:not(.off),.cx-ov .s .sn-conf,.cx-ov .s .bk-conf,.cx-ov .s .sy-rv:not(.off){cursor:pointer;user-select:none;-webkit-user-select:none;transition:background-color .25s ease,color .25s ease,border-color .25s ease,transform .2s ease}
.cx-ov .s .sn-chips span:hover,.cx-ov .s .bk-chips span:hover,.cx-ov .s .sn-times span:not(.off):hover,.cx-ov .s .bk-times span:not(.off):hover,.cx-ov .s .sn-days span:hover,.cx-ov .s .bk-days span:hover{transform:translateY(-.2cqw)}
.cx-ov .s .sn-conf:active,.cx-ov .s .bk-conf:active{transform:scale(.98)}
.sn-conf.done,.bk-conf.done{background:#1D7A4F!important;color:#fff!important}
.sy-row.booked .sy-rv{background:var(--amb);color:#14120D;border-color:var(--amb)}
.cx-toast{position:fixed;left:50%;bottom:calc(max(18px,env(safe-area-inset-bottom)) + 74px);z-index:4;display:flex;align-items:center;gap:14px;width:max-content;max-width:min(92vw,460px);padding:14px 20px 14px 14px;border-radius:18px;background:#fff;color:#17181C;box-shadow:0 24px 60px -18px rgb(0 0 0 / .6);opacity:0;transform:translate(-50%,24px) scale(.96);pointer-events:none;transition:opacity .35s ease,transform .5s cubic-bezier(.2,.8,.2,1)}
.cx-toast.show{opacity:1;transform:translate(-50%,0) scale(1)}
.cx-toast .ic{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:13px;background:#1D7A4F;color:#fff;font-size:1.5rem}
.cx-toast b{display:block;font:800 1rem/1.2 var(--sans)}
.cx-toast small{display:block;margin-top:2px;font:500 .92rem/1.3 var(--sans);color:#444851}
.cx-toast em{display:block;margin-top:4px;font:700 .72rem/1.2 var(--sans);font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:#1D7A4F}
@media (max-width:859px){.cx-toast{bottom:max(18px,env(safe-area-inset-bottom))}}
.cx-ov .s .sy-cta{cursor:pointer;-webkit-user-select:none;user-select:none}
.cx-ov .s .sy-cta:active{transform:scale(.98)}

/* ============ Plantilla para más sectores: ONDINA (peluquería), MOU (fisioterapia) y LACCA (uñas) ============ */
.pr{--xl:7.4cqw;--l:4.6cqw;--b:1.1cqw;--s:.74cqw;--px:5.4cqw;--py:9cqw;background:var(--bg);color:var(--ink);font-size:var(--b);line-height:1.62}
.pr[data-m="m"]{--xl:15cqw;--l:10.6cqw;--b:3.9cqw;--s:2.7cqw;--px:6.4cqw;--py:19cqw}
.pr h1,.pr h2,.pr h3,.pr p{margin:0}
.pr .lb{color:var(--mut)}
/* Mundos */
.pr-ond{--bg:#F1EDE5;--bg2:#E6E4D6;--ink:#1E2318;--mut:#666A5C;--acc:#B4532A;--soft:#DCE0CC;--dk:#1E2318;--dki:#EFEADF;--ln:rgb(30 35 24 / .14);--fd:"Gloock",Georgia,serif;--fdw:400;--tt:none;--ls:-.01em}
.pr-mou{--bg:#F2F3EF;--bg2:#E4E7E0;--ink:#0F1A17;--mut:#5A6662;--acc:#C6F041;--acc2:#0E7C66;--soft:#DDE6DF;--dk:#0F1A17;--dki:#EAF0EC;--ln:rgb(15 26 23 / .14);--fd:"Archivo Black","Hanken Grotesk",sans-serif;--fdw:400;--tt:uppercase;--ls:-.02em}
.pr-lac{--bg:#F8EAE7;--bg2:#F2DCD8;--ink:#1D1214;--mut:#7A5E62;--acc:#C8102E;--soft:#F5D5D4;--dk:#1D1214;--dki:#F8EAE7;--ln:rgb(29 18 20 / .14);--fd:"Syne","Hanken Grotesk",sans-serif;--fdw:800;--tt:none;--ls:-.035em}
.pr-mou .lb{color:var(--acc2)}
.pr-lac .lb{color:var(--acc)}
.pr em{font-style:italic}
.pr-mou em,.pr-lac em{font-style:normal}
.pr-mou em{color:var(--acc2)}
.pr-lac em{color:var(--acc)}
.pr-ond em{color:var(--acc)}

/* Botones */
.pr-btn{display:inline-flex;align-items:center;justify-content:center;padding:1cqw 2.1cqw;border-radius:99px;background:var(--ink);color:var(--bg);font-weight:700;white-space:nowrap;transition:transform .3s ease,background .3s ease}
.pr-btn:hover{transform:translateY(-.15cqw)}
.pr-btn.big{padding:1.45cqw 2.9cqw;font-size:1.05cqw}
.pr-mou .pr-btn{border-radius:.3cqw;background:var(--acc);color:var(--ink);text-transform:uppercase;letter-spacing:.08em;font-size:.86cqw}
.pr-mou .pr-btn.big{font-size:.98cqw}
.pr-lac .pr-btn{background:var(--acc);color:#fff}
.pr-u{display:inline-flex;align-items:center;gap:.7cqw;padding-bottom:.3cqw;border-bottom:1px solid currentColor;font-weight:600}
.pr[data-m="m"] .pr-btn{padding:3.2cqw 6cqw;font-size:3.4cqw}
.pr[data-m="m"] .pr-btn.big{padding:4cqw 7cqw;font-size:3.6cqw}
.pr[data-m="m"] .pr-u{gap:2cqw;padding-bottom:1cqw}

/* Navegación */
.pr-nav{position:absolute;left:0;right:0;top:0;z-index:5;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:2.2cqw var(--px);font-weight:600;font-size:.92cqw}
.pr-nav .c{display:flex;gap:2.6cqw}
.pr-nav .r{justify-self:end;display:flex;align-items:center;gap:2cqw}
.pr-logo{font:var(--fdw) 2.2cqw/1 var(--fd);letter-spacing:.14em;text-transform:uppercase}
.pr-mou .pr-logo{letter-spacing:.04em;font-size:2.4cqw}
.pr-lac .pr-logo{letter-spacing:.02em}
.pr-bgr{display:none}
.pr[data-m="m"] .pr-nav{grid-template-columns:1fr auto;padding:17cqw var(--px) 0;font-size:2.8cqw}
.pr[data-m="m"] .pr-nav .c,.pr[data-m="m"] .pr-nav .r .pr-btn{display:none}
.pr[data-m="m"] .pr-logo{font-size:6.4cqw}
.pr[data-m="m"] .pr-bgr{display:grid;gap:1.6cqw;width:7cqw}
.pr-bgr i{display:block;height:2px;background:currentColor}

/* Portada común */
.pr-hero{position:relative;height:100cqh;min-height:54cqw;overflow:hidden}
.pr[data-m="m"] .pr-hero{min-height:0}
.pr-h1{font:var(--fdw) var(--xl)/.92 var(--fd);letter-spacing:var(--ls);text-transform:var(--tt)}
.pr-mou .pr-h1{line-height:.86}
.pr-ctas{display:flex;align-items:center;gap:2.4cqw;flex-wrap:wrap}
.pr[data-m="m"] .pr-ctas{gap:6cqw}
.pr-card{position:absolute;z-index:4;display:flex;align-items:center;gap:1.2cqw;padding:1.1cqw 1.8cqw;border-radius:1cqw;background:rgb(255 255 255 / .78);color:var(--ink);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);box-shadow:0 1.8cqw 3.6cqw -1.4cqw rgb(0 0 0 / .35)}
.pr-card .dot{width:.8cqw;height:.8cqw;border-radius:50%;background:var(--acc);box-shadow:0 0 0 .4cqw color-mix(in srgb,var(--acc) 30%,transparent);animation:bkPing 2s ease-in-out infinite}
.pr-mou .pr-card .dot{background:var(--acc2)}
.pr-card small{display:block;color:var(--mut);font-size:.72cqw;letter-spacing:.16em;text-transform:uppercase;font-weight:700}
.pr-card b{display:block;margin-top:.2cqw;font:var(--fdw) 1.6cqw/1.1 var(--fd);letter-spacing:var(--ls)}
.pr[data-m="m"] .pr-card{gap:3cqw;padding:3cqw 5cqw 3cqw 4cqw;border-radius:3cqw}
.pr[data-m="m"] .pr-card .dot{width:2.4cqw;height:2.4cqw}
.pr[data-m="m"] .pr-card small{font-size:2.4cqw}
.pr[data-m="m"] .pr-card b{font-size:5cqw}

/* Portada partida (Ondina) */
.pr-split{display:grid;grid-template-columns:1fr 43cqw;background:var(--bg)}
.pr-split::before{content:"";position:absolute;right:-12cqw;top:-14cqw;width:56cqw;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--soft),transparent 70%)}
.pr-hl{position:relative;z-index:3;align-self:end;padding:0 4cqw 6cqw var(--px)}
.pr-hl .pr-h1{margin-top:2cqw}
.pr-hl p{margin-top:2.4cqw;max-width:32cqw;color:var(--mut)}
.pr-hl .pr-ctas{margin-top:3cqw}
.pr-hr{position:relative}
.pr-img{position:absolute;top:7.4cqw;right:var(--px);bottom:0;left:0;overflow:hidden;border-radius:20cqw 20cqw 0 0;background:var(--bg2)}
.pr-img img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;transform:scale(1.12);transition:transform 2.6s cubic-bezier(.2,.7,.2,1)}
.pr-hero.in .pr-img img{transform:scale(1)}
.pr-split .pr-card{left:-5cqw;bottom:6cqw}
.pr[data-m="m"] .pr-split{grid-template-columns:1fr;grid-template-rows:1fr auto}
.pr[data-m="m"] .pr-split .pr-hr{grid-row:1}
.pr[data-m="m"] .pr-img{top:31cqw;left:var(--px);right:var(--px);border-radius:40cqw 40cqw 0 0}
.pr[data-m="m"] .pr-hl{grid-row:2;padding:9cqw var(--px) 12cqw}
.pr[data-m="m"] .pr-hl .pr-h1{margin-top:4cqw}
.pr[data-m="m"] .pr-hl p{max-width:none;margin-top:5cqw}
.pr[data-m="m"] .pr-hl .pr-ctas{margin-top:7cqw}
.pr[data-m="m"] .pr-split .pr-card{left:10cqw;bottom:5cqw}

/* Portada a pantalla completa (Mou) */
.pr-full{background:#0b1210;color:#F2F5F0}
.pr-full .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.62) saturate(.9)}
.pr-full::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgb(8 14 12 / .85) 0%,rgb(8 14 12 / .35) 52%,rgb(8 14 12 / .05) 80%),linear-gradient(0deg,rgb(8 14 12 / .7),transparent 45%)}
.pr-full .pr-nav{color:#F2F5F0}
.pr-full .pr-nav .pr-btn{background:var(--acc);color:var(--ink)}
.pr-hc{position:absolute;left:var(--px);right:var(--px);bottom:4.6cqw;z-index:3}
.pr-hc .lb{color:var(--acc)!important}
.pr-hc .pr-h1{margin-top:1.8cqw}
.pr-full .pr-h1 em{color:var(--acc)}
.pr-hrow{display:flex;align-items:center;gap:3.4cqw;flex-wrap:wrap;margin-top:2.6cqw;max-width:64cqw}
.pr-hrow p{flex:1 1 24cqw;max-width:32cqw;color:rgb(242 245 240 / .82)}
.pr-full .pr-u{color:#F2F5F0}
.pr-tags{display:flex;gap:1cqw;flex-wrap:wrap;margin-top:2.6cqw}
.pr-tags span{display:inline-flex;align-items:center;gap:.6cqw;padding:.7cqw 1.3cqw;border:1px solid rgb(242 245 240 / .28);border-radius:99px;font-size:.86cqw;font-weight:600}
.pr-tags i{color:var(--acc)}
.pr-full .pr-card{right:var(--px);bottom:5cqw;background:rgb(15 26 23 / .62);color:#F2F5F0}
.pr-full .pr-card small{color:rgb(242 245 240 / .7)}
.pr[data-m="m"] .pr-hc{bottom:12cqw}
.pr[data-m="m"] .pr-hc .pr-h1{margin-top:4cqw}
.pr[data-m="m"] .pr-hrow{margin-top:6cqw;gap:6cqw;max-width:none}
.pr[data-m="m"] .pr-hrow p{flex:1 1 100%;max-width:none}
.pr[data-m="m"] .pr-tags{gap:2cqw;margin-top:6cqw}
.pr[data-m="m"] .pr-tags span{padding:2cqw 3.4cqw;font-size:2.9cqw;gap:1.6cqw}
.pr[data-m="m"] .pr-full .pr-card{display:none}

/* Portada collage (Lacca) */
.pr-collage{background:radial-gradient(60% 60% at 50% 55%,#fff6f4,transparent 70%),var(--bg)}
.pr-cl figure{position:absolute;margin:0;overflow:hidden;border-radius:1.4cqw;box-shadow:0 2.6cqw 4.6cqw -2cqw rgb(60 10 20 / .4);transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}
.pr-cl img{width:100%;height:100%;object-fit:cover}
.pr-cl .f0{left:3cqw;top:13cqw;width:15cqw;height:20cqw;transform:rotate(-8deg) translateY(4cqw)}
.pr-cl .f1{right:2.5cqw;top:6cqw;width:15cqw;height:20cqw;transform:rotate(7deg) translateY(4cqw)}
.pr-cl .f2{right:21cqw;bottom:-6cqw;width:15cqw;height:20cqw;transform:rotate(-4deg) translateY(4cqw)}
.pr-collage.in .f0{transform:rotate(-8deg)}
.pr-collage.in .f1{transform:rotate(7deg)}
.pr-collage.in .f2{transform:rotate(-4deg)}
.pr-cc{position:absolute;left:0;right:0;top:50%;z-index:3;transform:translateY(-44%);display:grid;justify-items:center;text-align:center;padding:0 24cqw}
.pr-cc .pr-h1{margin-top:2cqw;font-size:6cqw}
.pr-cc p{margin-top:2.4cqw;max-width:36cqw;color:var(--mut)}
.pr-cc .pr-ctas{margin-top:3cqw;justify-content:center}
.pr-collage .pr-card{left:6cqw;bottom:6cqw}
.pr[data-m="m"] .pr-cl .f0{left:-4cqw;top:36cqw;width:34cqw;height:44cqw}
.pr[data-m="m"] .pr-cl .f1{right:-6cqw;top:30cqw;width:38cqw;height:50cqw}
.pr[data-m="m"] .pr-cl .f2{display:none}
.pr[data-m="m"] .pr-cc{top:auto;bottom:10cqw;transform:none;padding:0 var(--px)}
.pr[data-m="m"] .pr-cc .pr-h1{font-size:8.2cqw;margin-top:4cqw}
.pr[data-m="m"] .pr-cc p{max-width:none;margin-top:5cqw}
.pr[data-m="m"] .pr-cc .pr-ctas{margin-top:7cqw}
.pr[data-m="m"] .pr-collage .pr-card{display:none}

/* Franja de servicios */
.pr-mq{overflow:hidden;padding:1.5cqw 0;background:var(--dk);color:var(--dki);white-space:nowrap}
.pr-mq div{display:inline-flex;align-items:center;gap:2.8cqw;padding-right:2.8cqw;font:var(--fdw) 2.1cqw/1 var(--fd);letter-spacing:var(--ls);text-transform:var(--tt);animation:snMq 44s linear infinite}
.pr-ond .pr-mq div{font-style:italic}
.pr-mq div>*{flex:none}
.pr-mq i{width:1cqw;height:1cqw;border-radius:50%;background:var(--acc)}
.pr-mou .pr-mq{background:var(--acc);color:var(--ink)}
.pr-mou .pr-mq i{background:var(--ink);border-radius:0;transform:rotate(45deg)}
.pr[data-m="m"] .pr-mq{padding:4.4cqw 0}
.pr[data-m="m"] .pr-mq div{gap:6cqw;padding-right:6cqw;font-size:6.4cqw}
.pr[data-m="m"] .pr-mq i{width:2.6cqw;height:2.6cqw}

/* Servicios con imagen que cambia al pasar */
.pr-sv{padding:var(--py) var(--px);background:var(--bg)}
.pr-svh h2,.pr-sth h2,.pr-rs h2{margin-top:1.8cqw;font:var(--fdw) var(--l)/1 var(--fd);letter-spacing:var(--ls);text-transform:var(--tt)}
.pr-svh p,.pr-sth p,.pr-rs p{margin-top:2cqw;max-width:46ch;color:var(--mut)}
.pr-svw{display:grid;grid-template-columns:1fr 28cqw;gap:5cqw;margin-top:4.6cqw;align-items:start}
.pr-list{border-top:1px solid var(--ln)}
.pr-it{display:grid;grid-template-columns:1fr auto 8cqw;align-items:center;gap:2cqw;padding:2cqw 0;border-bottom:1px solid var(--ln);transition:padding .5s cubic-bezier(.2,.7,.2,1),background .4s ease}
.pr-it .pr-th{display:none}
.pr-it h3{font:var(--fdw) 2.4cqw/1.08 var(--fd);letter-spacing:var(--ls);text-transform:var(--tt)}
.pr-mou .pr-it h3{font-size:2cqw}
.pr-it p{margin-top:.5cqw;max-width:48ch;color:var(--mut)}
.pr-it .m{color:var(--mut);font-size:.84cqw;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.pr-it b{text-align:right;font:var(--fdw) 1.7cqw/1.1 var(--fd);letter-spacing:var(--ls)}
.pr-it.on{padding-left:1.6cqw;background:linear-gradient(90deg,var(--soft),transparent 70%)}
.pr-it.on h3{color:var(--acc)}
.pr-mou .pr-it.on h3{color:var(--acc2)}
.pr-prev{position:sticky;top:5cqw;aspect-ratio:4/5;overflow:hidden;border-radius:.8cqw;background:var(--bg2)}
.pr-ond .pr-prev{border-radius:14cqw 14cqw .8cqw .8cqw}
.pr-prev img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.08);transition:opacity .7s ease,transform 1.4s cubic-bezier(.2,.7,.2,1)}
.pr-prev img.on{opacity:1;transform:none}
.pr[data-m="m"] .pr-svh h2,.pr[data-m="m"] .pr-sth h2,.pr[data-m="m"] .pr-rs h2{margin-top:4cqw}
.pr[data-m="m"] .pr-svh p,.pr[data-m="m"] .pr-sth p,.pr[data-m="m"] .pr-rs p{margin-top:5cqw}
.pr[data-m="m"] .pr-svw{grid-template-columns:1fr;margin-top:10cqw}
.pr[data-m="m"] .pr-prev{display:none}
.pr[data-m="m"] .pr-it{grid-template-columns:20cqw 1fr auto;gap:4cqw;padding:5cqw 0;align-items:start}
.pr[data-m="m"] .pr-it .pr-th{display:block;grid-row:span 2;width:20cqw;height:24cqw;overflow:hidden;border-radius:1.6cqw}
.pr[data-m="m"] .pr-it .pr-th img{width:100%;height:100%;object-fit:cover}
.pr[data-m="m"] .pr-it h3{font-size:6cqw}
.pr[data-m="m"] .pr-mou .pr-it h3,.pr-mou[data-m="m"] .pr-it h3{font-size:5.2cqw}
.pr[data-m="m"] .pr-it p{margin-top:1.4cqw;font-size:3.4cqw;line-height:1.5}
.pr[data-m="m"] .pr-it .m{grid-column:2;font-size:2.6cqw}
.pr[data-m="m"] .pr-it b{grid-column:3;grid-row:1;font-size:4.4cqw}
.pr[data-m="m"] .pr-it.on{padding-left:0;background:none}

/* El local */
.pr-st{padding:var(--py) var(--px);background:var(--bg2)}
.pr-gal{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:18cqw 18cqw;gap:1.4cqw;margin-top:4.4cqw}
.pr-gal figure{margin:0;overflow:hidden;border-radius:.6cqw;background:var(--soft)}
.pr-gal .g0{grid-row:span 2}
.pr-ond .pr-gal .g0{border-radius:16cqw 16cqw .6cqw .6cqw}
.pr-gal img{width:100%;height:100%;object-fit:cover}
.pr-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:3cqw;margin-top:5cqw}
.pr-facts div{padding-top:1.6cqw;border-top:1px solid var(--ln)}
.pr-facts b{display:block;font:var(--fdw) 3.6cqw/1 var(--fd);letter-spacing:var(--ls)}
.pr-mou .pr-facts b{color:var(--acc2)}
.pr-lac .pr-facts b{color:var(--acc)}
.pr-facts span{display:block;margin-top:.8cqw;color:var(--mut)}
.pr[data-m="m"] .pr-gal{grid-template-columns:1fr 1fr;grid-template-rows:64cqw 40cqw;gap:3cqw;margin-top:10cqw}
.pr[data-m="m"] .pr-gal .g0{grid-row:auto;grid-column:span 2}
.pr[data-m="m"] .pr-facts{gap:4cqw;margin-top:10cqw}
.pr[data-m="m"] .pr-facts b{font-size:8.4cqw}
.pr[data-m="m"] .pr-facts span{font-size:3.1cqw;line-height:1.35}

/* Franja de foto */
.pr-band{position:relative;height:46cqw;display:grid;place-content:center;justify-items:center;padding:0 var(--px);text-align:center;overflow:hidden;background:#222;color:#fff}
.pr-band>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.62) saturate(.9)}
.pr-band h2{position:relative;z-index:2;font:var(--fdw) 4.6cqw/1.04 var(--fd);letter-spacing:var(--ls);text-transform:var(--tt)}
.pr-band h2 em{color:#fff}
.pr-ond .pr-band h2 em{color:#F3D2BF}
.pr-mou .pr-band h2 em{color:var(--acc)}
.pr-lac .pr-band h2 em{color:#FFD3D8}
.pr[data-m="m"] .pr-band{height:150cqw}
.pr[data-m="m"] .pr-band h2{font-size:10.6cqw}

/* Reserva que funciona */
.pr-rs{display:grid;grid-template-columns:1fr 1.05fr;gap:6cqw;align-items:center;padding:var(--py) var(--px);background:var(--dk);color:var(--dki)}
.pr-rs p{color:color-mix(in srgb,var(--dki) 70%,transparent)}
.pr-rs h2 em{color:var(--acc)}
.pr-bk{padding:2.6cqw;border-radius:1.3cqw;background:color-mix(in srgb,var(--dki) 7%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--dki) 12%,transparent)}
.pr-bk .lb{display:block;margin-bottom:1.1cqw;color:color-mix(in srgb,var(--dki) 60%,transparent)!important}
.pr-chips{display:flex;flex-wrap:wrap;gap:.8cqw;margin-bottom:2.2cqw}
.pr-chips span,.pr-days span,.pr-times span{cursor:pointer;transition:background .25s ease,color .25s ease,border-color .25s ease}
.pr-chips span{padding:.9cqw 1.6cqw;border:1px solid color-mix(in srgb,var(--dki) 18%,transparent);border-radius:99px;font-size:.95cqw}
.pr-days{display:grid;grid-template-columns:repeat(5,1fr);gap:.8cqw;margin-bottom:2.2cqw}
.pr-days span{display:grid;justify-items:center;gap:.5cqw;padding:1.1cqw 0;border:1px solid color-mix(in srgb,var(--dki) 14%,transparent);border-radius:.9cqw;font-size:.78cqw;letter-spacing:.14em;text-transform:uppercase}
.pr-days b{font:var(--fdw) 1.9cqw/1 var(--fd);letter-spacing:0}
.pr-times{display:grid;grid-template-columns:repeat(4,1fr);gap:.8cqw;margin-bottom:2.6cqw}
.pr-times span{padding:1cqw 0;border:1px solid color-mix(in srgb,var(--dki) 14%,transparent);border-radius:.9cqw;text-align:center}
.pr-times span.off{opacity:.32;text-decoration:line-through;cursor:default}
.pr-chips span.on,.pr-days span.on,.pr-times span.on{background:var(--acc);border-color:var(--acc);color:#fff}
.pr-mou .pr-chips span.on,.pr-mou .pr-days span.on,.pr-mou .pr-times span.on{color:var(--ink)}
.pr-conf{display:flex;align-items:center;justify-content:center;gap:1cqw;padding:1.45cqw;border-radius:99px;background:var(--dki);color:var(--dk);font-weight:800;cursor:pointer}
.pr-conf.done{background:var(--acc);color:#fff}
.pr-mou .pr-conf.done{color:var(--ink)}
.pr-conf i{font-size:1.5cqw}
.pr[data-m="m"] .pr-rs{grid-template-columns:1fr;gap:10cqw}
.pr[data-m="m"] .pr-bk{padding:6cqw;border-radius:4cqw}
.pr[data-m="m"] .pr-bk .lb{margin-bottom:3cqw}
.pr[data-m="m"] .pr-chips{gap:2cqw;margin-bottom:6cqw}
.pr[data-m="m"] .pr-chips span{padding:2.4cqw 4cqw;font-size:3.3cqw}
.pr[data-m="m"] .pr-days{gap:2cqw;margin-bottom:6cqw}
.pr[data-m="m"] .pr-days span{padding:3cqw 0;border-radius:2.4cqw;font-size:2.4cqw;gap:1.4cqw}
.pr[data-m="m"] .pr-days b{font-size:5.4cqw}
.pr[data-m="m"] .pr-times{gap:2cqw;margin-bottom:7cqw}
.pr[data-m="m"] .pr-times span{padding:3cqw 0;border-radius:2.4cqw;font-size:3.4cqw}
.pr[data-m="m"] .pr-conf{gap:2.6cqw;padding:4.2cqw}
.pr[data-m="m"] .pr-conf i{font-size:5cqw}

/* Pie */
.pr-ft{padding:7cqw var(--px) 3cqw;background:var(--bg)}
.pr-ftw{text-align:center;font:var(--fdw) 19cqw/.85 var(--fd);letter-spacing:var(--ls);text-transform:uppercase}
.pr-ond .pr-ftw{letter-spacing:.06em}
.pr-mou .pr-ftw{font-size:24cqw;letter-spacing:-.04em}
.pr-ftc{display:grid;grid-template-columns:repeat(3,1fr);gap:3cqw;margin-top:5cqw;padding-top:2.2cqw;border-top:1px solid var(--ln)}
.pr-ftc .lb{display:block;margin-bottom:1cqw}
.pr-fb{margin-top:5cqw!important;color:var(--mut);font-size:.85cqw}
.pr[data-m="m"] .pr-ft{padding-top:16cqw}
.pr[data-m="m"] .pr-ftw{font-size:22cqw}
.pr[data-m="m"] .pr-ftc{grid-template-columns:1fr;gap:6cqw;margin-top:12cqw;padding-top:7cqw}
.pr[data-m="m"] .pr-ftc .lb{margin-bottom:2.4cqw}
.pr[data-m="m"] .pr-fb{margin-top:12cqw!important;font-size:3cqw;padding-bottom:6cqw}

/* Escenarios de los nuevos ejemplos */
.cx-st.ond{--ln:rgb(30 35 24 / .14);background:#E9E5DA;color:#1E2318}
.cx-st.ond::before{content:"";position:absolute;inset:-10%;z-index:-1;background:radial-gradient(38% 44% at 68% 56%,rgb(180 83 42 / .18),transparent 70%),radial-gradient(30% 34% at 14% 18%,rgb(140 150 110 / .22),transparent 70%)}
.ond .cx-name{font:400 clamp(3.2rem,6vw,5.2rem)/.92 "Gloock",Georgia,serif;letter-spacing:.04em}
.cx-st.mou{--ln:rgb(234 240 236 / .16);background:#0F1A17;color:#EAF0EC}
.cx-st.mou::before{content:"";position:absolute;inset:-10%;z-index:-1;background:radial-gradient(40% 46% at 68% 60%,rgb(198 240 65 / .18),transparent 70%),radial-gradient(30% 32% at 8% 14%,rgb(14 124 102 / .3),transparent 70%)}
.mou .cx-name{font:400 clamp(3.4rem,6.6vw,5.6rem)/.86 "Archivo Black","Hanken Grotesk",sans-serif;letter-spacing:-.02em}
.cx-st.lac{--ln:rgb(29 18 20 / .14);background:#F6E1DE;color:#1D1214}
.cx-st.lac::before{content:"";position:absolute;inset:-10%;z-index:-1;background:radial-gradient(38% 44% at 66% 58%,rgb(200 16 46 / .16),transparent 70%),radial-gradient(30% 34% at 12% 16%,rgb(255 180 190 / .45),transparent 70%)}
.lac .cx-name{font:800 clamp(3.2rem,6.2vw,5.4rem)/.9 "Syne","Hanken Grotesk",sans-serif;letter-spacing:-.04em}
@media (prefers-reduced-motion:reduce){.pr-mq div,.pr-card .dot{animation:none}}

/* «Ver más ejemplos»: una franja entre filetes, con las tres webs que esperan asomando en abanico */
.cx-mas{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:40px;margin-top:56px;padding:34px 4px;border-top:1px solid var(--ln);border-bottom:1px solid var(--ln)}
.cx-mas-fan{display:flex;padding:10px 26px 10px 6px}
.cx-mas-fan span{position:relative;flex:none;width:90px;aspect-ratio:3/4;margin-left:-20px;overflow:hidden;border-radius:12px;background:#1B1815;box-shadow:0 16px 26px -14px rgb(27 24 21 / .6),0 2px 6px -2px rgb(27 24 21 / .25);transform:translateY(var(--y,0)) rotate(var(--r,0));transition:transform .7s cubic-bezier(.2,.8,.2,1),margin .7s cubic-bezier(.2,.8,.2,1)}
.cx-mas-fan span:first-child{margin-left:0}
.cx-mas-fan span::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(0 0 0 / .62),transparent 46%)}
.cx-mas-fan img{width:100%;height:100%;object-fit:cover}
.cx-mas-fan b{position:absolute;left:10px;top:11px;z-index:1;color:#fff;line-height:1}
.cx-mas-fan .ft-ond{--r:-9deg;--y:7px}
.cx-mas-fan .ft-lac{--r:1deg;--y:-5px;z-index:2}
.cx-mas-fan .ft-bar{--r:10deg;--y:8px}
.ft-ond b{font:400 .9rem "Gloock",Georgia,serif;letter-spacing:.03em}
.ft-lac b{left:0;right:0;text-align:center;font:800 .85rem "Syne","Hanken Grotesk",sans-serif;letter-spacing:-.03em}
.ft-bar b{left:auto;right:10px;font:800 .92rem "Barlow Condensed","Arial Narrow",sans-serif;letter-spacing:.14em;text-transform:uppercase}
.cx-mas-h{margin:0;max-width:19em;font:400 clamp(1.4rem,2.32vw,2.08rem)/1.06 var(--disp);letter-spacing:-.01em;color:var(--fg)}
.cx-mas-h em{color:var(--acc)}
.cx-mas-go i{font-size:1.25rem;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
@media (hover:hover){
  .cx-mas:has(.cx-mas-go:hover) .cx-mas-fan span{margin-left:-4px}
  .cx-mas:has(.cx-mas-go:hover) .cx-mas-fan span:first-child{margin-left:0}
  .cx-mas:has(.cx-mas-go:hover) .ft-ond{--r:-14deg;--y:12px}
  .cx-mas:has(.cx-mas-go:hover) .ft-lac{--r:0deg;--y:-14px}
  .cx-mas:has(.cx-mas-go:hover) .ft-bar{--r:15deg;--y:13px}
  .cx-mas-go:hover i{transform:rotate(90deg)}
}
.cx-mas-go:focus-visible{outline:3px solid var(--acc);outline-offset:4px}
.cx-extra{margin-top:28px}
.cx-extra[hidden]{display:none}
@media (max-width:900px){
  .cx-mas{grid-template-columns:minmax(0,1fr);justify-items:center;gap:22px;padding:32px 0 34px;text-align:center}
  .cx-mas-fan{padding:6px 0 4px}
  .cx-mas-h{max-width:15em}
}
@media (max-width:640px){
  .cx-mas{margin-top:44px}
  .cx-mas-fan span{width:80px;margin-left:-18px}
  .cx-mas-go{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.cx-mas-fan span,.cx-mas-go i{transition:none}}

/* Títulos de las demos en miniatura (div en vez de h1): sin desplazamiento de entrada, como los h1 */
.s .sy-h1[data-r],.s .sn-h1[data-r],.s .pr-h1[data-r],.s .bk-h1[data-r]{transform:none}