/* Tierra de Akna · vC CONSULTA · clara y orientada a reservar
   Paleta fija: crema #F5EDD8 · chocolate #3D2B1F · ámbar #C8952A · derivado hueso #FFFCF5 */

@font-face{font-family:"Bricolage Grotesque";src:url(fonts/bricolage-grotesque-v9-latin-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Bricolage Grotesque";src:url(fonts/bricolage-grotesque-v9-latin-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Bricolage Grotesque";src:url(fonts/bricolage-grotesque-v9-latin-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Bricolage Grotesque";src:url(fonts/bricolage-grotesque-v9-latin-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Atkinson Hyperlegible";src:url(fonts/atkinson-hyperlegible-v12-latin-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Atkinson Hyperlegible";src:url(fonts/atkinson-hyperlegible-v12-latin-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Atkinson Hyperlegible";src:url(fonts/atkinson-hyperlegible-v12-latin-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}

:root{
  --crema:#F5EDD8; --hueso:#FFFCF5; --tierra:#E4D5B5; --choc:#3D2B1F; --cacao:#6B4E3A; --ambar:#C8952A; --ambar-oscuro:#7A5510;
  --display:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif; --body:"Atkinson Hyperlegible","Segoe UI",system-ui,sans-serif;
  --wrap:1200px; --gutter:clamp(16px,4vw,40px);
  --r:12px; --shadow:0 10px 30px -18px rgba(61,43,31,.45), 0 1px 2px rgba(61,43,31,.08); --shadow-hover:0 18px 36px -18px rgba(61,43,31,.5);
  --s1:8px; --s2:16px; --s3:24px; --s4:40px; --s5:64px; --s6:96px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
body{margin:0;background:var(--crema);color:var(--choc);font-family:var(--body);font-size:1.0625rem;line-height:1.6;padding-bottom:0}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration-color:var(--ambar);text-underline-offset:.2em}
:focus-visible{outline:3px solid var(--ambar-oscuro);outline-offset:2px;border-radius:4px}
::selection{background:var(--ambar);color:var(--choc)}
h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.1;margin:0 0 var(--s2);text-wrap:balance;letter-spacing:-.015em}
h1{font-size:clamp(2.1rem,4.8vw,3.6rem)}
h2{font-size:clamp(1.6rem,3vw,2.3rem)}
h3{font-size:1.35rem;margin-bottom:6px}
p{margin:0 0 var(--s2)}
.lead{font-size:1.2rem;line-height:1.5}
small{font-size:.85rem;color:var(--cacao)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;background:var(--choc);color:var(--crema);padding:8px 12px;z-index:100;border-radius:var(--r)}
.skip:focus{left:8px}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}
.ic{width:1em;height:1em;vertical-align:-.15em}
.pending,.coming{color:var(--cacao)}
.pending-note{color:var(--cacao);font-size:.95rem}
.section-intro{color:var(--cacao);max-width:60ch;font-size:1.1rem}

/* Botones: un sistema, radio 12 */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45em;font-family:var(--display);font-weight:600;font-size:1rem;background:var(--choc);color:var(--crema);padding:.8em 1.35em;border-radius:var(--r);text-decoration:none;border:2px solid var(--choc);cursor:pointer;line-height:1.2;transition:background .15s,transform .15s,box-shadow .15s}
.btn:hover{background:var(--cacao);border-color:var(--cacao);box-shadow:var(--shadow)}
.btn:active{transform:translateY(1px)}
.btn-ambar{background:var(--ambar);border-color:var(--ambar);color:var(--choc)}
.btn-ambar:hover{background:#D9A63A;border-color:#D9A63A}
.btn-secondary{background:var(--hueso);color:var(--choc);border-color:var(--choc)}
.btn-secondary:hover{background:var(--choc);color:var(--crema)}
.btn-small{padding:.55em 1em;font-size:.95rem}
.btn-big{font-size:1.1rem;padding:.9em 1.5em}
.btn-block{width:100%}
.link{font-family:var(--display);font-weight:600;text-decoration:none;border-bottom:2px solid var(--ambar);padding-bottom:1px}
.link:hover{border-bottom-color:var(--choc)}
.svc-cta,.card-cta{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s3);align-items:center;margin-top:var(--s3)}
.cta-note{color:var(--cacao);font-size:.95rem}

/* Barra superior y cabecera */
.topbar{margin:0;background:var(--choc);color:var(--crema);text-align:center;font-size:.9rem;padding:7px var(--s2);font-weight:700}
.topbar .ic{color:var(--ambar)}
.top{position:sticky;top:0;z-index:30;background:var(--hueso);border-bottom:1px solid var(--tierra);box-shadow:0 1px 0 rgba(61,43,31,.04)}
.top-row{display:flex;align-items:center;justify-content:space-between;min-height:66px;gap:var(--s3)}
.brand{font-family:var(--display);font-weight:700;font-size:1.3rem;text-decoration:none;letter-spacing:-.01em}
.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:var(--s3);align-items:center;font-family:var(--display);font-weight:500;font-size:.98rem}
.nav a{text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}
.nav a:hover{border-bottom-color:var(--ambar)}
.nav a[aria-current="page"]{border-bottom-color:var(--choc)}
.nav .btn{border-bottom:2px solid var(--ambar)}
.nav .btn[aria-current="page"]{background:var(--choc);border-color:var(--choc);color:var(--crema)}
.nav-toggle{display:none;background:none;border:2px solid var(--choc);border-radius:var(--r);color:var(--choc);font:inherit;font-family:var(--display);font-weight:600;padding:6px 12px;cursor:pointer;align-items:center;gap:6px}
@media (max-width:900px){
  .nav-toggle{display:inline-flex}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--hueso);border-bottom:1px solid var(--tierra);box-shadow:var(--shadow)}
  .nav.is-open{display:block}
  .nav ul{flex-direction:column;align-items:stretch;gap:0;padding:var(--s2) var(--gutter)}
  .nav li{border-top:1px solid var(--tierra)}
  .nav a{display:block;padding:12px 0}
  .nav .btn{margin-top:var(--s2)}
}

