/* «Web a medida», prueba A, segunda vuelta (03/11/2026). Referencia, 71Three; modelo, encontrar-d. Misma letra, papel, tinta, bronce y arena, mismo destello de titanio, misma firma y pie común.
   Lo que cuenta: las portadas reales de sus webs pasan y giran en profundidad. El movimiento solo existe con .anima: sin JS o con movimiento reducido, todo se ve en orden. */
:root{--ti:#15161c;--br:#54351f;--ar:#dfd1b9;--papel2:#e9e3da;--crema2:#f6f1e8;--serif:'Instrument Serif',Georgia,serif}
body{overflow-x:clip}
.w-it{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.025em}
.w-ej{display:inline-block;font-size:13px;font-weight:500;padding:.28em .85em;border-radius:99px;background:var(--tinta);color:var(--papel)}
h1,h2,h3{font-weight:300}
.w-enl{position:relative;border-bottom:1px solid currentColor;padding-bottom:1px}
.w-enl::after{content:"";position:absolute;left:0;right:0;top:-12px;bottom:-8px} /* movil 04/11: zona de toque de 44 px sin mover el subrayado */


.h-esc{position:relative;background:var(--papel);--hg:clamp(66px,11.6vw,230px);--mxv:2.2vw}
.h-pin{position:relative;padding:clamp(96px,14vh,120px) var(--g) 24px}
.h-tit{font-weight:300;font-size:clamp(70px,22vw,200px);letter-spacing:-.05em;line-height:.9}
.h-pal{display:block}
.h-it{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.035em;font-size:1.1em;padding-right:.08em}
.h-caja{position:relative;margin-top:22px;aspect-ratio:2/1;border-radius:24px;overflow:hidden;background:#1b1c21;box-shadow:0 40px 80px -40px rgba(13,14,19,.7)}
.h-larga{position:absolute;left:0;top:0;width:100%;will-change:transform}
.h-larga img{display:block;width:100%;height:auto}
.h-sl{position:absolute;inset:0}
.h-s{position:absolute;inset:0;display:block;visibility:hidden}
.h-s.on{visibility:visible}
.h-s img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.h-velo{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(13,14,19,.42),rgba(13,14,19,.55) 60%,rgba(13,14,19,.78));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0}
.h-cual{display:none}
.h-lin{margin-top:22px;font-size:clamp(30px,8vw,64px);font-weight:300;letter-spacing:-.04em;line-height:1.02}
.h-lin em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.03em;font-size:1.06em}

