/* ═════════════════════════════════════════════════════════════════════
   Capa WordPress: adapta site.css (portado literal de la web v2) al marcado
   de bloques de Gutenberg. Todo lo visual vive en site.css; aquí solo hay
   resets de WordPress, idioma, botones de bloque, íconos y equivalencias
   (p.ej. <span class="kicker"> del v2 → <p class="kicker"> de bloque).
   ═════════════════════════════════════════════════════════════════════ */

/* ── idioma: bloques en par .en / .es ── */
html:not(.lang-es) .es,html.lang-es .en{display:none!important}

/* ── resets de bloques ── */
.wp-site-blocks{padding:0}
.wp-site-blocks>*,.wp-block-post-content>*,.wp-block-group>*{margin-block-start:0}
.wp-block-post-content,.wp-block-group{box-sizing:border-box}
.wp-block-image{margin:0}
.wp-block-image img{box-sizing:border-box}
.kicker,.lede,.big-words,.price,.ico,.tag,.n,.st,.towns,.pt,.num,.dot,.k-small,.pf-note,.wordmark,.area-note,.tiers-h,.how-line{margin:0}
.sec-head .lede{margin:0}
main#main{display:block}

/* ── botones de bloque con la flecha del v2 ── */
.wp-block-buttons{display:flex;flex-wrap:wrap;gap:12px}
.pe-btn .wp-block-button__link.wp-element-button{display:inline-flex;align-items:center;gap:14px;padding:8px 8px 8px 24px;border-radius:999px;background:var(--gold);color:var(--night);font:600 15px/1.2 var(--sans);text-decoration:none;border:0;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.pe-btn .wp-block-button__link::after{content:"";flex:none;width:40px;height:40px;border-radius:50%;background:var(--night)}
.pe-btn .wp-block-button__link{position:relative}
.pe-btn .wp-block-button__link::before{content:"";position:absolute;right:19px;top:50%;width:18px;height:18px;margin-top:-9px;background:var(--gold);-webkit-mask:var(--ico-arrow) center/contain no-repeat;mask:var(--ico-arrow) center/contain no-repeat;z-index:1;transition:transform .5s var(--ease)}
.pe-btn .wp-block-button__link:hover{transform:translateY(-2px);box-shadow:0 18px 40px -16px rgba(201,169,97,.6)}
.pe-btn .wp-block-button__link:hover::before{transform:rotate(-45deg)}
.pe-btn.ghost .wp-block-button__link.wp-element-button{background:rgba(255,255,255,.06);color:var(--bone);border:1px solid var(--hair-d);backdrop-filter:blur(10px)}
.pe-btn.ghost .wp-block-button__link::after{background:rgba(255,255,255,.1)}
.pe-btn.ghost .wp-block-button__link::before{background:var(--bone);-webkit-mask-image:var(--ico-phone);mask-image:var(--ico-phone)}
.hero-ctas{margin-top:30px}

/* ── hero ── */
.hero h1{opacity:0;animation:fade 1.2s var(--ease) .1s forwards}
.hero-copy{min-width:0}
.hero-points{display:flex;flex-wrap:wrap;gap:8px 18px;margin:30px 0 0}
.hero-points .pt{display:flex;align-items:center;gap:8px;font-size:14px;color:rgba(247,244,236,.78)}
.hero-points .pt::before{--isz:18px;color:var(--gold);background:var(--gold)}
.pf.wp-block-image{position:absolute;margin:0}
.pf.wp-block-image img{object-fit:cover;border-radius:15px;max-width:none}
.pf-note .stars{margin-right:8px}
@media(max-width:900px){.pf.wp-block-image{position:relative}}

/* ── manifiesto / verdades ── */
.manifesto::before,.book::before{content:"";position:absolute;pointer-events:none;width:min(720px,90vw);aspect-ratio:1;background:currentColor;-webkit-mask:var(--ico-crest) center/contain no-repeat;mask:var(--ico-crest) center/contain no-repeat;opacity:.05}
.manifesto::before{right:-120px;top:40px;color:var(--navy)}
.book::before{left:-140px;bottom:-120px;color:var(--gold);opacity:.06}
.truth .num{display:block;font:300 clamp(64px,7vw,100px)/.9 var(--serif);color:var(--navy);letter-spacing:-.04em}

/* ── servicios ── */
.svc .ico{--isz:28px}
.svc .ico::before{background:currentColor}
.svc.feature>.price,.svc.feature>.ico{position:absolute;z-index:2}
.svc.feature>.wp-block-buttons{position:relative;z-index:2;margin-top:24px;align-self:flex-start}
.svc.feature>.tag{position:relative;z-index:2;margin-top:18px}
.addons{grid-column:span 12;min-height:0}
.addons-head h3{padding:0!important;margin:0 0 4px!important;font-size:30px}
.addons-head p{margin:0}
.svc.addons .ico{position:static}

/* ── capítulo dental ── */
.dental::before{content:"smile";position:absolute;top:60px;left:-2vw;font:italic 300 clamp(140px,26vw,420px)/.8 var(--serif);color:rgba(255,255,255,.025);white-space:nowrap;pointer-events:none}
.step .n{font:500 13px var(--mono);letter-spacing:.2em;color:var(--gold)}

/* ── van ── */
.wp-block-image.van-hero{position:relative;border-radius:36px;overflow:hidden;aspect-ratio:16/8;min-height:340px;margin:0}
.wp-block-image.van-hero img{width:100%;height:118%;max-width:none;object-fit:cover;transform:translateY(var(--py,0))}
.van-hero figcaption.wp-element-caption{position:absolute;left:24px;bottom:24px;right:24px;margin:0;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.van-hero figcaption span{font:500 12px var(--mono);letter-spacing:.16em;text-transform:uppercase;padding:9px 14px;border-radius:999px;background:rgba(11,10,36,.65);backdrop-filter:blur(10px);color:var(--bone)}
.feat .ico{--isz:28px;color:var(--gold)}
.feat h4{margin:14px 0 4px}
.cats .pics .wp-block-image{margin:0;height:100%}
.cats .pics .wp-block-image img{width:100%;height:100%;object-fit:cover}
.cats .kicker{color:var(--gold-deep)}
.cats .txt h3{margin:16px 0}
.quote small{font:500 11px var(--mono);letter-spacing:.12em;display:block;margin-top:8px;color:var(--ink-soft)}
@media(max-width:860px){.wp-block-image.van-hero{aspect-ratio:auto;height:clamp(240px,58vw,420px);min-height:0}.wp-block-image.van-hero img{height:100%;transform:none}.van-hero figcaption span{font-size:10px;padding:7px 10px}.van-hero figcaption span:first-child{display:none}}

/* ── muro / cómo va / zonas ── */
.wall-head .h-l{margin-top:16px}
.dot{--isz:30px}
.how-step .k-small{font:500 12px var(--mono);letter-spacing:.2em;color:var(--gold-deep)}
.how-step h3{margin:10px 0}
.zone:not(.ct)::after{content:"";position:absolute;right:-50px;bottom:-50px;width:220px;aspect-ratio:1;background:var(--gold);opacity:.12;-webkit-mask:var(--ico-crest) center/contain no-repeat;mask:var(--ico-crest) center/contain no-repeat;animation:spin 60s linear infinite}
.towns{display:flex;flex-wrap:wrap;gap:8px}

/* ── reseñas / reserva ── */
.book-side .h-l{margin:18px 0 22px}
.ba-wrap .rail-ctl{margin:-50px 0 26px;justify-content:flex-end}

/* ── preguntas ── */
.faq-list .wp-block-details{border-bottom:1px solid var(--hair-l)}
.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font:400 clamp(20px,2vw,25px)/1.25 var(--serif)}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";flex:none;width:36px;height:36px;border-radius:50%;border:1px solid var(--hair-l);display:grid;place-items:center;font:300 22px/1 var(--sans);transition:.4s var(--ease)}
.faq-list details[open] summary::after{content:"–";background:var(--navy);color:var(--gold);border-color:var(--navy)}
.faq-list details p{margin:0 0 24px;color:var(--ink-soft);max-width:62ch}
.faq .h-l{margin-top:18px}

/* ── pie ── */
.ft-logo img{width:110px;border-radius:24px;margin-bottom:22px}
.ft-grid p{margin:0 0 8px}
.ft-grid p a{display:inline;margin:0}
.credit .fine{margin:0}
.credit p{margin:0}

/* ── movimiento reducido: todo lo que arranca oculto ── */
@media(prefers-reduced-motion:reduce){.hero h1{opacity:1;animation:none}.zone:not(.ct)::after{animation:none}}