/* Hero: texto + tarjeta de foto */
.hero{display:grid;grid-template-columns:7fr 5fr;gap:var(--s5);align-items:center;padding-block:var(--s5)}
h1 .l2{display:block;color:var(--ambar-oscuro)}
.hero-geo{font-family:var(--display);font-weight:600;color:var(--cacao);margin-top:calc(var(--s1) * -1)}
.hero-cta{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s3)}
.trust{list-style:none;margin:var(--s4) 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px var(--s3);font-weight:700;font-size:.98rem}
.trust li{display:flex;align-items:center;gap:8px}
.trust .ic{color:var(--ambar-oscuro);width:1.2em;height:1.2em;flex:none}
.hero-card{margin:0;background:var(--hueso);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--tierra)}
.hero-card img{width:100%;aspect-ratio:1;object-fit:cover}
.hero-card figcaption{padding:var(--s2) var(--s3);font-family:var(--display);font-weight:600;display:flex;justify-content:space-between;gap:var(--s2);flex-wrap:wrap}
.hero-card figcaption span{color:var(--cacao);font-family:var(--body);font-weight:400}
@media (max-width:900px){.hero{grid-template-columns:1fr;gap:var(--s3);padding-top:var(--s4)}.hero-card{max-width:420px}.trust{grid-template-columns:1fr}}

