/* ─────────────────────────────────────────────────────────────────────────
   MODERNIZACIÓN 2026 · dirección de arte de Sol («quiet luxury tecnológico»)
   + biseles neón del dueño, en puntos escogidos.
   Vive en su propia hoja: quitar el <link> apaga TODO el rediseño de golpe.
   ADN intocable: crema, dorado, Fraunces/Inter, texturas de papel, videos,
   bisel de lomo de las portadas y el latido del titular (pedido del dueño).
   ───────────────────────────────────────────────────────────────────────── */

/* ── 1 · Radios unificados, vidrio y sombras en TRES capas ─────────────── */
:is(.lp,.ed){
  --radius-control:10px;
  --radius-card:16px;
  --radius-panel:22px;
  --gold-highlight:#f0dda1;
  --glass:rgba(18,24,35,.74);
  --glass-line:rgba(230,205,134,.14);
  --sh-card:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 10px 24px rgba(0,0,0,.22),
    0 32px 70px rgba(0,0,0,.20);
  --sh-card-hover:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 14px 30px rgba(0,0,0,.25),
    0 42px 90px rgba(0,0,0,.26);
}
:root[data-theme="light"] :is(.lp,.ed){
  --gold-highlight:#c9a642;
  --glass:rgba(255,253,248,.76);
  --glass-line:rgba(154,122,28,.16);
  --sh-card:
    inset 0 1px 0 rgba(255,255,255,.92),
    0 8px 20px rgba(85,68,25,.08),
    0 26px 60px rgba(85,68,25,.09);
  --sh-card-hover:
    inset 0 1px 0 rgba(255,255,255,.96),
    0 12px 26px rgba(85,68,25,.10),
    0 38px 80px rgba(85,68,25,.13);
}

/* ── 2 · Tipografía más contrastada (el latido del h1 SE QUEDA) ────────── */
.lp :is(h1,h2,h3),.ed :is(h1,h2,h3){font-optical-sizing:auto;text-wrap:balance}
.lp-hero h1{font-size:clamp(44px,6vw,78px);line-height:.98;letter-spacing:-.045em}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
  .lp-hero h1 em{
    background:linear-gradient(115deg,var(--gold),var(--gold-highlight) 52%,var(--gold-soft));
    -webkit-background-clip:text;background-clip:text;
    color:transparent;-webkit-text-fill-color:transparent}
}
.lp-head h2{line-height:1.04;letter-spacing:-.032em}
.lp-head p{text-wrap:pretty}
@media (max-width:1040px){.lp-hero h1{font-size:clamp(34px,8.4vw,50px)}}
.ed-cab h2,.bib-cab h2{line-height:1.05;letter-spacing:-.025em}

/* ── 3 · Cristal refinado en las dos cabeceras ─────────────────────────── */
.ed-top{
  background:var(--glass);
  border-bottom-color:var(--glass-line);
  -webkit-backdrop-filter:saturate(145%) blur(22px);
          backdrop-filter:saturate(145%) blur(22px);
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.04),0 12px 34px rgba(9,12,18,.08)}
.lp .site-nav:not(.scrolled){
  background:transparent;border-bottom-color:transparent;box-shadow:none;
  -webkit-backdrop-filter:none;backdrop-filter:none}

/* ── 4 · Más aire entre capítulos visuales ─────────────────────────────── */
.lp{--pad-sec:clamp(96px,9vw,128px)}
.lp-head{margin-bottom:clamp(48px,5vw,68px)}
@media (max-width:620px){.lp{--pad-sec:72px}.lp-head{margin-bottom:40px}}
@media (min-width:1081px){
  .ed-cuerpo{grid-template-columns:280px minmax(0,1fr);
    gap:clamp(34px,4vw,52px);padding:44px 0 96px}
}

