/* ==========================================================================
   Appia Script 4 · «editorial premium»
   La letra y el papel del manuscrito (Bodoni, marfil) con la barra, los
   botones y el mosaico de una app de escritorio. Cada sección elige su fondo
   con una clase de tema: t-claro, t-noche, t-violeta, t-lavanda.
   ========================================================================== */

:root{
  --marfil:#F8F5EF; --papel:#FCFAF5; --hueso:#F2EEE5;
  --tinta:#14101D; --violeta:#4B2E8F; --violeta-medio:#8B63E8; --violeta-claro:#C6B0FF;
  --violeta-profundo:#2A1B52; --noche:#0E0B14;
  --f-titular:"Bodoni Moda", Georgia, serif;
  --f-texto:Manrope, system-ui, sans-serif;
  --f-marca:Questrial, Manrope, sans-serif;
  --ease-out:cubic-bezier(.23,1,.32,1);
  --ancho:1160px; --gutter:clamp(16px,4vw,40px); --r:16px;
  --barra:68px;
  interpolate-size:allow-keywords;
}
.t-claro,body{--bg:var(--marfil);--bg-2:var(--papel);--texto:var(--tinta);--texto-2:#4A4453;--texto-3:#6C6573;--linea:#E3DED4;--linea-f:#CFC8BC;
  --sup:var(--papel);--sup-2:#fff;--acento:var(--violeta);--chip:#F1EBFB;--chip-t:var(--violeta);--sombra:0 24px 48px -32px rgba(42,27,82,.35)}
.t-lavanda{--bg:#F1EBFB;--bg-2:#F7F3FD;--texto:var(--tinta);--texto-2:#463E57;--texto-3:#625A73;--linea:#DDD1F2;--linea-f:#CBBCE8;
  --sup:#FBF9FE;--sup-2:#fff;--acento:var(--violeta);--chip:#E6DCF8;--chip-t:var(--violeta);--sombra:0 24px 48px -32px rgba(75,46,143,.35)}
.t-noche{--bg:var(--noche);--bg-2:#120F19;--texto:#F3EFF9;--texto-2:#B9B1C8;--texto-3:#958DA6;--linea:rgba(255,255,255,.08);--linea-f:rgba(255,255,255,.14);
  --sup:#16121F;--sup-2:#1C1728;--acento:var(--violeta-claro);--chip:rgba(255,255,255,.06);--chip-t:#CFC7DD;--sombra:0 40px 80px -40px rgba(0,0,0,.9)}
.t-violeta{--bg:var(--violeta-profundo);--bg-2:#23164A;--texto:#F6F2FB;--texto-2:#D2C8E8;--texto-3:#AFA3CC;--linea:rgba(255,255,255,.12);--linea-f:rgba(255,255,255,.2);
  --sup:rgba(255,255,255,.05);--sup-2:rgba(255,255,255,.08);--acento:var(--violeta-claro);--chip:rgba(255,255,255,.08);--chip-t:#E3DAF6;--sombra:0 40px 80px -40px rgba(8,4,20,.8)}
.t-claro,.t-lavanda,.t-noche,.t-violeta{background-color:var(--bg);color:var(--texto)}

/* Dentro de las piezas del tema, el espacio lo marca este archivo, no el hueco genérico de WordPress */
body .appia :where(.is-layout-flow,.is-layout-constrained,.wp-block-group) > *,
body .barra *,body .cinta *{margin-block-start:0;margin-block-end:0}
body .appia h1,body .appia h2,body .appia h3,body .appia p{margin:0}

html{scroll-padding-top:96px}
/* El hueco genérico entre cabecera, contenido y pie lo quitamos: cada sección trae su propio espacio */
body .wp-site-blocks > *,body .wp-site-blocks > main > .wp-block-post-content,body main.wp-block-group > *:not(.portada){margin-block-start:0 !important}
/* La cabecera violeta sube por detrás de la barra en todas las páginas, igual que en la portada */
body .wp-site-blocks .portada{margin-top:calc(-1 * var(--barra)) !important}
body{-webkit-font-smoothing:antialiased}
::selection{background:var(--violeta-claro);color:var(--tinta)}
:focus-visible{outline:2px solid var(--violeta-medio);outline-offset:3px;border-radius:8px}
.envoltura{max-width:var(--ancho);margin-inline:auto !important;padding-inline:var(--gutter);box-sizing:border-box;width:100%}
h1,h2,h3{text-wrap:balance}
h1 em,h2 em{font-style:italic;color:var(--acento)}
p{text-wrap:pretty}
img{height:auto}

/* Iconos (Phosphor Light) pintados con máscara: toman el color del texto */
.ico,.appia [class*="ico-"]::before{display:inline-block;width:1.15em;height:1.15em;background:currentColor;-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat;vertical-align:-.18em}
.ico-list{--ico:url(../icons/list.svg)}.ico-x{--ico:url(../icons/x.svg)}

/* Acotación: el antetítulo en la voz del manuscrito */
.is-style-acotacion,.acotacion{font:italic 400 1.05rem/1.4 var(--f-titular) !important;color:var(--texto-3);margin:0 0 .9rem !important;text-transform:none;letter-spacing:0}
.is-style-acotacion::before,.acotacion::before{content:"("}.is-style-acotacion::after,.acotacion::after{content:")"}

/* Botones */
.wp-element-button,.wp-block-button__link,.boton{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:48px;padding:0 1.3rem;border-radius:12px;border:0;cursor:pointer;text-decoration:none;white-space:nowrap;
  font:600 .96rem/1 var(--f-texto);color:#fff !important;background:linear-gradient(180deg,#9C79EE,#7A52DD) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 0 0 1px rgba(122,82,221,.7),0 10px 28px -12px rgba(122,82,221,.85);
  transition:transform 160ms var(--ease-out),filter 200ms ease}
.wp-element-button:active,.wp-block-button__link:active,.boton:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.wp-element-button:hover,.wp-block-button__link:hover,.boton:hover{filter:brightness(1.08)}}
.is-style-outline .wp-block-button__link{background:transparent !important;color:var(--acento) !important;box-shadow:inset 0 0 0 1.5px currentColor}
.boton.pequeno{min-height:36px;padding:0 .95rem;border-radius:10px;font-size:.86rem}

/* Cinta */
.cinta{font-size:.8rem;height:34px;display:flex;align-items:center;overflow:hidden;color:var(--texto-2);border-bottom:1px solid var(--linea)}
.cinta p{margin-inline:auto !important;white-space:nowrap;padding-inline:var(--gutter)}
@media (max-width:980px){.cinta{mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.cinta p{margin:0 !important;padding-left:100%;animation:cinta 30s linear infinite}}
@keyframes cinta{to{transform:translateX(-100%)}}

/* Barra flotante */
header.wp-block-template-part{display:contents}
.barra{position:sticky;top:12px;z-index:50;margin:12px auto 0 !important;max-width:var(--ancho);padding-inline:var(--gutter);box-sizing:border-box;background:none !important}
.admin-bar .barra{top:calc(12px + var(--wp-admin--admin-bar--height,32px))}
.barra .caja{position:relative;display:flex;align-items:center;gap:1.4rem;height:56px;padding:0 .6rem 0 1rem;border-radius:16px;
  background:rgba(42,27,82,.62);backdrop-filter:saturate(1.5) blur(18px);-webkit-backdrop-filter:saturate(1.5) blur(18px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(255,255,255,.12),0 14px 40px -22px rgba(20,10,40,.55);color:#F6F2FB}
.marca{display:flex;align-items:center;gap:.55rem;text-decoration:none !important;font:400 1.25rem/1 var(--f-marca);letter-spacing:.02em;margin-right:auto;color:inherit}
.marca img{width:22px;height:22px}
.marca span{color:var(--violeta-claro)}
.barra .nav{display:flex;gap:1.3rem;font-size:.88rem;font-weight:500}
.barra .nav a{white-space:nowrap;text-decoration:none;color:#D2C8E8;transition:color 150ms ease}
.barra .nav a:hover,.barra .nav a[aria-current]{color:#fff}
.menu-boton{order:3;display:none;width:36px;height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:transparent;color:inherit;place-items:center;cursor:pointer;padding:0}
@media (max-width:1020px){
  .barra .nav{display:none}.menu-boton{display:grid}.barra .caja{gap:.6rem}
  .barra.abierta .nav{display:flex;flex-direction:column;gap:0;position:absolute;left:0;right:0;top:calc(100% + 8px);padding:.5rem;border-radius:16px;
    background:rgba(34,22,68,.96);backdrop-filter:blur(18px);box-shadow:0 0 0 1px rgba(255,255,255,.12),0 24px 50px -20px rgba(8,4,20,.8)}
  .barra.abierta .nav a{padding:.9rem 1rem;border-radius:10px;font-size:1rem}
  .barra.abierta .nav a:hover{background:rgba(255,255,255,.06)}
}
@media (max-width:480px){.is-style-distintivo{font-size:.86rem !important}}
@media (max-width:420px){.marca{font-size:1.08rem}.boton.pequeno{padding:0 .75rem;font-size:.8rem}}

/* Portada */
.portada{position:relative;overflow-x:clip;text-align:center;margin-top:calc(-1 * var(--barra)) !important;padding-top:calc(var(--barra) + clamp(3.5rem,8vw,6rem))}
.portada.t-violeta{background:radial-gradient(80% 60% at 50% 0%,rgba(198,176,255,.24),transparent 85%),radial-gradient(65% 60% at 8% 30%,rgba(139,99,232,.3),transparent 85%),radial-gradient(65% 60% at 92% 38%,rgba(165,92,230,.24),transparent 85%),radial-gradient(90% 60% at 50% 78%,rgba(120,76,220,.28),transparent 85%),linear-gradient(180deg,#3B2478 0%,#2E1C62 45%,#23164A 100%)}
.portada::before{content:"";position:absolute;left:50%;top:-240px;width:1100px;height:700px;transform:translateX(-50%);pointer-events:none;background:radial-gradient(closest-side,rgba(214,196,255,.3),transparent)}
.portada > *{position:relative}
.is-style-distintivo{display:inline-flex !important;align-items:center;gap:.6rem;padding:.35rem 1rem .35rem .4rem;border-radius:999px;background:var(--sup);box-shadow:inset 0 0 0 1px var(--linea);font:italic 400 1rem/1.2 var(--f-titular) !important;color:var(--texto-2)}
.is-style-distintivo::before{content:"";width:24px;height:24px;border-radius:50%;background:url(../img/pluma.png) center/16px no-repeat,rgba(139,99,232,.18)}
.portada h1{font-size:clamp(2.8rem,7vw,5.8rem) !important;line-height:1 !important;letter-spacing:-.025em;margin:1.4rem auto 0 !important;max-width:14ch}
.portada h1 em{display:inline-block;padding-bottom:.06em}
.portada.t-violeta h1,.portada.t-noche h1{text-shadow:0 1px 1px rgba(12,6,30,.35),0 6px 18px rgba(12,6,30,.45),0 18px 60px rgba(12,6,30,.55)}
.portada.t-violeta h1 em{text-shadow:0 1px 1px rgba(12,6,30,.3),0 6px 18px rgba(12,6,30,.4),0 0 50px rgba(198,176,255,.25)}
.portada .entrada{margin:1.5rem auto 0 !important;max-width:60ch;color:var(--texto-2);font-size:1.08rem}
.portada .wp-block-buttons{margin-top:2rem !important;justify-content:center}
.portada .nota-compra{margin-top:.9rem !important;font-size:.84rem;color:var(--texto-3)}

/* Pantalla de MacBook Pro (chasis 2021): marco negro fino, borde de aluminio, esquinas curvas y muesca; la parte de abajo se funde con el fondo */
.wp-block-image.is-style-macbook{position:relative;max-width:min(1000px,90vw);margin:clamp(2.5rem,5vw,4rem) auto 0 !important;
  -webkit-mask-image:linear-gradient(#000 55%,transparent 97%);mask-image:linear-gradient(#000 55%,transparent 97%)}
.wp-block-image.is-style-macbook::before{content:"";position:absolute;inset:-8% 6% 50%;background:radial-gradient(closest-side,rgba(139,99,232,.45),transparent);filter:blur(30px);z-index:-1}
.wp-block-image.is-style-macbook img{display:block;width:100%;box-sizing:border-box;background:#050506;
  padding:calc(min(1000px,90vw) * .012) calc(min(1000px,90vw) * .012) 0;padding-top:calc(min(1000px,90vw) * .04);
  border-radius:calc(min(1000px,90vw) * .028) calc(min(1000px,90vw) * .028) 0 0;
  box-shadow:0 0 0 1px #1B1B20 inset,0 0 0 calc(min(1000px,90vw) * .0035) #7E7F85,0 -18px 50px -20px rgba(198,176,255,.35)}
.wp-block-image.is-style-macbook::after{content:"";position:absolute;top:0;left:50%;width:10%;height:calc(min(1000px,90vw) * .03);transform:translateX(-50%);background:#050506;border-radius:0 0 calc(min(1000px,90vw) * .009) calc(min(1000px,90vw) * .009)}
.wp-block-image.is-style-macbook > a,.wp-block-image.is-style-macbook{display:block}
.wp-block-image.is-style-macbook figcaption{display:none}
.macbook-arco{position:absolute;inset:calc(min(1000px,90vw) * -.0035);border-radius:calc(min(1000px,90vw) * .028) calc(min(1000px,90vw) * .028) 0 0;pointer-events:none}

/* Garantías */
.garantias{display:grid !important;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:clamp(2rem,4vw,3rem) !important;background:var(--linea);border-radius:var(--r);overflow:hidden;box-shadow:0 0 0 1px var(--linea);text-align:left}
.garantias > .wp-block-group{background:var(--bg-2);padding:1.4rem}
.garantias > .wp-block-group::before{content:"";display:block;width:1.5rem;height:1.5rem;margin-bottom:.9rem;background:var(--acento);-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}
.garantias > :nth-child(1){--ico:url(../icons/arrows-clockwise.svg)}.garantias > :nth-child(2){--ico:url(../icons/infinity.svg)}
.garantias > :nth-child(3){--ico:url(../icons/arrow-u-up-left.svg)}.garantias > :nth-child(4){--ico:url(../icons/file-text.svg)}
.garantias .g-t{font:italic 500 1.25rem/1.25 var(--f-titular) !important;color:var(--acento);margin-bottom:.3rem !important}
.garantias p:not(.g-t){font-size:.9rem;color:var(--texto-3);line-height:1.5}
@media (max-width:860px){.garantias{grid-template-columns:1fr 1fr}}
@media (max-width:420px){.garantias{grid-template-columns:1fr}}
.pie-portada{padding-bottom:clamp(4rem,8vw,6rem)}
/* Que los márgenes de dentro no se escapen y dejen ver el fondo de la página entre secciones */
.appia > .wp-block-post-content > *,.portada,.pie-portada,.seccion,.funcion,.cierre,.contenido-pagina{display:flow-root}
.pie-portada.t-violeta{background:#23164A}

/* Secciones */
.seccion{padding-block:clamp(5rem,11vw,8rem)}
.cabeza{max-width:760px}
.cabeza.centro{margin-inline:auto;text-align:center}
.cabeza h2,.seccion > .envoltura > h2{font-size:clamp(2.1rem,4.6vw,3.6rem) !important;line-height:1.05 !important}

/* Mosaico */
.bento{display:grid !important;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:clamp(2.5rem,5vw,3.5rem) !important}
.celda{position:relative;border-radius:var(--r);background:var(--sup);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 0 1px var(--linea);overflow:hidden;display:flex !important;flex-direction:column;transition:box-shadow 250ms ease}
@media (hover:hover) and (pointer:fine){.celda:hover{box-shadow:0 0 0 1px color-mix(in srgb,var(--violeta-medio) 45%,transparent),var(--sombra)}}
.celda > .texto{padding:1.5rem 1.5rem 1.4rem}
.celda .rol{font-size:.72rem;font-weight:700;letter-spacing:.14em;color:var(--acento);margin-bottom:.55rem !important;text-transform:uppercase}
.celda h3{font-size:1.45rem !important;line-height:1.18 !important;margin-bottom:.55rem !important}
.celda p{font-size:.93rem;color:var(--texto-2);line-height:1.6}
.is-style-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:1rem 0 0 !important;padding:0 !important;list-style:none}
.is-style-chips li{font-size:.78rem;font-weight:500;color:var(--chip-t);border-radius:8px;padding:.28rem .6rem;background:var(--chip);margin:0 !important}
.wp-block-image.is-style-recorte{flex:1;margin:0 1.2rem !important;min-height:170px;max-height:320px;overflow:hidden;border-radius:12px 12px 0 0;background:#0B0910;
  -webkit-mask-image:linear-gradient(#000 60%,transparent);mask-image:linear-gradient(#000 60%,transparent)}
.wp-block-image.is-style-recorte img{width:100%;height:100%;object-fit:cover;object-position:top left;display:block}
.c-formato{grid-column:span 4;flex-direction:row !important}
.c-formato > .texto{flex:0 0 46%;align-self:center}
.c-estructura{grid-column:span 2;grid-row:span 2}
.c-personajes,.c-notas{grid-column:span 2}
.c-ensayo,.c-ficha{grid-column:span 3}
.c-ensayo{background:radial-gradient(120% 90% at 100% 0%,color-mix(in srgb,var(--violeta-medio) 22%,transparent),transparent 60%),var(--sup)}
.c-estructura .wp-block-image.is-style-recorte{max-height:none}
@media (max-width:900px){
  .bento{grid-template-columns:1fr}
  .c-formato,.c-estructura,.c-personajes,.c-notas,.c-ensayo,.c-ficha{grid-column:auto;grid-row:auto}
  .c-formato{flex-direction:column !important}
}

/* Hoja de papel: el manuscrito con sombra de papel apoyado sobre la tarjeta */
.wp-block-image.is-style-papel{flex:1;position:relative;min-height:300px;margin:0 !important;padding:30px 0 0 30px;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,#000 62%,transparent 98%),linear-gradient(#000 60%,transparent 98%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,#000 62%,transparent 98%),linear-gradient(#000 60%,transparent 98%);mask-composite:intersect}
.wp-block-image.is-style-papel img{display:block;width:420px;max-width:none;height:auto;background:#FCFAF5;border-radius:3px 0 0 0;transform:rotate(-1.2deg);transform-origin:0 0;
  box-shadow:0 1px 2px rgba(20,16,29,.14),0 6px 14px -4px rgba(20,16,29,.18),0 28px 50px -16px rgba(42,27,82,.38)}

/* La función central */
.funcion.t-violeta{background:linear-gradient(180deg,#2A1B52,#1E1340)}
.funcion > .envoltura{display:grid !important;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:center;padding-block:clamp(4rem,8vw,6rem)}
.funcion h2{font-size:clamp(2rem,3.8vw,3.1rem) !important;line-height:1.08 !important}
.pila{position:relative;height:300px}
.pila .wp-block-image{position:absolute;margin:0 !important;border-radius:12px;overflow:hidden;background:#0B0910;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 30px 60px -30px rgba(0,0,0,.8)}
.pila .wp-block-image img{width:100%;height:100%;object-fit:cover;object-position:top left;display:block}
.pila .wp-block-image:first-child{inset:0 22% 18% 0}
.pila .wp-block-image:last-child{inset:30% 0 0 38%}
@media (max-width:820px){.funcion > .envoltura{grid-template-columns:1fr}.pila{height:240px}}

/* Comparación: dos listas que el script convierte en un interruptor */
.duelo{text-align:center}
.duelo .lados{display:grid !important;grid-template-columns:1fr 1fr;gap:1rem;max-width:980px;margin:2rem auto 0 !important;text-align:left}
.duelo .lado h3{font:600 .88rem/1.2 var(--f-texto) !important;letter-spacing:0;margin:0 0 .8rem !important;color:var(--texto-3)}
.duelo .lado ul{list-style:none;margin:0 !important;padding:0 !important}
.duelo .lado li{display:flex;gap:.9rem;align-items:baseline;padding:1rem 1.2rem;border-radius:12px;margin:0 0 6px !important}
.duelo .lado li::before{content:"";flex:none;width:1.15em;height:1.15em;transform:translateY(3px);background:currentColor;-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}
.duelo .lado.proc li{color:var(--texto-3);box-shadow:inset 0 0 0 1px var(--linea);--ico:url(../icons/minus-circle.svg)}
.duelo .lado.appia li{background:var(--sup-2);box-shadow:inset 0 0 0 1px var(--linea);--ico:url(../icons/check-circle.svg)}
.duelo .lado.appia li::before{color:var(--acento)}
.duelo.con-interruptor .lados{grid-template-columns:1fr;max-width:680px}
.duelo.con-interruptor .lado h3{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.duelo.con-interruptor .lado[hidden]{display:none}
.duelo .lado ul{transition:opacity 180ms ease,filter 180ms ease}
.duelo .lado.cambiando ul{opacity:0;filter:blur(2px)}
.segmento{display:inline-grid;grid-template-columns:1fr 1fr;position:relative;margin-top:2rem;padding:4px;border-radius:12px;background:var(--sup);box-shadow:inset 0 0 0 1px var(--linea)}
.segmento button{all:unset;cursor:pointer;position:relative;z-index:1;padding:.55rem 1.1rem;font-size:.88rem;font-weight:600;color:var(--texto-3);text-align:center;border-radius:9px;transition:color 200ms ease}
.segmento button[aria-selected="true"]{color:#fff}
.segmento button:focus-visible{outline:2px solid var(--violeta-medio);outline-offset:2px}
.segmento .pastilla{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:9px;background:linear-gradient(180deg,#9C79EE,#7A52DD);box-shadow:inset 0 1px 0 rgba(255,255,255,.25);transition:transform 260ms var(--ease-out)}
.segmento[data-lado="1"] .pastilla{transform:translateX(100%)}
@media (max-width:640px){.duelo .lados{grid-template-columns:1fr}.segmento{grid-template-columns:1fr 1fr}.segmento button{padding:.55rem .6rem;font-size:.8rem}}

/* Precio: la entrada de teatro con su troquel */
.precio{display:grid !important;grid-template-columns:1fr auto 1fr;margin-top:clamp(2.5rem,5vw,3.5rem) !important;border-radius:22px;background:var(--sup);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 0 1px var(--linea),var(--sombra);text-align:left}
.precio > .talon{padding:clamp(1.8rem,4vw,3rem)}
.precio > .wp-block-separator.is-style-troquel{width:28px;height:auto;margin:0 !important;border:0;opacity:1;position:relative;
  background:radial-gradient(circle at 50% 0,var(--bg) 13px,transparent 14px) top/28px 28px no-repeat,radial-gradient(circle at 50% 100%,var(--bg) 13px,transparent 14px) bottom/28px 28px no-repeat}
.precio > .wp-block-separator.is-style-troquel::after{content:"";position:absolute;left:50%;top:22px;bottom:22px;border-left:2px dashed var(--linea-f)}
.precio .etiqueta{display:inline-flex !important;align-items:center;gap:.45rem;font-size:.82rem;font-weight:600;color:var(--acento);background:var(--chip);padding:.35rem .7rem;border-radius:8px}
.precio .etiqueta::before{content:"";width:1em;height:1em;background:currentColor;-webkit-mask:url(../icons/sparkle.svg) center/contain no-repeat;mask:url(../icons/sparkle.svg) center/contain no-repeat}
.precio .cifra{display:flex;align-items:baseline;gap:.8rem;margin:1.1rem 0 1rem !important}
.precio .cifra strong{font:500 clamp(3.2rem,6vw,4.4rem)/1 var(--f-titular);letter-spacing:-.03em}
.precio .cifra s{color:var(--texto-3);font-size:1rem}
.precio .talon > p:not(.cifra):not(.etiqueta):not(.incluye-t){color:var(--texto-2);max-width:40ch}
.precio .wp-block-buttons{margin-top:1.6rem !important}
.precio .incluye-t{font-size:.72rem;font-weight:700;letter-spacing:.14em;color:var(--texto-3);margin-bottom:1rem !important;text-transform:uppercase}
.is-style-incluye{list-style:none;margin:0 !important;padding:0 !important;display:grid;gap:.85rem}
.is-style-incluye li{display:flex;gap:.7rem;align-items:baseline;font-size:.95rem;margin:0 !important}
.is-style-incluye li::before{content:"";flex:none;width:1.1em;height:1.1em;transform:translateY(2px);background:var(--acento);-webkit-mask:url(../icons/check.svg) center/contain no-repeat;mask:url(../icons/check.svg) center/contain no-repeat}
@media (max-width:820px){
  .precio{grid-template-columns:1fr}
  .precio > .wp-block-separator.is-style-troquel{width:auto;height:28px;background:radial-gradient(circle at 0 50%,var(--bg) 13px,transparent 14px) left/28px 28px no-repeat,radial-gradient(circle at 100% 50%,var(--bg) 13px,transparent 14px) right/28px 28px no-repeat}
  .precio > .wp-block-separator.is-style-troquel::after{left:22px;right:22px;top:50%;bottom:auto;border-left:0;border-top:2px dashed var(--linea-f)}
}

/* Preguntas (bloque Detalles de WordPress, con apertura suave) */
.preguntas{display:grid !important;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(2rem,6vw,5rem);align-items:start}
.preguntas h2{font-size:clamp(2rem,3.6vw,2.9rem) !important;line-height:1.08 !important}
.preguntas .enlace{margin-top:1.4rem !important}
.preguntas .enlace a{color:var(--acento);font-weight:600;text-decoration:none}
.preguntas .enlace a:hover{text-decoration:underline;text-underline-offset:.25em}
.wp-block-details{border-radius:12px;background:var(--sup);box-shadow:inset 0 0 0 1px var(--linea);padding:0 !important;margin:0 0 8px !important}
.wp-block-details summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:1rem;padding:1.1rem 1.2rem;font-weight:600}
.wp-block-details summary::-webkit-details-marker{display:none}
.wp-block-details summary::after{content:"";margin-left:auto;flex:none;width:1.1em;height:1.1em;background:var(--texto-3);-webkit-mask:url(../icons/plus.svg) center/contain no-repeat;mask:url(../icons/plus.svg) center/contain no-repeat;transition:transform 250ms var(--ease-out),background-color 200ms ease}
.wp-block-details[open] summary::after{transform:rotate(45deg);background:var(--acento)}
.wp-block-details > :not(summary){padding:0 1.2rem 1.2rem !important;margin:0 !important;color:var(--texto-2)}
.wp-block-details::details-content{block-size:0;overflow:clip;transition:block-size 280ms var(--ease-out),content-visibility 280ms allow-discrete}
.wp-block-details[open]::details-content{block-size:auto}
@media (max-width:860px){.preguntas{grid-template-columns:1fr}}

/* Cierre con la pluma como icono de la app */
.cierre{position:relative;overflow:hidden;text-align:center;padding-block:clamp(5rem,11vw,8rem)}
.cierre::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 80% at 50% 100%,rgba(139,99,232,.35),transparent 70%);pointer-events:none}
.cierre > *{position:relative}
.wp-block-image.is-style-icono-app{width:88px;height:88px;margin:0 auto 1.8rem !important;border-radius:22px;display:grid !important;place-items:center;
  background:linear-gradient(160deg,#241845,#120C24);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 0 0 1px rgba(198,176,255,.18),0 20px 50px -18px rgba(139,99,232,.8)}
.wp-block-image.is-style-icono-app img{width:48px !important;height:48px !important}
.cierre h2{font-size:clamp(2.4rem,5.6vw,4.4rem) !important;line-height:1.02 !important}
.cierre p{margin:1rem auto 2rem !important;color:var(--texto-2);max-width:44ch}
.cierre .wp-block-buttons{justify-content:center}

/* Pie */
.pie{padding-block:2.5rem;font-size:.88rem;color:var(--texto-3);border-top:1px solid var(--linea)}
.pie .caja-pie{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center}
.pie .marca{margin-right:0;font-size:1.05rem;color:var(--texto)}
.pie .nav-pie{display:flex;flex-wrap:wrap;gap:.4rem 1.3rem;margin-left:auto}
.pie a{text-decoration:none;color:inherit}.pie .nav-pie a:hover{color:var(--texto)}
.idiomas{display:flex;gap:.35rem}
.idiomas a{font-size:.75rem;font-weight:700;letter-spacing:.06em;padding:.3rem .5rem;border-radius:6px;box-shadow:inset 0 0 0 1px var(--linea)}
.idiomas a[aria-current]{background:var(--chip);color:var(--acento)}

/* Páginas interiores */
.portada.pagina-cab{padding-bottom:clamp(6rem,11vw,8.5rem)}
.portada.pagina-cab h1,.portada.pagina-cab .wp-block-post-title{font-size:clamp(2.6rem,6vw,4.6rem) !important;margin:0 auto !important;max-width:18ch;line-height:1.02}
.portada.pagina-cab .wp-block-post-excerpt{margin:1.2rem auto 0 !important;max-width:60ch;color:var(--texto-2);font-size:1.08rem}
.portada.pagina-cab .wp-block-post-excerpt__more-link{display:none}
.contenido-pagina{padding-block:clamp(3rem,6vw,4.5rem) clamp(5rem,10vw,7rem)}
/* Lo que se marca como «solapa» sube y se monta sobre el borde de la cabecera */
.solapa{position:relative;z-index:2;margin-top:calc(-1 * clamp(8rem,14vw,11rem)) !important}

/* Página de compra */
.caja-compra{display:grid !important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(2rem,5vw,4rem);align-items:start;max-width:var(--ancho);margin-inline:auto !important}
.caja-compra .precio{margin-top:0 !important;grid-template-columns:1fr}
.caja-compra .precio > .wp-block-separator.is-style-troquel{width:auto;height:28px;background:radial-gradient(circle at 0 50%,var(--bg) 13px,transparent 14px) left/28px 28px no-repeat,radial-gradient(circle at 100% 50%,var(--bg) 13px,transparent 14px) right/28px 28px no-repeat}
.caja-compra .precio > .wp-block-separator.is-style-troquel::after{left:22px;right:22px;top:50%;bottom:auto;border-left:0;border-top:2px dashed var(--linea-f)}
.caja-compra .wp-block-button,.caja-compra .wp-block-button__link{width:100%}
.caja-compra .wp-block-button__link{min-height:54px;font-size:1.02rem}
.caja-compra .wp-block-button__link::before{content:"";width:1.1em;height:1.1em;background:currentColor;-webkit-mask:url(../icons/lock-simple.svg) center/contain no-repeat;mask:url(../icons/lock-simple.svg) center/contain no-repeat}
.pasos{display:grid !important;gap:1.6rem;padding-top:calc(clamp(8rem,14vw,11rem) - clamp(3rem,6vw,4.5rem) + 2rem)}
.paso{display:grid !important;grid-template-columns:44px 1fr;gap:.35rem 1rem;align-items:start}
.paso::before{content:"";grid-row:span 2;width:44px;height:44px;border-radius:12px;background:var(--chip);
  -webkit-mask:none;background-image:none;position:relative}
.paso > *{grid-column:2}
.paso h2{font-size:1.45rem !important;line-height:1.2 !important}
.paso p{color:var(--texto-2);max-width:46ch}
.paso{position:relative}
.paso::after{content:"";position:absolute;left:11px;top:11px;width:22px;height:22px;background:var(--acento);-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}
.pasos > :nth-child(1){--ico:url(../icons/credit-card.svg)}.pasos > :nth-child(2){--ico:url(../icons/receipt.svg)}.pasos > :nth-child(3){--ico:url(../icons/arrow-u-up-left.svg)}
@media (max-width:900px){.caja-compra{grid-template-columns:1fr}.pasos{padding-top:0}}

/* Formulario de Forminator con el diseño del tema (en Forminator: Apariencia › Estilo de diseño › Ninguno) */
.tarjeta-formulario{max-width:820px;margin-inline:auto !important;padding:clamp(1.5rem,4vw,3rem);border-radius:22px;background:var(--sup);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 0 0 1px var(--linea),var(--sombra)}
.forminator-ui.forminator-custom-form{font:inherit;color:var(--texto);margin:0 !important}
.forminator-ui .forminator-row{display:grid !important;grid-template-columns:repeat(12,minmax(0,1fr));gap:1.2rem;margin:0 0 1.3rem !important}
.forminator-ui .forminator-col{grid-column:span 12;min-width:0;padding:0 !important;flex:none !important;max-width:none !important}
.forminator-ui .forminator-col-6{grid-column:span 6}
.forminator-ui .forminator-col-3{grid-column:span 3}
@media (max-width:720px){.forminator-ui .forminator-col-6,.forminator-ui .forminator-col-3{grid-column:span 12}}
.forminator-ui .forminator-label{display:block;margin:0 0 .45rem;font-size:.86rem;font-weight:600;color:var(--texto-2)}
.forminator-ui .forminator-required{color:var(--acento)}
.forminator-ui .forminator-input,.forminator-ui .forminator-textarea,.forminator-ui select{
  width:100%;box-sizing:border-box;font:inherit;font-size:1rem;color:var(--texto);background:var(--sup-2);
  border:1px solid var(--linea-f);border-radius:12px;padding:0 1rem;height:50px;transition:border-color 150ms ease,box-shadow 150ms ease}
.forminator-ui .forminator-textarea{height:auto;min-height:170px;padding:.85rem 1rem;resize:vertical;line-height:1.55}
.forminator-ui select{appearance:none;-webkit-appearance:none;padding-right:2.6rem;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236C6573' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}
.forminator-ui ::placeholder{color:var(--texto-3);opacity:1}
.forminator-ui .forminator-input:focus,.forminator-ui .forminator-textarea:focus,.forminator-ui select:focus{outline:none;border-color:var(--violeta-medio);box-shadow:0 0 0 4px color-mix(in srgb,var(--violeta-medio) 18%,transparent)}
.forminator-ui .forminator-file-upload{display:flex;align-items:center;gap:1rem;padding:1rem;border:1.5px dashed var(--linea-f);border-radius:12px;background:var(--bg)}
.forminator-ui .forminator-input-file{font:inherit;font-size:.9rem;color:var(--texto-3);width:100%}
.forminator-ui .forminator-input-file::file-selector-button{font:600 .88rem/1 var(--f-texto);margin-right:1rem;padding:.65rem 1rem;border:0;border-radius:10px;cursor:pointer;background:var(--chip);color:var(--chip-t)}
.forminator-ui .forminator-upload--remove{display:none}
.forminator-ui .forminator-field-gdprcheckbox .forminator-label:not(.forminator-checkbox){display:none}
.forminator-ui .forminator-checkbox{display:flex;align-items:flex-start;gap:.7rem;cursor:pointer;font-size:.93rem;color:var(--texto-2)}
.forminator-ui .forminator-checkbox input{position:absolute;opacity:0;width:1px;height:1px}
.forminator-ui .forminator-checkbox-box{flex:none;width:20px;height:20px;margin-top:1px;border-radius:6px;border:1.5px solid var(--linea-f);background:var(--sup-2)}
.forminator-ui .forminator-checkbox input:checked+.forminator-checkbox-box{background:var(--violeta-medio) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center/14px no-repeat;border-color:var(--violeta-medio)}
.forminator-ui .forminator-checkbox input:focus-visible+.forminator-checkbox-box{box-shadow:0 0 0 4px color-mix(in srgb,var(--violeta-medio) 25%,transparent)}
.forminator-ui .forminator-checkbox a{color:var(--acento)}
.forminator-ui .forminator-row-last{margin:1.8rem 0 0 !important}
.forminator-ui .forminator-button-submit{display:inline-flex;align-items:center;justify-content:center;height:50px;padding:0 2rem;border:0;border-radius:12px;cursor:pointer;
  font:600 1rem/1 var(--f-texto);color:#fff;background:linear-gradient(180deg,#9C79EE,#7A52DD);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 0 0 1px rgba(122,82,221,.7),0 10px 28px -12px rgba(122,82,221,.85);transition:transform 160ms var(--ease-out),filter 200ms ease}
.forminator-ui .forminator-button-submit:active{transform:scale(.97)}
.forminator-ui .forminator-response-message[aria-hidden="true"]{display:none}
.forminator-ui .forminator-response-message{margin:0 0 1.3rem;padding:1rem 1.2rem;border-radius:12px;background:var(--chip);color:var(--chip-t)}
.forminator-ui .forminator-error-message{display:block;margin-top:.4rem;font-size:.84rem;color:#B42318}
/* select2 de Forminator (si lo carga): que parezca el desplegable del tema */
.forminator-ui .select2-container .select2-selection--single{height:50px;border:1px solid var(--linea-f);border-radius:12px;background:var(--sup-2);display:flex;align-items:center;padding:0 1rem}

/* Entradas al hacer scroll: suaves y una sola vez */
.js .aparece{opacity:0;transform:translateY(14px);transition:opacity 700ms var(--ease-out),transform 700ms var(--ease-out)}
.js .aparece.visto{opacity:1;transform:none}
.portada .sube{animation:sube 800ms var(--ease-out) both}
@keyframes sube{from{opacity:0;transform:translateY(12px);filter:blur(4px)}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none !important;transition-duration:1ms !important}
  .js .aparece{opacity:1;transform:none}
  .cinta p{padding-left:0;white-space:normal;text-align:center}.cinta{height:auto;padding-block:.5rem}
}

/* ------------------------------------------------------------------
   Compatibilidad con los contenidos escritos con la versión 3
   (tarjetas, cejillas, filas…): se ven con la paleta nueva.
   ------------------------------------------------------------------ */
mark.has-inline-color{background-color:transparent}
.appia-cejilla{font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--violeta);margin:0 0 .8rem}
.appia-cejilla-gris{color:var(--texto-3)}
.appia-fila{border-top:1px solid var(--linea);padding-top:.75rem;margin:0;font-size:.95rem;color:var(--texto-2)}
.appia-fila-si::before{content:"";display:inline-block;width:1em;height:1em;margin-right:.55rem;vertical-align:-.12em;background:var(--violeta);-webkit-mask:url(../icons/check.svg) center/contain no-repeat;mask:url(../icons/check.svg) center/contain no-repeat}
.appia-fila-no::before{content:"";display:inline-block;width:1em;height:1em;margin-right:.55rem;vertical-align:-.12em;background:var(--texto-3);-webkit-mask:url(../icons/minus-circle.svg) center/contain no-repeat;mask:url(../icons/minus-circle.svg) center/contain no-repeat}
.appia-fila-punto::before{content:"\00B7";color:var(--violeta);font-weight:700;margin-right:.55rem}
.appia-tarjeta,.is-style-tarjeta,.is-style-tarjeta-destacada{border-radius:var(--r) !important;border:0 !important;background:var(--papel) !important;box-shadow:0 0 0 1px var(--linea),0 18px 40px -30px rgba(42,27,82,.35);transition:box-shadow 250ms ease}
@media (hover:hover) and (pointer:fine){.appia-tarjeta:hover,.is-style-tarjeta:hover{box-shadow:0 0 0 1px color-mix(in srgb,var(--violeta-medio) 45%,transparent),0 24px 48px -30px rgba(42,27,82,.45)}}
.appia-etiqueta{display:inline-block;border-radius:8px;padding:.28rem .6rem;margin:0 .35rem .35rem 0;font-size:.78rem;font-weight:500;color:var(--violeta);background:#F1EBFB;border:0}
.appia-cifra{font-family:var(--f-titular);font-size:clamp(1.8rem,3.4vw,2.5rem);font-weight:500;line-height:1;color:var(--violeta);margin:0 0 .4rem}
.appia-precio{font-family:var(--f-titular);font-size:clamp(2.6rem,5vw,3.4rem);font-weight:500;line-height:1;letter-spacing:-.03em;margin:0 0 .5rem}
.appia-precio em{font-style:normal;font-family:var(--f-texto);font-size:.92rem;color:var(--texto-3);text-decoration:line-through}
.appia-insignia{display:inline-block;background:var(--violeta-profundo);color:#fff;border-radius:8px;padding:.35rem .7rem;margin:0 0 .6rem;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.appia-nota{font-size:.86rem;color:var(--texto-3);margin:0}
.appia-icono img{display:block}
.appia-halo{position:relative;isolation:isolate}
.appia-anim{animation:sube 800ms var(--ease-out) both}
.appia-escena{border:1px solid var(--linea);border-radius:10px;background:var(--papel);padding:.8rem .9rem;margin:0 0 .6rem;font-size:.95rem}
.contenido-pagina :where(h1,h2,h3) em:not(:has(mark)){color:var(--violeta)}
/* El cierre «Empieza tu próxima obra» que la versión 3 dejó al final de algunas páginas */
.contenido-pagina .has-escena-background-color{border-radius:22px;background:linear-gradient(180deg,#2A1B52,#1E1340) !important}

/* El cierre «Empieza tu próxima obra» dentro de una página (Preguntas): a todo lo ancho y pegado al pie */
.contenido-pagina .cierre.alignfull{margin-top:clamp(4rem,8vw,6rem) !important;margin-bottom:0 !important;max-width:none;width:auto}
.contenido-pagina:has(> .wp-block-post-content > .cierre:last-child){padding-bottom:0}
.contenido-pagina > .wp-block-post-content{max-width:none !important;margin-inline:0 !important;width:100%}
.contenido-pagina > .wp-block-post-content > .alignfull{max-width:none !important;width:auto;margin-left:calc(var(--wp--style--root--padding-left) * -1) !important;margin-right:calc(var(--wp--style--root--padding-right) * -1) !important}
.appia h1 em,.appia h2 em{color:var(--acento) !important}

/* Selector de idioma de la barra: banderita redonda + código; lista con bandera y nombre */
.ico-check{--ico:url(../icons/check.svg)}.ico-caret{--ico:url(../icons/caret-down.svg)}
.idioma{position:relative;flex:none}
.idioma summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:.4rem;height:36px;padding:0 .55rem 0 .45rem;border-radius:10px;
  font:600 .8rem/1 var(--f-texto);letter-spacing:.04em;color:#F6F2FB;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);transition:background-color 150ms ease,transform 160ms var(--ease-out)}
.idioma summary::-webkit-details-marker{display:none}
.idioma summary:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.idioma summary:hover{background:rgba(255,255,255,.08)}}
.idioma summary .ico-caret{width:.8em;height:.8em;transition:transform 200ms var(--ease-out)}
.idioma[open] summary{background:rgba(255,255,255,.1)}
.idioma[open] summary .ico-caret{transform:rotate(180deg)}
.bandera{width:18px;height:18px;border-radius:50%;object-fit:cover;flex:none;box-shadow:0 0 0 1px rgba(255,255,255,.35)}
.idioma-lista{position:absolute;right:0;top:calc(100% + 10px);z-index:60;min-width:200px;margin:0;padding:6px;list-style:none;border-radius:14px;
  background:rgba(34,22,68,.97);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  box-shadow:0 0 0 1px rgba(255,255,255,.12),0 24px 50px -20px rgba(8,4,20,.8);transform-origin:top right;
  transition:opacity 160ms var(--ease-out),transform 160ms var(--ease-out)}
@starting-style{.idioma[open] .idioma-lista{opacity:0;transform:scale(.96) translateY(-4px)}}
.idioma-lista li{margin:0}
.idioma-lista a{display:flex;align-items:center;gap:.7rem;padding:.6rem .7rem;border-radius:9px;text-decoration:none;color:#E9E2F5;font-size:.92rem;font-weight:500}
.idioma-lista a:hover,.idioma-lista a:focus-visible{background:rgba(255,255,255,.07);color:#fff}
.idioma-lista a[aria-current]{background:rgba(255,255,255,.1);color:#fff}
.idioma-lista .ico-check{margin-left:auto;color:var(--violeta-claro);width:1em;height:1em}
.barra.abierta .idioma-lista{display:none}
@media (max-width:480px){.idioma .idioma-codigo,.idioma summary .ico-caret{display:none}.idioma summary{padding:0 .5rem}}
/* El selector antiguo del pie ya no se usa */
.pie .idiomas{display:none}

/* Un botón sin enlace (p. ej. «Muy pronto» en Descarga) no debe parecer pulsable. */
.wp-block-button__link:not([href]){opacity:.5;box-shadow:none;cursor:default;pointer-events:none;filter:saturate(.6)}

/* Lista de espera de Windows (08/11/2026) */
.cinta a{color:inherit;text-decoration:underline;text-underline-offset:.2em;text-decoration-color:var(--violeta-claro)}
.cinta a:hover{color:var(--texto)}
.appia-windows-linea{position:relative;padding-left:1.7em;margin-top:1.1rem !important;font-size:.88rem;color:var(--texto-2);max-width:44ch}
.appia-windows-linea::before{content:"";position:absolute;left:0;top:.2em;width:1.1em;height:1.1em;background:currentColor;-webkit-mask:url(../icons/desktop.svg) center/contain no-repeat;mask:url(../icons/desktop.svg) center/contain no-repeat;opacity:.8}
.appia-windows-linea a{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:.2em;text-decoration-color:var(--violeta-medio)}
.appia-windows-linea a:hover{color:var(--texto)}
.chip-pronto{display:inline-block;vertical-align:middle;margin-left:.4rem;font:700 .64rem/1 var(--f-texto);letter-spacing:.1em;text-transform:uppercase;color:var(--violeta);background:#EDE6FB;padding:.35rem .5rem;border-radius:6px}
.appia-windows-sabemos{max-width:820px;margin:2rem auto 4rem !important}
.forminator-ui .forminator-field-checkbox .forminator-description{display:block;margin:.35rem 0 0 2.1rem;font-size:.8rem;font-weight:400;color:var(--texto-3)}