/* ELEMENTO FIRMA 1: enrutador por chips */
.router{padding-block:var(--s4) var(--s5);border-top:1px solid var(--tierra)}
.chips{list-style:none;margin:var(--s3) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.chip{font:inherit;font-size:.98rem;background:var(--hueso);border:1.5px solid var(--tierra);color:var(--choc);border-radius:999px;padding:11px 16px;min-height:44px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:border-color .15s,background .15s,transform .15s}
.chip:hover{border-color:var(--choc);transform:translateY(-1px)}
.chip[aria-pressed="true"]{background:var(--choc);color:var(--crema);border-color:var(--choc)}
.chip-answer{font-family:var(--display);font-weight:600;color:var(--ambar-oscuro);display:inline-flex;align-items:center;gap:4px}
.chip[aria-pressed="true"] .chip-answer{color:var(--ambar)}

/* ELEMENTO FIRMA 2: cards con banda de ficha */
.familia{padding-block:var(--s4) var(--s5);border-top:1px solid var(--tierra)}
.familia-head{margin-bottom:var(--s3)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3)}
.cards:has(> :nth-child(2):last-child){grid-template-columns:1fr 1fr}
.card{background:var(--hueso);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--tierra);display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}
.card.is-star{border:2px solid var(--ambar)}
.card.is-hit{outline:3px solid var(--ambar-oscuro);outline-offset:3px}
.card-media{display:block}
.card-media img{width:100%;aspect-ratio:4/3;object-fit:cover}
.card-body{padding:0 var(--s3) var(--s3);display:flex;flex-direction:column;flex:1}
.card-body h3 a{text-decoration:none}
.card-body h3 a:hover{color:var(--ambar-oscuro)}
.card-tag{color:var(--ambar-oscuro);font-weight:700;margin-top:-2px}
.card-summary{color:var(--cacao)}
.card-date{font-weight:700;font-size:.95rem}
.card-date .ic{color:var(--ambar-oscuro)}
.card-cta{margin-top:auto;padding-top:var(--s2)}
.card-wide{grid-column:span 2;display:grid;grid-template-columns:5fr 7fr}
.card-wide .card-media img{height:100%;aspect-ratio:auto;min-height:320px}
.card-wide .card-body{padding-top:0}
.band{background:var(--choc);color:var(--crema);display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px var(--s3);margin:0 calc(var(--s3) * -1) var(--s2);font-family:var(--display);font-weight:500;font-size:.95rem}
.band .ic{color:var(--ambar)}
.band-price{font-weight:700;font-size:1.25rem;color:var(--ambar);letter-spacing:-.01em}
.band-sep{width:1px;height:1.1em;background:rgba(245,237,216,.35)}
.band-page{margin:var(--s2) 0 0;border-radius:var(--r);display:inline-flex;padding:12px var(--s3)}
.star-badge{font-family:var(--display);font-weight:700;letter-spacing:.03em;text-transform:uppercase;font-size:.78rem;color:var(--ambar-oscuro);margin-bottom:4px}
.star-badge .ic,.star-inline .ic{fill:var(--ambar);stroke:var(--ambar-oscuro)}
.star-inline{font-family:var(--display);font-size:.78rem;font-weight:700;color:var(--ambar-oscuro);text-transform:uppercase;letter-spacing:.03em}
.notfor{background:var(--crema);border-radius:var(--r);padding:var(--s2);margin:var(--s1) 0 var(--s2);border:1px solid var(--tierra);font-style:italic;font-size:.97rem}
.notfor p{margin:0}
.notfor-big{font-size:1.1rem;padding:var(--s3);margin:var(--s3) 0}
@media (max-width:1000px){.cards{grid-template-columns:1fr 1fr}.card-wide{grid-column:span 2;grid-template-columns:1fr}.card-wide .card-media img{aspect-ratio:16/9;min-height:0}}
@media (max-width:640px){.cards{grid-template-columns:1fr}.card-wide{grid-column:auto}}

/* Sobre mí, voces, FAQ, aviso */
.sobre{padding-block:var(--s4) var(--s5);border-top:1px solid var(--tierra)}
.sobre-card{display:grid;grid-template-columns:4fr 8fr;gap:var(--s4);background:var(--hueso);border-radius:var(--r);overflow:hidden;border:1px solid var(--tierra);box-shadow:var(--shadow)}
.sobre-card img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/5}
.sobre-card>div{padding:var(--s4) var(--s4) var(--s4) 0}
@media (max-width:900px){.sobre-card{grid-template-columns:1fr}.sobre-card img{aspect-ratio:16/10}.sobre-card>div{padding:0 var(--s3) var(--s3)}}
.voces{padding-block:var(--s4) var(--s5);border-top:1px solid var(--tierra)}
.voces-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3)}
.voz{background:var(--hueso);border-radius:var(--r);padding:var(--s3);border:1px solid var(--tierra)}
.voz blockquote{margin:0;font-family:var(--display);font-weight:500;font-size:1.15rem}
.voz blockquote p::before{content:"\201C";color:var(--ambar);margin-right:2px}
.voz-who{color:var(--cacao);margin:var(--s2) 0 0}
.voz-who small{display:block}
@media (max-width:760px){.voces-list{grid-template-columns:1fr}}
.faq{padding-block:var(--s4) var(--s5);border-top:1px solid var(--tierra)}
.faq-list{max-width:760px}
.faq details{background:var(--hueso);border:1px solid var(--tierra);border-radius:var(--r);margin-bottom:10px;padding:0 var(--s3)}
.faq summary{cursor:pointer;font-family:var(--display);font-weight:600;font-size:1.1rem;padding:var(--s2) 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:var(--s2)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:1.4rem;color:var(--ambar-oscuro);line-height:1}
.faq details[open] summary::after{content:"\2212"}
.faq details p{margin:0 0 var(--s2);color:var(--cacao)}
.aviso{padding-block:var(--s4) var(--s5);border-top:1px solid var(--tierra)}
.aviso-card{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4);background:var(--choc);color:var(--crema);border-radius:var(--r);padding:var(--s4)}
.aviso-card h2{color:var(--crema)}
.aviso-form{display:grid;grid-template-columns:1fr auto;gap:var(--s2);align-items:start}
.aviso-form .form-legal,.aviso-form .form-state{grid-column:1/-1;font-size:.9rem;color:var(--tierra);margin:0}
input,select,textarea{font:inherit;color:var(--choc);background:var(--hueso);border:1.5px solid var(--cacao);padding:.75em 1em;width:100%;border-radius:var(--r)}
input::placeholder,textarea::placeholder{color:var(--cacao);opacity:1}
input:focus,select:focus,textarea:focus{outline:3px solid var(--ambar-oscuro);outline-offset:1px;border-color:var(--choc)}
.is-invalid{border-color:#8B2E1F;background:#FBEFE9}
@media (max-width:760px){.aviso-card{grid-template-columns:1fr;padding:var(--s3)}.aviso-form{grid-template-columns:1fr}}

/* Barra fija en móvil */
.sticky-bar{display:none}
@media (max-width:900px){
  body{padding-bottom:84px}
  .sticky-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--hueso);border-top:1px solid var(--tierra);box-shadow:0 -8px 24px -12px rgba(61,43,31,.4);padding:10px var(--s2) calc(10px + env(safe-area-inset-bottom));align-items:center;justify-content:space-between;gap:var(--s2)}
  .sticky-info{display:flex;flex-direction:column;line-height:1.25;font-size:.95rem}
  .sticky-info small{font-size:.8rem}
  .sticky-bar .btn{white-space:nowrap}
}