/* ── 5 · La ecuación como placa de laboratorio ─────────────────────────── */
.band-eq{max-width:38em;padding:30px 32px;
  border:1px solid rgba(230,205,134,.22);border-radius:var(--radius-panel);
  background:linear-gradient(135deg,rgba(8,11,16,.68),rgba(8,11,16,.34));
  -webkit-backdrop-filter:saturate(135%) blur(18px);
          backdrop-filter:saturate(135%) blur(18px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 30px 80px rgba(0,0,0,.34)}
.eq{letter-spacing:.045em;text-shadow:0 0 28px rgba(205,169,78,.25)}
@media (max-width:620px){.band-eq{padding:23px 20px;border-radius:16px}}

/* ── 6 · Luz ambiental contemporánea en el hero ────────────────────────── */
.lp-hero::after{inset:0;width:auto;height:auto;z-index:1;pointer-events:none;
  background:
    radial-gradient(circle at 82% 18%,rgba(205,169,78,.19),transparent 34%),
    radial-gradient(circle at 68% 72%,rgba(91,111,151,.10),transparent 30%)}
.lp-badge{
  background:linear-gradient(135deg,rgba(205,169,78,.18),rgba(205,169,78,.07));
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 8px 24px rgba(90,67,15,.08)}

/* ── 7 · Bordes de gradiente en contenedores principales ───────────────── */
@supports (color:color-mix(in srgb,red,blue)){
  :is(.lp-strip .box,.lp-proof .box,.ver,.lp-plan,.srv){
    border:1px solid transparent;border-radius:var(--radius-card);
    background:
      linear-gradient(var(--surface),var(--surface)) padding-box,
      linear-gradient(135deg,
        color-mix(in srgb,var(--gold) 38%,transparent),
        var(--line) 44%,
        color-mix(in srgb,var(--gold) 10%,transparent)) border-box}
  .lp-plan.best{
    background:
      linear-gradient(var(--surface),var(--surface)) padding-box,
      linear-gradient(135deg,var(--gold),var(--gold-highlight),var(--gold)) border-box}
  :is(.ed-bloque,.ed-panel,.bib-fila){
    border:1px solid transparent;border-radius:var(--radius-card);
    background:
      linear-gradient(var(--surface),var(--surface)) padding-box,
      linear-gradient(135deg,
        color-mix(in srgb,var(--gold) 32%,transparent),
        var(--line) 46%,
        color-mix(in srgb,var(--gold) 8%,transparent)) border-box}
  .ed-panel{border-radius:var(--radius-panel)}
}

/* ── 8 · Microinteracciones lentas, consistentes, accesibles ───────────── */
@media (hover:hover) and (pointer:fine){
  :is(.srv,.ver,.lp-plan:not(.best)){
    transition:transform .32s cubic-bezier(.2,.75,.25,1),border-color .32s,box-shadow .32s}
  :is(.srv,.ver,.lp-plan:not(.best)):hover{transform:translateY(-4px);box-shadow:var(--sh-card-hover)}
  :is(.ed-tarjeta,.ed-prosa):not([aria-pressed="true"]):hover,
  :is(.ed-obra,.bib-fila):hover{transform:translateY(-3px);box-shadow:var(--sh-card-hover)}
}
:where(.lp,.ed) :is(a,button,summary,input,textarea,select):focus-visible{
  outline:2px solid var(--gold);outline-offset:3px}
@media (prefers-reduced-motion:reduce){
  :is(.srv,.ver,.lp-plan,.ed-tarjeta,.ed-prosa,.ed-obra,.bib-fila){transition:none}
}

/* ── 9 · «Mi editorial» con jerarquía de producto ──────────────────────── */
.ed-tab{position:relative;border-radius:var(--radius-control)}
.ed-tab[aria-selected="true"]{
  background:linear-gradient(90deg,rgba(205,169,78,.17),rgba(205,169,78,.035));
  box-shadow:inset 2px 0 0 var(--gold)}
.ed-cab{background:linear-gradient(135deg,
  color-mix(in srgb,var(--gold) 7%,var(--bg2)),var(--bg2) 65%)}
textarea.ed-texto,input.ed-linea,select.ed-lista{
  border-radius:var(--radius-control);
  background-color:color-mix(in srgb,var(--bg) 86%,var(--surface));
  box-shadow:inset 0 1px 2px rgba(0,0,0,.035)}
textarea.ed-texto:focus,input.ed-linea:focus,select.ed-lista:focus{
  border-color:var(--gold);
  box-shadow:0 0 0 1px var(--gold),0 0 0 5px rgba(205,169,78,.12),
    inset 0 1px 2px rgba(0,0,0,.035)}

/* ── 10 · Precios y preguntas con carácter editorial ───────────────────── */
.lp-plan.best{box-shadow:0 0 0 1px rgba(205,169,78,.14),0 24px 70px rgba(102,76,20,.16)}
.lp-faq details{border-radius:var(--radius-card);
  background:color-mix(in srgb,var(--surface) 90%,transparent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.lp-faq details[open]{
  border-color:color-mix(in srgb,var(--gold) 42%,var(--line));
  box-shadow:inset 2px 0 0 var(--gold),var(--sh-card)}
.lp-faq summary{font-family:var(--serif);font-size:16.5px;font-weight:600;letter-spacing:-.01em}

/* ── 11 · BISELES NEÓN (pedido del dueño) — acentos, no tapiz ──────────
   El filo dorado EMITE luz sólo donde hay decisión o acción: la tarjeta
   girada, la píldora elegida, el plan recomendado, el botón principal y
   la placa de la ecuación. En oscuro el halo respira más; en claro es un
   resplandor cálido contenido. */
.svc:hover .svc-face,.svc.girada .svc-face{
  box-shadow:var(--sh-card),
    0 0 0 1px rgba(205,169,78,.55),
    0 0 18px rgba(205,169,78,.28),
    0 0 46px rgba(205,169,78,.12)}
.ed-op[aria-pressed="true"],
.op-envuelta .ed-op[aria-pressed="true"]{
  box-shadow:0 0 0 1px rgba(200,165,68,.7),
    0 0 12px rgba(205,169,78,.3),
    0 0 30px rgba(205,169,78,.12)}
:is(.ed-tarjeta,.ed-prosa)[aria-pressed="true"]{
  box-shadow:0 0 0 1px rgba(200,165,68,.6),
    0 0 16px rgba(205,169,78,.24),
    0 0 40px rgba(205,169,78,.10)}
.lp-plan.best{
  box-shadow:0 0 0 1px rgba(205,169,78,.4),
    0 0 22px rgba(205,169,78,.2),
    0 24px 70px rgba(102,76,20,.16)}
.btn-gold{transition:background .18s,box-shadow .25s}
.btn-gold:hover{
  box-shadow:0 0 0 1px rgba(230,205,134,.6),
    0 0 20px rgba(205,169,78,.38),
    0 0 52px rgba(205,169,78,.16)}
.band-eq{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),
    0 0 0 1px rgba(230,205,134,.16),
    0 0 34px rgba(205,169,78,.14),
    0 30px 80px rgba(0,0,0,.34)}
:root[data-theme="dark"] .ed-op[aria-pressed="true"]{
  box-shadow:0 0 0 1px rgba(205,169,78,.8),
    0 0 16px rgba(205,169,78,.4),
    0 0 40px rgba(205,169,78,.16)}

/* ── 12 · Placa fundacional estable ─────────────────────────────────────
   Conserva el cristal original y reserva siempre el espacio de la frase más larga. */
.band-eq{
  width:38em;height:340px;max-width:calc(100vw - 40px);box-sizing:border-box;overflow:hidden;
  display:flex;flex-direction:column;padding:30px 32px;
  border-color:rgba(230,205,134,.28);
  background:linear-gradient(135deg,rgba(8,11,16,.68),rgba(8,11,16,.34));
  color:#f3f0e8;
  -webkit-backdrop-filter:saturate(135%) blur(18px);
          backdrop-filter:saturate(135%) blur(18px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),
    0 0 0 1px rgba(230,205,134,.12),
    0 24px 70px rgba(0,0,0,.34)}
.band-eq .eq{flex:0 0 auto;color:#e6cd86;text-shadow:0 0 28px rgba(205,169,78,.25)}
.band-eq .band-kicker{flex:0 0 auto;color:#d7b85f}
.band-eq .lp-band-line{flex:0 0 auto;color:#c9c6bd}
.band-eq .lp-band-line b{color:#f3f0e8;text-shadow:none}
.band-eq .band-sig{margin-top:auto;color:rgba(230,205,134,.72)}
.band-eq :is(.band-kicker,.lp-band-line,.band-sig){transition:none}
.band-eq.is-changing :is(.band-kicker,.lp-band-line,.band-sig){opacity:1;transform:none}
/* El head claro no cambia: placa 95% transparente y fondo compensado por filtro. */
:root[data-theme="light"] body[data-detail="motor"] .band-eq{
  background:linear-gradient(135deg,rgba(8,11,16,.05),rgba(20,17,18,.05));
  -webkit-backdrop-filter:saturate(112%) brightness(.38) blur(4px);
          backdrop-filter:saturate(112%) brightness(.38) blur(4px)}
:root[data-theme="light"] body[data-detail="motor"] .band-eq .eq{color:#e6cd86}
:root[data-theme="light"] body[data-detail="motor"] .band-eq .band-kicker{color:#d7b85f}
:root[data-theme="light"] body[data-detail="motor"] .band-eq .lp-band-line{color:#c9c6bd}
:root[data-theme="light"] body[data-detail="motor"] .band-eq .lp-band-line b{color:#f3f0e8}
:root[data-theme="light"] body[data-detail="motor"] .band-eq .band-sig{color:rgba(230,205,134,.72)}
@media (max-width:620px){
  .band-eq{height:330px;padding:23px 20px}
}

/* ── 13 · PRECIOS Y PREGUNTAS · CABECERA EDITORIAL 2026 ─────────────── */
.info-cinema{position:relative;isolation:isolate;display:flex;align-items:flex-end;
  min-height:clamp(540px,74svh,760px);overflow:hidden;padding:132px 0 78px!important;
  background:#07090d;color:#f7f2e8}
body.prices-page{overflow-x:hidden}
.info-cinema>img{position:absolute;inset:-5%;z-index:0;width:110%;height:110%;max-width:none;
  object-fit:cover;filter:saturate(.82) contrast(1.08) brightness(.7);transform-origin:62% 48%;
  animation:info-camera-a 112s cubic-bezier(.45,.05,.55,.95) infinite alternate;will-change:transform}
.info-cinema-faq>img{transform-origin:72% 52%;animation-name:info-camera-b}
.info-cinema::after{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg,rgba(5,7,11,.96) 0%,rgba(5,7,11,.81) 42%,rgba(5,7,11,.26) 78%,rgba(5,7,11,.16)),
    linear-gradient(0deg,rgba(5,7,11,.74),transparent 56%)}
@keyframes info-camera-a{0%{transform:scale(1.02) translate3d(0,0,0)}48%{transform:scale(1.09) translate3d(-1.2%,.5%,0)}100%{transform:scale(1.035) translate3d(.8%,-.6%,0)}}
@keyframes info-camera-b{0%{transform:scale(1.08) translate3d(.8%,0,0)}52%{transform:scale(1.025) translate3d(-.5%,.8%,0)}100%{transform:scale(1.1) translate3d(-1.2%,-.5%,0)}}
.info-cinema-copy{position:relative;z-index:2;width:100%;margin:0 auto!important;color:#f7f2e8}
.info-cinema-copy .eyebrow{color:#dfbd64}
.info-cinema-copy h1{max-width:13ch;margin-top:17px;color:#f7f2e8;
  font-size:clamp(48px,6.2vw,88px);line-height:.94;letter-spacing:-.045em}
.info-cinema-copy h1 em{color:#d6ad45;font-weight:500}
.info-cinema-copy p{max-width:58ch;margin-top:24px;color:rgba(247,242,232,.76);
  font-size:clamp(16px,1.45vw,20px);line-height:1.65}
.info-cinema-link{display:inline-flex;align-items:center;gap:12px;margin-top:31px;padding-bottom:8px;
  border-bottom:1px solid rgba(223,189,100,.58);color:#e5c66f;font-size:11px;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase}
.info-cinema-link span{font-size:16px;transition:transform .2s}.info-cinema-link:hover span{transform:translateY(3px)}

/* En modo claro, Precios y Preguntas conservan la fotografía pero reciben el
   mismo velo marfil de las demás cabeceras. El texto cambia a tinta oscura. */
:root[data-theme="light"] body:is([data-detail="precios"],[data-detail="faqs"]) .info-cinema::after{
  background:linear-gradient(90deg,rgba(249,246,237,.95) 0%,rgba(249,246,237,.79) 45%,rgba(249,246,237,.3) 100%),
    linear-gradient(0deg,rgba(249,246,237,.5),transparent 58%)}
:root[data-theme="light"] body:is([data-detail="precios"],[data-detail="faqs"]) .info-cinema>img{
  filter:saturate(.72) contrast(.94) brightness(1.07)}
:root[data-theme="light"] body:is([data-detail="precios"],[data-detail="faqs"]) .info-cinema-copy{
  color:#171717;text-shadow:none}
:root[data-theme="light"] body:is([data-detail="precios"],[data-detail="faqs"]) .info-cinema-copy h1{color:#171717}
:root[data-theme="light"] body:is([data-detail="precios"],[data-detail="faqs"]) .info-cinema-copy p{color:#454545}
:root[data-theme="light"] body:is([data-detail="precios"],[data-detail="faqs"]) .info-cinema-copy :is(.eyebrow,h1 em,.info-cinema-link){color:var(--gold)}

/* Planes de suscripción: acceso y gestión, separados del precio por libro. */
.subscription-section{position:relative;padding:clamp(88px,9vw,132px) 0!important;
  background:color-mix(in srgb,var(--surface) 72%,var(--bg));border-bottom:1px solid var(--line);overflow:hidden}
.subscription-section::before{content:"";position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(circle at 50% 0%,rgba(205,169,78,.11),transparent 34%)}
.subscription-section>.wrap{position:relative}
.subscription-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.subscription-card{position:relative;display:flex;min-width:0;min-height:535px;flex-direction:column;padding:34px 32px 30px;
  border:1px solid var(--line);border-radius:18px;background:var(--surface);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 18px 55px rgba(0,0,0,.08);
  transition:transform .3s cubic-bezier(.2,.75,.25,1),border-color .3s,box-shadow .3s}
.subscription-card:hover{z-index:2;transform:translateY(-6px);border-color:color-mix(in srgb,var(--gold) 48%,var(--line));box-shadow:var(--sh-card-hover)}
.subscription-card.is-core{border-color:rgba(214,173,69,.68);background:linear-gradient(150deg,#191b22,#090b10 72%);
  color:#f7f2e8;box-shadow:0 0 0 1px rgba(214,173,69,.13),0 26px 74px rgba(0,0,0,.25)}
.subscription-card.is-free{background:color-mix(in srgb,var(--surface) 70%,var(--bg))}
.subscription-card.is-enterprise{border-color:color-mix(in srgb,var(--gold) 45%,var(--line));
  background:linear-gradient(150deg,color-mix(in srgb,var(--gold) 7%,var(--surface)),var(--surface) 68%)}
.subscription-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:38px}
.subscription-top>span{color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.18em}
.subscription-top>small{max-width:210px;color:var(--dim);font-size:9px;font-weight:700;letter-spacing:.12em;text-align:right;text-transform:uppercase}
.subscription-card.is-core .subscription-top>small{color:rgba(247,242,232,.48)}
.subscription-card h3{font-size:clamp(35px,3.4vw,52px);line-height:1}.subscription-card.is-core h3{color:#f7f2e8}
.subscription-price{display:flex;align-items:baseline;margin-top:22px;padding-bottom:25px;border-bottom:1px solid var(--line)}
.subscription-card.is-core .subscription-price{border-color:rgba(214,173,69,.2)}
.subscription-price sup{align-self:flex-start;margin:12px 7px 0 0;color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.08em}
.subscription-price strong{font:600 clamp(56px,5.2vw,76px)/.9 var(--serif);letter-spacing:-.045em}
.subscription-price>span{margin-left:7px;color:var(--dim);font-size:12px}
.subscription-card.is-core .subscription-price>span{color:rgba(247,242,232,.48)}
.subscription-card>p{min-height:74px;margin-top:24px;color:var(--muted);font-size:14px;line-height:1.65}
.subscription-card.is-core>p{color:rgba(247,242,232,.64)}
.subscription-card ul{display:grid;gap:11px;margin:22px 0 30px;list-style:none}
.subscription-card li{position:relative;padding-left:20px;color:var(--muted);font-size:13px;line-height:1.45}
.subscription-card.is-core li{color:rgba(247,242,232,.7)}
.subscription-card li::before{content:"";position:absolute;left:0;top:.57em;width:7px;height:4px;border-left:1.5px solid var(--gold);border-bottom:1.5px solid var(--gold);transform:rotate(-45deg)}
.subscription-card .btn{display:block;margin-top:auto;text-align:center}.subscription-card.is-core .btn-gold{color:#0a0d13}
.subscription-rule{display:flex;align-items:center;justify-content:center;gap:0;margin-top:26px;border:1px solid var(--line);
  border-radius:999px;background:var(--surface);overflow:hidden}
.subscription-rule>*{padding:13px clamp(18px,3vw,38px);border-right:1px solid var(--line);font-size:10px;
  letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.subscription-rule>*:last-child{border-right:0}
.subscription-rule strong{color:var(--gold)}.subscription-rule span{color:var(--muted)}

.benefits-comparison{margin-top:clamp(62px,7vw,94px)}
.benefits-heading{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(44px,8vw,110px);align-items:end;margin-bottom:30px}
.benefits-heading .eyebrow{color:var(--gold)}
.benefits-heading h3{max-width:780px;margin-top:14px;font-size:clamp(34px,4.2vw,58px);line-height:1;letter-spacing:-.035em}
.benefits-heading>p{max-width:650px;color:var(--muted);font-size:15px;line-height:1.72}
.benefits-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:18px;background:var(--surface);
  box-shadow:0 20px 60px rgba(0,0,0,.08);scrollbar-color:var(--gold) transparent}
.benefits-scroll:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.benefits-table{width:100%;min-width:1100px;border-collapse:separate;border-spacing:0;text-align:center}
.benefits-table :is(th,td){padding:20px 18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);vertical-align:middle}
.benefits-table tr>*:last-child{border-right:0}.benefits-table tbody tr:last-child>*{border-bottom:0}
.benefits-table thead th{background:color-mix(in srgb,var(--gold) 6%,var(--surface));color:var(--gold);
  font:700 10px/1.3 var(--sans);letter-spacing:.13em;text-transform:uppercase;white-space:nowrap}
.benefits-table thead th:first-child,.benefits-table tbody th{position:sticky;left:0;z-index:2;text-align:left}
.benefits-table thead th:first-child{z-index:3;min-width:225px}
.benefits-table tbody th{width:225px;background:color-mix(in srgb,var(--surface) 94%,var(--bg));color:var(--ink);
  font:600 13px/1.4 var(--sans)}
.benefits-table td{min-width:138px;color:var(--muted);font-size:13px;line-height:1.4}
.benefits-table tbody tr:nth-child(even) td{background:color-mix(in srgb,var(--gold) 2.5%,transparent)}
.benefits-table .plan-yes{color:var(--ink);font-weight:600}
.benefits-footnote{max-width:980px;margin:17px 0 0 auto;color:var(--dim);font-size:11px;line-height:1.6;text-align:right}

/* Precios de producción */
.pricing-section{position:relative;overflow:hidden;padding:clamp(86px,9vw,132px) 0!important}
.pricing-section::before{content:"";position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(circle at 50% 8%,rgba(205,169,78,.1),transparent 32%),
  linear-gradient(180deg,color-mix(in srgb,var(--surface) 35%,transparent),transparent 30%)}
.pricing-section>.wrap{position:relative}
.pricing-heading{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(50px,9vw,130px);
  align-items:end;margin-bottom:52px}
.pricing-heading .eyebrow{color:var(--gold)}
.pricing-heading h2{max-width:760px;margin-top:15px;color:var(--gold);font-size:clamp(38px,4.8vw,66px);
  line-height:.98;letter-spacing:-.038em}
.pricing-heading>p{max-width:610px;color:var(--muted);font-size:16px;line-height:1.75}
.pricing-heading.compact{margin-bottom:42px}
.pricing-common{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:34px;
  border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface) 76%,transparent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);overflow:hidden}
.pricing-common>*{padding:13px clamp(18px,3vw,38px);border-right:1px solid var(--line);font-size:11px;
  letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.pricing-common>*:last-child{border-right:0}.pricing-common strong{color:var(--gold);font-weight:700}
.pricing-common span{color:var(--muted)}
.pricing-grid{display:grid;gap:14px}.pricing-grid-tiers{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
.pricing-card{position:relative;display:flex;min-width:0;min-height:520px;flex-direction:column;padding:31px 25px 25px;
  border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface) 92%,transparent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 18px 55px rgba(0,0,0,.08);
  transition:transform .3s cubic-bezier(.2,.75,.25,1),box-shadow .3s,border-color .3s}
.pricing-card:hover{z-index:2;transform:translateY(-6px);border-color:color-mix(in srgb,var(--gold) 42%,var(--line));box-shadow:var(--sh-card-hover)}
.pricing-card.featured{border-color:rgba(214,173,69,.66);background:linear-gradient(155deg,#181a20,#090b10 68%);
  color:#f7f2e8;box-shadow:0 0 0 1px rgba(214,173,69,.13),0 24px 70px rgba(0,0,0,.25)}
.pricing-card.signature{background:linear-gradient(150deg,color-mix(in srgb,var(--gold) 9%,var(--surface)),var(--surface) 62%)}
.pricing-card-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:38px}
.pricing-number{color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.18em}
.pricing-tag{padding:7px 10px;border:1px solid color-mix(in srgb,var(--gold) 38%,var(--line));border-radius:999px;
  color:var(--gold);font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.pricing-card h3{font-size:clamp(30px,2.9vw,43px);line-height:1}.pricing-card.featured h3{color:#f7f2e8}
.pricing-for{min-height:65px;margin-top:13px;color:var(--muted);font-size:13.5px;line-height:1.6}
.pricing-card.featured .pricing-for{color:rgba(247,242,232,.62)}
.tier-prices{display:grid;margin:29px 0 25px;border-top:1px solid var(--line)}
.pricing-card.featured .tier-prices{border-color:rgba(214,173,69,.22)}
.tier-prices>div{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:12px;padding:16px 0;
  border-bottom:1px solid var(--line)}
.pricing-card.featured .tier-prices>div{border-color:rgba(214,173,69,.18)}
.tier-prices span{color:var(--dim);font-size:9px;font-weight:700;letter-spacing:.065em;text-transform:uppercase;white-space:nowrap}
.pricing-card.featured .tier-prices span{color:rgba(247,242,232,.5)}
.tier-prices strong{color:var(--ink);font:600 24px/1 var(--serif);white-space:nowrap}
.pricing-card.featured .tier-prices strong{color:#f7f2e8}
.tier-prices small{margin-right:3px;color:var(--gold);font:700 8px/1 var(--sans);letter-spacing:.07em}
.pricing-card .btn{display:block;margin-top:auto;text-align:center}
.pricing-card.featured .btn-gold{color:#0a0d13}
.professional-book-note{display:grid;grid-template-columns:180px 1fr auto;gap:clamp(28px,5vw,70px);align-items:center;
  margin-top:24px;padding:30px 34px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.professional-book-note>.eyebrow{color:var(--gold)}
.professional-book-note h3{font-size:24px}.professional-book-note p{max-width:700px;margin-top:6px;color:var(--muted);font-size:14px;line-height:1.6}
.professional-book-note>a{padding-bottom:5px;border-bottom:1px solid var(--gold);color:var(--gold);font-size:10px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}

/* Plan anual */
.annual-section{padding:clamp(82px,9vw,126px) 0!important;background:#090b10;color:#f7f2e8;
  border-top:1px solid rgba(214,173,69,.26);border-bottom:1px solid rgba(214,173,69,.26)}
.annual-heading{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(50px,9vw,130px);align-items:end;margin-bottom:45px}
.annual-heading .eyebrow{color:#d6ad45}.annual-heading h2{margin-top:15px;color:#f7f2e8;font-size:clamp(40px,5vw,68px);
  line-height:.98;letter-spacing:-.04em}.annual-heading h2 em{color:#d6ad45;font-weight:500}
.annual-heading p{color:rgba(247,242,232,.66);font-size:16px;line-height:1.75}
.annual-scroll{max-width:100%;overflow-x:auto;border:1px solid rgba(214,173,69,.24);border-radius:16px;
  scrollbar-color:#b58e30 transparent}
.price-table{width:100%;min-width:780px;border-collapse:collapse;text-align:left}
.annual-table{min-width:1180px}
.price-table :is(th,td){padding:21px 24px;border-right:1px solid rgba(214,173,69,.16);border-bottom:1px solid rgba(214,173,69,.16)}
.price-table tr>*:last-child{border-right:0}.price-table tbody tr:last-child>*{border-bottom:0}
.price-table thead th{color:#d6ad45;font:700 10px/1.3 var(--sans);letter-spacing:.15em;text-transform:uppercase}
.price-table tbody th{color:#f7f2e8;font:500 22px/1.15 var(--serif)}
.price-table tbody th small{display:block;margin-top:5px;color:rgba(247,242,232,.42);font:600 9px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.price-table td{color:rgba(247,242,232,.78);font-size:14px}.annual-table td{font:500 17px/1 var(--serif)}
.price-table tbody tr{transition:background .2s}.price-table tbody tr:hover,.price-table tbody tr.is-highlight{background:rgba(214,173,69,.075)}
.annual-link{display:inline-flex;gap:12px;margin-top:26px;padding-bottom:7px;border-bottom:1px solid rgba(214,173,69,.55);
  color:#d6ad45;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.annual-welcome{max-width:1050px;margin-top:24px;padding:20px 22px;border-left:2px solid rgba(214,173,69,.7);
  background:rgba(214,173,69,.055);color:rgba(247,242,232,.66);font-size:13px;line-height:1.65}
.annual-welcome strong{color:#d6ad45}

/* La tabla anual conserva su tratamiento editorial, pero adopta la superficie
   clara del sitio cuando el lector activa ese tema. */
:root[data-theme="light"] .annual-section{
  background:linear-gradient(180deg,#fffdf8 0%,#f4efe3 100%);color:var(--ink);
  border-color:var(--line)}
:root[data-theme="light"] .annual-heading h2{color:var(--ink)}
:root[data-theme="light"] .annual-heading :is(.eyebrow,h2 em){color:var(--gold)}
:root[data-theme="light"] .annual-heading p{color:var(--muted)}
:root[data-theme="light"] .annual-scroll{
  border-color:var(--line);background:rgba(255,255,255,.52);
  box-shadow:0 18px 46px rgba(76,60,28,.06)}
:root[data-theme="light"] .annual-table :is(th,td){border-color:var(--line)}
:root[data-theme="light"] .annual-table tbody th{color:var(--ink)}
:root[data-theme="light"] .annual-table tbody th small{color:var(--dim)}
:root[data-theme="light"] .annual-table td{color:var(--muted)}
:root[data-theme="light"] .annual-table tbody tr{background:transparent}
:root[data-theme="light"] .annual-table tbody tr:hover,
:root[data-theme="light"] .annual-table tbody tr.is-highlight{
  background:color-mix(in srgb,var(--gold) 7%,transparent)}
:root[data-theme="light"] .annual-table tbody td:last-child{color:var(--ink)}
:root[data-theme="light"] .annual-welcome{border-left-color:var(--gold);background:color-mix(in srgb,var(--gold) 6%,transparent);color:var(--muted)}
:root[data-theme="light"] .annual-welcome strong{color:var(--gold)}

/* Servicios adicionales y mayoristas */
.extras-section{padding:clamp(86px,9vw,126px) 0!important}
.extras-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.extra-card{position:relative;display:flex;min-width:0;min-height:540px;flex-direction:column;padding:32px;border:1px solid var(--line);
  border-radius:18px;background:var(--surface);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.extra-number{color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.18em}.extra-card h3{margin-top:30px;font-size:30px}
.extra-card>p{min-height:50px;margin-top:9px;color:var(--muted);font-size:14px;line-height:1.6}
.extra-level{display:grid;grid-template-columns:92px repeat(3,1fr);gap:0;margin-top:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.extra-level>*{padding:13px 8px;border-right:1px solid var(--line);font-size:11px}.extra-level>*:last-child{border-right:0}
.extra-level>strong{color:var(--gold);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.extra-level span{color:var(--muted);white-space:nowrap}
.extra-level.premium{margin-top:8px}.extra-level.single{display:grid;grid-template-columns:1fr;margin-top:30px;border-bottom:0}
.extra-level.single span{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:16px 0;border-right:0;border-bottom:1px solid var(--line);font-size:11px;line-height:1.35}
.extra-level.single strong{color:var(--ink);font-size:16px}.extra-card>a{align-self:flex-start;margin-top:auto;padding-bottom:5px;border-bottom:1px solid var(--gold);
  color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.report-pricing{display:grid;gap:11px;margin:24px 0 28px}
.report-tier{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface) 82%,var(--bg))}
.report-tier>strong{display:block;padding:10px 13px;border-bottom:1px solid var(--line);color:var(--gold);font:700 9px/1.2 var(--sans);letter-spacing:.13em;text-transform:uppercase}
.report-tier>div{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:10px 13px;border-bottom:1px solid var(--line)}
.report-tier>div:last-child{border-bottom:0}.report-tier span{color:var(--muted);font-size:10.5px;line-height:1.3}
.report-tier b{color:var(--ink);font:600 15px/1 var(--sans);white-space:nowrap}
.report-tier.is-premium{border-color:color-mix(in srgb,var(--gold) 40%,var(--line));background:color-mix(in srgb,var(--gold) 5%,var(--surface))}
.wholesale-section{padding:clamp(84px,9vw,126px) 0!important;background:color-mix(in srgb,var(--surface) 70%,var(--bg));border-top:1px solid var(--line)}
.wholesale-section .annual-scroll{border-color:var(--line);background:var(--surface)}
.wholesale-section .price-table :is(th,td){border-color:var(--line)}
.wholesale-section .price-table thead th{color:var(--gold)}
.wholesale-section .price-table tbody th,.wholesale-section .price-table td{color:var(--ink)}
.wholesale-section .price-table tbody tr:hover{background:color-mix(in srgb,var(--gold) 7%,transparent)}
.wholesale-table td:nth-child(2){font:500 18px/1 var(--serif)}
.wholesale-note{display:flex;align-items:center;gap:24px;margin-top:24px;color:var(--dim);font-size:10px;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase}.wholesale-note span{padding:8px 12px;border:1px solid var(--line);border-radius:999px}
.wholesale-note a{margin-left:auto;padding-bottom:5px;border-bottom:1px solid var(--gold);color:var(--gold)}
.commercial-conditions{padding:28px 0;border-top:1px solid var(--line);background:var(--bg)}
.commercial-conditions .wrap{display:grid;grid-template-columns:210px 1fr;gap:44px;align-items:start}
.commercial-conditions strong{color:var(--gold);font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.commercial-conditions p{max-width:900px;color:var(--dim);font-size:11.5px;line-height:1.65}

/* Preguntas */
.faq-section{padding:clamp(82px,9vw,126px) 0!important;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 36%,transparent),transparent 22%)}
.faq-heading{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:end;margin-bottom:52px}
.faq-heading .eyebrow{color:var(--gold)}.faq-heading h2{max-width:800px;margin-top:15px;color:var(--gold);
  font-size:clamp(36px,4.5vw,62px);line-height:1.02;letter-spacing:-.035em}
.faq-count{display:flex;align-items:flex-end;gap:13px;padding:0 0 9px 24px;border-left:1px solid var(--line)}
.faq-count strong{color:var(--gold);font:500 58px/.8 var(--serif)}.faq-count span{color:var(--dim);font-size:10px;line-height:1.35;letter-spacing:.12em;text-transform:uppercase}
.faq-page .lp-faq-full{gap:18px}.faq-page .lp-faq-full .faq-column{gap:18px}
.faq-page .lp-faq-full details{padding:0 25px;border-radius:14px;background:color-mix(in srgb,var(--surface) 94%,transparent)}
.faq-page .lp-faq-full summary{min-height:84px;color:var(--ink);font-size:17px;line-height:1.35}
.faq-page .lp-faq-full .a{padding-bottom:24px;color:var(--muted);font-size:14px;line-height:1.72}

@media(max-width:1080px){
  .subscription-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subscription-card{min-height:0}.subscription-card>p{min-height:0}
  .pricing-grid-tiers{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pricing-card{min-height:500px}.extras-grid{grid-template-columns:1fr 1fr}.extra-card:first-child{grid-column:1/-1}.report-pricing{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .info-cinema{min-height:100svh;padding:126px 0 58px!important}
  .info-cinema::after{background:linear-gradient(90deg,rgba(5,7,11,.72),rgba(5,7,11,.14)),linear-gradient(0deg,rgba(5,7,11,.96) 0%,rgba(5,7,11,.55) 66%,rgba(5,7,11,.25))}
  .info-cinema>img{object-position:68% center}.info-cinema-faq>img{object-position:72% center}
  .info-cinema-copy h1{font-size:clamp(42px,13vw,60px)}
  .subscription-grid{grid-template-columns:1fr}
  .pricing-heading,.annual-heading,.benefits-heading{grid-template-columns:1fr;gap:24px}.pricing-heading>p,.annual-heading p,.benefits-heading>p{max-width:660px}
  .professional-book-note{grid-template-columns:1fr;gap:15px}.professional-book-note>a{justify-self:start}
  .faq-heading{grid-template-columns:1fr;gap:28px}.faq-count{justify-self:start}
  .commercial-conditions .wrap{grid-template-columns:1fr;gap:12px}
}
@media(max-width:620px){
  .subscription-card{padding:29px 25px 25px}.subscription-top{margin-bottom:34px}
  .subscription-rule{justify-content:flex-start;overflow-x:auto}.subscription-rule>*{padding:12px 18px}
  .pricing-common{justify-content:flex-start;overflow-x:auto}.pricing-common>*{padding:12px 18px}
  .pricing-grid-tiers,.extras-grid{grid-template-columns:1fr}.extra-card:first-child{grid-column:auto}
  .pricing-card{min-height:0}.pricing-for{min-height:0}.tier-prices{margin-bottom:24px}.pricing-card .btn{margin-top:4px}
  .annual-scroll{overflow:visible;border:0;border-radius:0}
  .annual-table{display:block;min-width:0}.annual-table thead{display:none}.annual-table tbody{display:grid;gap:14px}
  .annual-table tbody tr{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid rgba(214,173,69,.24);border-radius:14px;background:#0d1119}
  .annual-table tbody th{grid-column:1/-1;padding:22px 22px 18px;border-right:0;background:rgba(214,173,69,.035)}
  .annual-table tbody td{display:flex;min-width:0;flex-direction:column;gap:8px;padding:17px 22px;font-size:16px}
  .annual-table tbody td::before{content:attr(data-label);color:#d6ad45;font:700 9px/1.2 var(--sans);letter-spacing:.13em;text-transform:uppercase}
  .annual-table tbody td:last-child{grid-column:1/-1;border-right:0;background:rgba(214,173,69,.07);color:#f7f2e8;font-size:21px}
  .annual-table tbody tr:last-child>*{border-bottom:1px solid rgba(214,173,69,.16)}.annual-table tbody tr>*:last-child{border-bottom:0}
  .extra-card{min-height:0}.extra-card>p{min-height:0}.extra-card>a{margin-top:28px}.report-pricing{grid-template-columns:1fr}
  .extra-level{grid-template-columns:76px repeat(3,minmax(78px,1fr));overflow-x:auto}.extra-level>*{font-size:10px}
  .wholesale-note{align-items:flex-start;flex-wrap:wrap}.wholesale-note a{width:100%;margin-left:0;margin-top:4px}
  .faq-page .lp-faq-full details{padding:0 20px}.faq-page .lp-faq-full summary{font-size:16px}
}
@media(max-width:620px){
  :root[data-theme="light"] .annual-table tbody tr{
    border-color:var(--line);background:var(--surface)}
  :root[data-theme="light"] .annual-table tbody th{
    border-color:var(--line);background:color-mix(in srgb,var(--gold) 4%,var(--surface))}
  :root[data-theme="light"] .annual-table tbody td:last-child{
    background:color-mix(in srgb,var(--gold) 7%,var(--surface));color:var(--ink)}
  :root[data-theme="light"] .annual-table tbody tr:last-child>*{
    border-bottom-color:var(--line)}
}
@media(prefers-reduced-motion:reduce){.info-cinema>img{animation:none}}