.anima .h-pin{position:sticky;top:0;height:100vh;height:100svh;margin-bottom:-100vh;margin-bottom:-100svh;padding:0;overflow:hidden}
.anima .h-pista{height:360vh}
.anima .h-pal{position:absolute;left:0;top:50%;white-space:nowrap;font-size:var(--hg);line-height:.8;z-index:2;will-change:transform;padding-bottom:.05em}
.anima .h-caja{position:absolute;left:0;top:0;margin:0;aspect-ratio:auto;width:19vw;height:10.5vw;z-index:1;will-change:transform,width,height;animation:h-abre 1.5s .35s var(--curva) backwards}
.anima .h-tit{line-height:.8}
.anima .h-velo{opacity:0}
.anima .h-cual{display:block;position:absolute;z-index:3;left:var(--g);bottom:clamp(20px,4vh,40px);font-size:var(--peq);font-weight:400;letter-spacing:-.01em;pointer-events:none}
.h-cual b{font-weight:500;margin-right:.6em}
.anima .h-lin{position:absolute;z-index:3;margin:0;opacity:0;left:calc(var(--mxv) + 26px);bottom:calc(var(--mxv) + 22px);max-width:min(17em,70vw);font-size:clamp(34px,5vw,92px);color:#fff;text-shadow:0 2px 30px rgba(0,0,0,.35);pointer-events:none;will-change:transform,opacity}
.anima .h-pal{animation:h-sale 1.2s .15s var(--curva) backwards}
.anima .h-pal.h-it{animation-delay:.3s}
@keyframes h-sale{from{opacity:0;transform:translate3d(0,40px,0)}}
@keyframes h-abre{from{clip-path:inset(50% 50% 50% 50% round 24px)}to{clip-path:inset(0 round 24px)}}

/* ---------- 2 · lo que hago yo ---------- */
.w-ks-s{position:relative;background:var(--papel);padding:clamp(54px,10vh,110px) var(--g) clamp(30px,6vh,60px)}
.w-ks-s h2{font-size:clamp(40px,5vw,92px);letter-spacing:-.05em;line-height:1;margin-bottom:clamp(22px,4vh,44px)}
.w-ks-s h2 .w-it{font-size:1.08em}
.w-ks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,32px)}
.w-k{position:relative;overflow:hidden;border-radius:24px;padding:clamp(22px,2.3vw,38px);color:var(--papel);background:var(--ti);display:flex;flex-direction:column;justify-content:space-between;gap:14px;min-height:clamp(300px,52vh,440px);box-shadow:0 30px 60px -36px rgba(13,14,19,.7)}
.w-k.c-ar{background:var(--ar);color:var(--tinta)}
.w-k.c-br{background:var(--br)}
.w-k::before,.w-pt::before{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;padding:2px;background:conic-gradient(from var(--a,40deg),transparent 0 56%,#f0dfae 66%,#d9a441 73%,#a8491f 79%,#7c43c9 86%,#2f5fd0 93%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.w-k::after{content:"";position:absolute;inset:-20% -60%;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.26) 50%,transparent 58%);transform:translateX(-70%);pointer-events:none}
.anima .w-k.sube.ve::after{transition:transform 1.4s .4s var(--curva);transform:translateX(70%)}
.w-k h3{font-size:clamp(26px,2.5vw,42px);letter-spacing:-.045em;line-height:1}
.w-k .cif{font-family:var(--serif);font-style:italic;font-size:clamp(100px,11vw,190px);line-height:.86;letter-spacing:-.04em;white-space:nowrap;padding-right:.06em}
.w-k .cif small{font-size:.32em;letter-spacing:-.015em;margin-left:.02em}
.w-k p{font-size:clamp(20px,1.7vw,28px);font-weight:300;letter-spacing:-.03em;line-height:1.12;max-width:17em}
.anima .sube{opacity:0;transform:translateY(46px);transition:opacity .8s,transform 1.1s var(--curva)}
.anima .sube.ve{opacity:1;transform:none}
.anima .w-ks .sube:nth-child(2){transition-delay:.12s}.anima .w-ks .sube:nth-child(3){transition-delay:.24s}

/* ---------- 3 · los dos móviles ---------- */
.w-mv{position:relative;background:var(--papel);padding:clamp(30px,6vh,70px) var(--g) clamp(40px,8vh,90px)}
.w-mv-in{position:relative;overflow:hidden;border-radius:clamp(22px,2.6vw,40px);background:var(--ar);padding:clamp(34px,5vw,84px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,70px);align-items:center;min-height:min(86vh,780px)}
.w-mv-t h2{font-size:clamp(44px,5.4vw,100px);letter-spacing:-.05em;line-height:.98}
.w-mv-t .w-it{font-size:1.08em}
.w-mv-p{margin-top:clamp(16px,3vh,30px);font-size:clamp(19px,1.5vw,24px);font-weight:400;letter-spacing:-.02em;line-height:1.3;max-width:24em}
.w-neg{display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(16px,3vh,28px)}
.w-neg button,.w-reset{min-height:44px;padding:0 20px;border-radius:99px;border:1.5px solid rgba(13,14,19,.35);font-size:17px;font-weight:400;transition:background .3s,color .3s,border-color .3s}
.w-neg button:hover,.w-reset:hover{border-color:var(--tinta)}
.w-neg button[aria-pressed="true"]{background:var(--tinta);color:var(--papel);border-color:var(--tinta)}
.w-reset{margin-top:12px}
.w-reset:hover{background:var(--tinta);color:var(--papel)}
.w-dos{display:grid;grid-template-columns:auto minmax(34px,110px) auto;justify-content:center;align-items:center}
.w-mov{display:grid;gap:12px;justify-items:center}
.w-mov figcaption{font-size:15px;font-weight:400}
.w-pant{position:relative;width:clamp(240px,17.6vw,290px);height:clamp(470px,36vw,540px);max-height:calc(100svh - 190px);border-radius:36px;overflow:hidden;color:var(--tinta);box-shadow:0 0 0 8px #1c1d22,0 0 0 9px #3a3b40,0 40px 70px -40px rgba(13,14,19,.8);display:flex;flex-direction:column;min-height:420px}
.w-m-panel .w-pant{background:#f7f5f2;padding:44px 16px 14px}
.mp-cab{display:grid;gap:2px;padding-bottom:12px;border-bottom:1px solid var(--raya)}
.mp-cab small{font-size:12.5px;font-weight:400}
.mp-cab b{font-size:25px;font-weight:400;letter-spacing:-.04em;line-height:1}
.mp-lista{list-style:none}
.mp-lista li{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:0 8px;align-items:center;padding:9px 0;border-bottom:1px solid var(--raya);font-size:15.5px;line-height:1.2}
.mp-lista .nm{grid-column:1;grid-row:1;font-weight:400}
.mp-lista .pr{grid-column:1;grid-row:2;font-family:var(--serif);font-style:italic;font-size:25px;line-height:1.1;padding:0 .2em;margin-left:-.2em;border-radius:6px;justify-self:start;transition:background .6s}
.mp-lista .pr.flash{background:#e9c46a;transition:none}
.mp-lista .ct{grid-column:2;grid-row:1/3;display:flex;gap:6px}
.mp-lista .ct button{width:44px;height:44px;border-radius:50%;font-size:22px;line-height:1;background:#fff;box-shadow:0 0 0 1px rgba(13,14,19,.16);transition:background .2s,color .2s,transform .2s}
.mp-lista .ct button:hover{background:var(--tinta);color:var(--papel)}
.mp-lista .ct button:active{transform:scale(.92)}
.mp-lista .ct button.toca{background:var(--tinta);color:var(--papel);transform:scale(.92)}
.mp-comp{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;margin-top:6px;font-size:15px;font-weight:400;cursor:pointer}
.mp-comp input{position:absolute;opacity:0;width:1px;height:1px}
.mp-comp i{position:relative;flex:none;width:42px;height:24px;border-radius:99px;background:#d9d4cd;transition:background .3s}
.mp-comp i::after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .35s var(--curva)}
.mp-comp input:checked + i{background:var(--tinta)}
.mp-comp input:checked + i::after{transform:translateX(18px)}
.mp-comp input:focus-visible + i{outline:2px solid var(--tinta);outline-offset:2px}
.mp-est{margin-top:auto;display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:500}
.mp-est i{width:8px;height:8px;border-radius:50%;background:#3d9a5b;transition:background .3s}
.mp-est.va i{background:#e0a020}
.w-m-web .w-pant{background:var(--crema2)}
.mw-foto{position:relative;height:41%;flex:none;background:#2b2c31;overflow:hidden}
.mw-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 38%;display:block;transition:opacity .3s}
.mw-foto img.sale{opacity:0}
.mw-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,14,19,.32) 0,rgba(13,14,19,0) 30%,rgba(13,14,19,0) 52%,rgba(13,14,19,.72) 100%)}
.mw-lg{position:absolute;z-index:2;left:16px;bottom:12px;font-family:var(--serif);font-style:italic;font-size:26px;line-height:1;letter-spacing:-.02em;color:#fff;text-shadow:0 1px 14px rgba(0,0,0,.4)}
.mw-ab{position:absolute;z-index:2;right:12px;top:38px;display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:500;color:#fff;padding:.25em .7em;border-radius:99px;background:rgba(13,14,19,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.mw-ab::before{content:"";width:6px;height:6px;border-radius:50%;background:#58c47e}
.mw-ab.cer::before{background:#e0a020}
.w-m-web .w-pant{box-shadow:0 0 0 8px #1c1d22,0 0 0 9px #3a3b40,0 50px 80px -34px rgba(13,14,19,.85)}
.mw-cu{padding-top:12px!important}
.mw-cu h3{font-size:22px!important;margin-bottom:2px!important}
.mw-lista li{padding:8px 0!important}
.mw-cu{flex:1;padding:0 18px 18px;display:flex;flex-direction:column}
.mw-cu h3{font-size:27px;letter-spacing:-.045em;line-height:1;margin-bottom:6px}
.mw-lista{list-style:none;flex:1}
.mw-lista li{display:flex;align-items:baseline;gap:8px;padding:10px 0;border-bottom:1px solid rgba(29,27,23,.14);font-size:15.5px;letter-spacing:-.01em}
.mw-lista .nm{font-weight:400}
.mw-lista .pt{flex:1;border-bottom:1px dotted rgba(29,27,23,.35);transform:translateY(-4px)}
.mw-lista .pr{font-family:var(--serif);font-style:italic;font-size:21px;padding:0 .3em;border-radius:6px;transition:background .6s}
.mw-lista li.flash .pr{background:#e9c46a;transition:none}
.mw-lista .lb{font-size:13px;font-weight:500;padding:.15em .75em;border-radius:99px;border:1px solid currentColor;transition:background .4s,color .4s}
.mw-lista .fin.cmp .lb{background:#1d1b17;color:var(--crema2);border-color:#1d1b17}
.mw-lista .fin.cmp .nm{text-decoration:line-through;opacity:.55}
.mw-bt{align-self:stretch;text-align:center;background:#1d1b17;color:var(--crema2);border-radius:99px;padding:.8em;font-weight:500;font-size:15px;margin-top:12px;transition:opacity .4s}
.w-mv.completo .mw-bt{opacity:.45}
.w-hilo{position:relative;height:2px;margin:0 12px;background:repeating-linear-gradient(90deg,rgba(13,14,19,.35) 0 6px,transparent 6px 12px)}
.w-hilo i{position:absolute;left:0;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:radial-gradient(circle,#fff 0 28%,#f0dfae 42%,#d9a441 60%,rgba(168,73,31,.0) 72%);box-shadow:0 0 16px 4px rgba(217,164,65,.7);opacity:0}
.w-hilo.va i{animation:w-viaja 1s var(--curva)}
@keyframes w-viaja{0%{left:0;opacity:1}85%{opacity:1}100%{left:100%;opacity:0}}

/* ---------- 2 · SEO con protagonismo ---------- */
.w-seo{position:relative;background:var(--papel);padding:clamp(40px,8vh,90px) var(--g) clamp(40px,8vh,90px)}
.w-seo-in{position:relative;overflow:hidden;border-radius:clamp(22px,2.6vw,40px);background:var(--ar);padding:clamp(28px,4.4vw,76px)}
.w-seo-in::before{content:"";position:absolute;right:-12%;top:-30%;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(240,223,174,.75),rgba(217,164,65,.22) 45%,transparent 70%);pointer-events:none}
.w-seo-t{position:relative;max-width:62em}
.w-seo-t h2{margin-top:16px;font-size:clamp(44px,6.4vw,118px);letter-spacing:-.05em;line-height:.96}
.w-seo-t .w-it{font-size:1.06em}
.w-seo-p{margin-top:clamp(16px,3vh,28px);font-size:clamp(19px,1.5vw,24px);font-weight:400;letter-spacing:-.02em;line-height:1.3;max-width:34em}
.w-seo-ch{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(16px,3vh,26px)}
.w-seo-ch li{font-size:clamp(15px,1.15vw,18px);font-weight:500;padding:.35em 1em;border-radius:99px;border:1.5px solid rgba(13,14,19,.55)}
.w-sx{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(14px,1.6vw,26px);margin-top:clamp(26px,5vh,56px)}
.w-sc{position:relative;overflow:hidden;border-radius:24px;padding:clamp(18px,2vw,30px);box-shadow:0 30px 60px -36px rgba(13,14,19,.65)}
.w-sc .w-ej{margin-bottom:14px;font-size:12px}
.w-gg{grid-column:span 7;background:#fff;color:#202124}
.w-mp{grid-column:span 5;background:#fff;padding:0;display:flex;flex-direction:column;color:#202124}
.w-ia{grid-column:span 7;background:var(--ti);color:var(--papel)}
.w-pz{grid-column:span 5;background:var(--br);color:var(--papel);display:flex;flex-direction:column;gap:12px}
.gg-bus{display:flex;align-items:center;gap:12px;border-radius:99px;padding:.7em 1.2em;box-shadow:0 1px 6px rgba(32,33,36,.28);font-size:clamp(15px,1.2vw,18px)}
.gg-lupa{flex:none;width:14px;height:14px;border:2px solid #5f6368;border-radius:50%;position:relative}
.gg-lupa::after{content:"";position:absolute;left:9px;top:10px;width:7px;height:2px;background:#5f6368;transform:rotate(45deg)}
.gg-res{margin-top:clamp(14px,2.4vh,24px);display:grid;gap:4px}
.gg-web{display:flex;align-items:center;gap:10px;font-size:14px;color:#202124}
.gg-web small{display:block;font-size:12px;color:#5f6368}
.gg-ic{flex:none;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#f0dfae,#d9a441 55%,#a8491f)}
.gg-t{font-size:clamp(20px,1.7vw,26px);color:#1a0dab;line-height:1.2;letter-spacing:-.01em;margin-top:2px}
.gg-d{font-size:clamp(14.5px,1.12vw,17px);color:#4d5156;line-height:1.4;max-width:40em}
.gg-r{display:flex;flex-wrap:wrap;gap:4px 8px;font-size:14px;color:#4d5156}
.gg-otro{margin-top:clamp(14px,2.4vh,22px);display:grid;gap:4px;opacity:.5;filter:saturate(.6)}
.gg-otro .gg-t{font-size:clamp(17px,1.35vw,21px)}
.gg-ic.g2{background:#9fb9a6}.gg-ic.g3{background:#b6a9c9}
.es{color:#e0a020;letter-spacing:.06em}
.w-ia .es{color:#e9c46a}
.mp-mapa{position:relative;flex:1;min-height:clamp(170px,18vw,260px);overflow:hidden;background:#f3f0ea}
.mp-mapa svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.mp-mapa .chin{position:absolute;left:50%;top:58%;width:30px;height:30px;margin:-30px 0 0 -15px;border-radius:50% 50% 50% 0;background:linear-gradient(135deg,#ff6a55,#d4372a);transform:rotate(-45deg);box-shadow:0 10px 14px -6px rgba(0,0,0,.5)}
.mp-mapa .chin i{position:absolute;inset:10px;border-radius:50%;background:#fff}
.mp-tar{position:absolute;left:50%;top:58%;transform:translate(-50%,calc(-100% - 40px));display:grid;gap:1px;white-space:nowrap;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;padding:9px 14px;box-shadow:0 12px 26px -10px rgba(0,0,0,.4)}
.mp-tar::after{content:"";position:absolute;left:50%;bottom:-6px;width:12px;height:12px;margin-left:-6px;background:inherit;transform:rotate(45deg);border-radius:2px}
.mp-tar b{font-size:15px;font-weight:600;line-height:1.1}
.mp-tar small{font-size:12px;color:#5f6368}
.anima .mp-mapa .chin{transform:translateY(-60px) rotate(-45deg);opacity:0;transition:transform .8s .5s cubic-bezier(.3,1.6,.5,1),opacity .3s .5s}
.anima .w-mp.ve .chin{transform:rotate(-45deg);opacity:1}
.anima .mp-tar{opacity:0;transition:opacity .5s 1.2s}
.anima .w-mp.ve .mp-tar{opacity:1}
.mp-ficha{display:grid;gap:6px;padding:clamp(16px,1.6vw,24px) clamp(18px,2vw,30px) clamp(18px,2vw,28px)}
.mp-ficha b{font-size:clamp(22px,1.9vw,30px);font-weight:400;letter-spacing:-.03em;line-height:1}
.mp-s{font-size:15px;color:#4d5156}
.mp-bs{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.mp-bs u{text-decoration:none;font-size:14px;font-weight:500;color:#1a73e8;border:1px solid #dadce0;border-radius:99px;padding:.3em 1em}
.ia-q{display:flex;justify-content:flex-end}
.ia-q span{max-width:80%;background:rgba(244,240,236,.14);border-radius:18px 18px 4px 18px;padding:.7em 1.1em;font-size:clamp(15px,1.2vw,18px);line-height:1.3}
.ia-a{display:flex;gap:12px;margin-top:16px;align-items:flex-start}
.ia-chispa{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:16px;color:#15161c;background:linear-gradient(135deg,#f0dfae,#d9a441 60%,#a8491f)}
.ia-tx{font-size:clamp(17px,1.4vw,22px);font-weight:300;letter-spacing:-.015em;line-height:1.3}
.ia-tx b{font-weight:500;color:#f0dfae}
.ia-f{display:flex;gap:8px;margin:16px 0 0 44px;flex-wrap:wrap}
.ia-f u{text-decoration:none;font-size:13px;padding:.25em .8em;border-radius:99px;border:1px solid rgba(244,240,236,.4)}
.anima .ia-q span,.anima .ia-a,.anima .ia-f{opacity:0;transform:translateY(12px);transition:opacity .6s,transform .8s var(--curva)}
.anima .w-ia.ve .ia-q span{opacity:1;transform:none;transition-delay:.3s}
.anima .w-ia.ve .ia-a{opacity:1;transform:none;transition-delay:1.2s}
.anima .w-ia.ve .ia-f{opacity:1;transform:none;transition-delay:2s}
.w-pz h3{font-size:clamp(24px,2.2vw,36px);letter-spacing:-.045em;line-height:1}
.w-pz ul{list-style:none;display:grid}
.w-pz li{border-top:1px solid rgba(244,240,236,.28);padding:9px 2px;font-size:clamp(16px,1.25vw,20px);font-weight:300;letter-spacing:-.02em;line-height:1.2}
.w-pz .w-enl{align-self:flex-start;margin-top:auto;font-size:clamp(16px,1.25vw,19px)}

/* ---------- cabecera transparente (03/11): sin banda; al bajar, un velo muy suave que se desvanece ---------- */
.cab,.cab.fondo,.cab[data-tema="oscuro"].fondo{background:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.cab::before{content:"";position:absolute;left:0;right:0;top:0;height:140%;z-index:-1;pointer-events:none;opacity:0;transition:opacity .5s;background:rgba(244,240,236,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-mask-image:linear-gradient(180deg,#000 35%,transparent);mask-image:linear-gradient(180deg,#000 35%,transparent)}
.cab[data-tema="oscuro"]::before{background:rgba(13,14,19,.28)}
.cab.fondo::before{opacity:1}
/* ---------- 5 · la oferta ---------- */
.w-of{position:relative;background:var(--papel);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(28px,5vw,90px);align-items:center;padding:clamp(70px,13vh,140px) var(--g) clamp(60px,10vh,110px);min-height:min(100svh,800px)}
.w-of-t h2{font-size:clamp(46px,5.9vw,108px);letter-spacing:-.05em;line-height:.97}
.w-of-t .w-it{font-size:1.08em}
.w-of-p{margin-top:clamp(18px,3.4vh,32px);font-size:clamp(19px,1.5vw,24px);font-weight:400;letter-spacing:-.02em;line-height:1.3;max-width:26em}
.w-of-p.b{margin-top:12px}
.w-of-v{position:relative;padding:0 0 clamp(170px,17.5vw,280px)}
.w-fch{position:relative;background:#fff;border-radius:26px;padding:clamp(18px,2vw,30px);box-shadow:0 30px 60px -40px rgba(13,14,19,.6),inset 0 0 0 1px rgba(13,14,19,.06)}
.w-fch .w-ej{margin-bottom:14px}
.w-fr{display:grid;grid-template-columns:clamp(96px,11vw,170px) minmax(0,1fr);gap:clamp(14px,1.8vw,26px);align-items:start}
.w-fz{position:relative;display:block;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:var(--papel2)}
.w-fz img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .7s}
.anima .w-fch:not(.f3) .w-fz img{opacity:0}
.w-ft{display:grid;gap:clamp(8px,1.2vw,14px);min-width:0}
.w-ft b{font-size:clamp(24px,2.3vw,38px);font-weight:400;letter-spacing:-.035em;line-height:1}
.fl{position:relative;display:flex;align-items:center;min-height:30px;font-size:clamp(16px,1.35vw,21px);font-weight:400;letter-spacing:-.015em}
.fl em{font-style:normal;display:block;transition:opacity .6s,transform .7s var(--curva)}
.fl .w-gr{position:absolute;left:0;top:50%;height:0;width:min(78%,260px);border-top:1px solid rgba(13,14,19,.35);transition:opacity .5s}
.w-fch.f1 .f1 .w-gr,.w-fch.f2 .f2 .w-gr,.w-fch.f3 .f3 .w-gr,.w-fch.f4 .f4 .w-gr,.w-fch.f5 .f5 .w-gr{opacity:0}
.anima .fl em{opacity:0;transform:translateY(6px)}
.anima .w-fch.f1 .f1 em,.anima .w-fch.f2 .f2 em,.anima .w-fch.f3 .f3 em,.anima .w-fch.f4 .f4 em,.anima .w-fch.f5 .f5 em{opacity:1;transform:none}
.fl u{text-decoration:none}
.fl .ok{color:#1f6b3a}
.fl .es{color:#8a6420;letter-spacing:.04em}
.fl em.bs,.fl em.rs{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.fl .bs u,.fl .rs u{font-size:clamp(13px,1.05vw,15px);font-weight:500;border:1px solid rgba(13,14,19,.3);border-radius:99px;padding:.15em .75em;white-space:nowrap}
.fl .rs u{background:var(--tinta);color:var(--papel);border-color:var(--tinta)}
.w-cob{position:absolute;right:clamp(-10px,-1vw,0px);bottom:0;width:clamp(210px,19vw,300px);border-radius:24px;padding:clamp(18px,1.8vw,28px);background:var(--ti);color:var(--papel);display:flex;flex-direction:column;gap:2px;transform:rotate(-3deg);box-shadow:0 30px 60px -30px rgba(13,14,19,.7);overflow:hidden}
.w-cob::before{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;padding:2px;background:conic-gradient(from var(--a,40deg),transparent 0 56%,#f0dfae 66%,#d9a441 73%,#a8491f 79%,#7c43c9 86%,#2f5fd0 93%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.w-cob small{font-size:clamp(15px,1.2vw,18px);font-weight:400}
.w-cob .ant{position:relative;align-self:flex-start;font-family:var(--serif);font-style:italic;font-size:clamp(34px,3vw,48px);line-height:1;padding-right:.1em;opacity:.8}
.w-cob .ant::after{content:"";position:absolute;left:-2%;right:0;top:54%;height:2px;background:#e9c46a;transform-origin:left;transform:scaleX(var(--tacha,0));transition:transform .7s var(--curva)}
.w-cob .ahora{font-family:var(--serif);font-style:italic;font-size:clamp(80px,8.4vw,140px);line-height:.9;letter-spacing:-.04em;padding-right:.06em}
.anima .w-cob{opacity:0;transform:translateY(30px) rotate(-7deg);transition:opacity .35s,transform .6s var(--curva)}
.anima .w-of.on .w-cob.ve{opacity:1;transform:rotate(-3deg)}
.w-of.on .w-cob{--tacha:1}
.anima .w-of:not(.on) .w-cob{--tacha:0}

/* ---------- 6 · precio: tres tarjetas de la misma familia ---------- */
.w-pr{position:relative;z-index:1;overflow-x:clip;background:var(--papel);padding:clamp(40px,8vh,90px) var(--g) clamp(44px,8vh,80px)}
.w-pts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,30px)}
.w-pt{position:relative;overflow:hidden;border-radius:26px;padding:clamp(22px,2.1vw,36px);background:var(--ti);color:var(--papel);display:flex;flex-direction:column;justify-content:space-between;gap:12px;min-height:clamp(380px,60vh,500px);box-shadow:0 30px 60px -36px rgba(13,14,19,.7)}
.w-pt.b{background:var(--br)}
.w-pt.c{background:var(--ar);color:var(--tinta)}
.w-pt::after{content:"";position:absolute;inset:-20% -60%;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.13) 50%,transparent 58%);transform:translateX(var(--b,-70%));pointer-events:none}
.w-pt h2{font-size:clamp(28px,2.7vw,46px);letter-spacing:-.045em;line-height:1}
.w-pc{font-family:var(--serif);font-style:italic;font-size:clamp(96px,8.6vw,150px);line-height:.92;letter-spacing:-.04em;white-space:nowrap;padding-right:.06em}
.w-pc small{font-size:.3em;letter-spacing:-.015em}
.w-li{list-style:none;display:grid;gap:0}
.w-li li{border-top:1px solid rgba(244,240,236,.28);padding:10px 2px;font-size:clamp(17px,1.35vw,22px);font-weight:300;letter-spacing:-.022em;line-height:1.18}
.w-pt.c .w-li li{border-top-color:rgba(13,14,19,.3)}
.w-li li b{font-weight:500}
.anima .w-pt.sube{opacity:1;transform:rotate(-1deg);transition:transform 1.1s var(--curva),opacity .7s}
.anima .w-pt.b.sube{transform:rotate(.9deg)}
.anima .w-pt.c.sube{transform:rotate(-.7deg)}
.anima .w-pt.sube:not(.ve){opacity:0;transform:translate(-5vw,50px) rotate(-6deg)}
.anima .w-pt.b.sube:not(.ve){transform:translate(0,70px) rotate(4deg)}
.anima .w-pt.c.sube:not(.ve){transform:translate(5vw,50px) rotate(6deg)}
@media (hover:hover){.anima .w-pt.sube.ve:hover,.anima .w-pt.b.sube.ve:hover,.anima .w-pt.c.sube.ve:hover{transform:translateY(-6px) rotate(0)}}
.w-pr-al{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px 40px;margin-top:clamp(16px,3vh,28px)}
.w-iva{display:grid;gap:6px;font-size:clamp(18px,1.4vw,22px);font-weight:400;letter-spacing:-.02em;max-width:36em;line-height:1.3}
.w-hechos{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.4vw,40px);margin-top:clamp(26px,5vh,50px)}
.w-hechos li{border-top:1px solid var(--raya);padding-top:16px;font-size:clamp(17px,1.3vw,21px);font-weight:400;letter-spacing:-.015em;line-height:1.3;color:#2e3036;transition:border-color .3s}
.w-hechos li b{display:block;font-size:1.12em;font-weight:500;color:var(--tinta);margin-bottom:4px}
@media (hover:hover){.w-hechos li:hover{border-top-color:var(--tinta)}}

/* ---------- 7 · el cuidado: sin pulsar. Las tarjetas cambian al bajar y al final se ven las tres ---------- */
.w-cu-s{position:relative;background:var(--papel);--gp:clamp(14px,1.8vw,30px)}
.anima .w-cu-s{height:calc(100svh + 300vh)}
.w-cu-pin{padding:clamp(50px,9vh,100px) var(--g) clamp(60px,10vh,120px)}
.anima .w-cu-pin{position:sticky;top:0;height:100svh;overflow:clip;display:flex;flex-direction:column;padding:clamp(76px,12vh,100px) var(--g) clamp(14px,2.4vh,26px)}
.w-cu-pin h2{font-size:clamp(44px,6vw,108px);letter-spacing:-.05em;line-height:1}
.anima .w-cu-pin h2{font-size:clamp(34px,4.4vw,80px);flex:none}
.w-cu-pin h2 .w-it{font-size:1.08em}
.w-cd-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gp);margin-top:clamp(22px,4vh,44px)}
.anima .w-cd-g{display:block;position:relative;flex:1;min-height:0;margin-top:clamp(18px,3.4vh,34px);margin-bottom:6px}
.w-cd{position:relative;overflow:hidden;border-radius:26px;padding:clamp(22px,2.2vw,36px);color:var(--papel);background:var(--ti);display:flex;flex-direction:column;gap:clamp(6px,1vh,12px);box-shadow:0 30px 60px -36px rgba(13,14,19,.7)}
.w-cd.p2{background:var(--br)}
.w-cd.p3{background:var(--ar);color:var(--tinta)}
.w-cd h3{font-size:clamp(24px,2.2vw,38px);letter-spacing:-.045em;line-height:1}
.w-cd-pr{font-family:var(--serif);font-style:italic;font-size:clamp(84px,7.2vw,128px);line-height:.9;letter-spacing:-.04em;white-space:nowrap;padding-right:.06em}
.w-cd-pr small{font-size:.28em;letter-spacing:-.015em}
.w-cd-l{list-style:none;display:grid;margin-top:auto}
.w-cd-l li{display:flex;align-items:center;min-height:clamp(46px,7.4vh,66px);padding:5px 4px;font-size:clamp(16px,1.3vw,21px);font-weight:300;letter-spacing:-.025em;line-height:1.12;border-top:1px solid currentColor}
.w-cd-l li:not(.on){opacity:.32}
.anima .w-cd{position:absolute;top:0;bottom:0;width:calc((100% - 2*var(--gp))/3);left:calc(var(--k)*((100% - 2*var(--gp))/3 + var(--gp)));transform:translate3d(calc((1 - var(--k))*(100% + var(--gp))*(1 - var(--f,1))),var(--y,0px),0) rotate(var(--r,0deg)) scale(var(--s,1))}
.anima .w-cd.fuera{visibility:hidden}
.w-cu-n{margin-top:clamp(14px,2.6vh,28px);font-size:clamp(18px,1.4vw,22px);font-weight:400;letter-spacing:-.02em;max-width:40em;line-height:1.3}
.anima .w-cu-n{flex:none}

/* ---------- web de ejemplo... (ya no hay) · móvil ---------- */
@media (max-width:820px){
  .h-esc{--hg:26.5vw;--mxv:3.5vw}
  .anima .h-pista{height:300vh}
  .anima .h-lin{left:calc(var(--mxv) + 18px);right:calc(var(--mxv) + 14px);bottom:calc(var(--mxv) + 20px);max-width:none;font-size:clamp(30px,9.4vw,52px)}
  .anima .h-caja{width:62vw;height:74vw}
  .w-ks-s{padding:44px var(--g) 20px}
  .w-ks{grid-template-columns:1fr}
  .w-k{min-height:0;gap:8px;padding:20px;border-radius:22px}
  .w-k .cif{font-size:clamp(76px,22vw,108px)}
  .w-k p{font-size:20px}
  .w-mv{padding:30px 12px}
  .w-mv-in{grid-template-columns:1fr;padding:26px 14px 30px;min-height:0;gap:22px}
  .w-dos{grid-template-columns:1fr;justify-items:center;gap:0}
  .w-pant{width:min(300px,100%);height:auto;min-height:0;max-height:none;aspect-ratio:9/16.2;border-radius:28px}
  .w-m-panel .w-pant{padding:30px 14px 12px}
  .w-hilo{width:2px;height:34px;margin:4px 0;background:repeating-linear-gradient(180deg,rgba(13,14,19,.35) 0 6px,transparent 6px 12px)}
  .w-hilo i{left:50%;top:0;margin:-7px 0 0 -7px}
  .w-hilo.va i{animation:w-baja 1s var(--curva)}
  @keyframes w-baja{0%{top:0;opacity:1}85%{opacity:1}100%{top:100%;opacity:0}}
  .mw-cu{padding:0 14px 12px}
  .w-seo{padding:30px 12px}
  .w-seo-in{padding:26px 16px 22px}
  .w-sx{grid-template-columns:1fr}
  .w-gg,.w-mp,.w-ia,.w-pz{grid-column:auto}
  .w-sc{border-radius:22px;padding:18px}
  .w-mp{padding:0}
  .mp-mapa{min-height:150px}
  .ia-f{margin-left:44px}
  .w-of{grid-template-columns:1fr;padding:56px var(--g) 40px;min-height:0}
  .w-of-v{padding-bottom:196px}
  .w-fr{grid-template-columns:96px minmax(0,1fr)}
  .w-cob{right:6px;width:200px}
  .w-pr{padding:40px var(--g) 40px}
  .w-pts{display:block;padding-bottom:40px}
  .w-pt{min-height:0;gap:14px;margin-bottom:14px;border-radius:22px;padding:20px}
  .w-pt:last-child{margin-bottom:0}
  .anima .w-pt{position:sticky;top:84px}
  .anima .w-pt.b{top:96px}
  .anima .w-pt.c{top:108px}
  .w-pc{font-size:clamp(96px,29vw,150px)}
  .w-pt h2{font-size:30px}
  .w-li li{font-size:19px}
  .w-hechos{grid-template-columns:1fr}
  .anima .w-cu-s{height:auto}
  .anima .w-cu-pin{position:static;height:auto;overflow:visible;display:block;padding:40px var(--g) 60px}
  .w-cu-pin h2{font-size:clamp(44px,13vw,70px)}
  .w-cd-g,.anima .w-cd-g{display:block;margin-top:24px;padding-bottom:50px}
  .w-cd,.anima .w-cd{position:relative;width:auto;left:auto;top:auto;bottom:auto;transform:none;padding:20px;border-radius:22px;margin-bottom:14px;gap:10px}
  .anima .w-cd{position:sticky;top:84px}
  .anima .w-cd.p2{top:96px}
  .anima .w-cd.p3{top:108px}
  .anima .w-cd.fuera{visibility:visible}
  .w-cd-pr{font-size:clamp(88px,27vw,130px)}
  .w-cd-l li{font-size:18px;min-height:50px}
}
/* ---------- móvil: el panel y la web en UN teléfono con dos caras (03/11, tras verlo Guillermo en su iPhone) ---------- */
.w-cara,.solo-m{display:none}
@media (max-width:820px){
  .no-m{display:none}
  .solo-m{display:inline}
  .w-mv{padding:20px 12px 28px}
  .w-mv-in{padding:22px 14px 22px;gap:12px;border-radius:26px}
  .w-mv-t h2{font-size:clamp(32px,9.6vw,44px);line-height:1}
  .w-mv-p{margin-top:10px;font-size:17px;line-height:1.28}
  .w-neg{margin-top:12px;gap:6px}
  .w-neg button{min-height:44px;padding:0 16px;font-size:16px}
  .w-reset{display:none}
  .w-cara{display:flex;justify-self:center;gap:0;padding:3px;border-radius:99px;background:rgba(13,14,19,.1)}
  .w-cara button{min-height:44px;padding:0 20px;border-radius:99px;font-size:15px;font-weight:500;transition:background .4s,color .4s}
  .w-cara button[aria-pressed="true"]{background:var(--tinta);color:var(--papel)}
  .w-dos{display:grid;grid-template-columns:1fr;justify-items:center;justify-content:stretch;perspective:1400px;margin-top:-2px}
  .w-hilo{display:none}
  .w-dos .w-mov{grid-area:1/1;transition:transform .9s var(--curva);backface-visibility:hidden;-webkit-backface-visibility:hidden}
  .w-dos .w-m-web{transform:rotateY(180deg)}
  .w-dos.cara-web .w-m-panel{transform:rotateY(-180deg)}
  .w-dos.cara-web .w-m-web{transform:rotateY(0)}
  .w-pant{width:min(252px,68vw);height:clamp(380px,calc(100svh - 430px),430px);aspect-ratio:auto;max-height:none;min-height:0;border-radius:32px}
  .w-m-panel .w-pant{padding:34px 14px 10px}
  .mp-cab b{font-size:22px}
  .mp-lista li{padding:6px 0;font-size:14.5px}
  .mp-lista .pr{font-size:22px}
  .mp-lista .ct button{width:44px;height:44px}
  .mp-comp{min-height:44px}
  .mw-foto{height:38%}
  .mw-lg{font-size:22px}
  .mw-ab{top:30px}
  .mw-cu{padding:10px 14px 12px!important}
  .mw-cu h3{font-size:20px!important}
  .mw-lista li{padding:6px 0!important;font-size:14.5px}
  .mw-bt{padding:.65em;margin-top:8px}
  .w-mov figcaption{font-size:14px}
  /* cabecera del móvil: un velo suave y llano (sin desenfoque ni máscara, que en Safari se veían como un recuadro fantasma) */
  .cab::before{height:120%;background:linear-gradient(180deg,rgba(244,240,236,.92),rgba(244,240,236,.55) 55%,rgba(244,240,236,0));-webkit-backdrop-filter:none;backdrop-filter:none;-webkit-mask-image:none;mask-image:none}
  .cab[data-tema="oscuro"]::before{background:linear-gradient(180deg,rgba(13,14,19,.7),rgba(13,14,19,.35) 55%,rgba(13,14,19,0))}
}
/* la firma de la cabecera era blanca sobre papel: oscura cuando la cabecera está sobre fondo claro */
.cab[data-tema="claro"] .w-logo{filter:brightness(0)}
/* ---------- el final: pie común con su botón de WhatsApp (hilos de luz) ---------- */
.pc-acc{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 18px;margin-top:clamp(18px,3.4vh,32px)}
.pc-bot,.pc-wa{min-height:68px;padding:0 1.7em;font-size:clamp(18px,1.4vw,22px)}
.pc-wa{position:relative;display:inline-flex;flex-direction:row;align-items:center;gap:.7em;border-radius:20px;font-weight:400;letter-spacing:-.02em;color:var(--pc-p);background:rgba(13,14,19,.55)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.pc-wa::after{display:none}
.pc-wa::before{content:"";position:absolute;inset:-1px;border-radius:21px;padding:2.5px;background:conic-gradient(from var(--wg,0deg),rgba(240,223,174,.15) 0,#f0dfae 12%,#d9a441 24%,#a8491f 36%,#7c43c9 52%,#2f5fd0 66%,rgba(240,223,174,.15) 80%,#f0dfae 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:w-giro2 5s linear infinite}
@property --wg{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes w-giro2{to{--wg:360deg}}
.pc-wa-o{display:grid;place-items:center;width:34px;height:34px;transition:transform .5s var(--curva)}
.pc-wa-o svg{width:34px;height:34px;fill:none;stroke:#f0dfae;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.pc-wa-t{font-size:inherit}
.pc-wa:hover{background:rgba(13,14,19,.8)!important}
.pc-wa:hover .pc-wa-o{transform:scale(1.12) rotate(-8deg)}
@media (prefers-reduced-motion:reduce){.pc-wa::before{animation:none}}
@media (max-width:820px){.pc-acc{flex-direction:column}.pc-bot,.pc-wa{min-width:min(78vw,300px);justify-content:center}}
@media (prefers-reduced-motion:reduce){
  .w-k::after,.w-chip,.w-cob,.w-fz img{transition:none}
}
:focus-visible{outline-offset:3px}

/* 09/11/2026, análisis antes de publicar: lo que no entra en cada plan se lee (contraste 4,5) y se tacha, en vez de casi borrarse */
.w-cd-l li:not(.on){opacity:.74;text-decoration:line-through;text-decoration-thickness:1px}

/*arregla-tarjetas*/ @media (max-width:820px){.anima .w-pt,.anima .w-pt.b,.anima .w-pt.c{position:relative;top:auto}}   /* en el movil las tarjetas de precio se apilaban pegajosas y tapaban su lista */

/*precios*/ .pt-h{font-size:clamp(34px,4.6vw,84px);letter-spacing:-.045em;line-height:1;margin-bottom:clamp(20px,4vh,40px);max-width:16em}
.pt-tabla{width:100%;border-collapse:separate;border-spacing:0;font-size:clamp(16px,1.25vw,20px);letter-spacing:-.015em;line-height:1.3}
.pt-tabla thead th{text-align:left;vertical-align:bottom;padding:0 14px 16px 0;font-weight:400}
.pt-tabla thead b{display:block;font-size:clamp(22px,2vw,34px);font-weight:300;letter-spacing:-.04em}
.pt-p{display:inline;font-family:var(--serif);font-style:italic;font-size:clamp(44px,4.6vw,80px);line-height:1;letter-spacing:-.04em;white-space:nowrap}
.pt-tabla thead small{margin-left:6px;font-size:14px;opacity:.7}
.pt-tabla tbody th{text-align:left;font-weight:500;color:var(--tinta);padding:13px 14px 13px 0;border-top:1px solid var(--raya);width:22%}
.pt-tabla td{padding:13px 14px 13px 0;border-top:1px solid var(--raya);color:#2e3036;vertical-align:top}
.pt-tabla td.ok span{display:inline-grid;place-items:center;width:1.6em;height:1.6em;border-radius:50%;background:var(--tinta);color:var(--papel);font-size:.85em}
.pt-tabla tbody tr:last-child th,.pt-tabla tbody tr:last-child td{font-weight:500;color:var(--tinta);border-bottom:1px solid var(--raya)}
.pt-extra{margin-top:clamp(14px,2.4vh,22px);font-size:clamp(17px,1.35vw,22px);letter-spacing:-.02em}
.pt-nota{margin-top:10px;font-size:clamp(16px,1.25vw,20px);letter-spacing:-.015em;line-height:1.35;max-width:40em;color:#2e3036}
.w-hechos{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:820px){
  .pt-tabla,.pt-tabla tbody,.pt-tabla tr{display:block}
  .pt-tabla thead{display:block}
  .pt-tabla thead tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pt-tabla thead td{display:none}
  .pt-tabla thead th{padding:0 0 12px}
  .pt-tabla thead b{font-size:18px}
  .pt-p{display:block;font-size:34px}
  .pt-tabla thead small{margin:0;display:block}
  .pt-tabla tbody tr{border-top:1px solid var(--raya);padding:12px 0}
  .pt-tabla tbody th{display:block;width:auto;border:0;padding:0 0 6px;font-size:15px}
  .pt-tabla tbody td{display:grid;grid-template-columns:92px minmax(0,1fr);gap:8px;border:0;padding:3px 0;font-size:16px}
  .pt-tabla tbody td::before{content:attr(data-t);font-size:13px;opacity:.65;padding-top:2px}
  .pt-tabla tbody tr:last-child th,.pt-tabla tbody tr:last-child td{border-bottom:0}
  .w-hechos{grid-template-columns:1fr}
}
/*web-tarifas*/
:root{--papel:#0D0E13;--tinta:#F4F0EC;--raya:rgba(244,240,236,.14);--ti:#15161d;--ar:#171821;--papel2:#1d1e26}
html,body{background:#0D0E13;color:#F4F0EC}
::selection{background:rgba(142,151,255,.4);color:#fff}
/* lo que era claro sobre oscuro sigue claro */
.w-k,.w-cd,.w-cob,.w-ia,.w-pz{color:#F4F0EC}
.w-k,.w-cd,.w-sc.w-ia,.w-cob{box-shadow:inset 0 0 0 1px rgba(244,240,236,.1),0 30px 60px -36px #000}
.w-k.c-ar,.w-cd.p3{color:#F4F0EC}
.w-cd.p3 .w-cd-l li{border-top-color:rgba(244,240,236,.3)}
.w-cd-l li{border-top-color:rgba(244,240,236,.3)}
/* los bloques de arena pasan a superficie oscura con su luz */
.w-seo-in,.w-mv-in{background:#15161D;box-shadow:inset 0 0 0 1px rgba(244,240,236,.08)}
.w-seo-in::before{background:radial-gradient(circle,rgba(240,223,174,.16),rgba(217,164,65,.06) 45%,transparent 70%)}
.w-mv-in::before{content:"";position:absolute;left:-10%;bottom:-40%;width:60%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(142,151,255,.12),transparent 70%);pointer-events:none}
.w-seo-ch li{border-color:rgba(244,240,236,.45)}
.w-neg button,.w-reset{border-color:rgba(244,240,236,.4)}
.w-neg button:hover,.w-reset:hover{border-color:#F4F0EC}
.w-cara{background:rgba(244,240,236,.1)}
.w-hilo{background:repeating-linear-gradient(90deg,rgba(244,240,236,.4) 0 6px,transparent 6px 12px)}
.w-hechos li{color:rgba(244,240,236,.74)}
.w-hechos li b{color:#F4F0EC}
.w-ej{background:rgba(244,240,236,.12);color:#F4F0EC}
/* las pantallas de ejemplo (móviles y ficha de Google) siguen claras: son lo que vería tu cliente */
.w-pant,.w-fch{--tinta:#0d0e13;--papel:#f4f0ec;--raya:rgba(13,14,19,.14);--papel2:#e9e3da;color:#0d0e13}
.w-fch .w-ej{background:#0d0e13;color:#f4f0ec}
.w-fch{box-shadow:0 30px 60px -40px #000}
/* el título de la portada y la línea de la ventana, sobre oscuro */
.h-caja{box-shadow:0 40px 90px -40px rgba(0,0,0,.9),0 0 0 1px rgba(244,240,236,.08)}
/* el menú del móvil, oscuro y legible */
@media (max-width:820px){.cab nav{background:#15161D;color:#F4F0EC;box-shadow:0 14px 40px rgba(0,0,0,.5),inset 0 0 0 1px rgba(244,240,236,.1)}.cab nav a:not(.empieza){border-bottom-color:rgba(244,240,236,.12)}.cab[data-tema] nav .empieza:hover{background:#F4F0EC;color:#0D0E13;border-color:#F4F0EC}}
.w-k .cif.cif-tx{font-size:clamp(64px,6.6vw,118px)}
@media (max-width:820px){.w-k .cif.cif-tx{font-size:clamp(56px,17vw,76px)}}
/* en el móvil nada por debajo de 15 px fuera de las maquetas (etiquetas «Ejemplo», nombre de la web de la portada, pies) */
@media (max-width:820px){.h-cual,.anima .h-cual{font-size:15px}.w-ej,.w-sc .w-ej{font-size:15px}.ia-f u{font-size:15px}.w-mov figcaption{font-size:15px}}
/* cabecera: banda oscura de verdad al bajar, para que la firma y «Menú» no pisen los títulos (11/11, iPhone de Guillermo) */
.cab::before,.cab[data-tema="oscuro"]::before{height:100%;background:rgba(13,14,19,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);-webkit-mask-image:none;mask-image:none;box-shadow:0 1px 0 rgba(244,240,236,.06)}
@media (max-width:820px){.cab::before,.cab[data-tema="oscuro"]::before{height:100%;background:#0D0E13;-webkit-backdrop-filter:none;backdrop-filter:none}}

.tf-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.3vw,20px);align-items:stretch}
.tf-c{position:relative;isolation:isolate;display:flex;flex-direction:column;border-radius:22px;padding:clamp(22px,2vw,32px) clamp(20px,1.9vw,30px) clamp(20px,1.8vw,26px);background:linear-gradient(180deg,#171821 0,#121319 100%);box-shadow:inset 0 0 0 1px rgba(244,240,236,.1),0 30px 60px -40px #000;overflow:hidden;color:#F4F0EC}
.tf-c::before{content:"";position:absolute;left:14%;right:14%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(244,240,236,.42),transparent);pointer-events:none}
.tf-c::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .5s;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(244,240,236,.065),transparent 60%)}
@media (hover:hover){.tf-c:hover::after{opacity:1}}
.tf-d{background:radial-gradient(120% 55% at 50% -8%,rgba(142,151,255,.17),transparent 62%),linear-gradient(180deg,#191a25 0,#121319 100%);box-shadow:inset 0 0 0 1px rgba(142,151,255,.32),0 40px 80px -40px rgba(80,90,220,.35)}
.tf-d::before{left:8%;right:8%;background:linear-gradient(90deg,transparent,rgba(190,196,255,.9),transparent)}
.tf-n{font-size:clamp(20px,1.5vw,24px);font-weight:500;letter-spacing:-.025em;line-height:1.1}
.tf-p{display:flex;align-items:baseline;gap:.5em;margin-top:clamp(10px,1.6vh,16px)}
.tf-num{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(60px,5vw,84px);line-height:.9;letter-spacing:-.035em;white-space:nowrap}
.tf-iva{font-size:15px;color:rgba(244,240,236,.72)}
.tf-q{margin-top:clamp(12px,1.8vh,18px);font-size:clamp(16px,1.1vw,18px);font-weight:400;line-height:1.35;letter-spacing:-.01em;color:rgba(244,240,236,.78);max-width:24em;min-height:2.7em}
.tf-l{margin:clamp(16px,2.6vh,24px) 0 clamp(18px,2.8vh,26px);border-top:1px solid rgba(244,240,236,.1)}
.tf-l div{display:grid;grid-template-columns:minmax(0,8.4em) minmax(0,1fr);gap:12px;padding:11px 0;border-bottom:1px solid rgba(244,240,236,.1);align-items:baseline}
.tf-l dt{font-size:15px;font-weight:400;color:rgba(244,240,236,.66)}
.tf-l dd{margin:0;font-size:16px;font-weight:500;letter-spacing:-.01em;line-height:1.3;color:#F4F0EC}
.tf-b{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:.5em;min-height:48px;padding:0 1.2em;border-radius:99px;font-size:16px;font-weight:500;letter-spacing:-.01em;color:#F4F0EC;box-shadow:inset 0 0 0 1px rgba(244,240,236,.3);transition:background .35s,color .35s,box-shadow .35s}
.tf-b span{transition:transform .45s cubic-bezier(.19,1,.22,1)}
.tf-b:hover{background:#F4F0EC;color:#0D0E13;box-shadow:none}.tf-b:hover span{transform:translateX(3px)}
.tf-d .tf-b{background:#F4F0EC;color:#0D0E13;box-shadow:none}.tf-d .tf-b:hover{background:#fff}
.tf-b:focus-visible{outline:2px solid #8E97FF;outline-offset:3px}
.tf-com{margin-top:clamp(14px,2.4vh,22px);border-radius:22px;padding:clamp(18px,1.8vw,26px) clamp(20px,1.9vw,30px);background:rgba(244,240,236,.035);box-shadow:inset 0 0 0 1px rgba(244,240,236,.1)}
.tf-com-t{font-size:15px;font-weight:500;letter-spacing:.01em;color:rgba(244,240,236,.72);margin-bottom:10px}
.tf-com ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px clamp(14px,1.6vw,26px)}
.tf-com li{position:relative;padding-left:16px;font-size:16px;font-weight:400;line-height:1.35;color:rgba(244,240,236,.78)}
.tf-com li::before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:#8E97FF;box-shadow:0 0 10px 1px rgba(142,151,255,.6)}
.tf-com li b{font-weight:500;color:#F4F0EC}
.pt-extra{margin-top:clamp(16px,2.6vh,24px);font-size:clamp(16px,1.25vw,19px);font-weight:400;color:rgba(244,240,236,.82)}
.pt-extra b{font-weight:500;color:#F4F0EC}
.pt-nota{margin-top:8px;font-size:clamp(15px,1.1vw,17px);font-weight:400;line-height:1.4;max-width:46em;color:rgba(244,240,236,.7)}
.anima .tf-c.sube{transition-delay:calc(var(--i)*.1s)}
@media (max-width:1100px) and (min-width:821px){.tf-com ul{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:820px){
  .tf-g{grid-template-columns:1fr;gap:14px}
  .tf-c{padding:22px 20px 20px;border-radius:20px}
  .tf-num{font-size:60px}
  .tf-q{min-height:0}
  .tf-l div{grid-template-columns:minmax(0,7.8em) minmax(0,1fr)}
  .tf-com ul{grid-template-columns:1fr;gap:8px}
  .tf-com{padding:20px}
}
@media (prefers-reduced-motion:reduce){.tf-c::after,.tf-b,.tf-b span{transition:none}}
/*/web-tarifas*/