/* Pie */
.foot{background:var(--hueso);border-top:1px solid var(--tierra);margin-top:var(--s4);padding-block:var(--s5) var(--s3)}
.foot-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--s4)}
.foot ul{list-style:none;margin:0;padding:0}
.foot li{margin-bottom:8px}
.foot a{text-decoration:none;border-bottom:1px solid var(--tierra)}
.foot a:hover{border-bottom-color:var(--ambar)}
.foot-h{font-family:var(--display);font-weight:700;margin-bottom:var(--s2);color:var(--ambar-oscuro)}
.brand-foot{font-family:var(--display);font-weight:700;font-size:1.3rem;margin-bottom:var(--s1)}
.foot-contact .ic{color:var(--ambar-oscuro)}
.foot-legal{display:flex;justify-content:space-between;gap:var(--s3);flex-wrap:wrap;border-top:1px solid var(--tierra);margin-top:var(--s4);padding-top:var(--s2);color:var(--cacao);font-size:.9rem}
.foot-legal ul{display:flex;gap:var(--s3)}
@media (max-width:760px){.foot-grid{grid-template-columns:1fr;gap:var(--s3)}}

/* Páginas interiores */
.page-head{padding-block:var(--s4) var(--s4)}
.page-head h1{max-width:22ch}
.page-head .lead{max-width:62ch}
.page-kicker{font-family:var(--display);font-weight:600;font-size:.9rem;color:var(--cacao);margin-bottom:var(--s2)}
.page-kicker a{text-decoration:none;border-bottom:2px solid var(--ambar)}
.prose{max-width:66ch}
.prose h2{margin-top:var(--s4)}
.ficha{display:grid;grid-template-columns:8fr 4fr;gap:var(--s4);align-items:start;padding-bottom:var(--s5)}
.ficha-side{position:sticky;top:84px}
.ficha-photo{margin:0 0 var(--s3);border-radius:var(--r);overflow:hidden;max-width:520px}
.ficha-photo img{aspect-ratio:4/3;object-fit:cover;width:100%}
.side-card{background:var(--hueso);border:2px solid var(--ambar);border-radius:var(--r);padding:var(--s3);box-shadow:var(--shadow)}
.side-title{font-family:var(--display);font-weight:700;font-size:1.15rem;margin-bottom:4px}
.side-price{font-family:var(--display);font-weight:700;font-size:2.2rem;letter-spacing:-.02em;margin:0;line-height:1.1}
.side-price small{font-family:var(--body);font-weight:400;font-size:.95rem;color:var(--cacao);display:block}
.side-price-alt{font-size:1.4rem;margin-top:6px}
.side-note{color:var(--cacao);font-size:.9rem;margin:var(--s1) 0 0}
.datos{margin:var(--s3) 0}
.datos div{display:grid;grid-template-columns:110px 1fr;gap:var(--s2);padding:8px 0;border-top:1px solid var(--tierra);font-size:.98rem}
.datos dt{color:var(--cacao);font-weight:700}
.datos dt .ic{color:var(--ambar-oscuro)}
.datos dd{margin:0}
.temas{list-style:none;padding:0;margin:0 0 var(--s3);display:grid;grid-template-columns:1fr 1fr;gap:8px var(--s3)}
.temas li{padding:4px 0;font-weight:700}
.temas .ic{color:var(--ambar-oscuro)}
.formats{margin:var(--s2) 0}
.format{display:grid;grid-template-columns:200px 1fr auto;gap:var(--s2);padding:var(--s2) var(--s3);border-radius:var(--r);background:var(--hueso);border:1px solid var(--tierra);margin-bottom:8px;align-items:center}
.format-name{font-family:var(--display);font-weight:600}
.format-detail{color:var(--cacao)}
.format-price{font-family:var(--display);font-weight:700;font-size:1.4rem;white-space:nowrap}
.cross{padding-block:var(--s4) var(--s5);border-top:1px solid var(--tierra)}
.cross-list{list-style:none;margin:0;padding:0}
.cross-list li{padding:var(--s2) 0;border-top:1px solid var(--tierra);display:flex;gap:var(--s2);flex-wrap:wrap;align-items:baseline}
.cross-list a{font-family:var(--display);font-weight:600}
.cross-list span{color:var(--cacao)}
@media (max-width:900px){.ficha{grid-template-columns:1fr;gap:var(--s3)}.ficha-side{position:static}.temas{grid-template-columns:1fr}.format{grid-template-columns:1fr;gap:4px}}

/* Familia (plantilla compartida): fichas como cards horizontales */
.svc-list{padding-bottom:var(--s5);display:grid;gap:var(--s3)}
.svc-item{display:grid;grid-template-columns:4fr 8fr;background:var(--hueso);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--tierra)}
.svc-item.is-star{border:2px solid var(--ambar)}
.svc-media img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/5}
.svc-body{padding:var(--s3) var(--s4) var(--s4) var(--s3)}
.svc-tag{color:var(--ambar-oscuro);font-weight:700;margin-top:-4px}
.meta{list-style:none;margin:0 calc(var(--s3) * -1) var(--s3) calc(var(--s3) * -1);padding:10px var(--s3);display:flex;flex-wrap:wrap;gap:8px 16px;background:var(--choc);color:var(--crema);font-family:var(--display);font-weight:500;font-size:.95rem}
.meta .ic{color:var(--ambar)}
.prep{font-size:.98rem}
@media (max-width:900px){.svc-item{grid-template-columns:1fr}.svc-media img{aspect-ratio:16/9}.svc-body{padding:0 var(--s3) var(--s3)}}

/* Sobre mí */
.about-grid{display:grid;grid-template-columns:5fr 7fr;gap:var(--s4);align-items:start;padding-bottom:var(--s5)}
.about-media{display:grid;gap:var(--s2);position:sticky;top:84px}
.about-media img{width:100%;border-radius:var(--r);object-fit:cover;aspect-ratio:4/5;box-shadow:var(--shadow)}
.about-media img+img{aspect-ratio:1;max-width:55%;justify-self:end;margin-top:-12%;border:4px solid var(--crema)}
.quote-big{margin:var(--s4) 0;padding:var(--s3);background:var(--hueso);border-radius:var(--r);border:1px solid var(--tierra);font-family:var(--display);font-weight:500;font-size:1.4rem;line-height:1.3;border-left:4px solid var(--ambar)}
.quote-big p{margin:0}
.timeline{padding-block:var(--s4) var(--s5);border-top:1px solid var(--tierra)}
.tl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:var(--s2)}
.tl li{background:var(--hueso);border-radius:var(--r);padding:var(--s2);border:1px solid var(--tierra)}
.tl-year{display:block;font-family:var(--display);font-weight:700;color:var(--ambar-oscuro);font-size:1.2rem;margin-bottom:6px}
@media (max-width:900px){.about-grid{grid-template-columns:1fr}.about-media{position:static;grid-template-columns:1fr 1fr}.about-media img+img{max-width:100%;margin:0;border:0}.tl{grid-template-columns:1fr}}

/* Contacto */
.contact-grid{display:grid;grid-template-columns:7fr 5fr;gap:var(--s4);align-items:start;padding-bottom:var(--s5)}
.form{display:grid;gap:var(--s3);background:var(--hueso);padding:clamp(20px,3vw,36px);border-radius:var(--r);border:1px solid var(--tierra);box-shadow:var(--shadow)}
.field label{display:block;font-family:var(--display);font-weight:600;margin-bottom:6px}
.field-check{display:flex;gap:10px;align-items:flex-start}
.field-check input{width:auto;margin-top:6px}
.field-check label{margin:0;font-family:var(--body);font-weight:400}
.form-help,.form-error{color:var(--cacao);font-size:.95rem;margin:0}
.form-error{color:#8B2E1F}
.form-actions{display:flex;gap:var(--s2);align-items:center;flex-wrap:wrap;margin:0}
.form-state{color:var(--cacao)}
.contact-data{background:var(--hueso);border-radius:var(--r);border:1px solid var(--tierra);padding:var(--s3)}
.contact-data h2{font-size:1.3rem;margin-top:var(--s2)}
.contact-data h2:first-child{margin-top:0}
.contact-list{list-style:none;margin:0 0 var(--s3);padding:0}
.contact-list li{padding:10px 0;border-top:1px solid var(--tierra)}
.contact-list .ic{color:var(--ambar-oscuro);margin-right:4px}
@media (max-width:900px){.contact-grid{grid-template-columns:1fr}}

/* Reservar */
.steps{list-style:none;margin:0 auto var(--s4);padding:0 var(--gutter);display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s2)}
.steps li{background:var(--hueso);border-radius:var(--r);padding:var(--s2) var(--s3);border:1px solid var(--tierra)}
.step-n{display:inline-grid;place-content:center;width:1.8em;height:1.8em;border-radius:50%;background:var(--ambar);color:var(--choc);font-family:var(--display);font-weight:700;margin-right:8px}
.step-title{font-family:var(--display);font-weight:600}
.step-text{display:block;color:var(--cacao)}
.booking{display:grid;grid-template-columns:5fr 7fr;gap:var(--s4);align-items:start;padding-bottom:var(--s5)}
.choose{border:0;padding:0;margin:0}
.choose legend{font-family:var(--display);font-weight:600;font-size:1.4rem;margin-bottom:var(--s2)}
.choice{display:grid;grid-template-columns:auto 1fr;gap:2px var(--s2);padding:var(--s2);border-radius:var(--r);border:1.5px solid var(--tierra);background:var(--hueso);margin-bottom:8px;cursor:pointer}
.choice input{width:auto;margin:8px 0 0;grid-row:span 2;accent-color:var(--choc)}
.choice-name{font-family:var(--display);font-weight:600}
.choice-meta{color:var(--cacao);font-size:.95rem}
.choice.is-star{border-color:var(--ambar)}
.choice:has(input:checked){border-color:var(--choc);box-shadow:var(--shadow)}
.embed h2{font-size:1.4rem}
.embed-slot{border:2px dashed var(--cacao);background:var(--hueso);border-radius:var(--r);min-height:440px;display:grid;place-content:center;text-align:center;padding:var(--s3)}
.embed-note{font-weight:700;max-width:36ch;color:var(--cacao)}
.embed-sub{color:var(--cacao)}
.embed-legal{color:var(--cacao);font-size:.95rem;margin-top:var(--s2)}
.variable{padding-block:var(--s4) var(--s5);border-top:1px solid var(--tierra)}
@media (max-width:900px){.steps{grid-template-columns:1fr}.booking{grid-template-columns:1fr;gap:var(--s3)}.embed-slot{min-height:280px}}

/* Formación */
.preventa-card{display:grid;grid-template-columns:7fr 4fr;gap:var(--s3);background:var(--hueso);border:2px solid var(--ambar);border-radius:var(--r);padding:var(--s3);margin-bottom:var(--s4);align-items:center;box-shadow:var(--shadow)}
.preventa-card img{border-radius:var(--r);aspect-ratio:4/5;object-fit:cover;width:100%}
.preventa-list{list-style:none;margin:0 0 var(--s2);padding:0;display:grid;gap:8px;font-weight:700}
.preventa-list .ic{color:var(--ambar-oscuro)}
.preventa-note{color:var(--cacao)}
.modulos{list-style:none;margin:0 0 var(--s2);padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--s2)}
.modulos li{background:var(--hueso);border:1px solid var(--tierra);border-radius:var(--r);padding:var(--s2);display:flex;flex-direction:column;gap:4px}
.mod-n{display:inline-grid;place-content:center;width:2em;height:2em;border-radius:50%;background:var(--choc);color:var(--ambar);font-family:var(--display);font-weight:700}
.mod-type{color:var(--cacao);font-size:.85rem;font-weight:700}
.mod-title{font-family:var(--display);font-weight:600;font-size:1.05rem}
.mod-text{color:var(--cacao);font-size:.95rem}
.retiros{padding-block:0 var(--s5)}
.retiros .card-wide{grid-template-columns:5fr 7fr}

@media (max-width:900px){.preventa-card{grid-template-columns:1fr}.preventa-card img{max-width:320px;aspect-ratio:4/3}.retiros .card-wide{grid-template-columns:1fr}}
@media (max-width:640px){.modulos{grid-template-columns:1fr}}


/* vc2 · CONSULTA v2 (adoptada) · añadidos sobre vc/style.css */

/* Hero con foto de fondo: texto a la izquierda sobre velo crema, Estefanía a la derecha */
.hero-bg{position:relative;isolation:isolate;min-height:min(82dvh,760px);display:flex;align-items:center;overflow:hidden;background:var(--crema)}
.hero-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:78% 0%;z-index:-2}
.hero-bg::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(245,237,216,.96) 0%,rgba(245,237,216,.92) 38%,rgba(245,237,216,.55) 58%,rgba(245,237,216,0) 80%)}
.hero-bg-inner{width:100%;padding-block:var(--s5)}
.hero-bg .hero-text{max-width:600px}
.hero-bg .trust{margin-top:var(--s3);grid-template-columns:auto auto;justify-content:start;gap:10px var(--s4)}
@media (max-width:760px){
  .hero-bg{min-height:0;display:block}
  .hero-bg-img{position:relative;inset:auto;height:52vw;min-height:260px;object-position:70% 0%;z-index:0}
  .hero-bg::before{display:none}
  .hero-bg-inner{padding-block:var(--s3) var(--s4)}
  .hero-bg .trust{grid-template-columns:1fr}
}

/* Enrutador en filas (como vB), con las fuentes de vC */
.router-list{list-style:none;margin:var(--s3) 0 0;padding:0;border-top:1px solid var(--tierra)}
.router-row a{display:grid;grid-template-columns:1.2fr 1fr;gap:4px var(--s4);align-items:center;padding:var(--s2) 0;border-bottom:1px solid var(--tierra);text-decoration:none;transition:padding-left .25s ease-out,background .2s}
.router-row a:hover,.router-row a:focus-visible{padding-left:12px;background:var(--hueso)}
.busco{font-family:var(--display);font-weight:600;font-size:1.35rem;line-height:1.15;letter-spacing:-.01em}
.ofrezco{font-weight:700;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ofrezco .ic{color:var(--ambar-oscuro);transition:transform .25s}
.router-row a:hover .ofrezco .ic{transform:translateX(4px)}
.router-meta{grid-column:2;color:var(--cacao);font-size:.9rem;margin-top:-4px}
.router-row.is-star a{background:var(--hueso);border:2px solid var(--ambar);border-radius:var(--r);padding:var(--s2) var(--s3);margin:var(--s1) 0}
.router-row.is-star .busco{font-size:1.6rem}
.router-row.is-star a:hover{padding-left:calc(var(--s3) + 8px)}
@media (max-width:760px){.router-row a{grid-template-columns:1fr;gap:4px}.router-meta{grid-column:1;margin-top:0}.busco{font-size:1.15rem}.router-row.is-star .busco{font-size:1.3rem}}

/* Parrilla uniforme: Sesión Akna en una sola columna como las demás */
.cards{grid-template-columns:repeat(3,1fr)}
.card.is-star{border:2px solid var(--ambar)}
.card-body{padding-top:0}
@media (max-width:1000px){.cards{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.cards,.cards:has(> :nth-child(2):last-child){grid-template-columns:1fr}}

/* Aviso: comunidad de WhatsApp + newsletter */
.aviso-card .btn-ambar{margin-top:var(--s1)}

/* Ficha genérica */
.ficha-photo img{aspect-ratio:4/3;object-fit:cover}
.datos-prose div{grid-template-columns:140px 1fr}
.band-page .band-price{font-size:1.05rem}
figcaption.pending-note{margin-top:6px}

/* Espiritualidad tóxica */
.toxica{display:grid;grid-template-columns:7fr 5fr;gap:var(--s4);align-items:start;padding-bottom:var(--s5)}
.frase{background:var(--hueso);border:1px solid var(--tierra);border-left:4px solid var(--ambar);border-radius:var(--r);padding:var(--s3);margin:var(--s3) 0}
.frase h2{font-size:1.3rem;margin-top:0;font-style:italic;font-weight:600}
.frase p{margin:0;color:var(--cacao)}
.toxica-cierre{font-size:1.15rem;font-weight:700;margin-top:var(--s3)}
.toxica-side{position:sticky;top:84px;display:grid;gap:var(--s3)}
.toxica-side .ficha-photo{margin:0}
.toxica-side .ficha-photo img{aspect-ratio:3/4}
.side-card.magic h2{font-size:1.25rem}
.magic-when{font-weight:700}
.magic-when .ic{color:var(--ambar-oscuro)}
@media (max-width:900px){.toxica{grid-template-columns:1fr}.toxica-side{position:static}}

/* Bandas de ficha homogéneas: una sola línea, misma altura en todas las cards */
.card .band-card{display:grid;grid-template-columns:1fr;row-gap:2px;align-content:center;min-height:66px;font-size:.9rem;padding:10px 18px}
.card .band-card .band-price{font-size:1.15rem;line-height:1.2}
.card .band-card .band-meta{display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--tierra)}
.card .band-card .band-meta .band-sep{flex:none}

/* Desplegable de servicios en el menú */
.nav li.has-sub{position:relative;display:flex;align-items:center;gap:2px}
.sub-toggle{background:none;border:0;color:var(--choc);cursor:pointer;padding:4px;display:inline-flex;border-radius:6px}
.sub-toggle .ic{width:1.1em;height:1.1em;transition:transform .2s}
.sub-toggle[aria-expanded="true"] .ic{transform:rotate(180deg)}
.nav ul.sub{list-style:none;margin:0;padding:8px 0;position:absolute;top:calc(100% + 10px);left:0;min-width:290px;white-space:nowrap;background:var(--hueso);border:1px solid var(--tierra);border-radius:var(--r);box-shadow:var(--shadow-hover);display:none;z-index:40}
.nav .has-sub:hover ul.sub,.nav .has-sub:focus-within ul.sub,.nav ul.sub.is-open{display:block}
.sub li{border:0}
.sub a{display:block;padding:8px 16px;border-bottom:0;font-weight:500}
.sub a:hover{background:var(--crema)}
@media (max-width:900px){
  .nav li.has-sub{flex-wrap:wrap}
  .nav li.has-sub>a{flex:1}
  .nav ul.sub{position:static;display:none;box-shadow:none;border:0;border-top:1px solid var(--tierra);border-radius:0;width:100%;padding:0 0 4px 12px}
  .nav .has-sub:hover ul.sub,.nav .has-sub:focus-within ul.sub{display:none}
  /* en táctil, el toque activa :hover/:focus-within: is-open debe ganar en especificidad */
  .nav .has-sub ul.sub.is-open,.nav .has-sub:hover ul.sub.is-open,.nav .has-sub:focus-within ul.sub.is-open{display:block}
  .sub a{padding:10px 0}
  .sub-toggle{min-width:44px;min-height:44px;justify-content:center;align-items:center;-webkit-tap-highlight-color:transparent}
  .sub-toggle .ic{width:1.4em;height:1.4em}
}

@media (max-width:480px){.card .band-card .band-meta{font-size:.8rem}}

/* Puente del desplegable: el hueco de 10px entre el enlace y la lista cerraba el hover */
.nav ul.sub::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
@media (max-width:900px){.nav ul.sub::before{display:none}}

/* Reservar: agenda por servicio */
.agenda-group{background:var(--hueso);border:1px solid var(--tierra);border-radius:var(--r);padding:var(--s3);margin-bottom:var(--s2)}
.js .agenda-group{display:none}
.js .agenda-group.is-on{display:block}
.agenda-name{font-family:var(--display);font-weight:700;font-size:1.15rem;margin-bottom:var(--s2)}
.agenda-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.agenda-none{color:var(--cacao);margin:0}
.field-radio{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px}
.field-radio legend{font-family:var(--display);font-weight:600;margin-bottom:6px;width:100%}
.field-radio label{display:inline-flex;align-items:center;gap:6px;font-weight:400}
.field-radio input[type=radio]{width:auto;margin:0;accent-color:var(--choc)}
.field-radio input[type=text]{flex:1 1 220px;width:auto}
#form-reserva{max-width:720px}