/* ============================================================
 * readify.es v3 (sep 2026) — desde 3.8.0 con el lenguaje de la app (ver bloque «Bienestar» al final)
 * Estructura editorial tipo reMarkable (serif ligera, fotos grandes, filas
 * imagen/texto) con formas redondeadas, y libros como ElevenReader (abanico
 * 3D y estantería con título y autor). Marca: la de la app (Fraunces,
 * Hanken Grotesk, logo Bricolage con punto ámbar, botón principal negro).
 * ============================================================ */
:root{
  /* Paleta de la app Readify 2 (16 sep): gris cálido, blanco sólido, naranja y pasteles planos */
  --papel:#F2F1EE; --papel-2:#E9E7E2; --blanco:#FFFFFF;
  --tinta:#151412; --tinta-2:#5F5B54; --tenue:#8C877F; --linea:#E3E0DA;
  --terracota:#F0662F; --ambar:#8A6015; --noche:#1C1B19;
  --melocoton:#FDE7DA; --salvia:#DDF2E8; --cielo:#E3EDFC;
  --amarillo:#FFF2C9; --lila:#ECE6FB; --rosa:#FCE6EC;
  --r-xl:36px; --r-lg:28px; --r-md:20px; --r-sm:14px;
  /* Títulos: la tipografía del menú desplegable (Bricolage Grotesque 600), decisión de Alex 16 sep */
  --f-titulo:'Bricolage Grotesque', 'Hanken Grotesk', -apple-system, 'Segoe UI', Arial, sans-serif;
  --f-ui:'Hanken Grotesk', -apple-system, 'Segoe UI', Arial, sans-serif;
  --f-logo:'Bricolage Grotesque', 'Hanken Grotesk', -apple-system, sans-serif;
  --gutter:clamp(16px, 2.2vw, 28px);
}
body.rdfy-v3{margin:0; background:var(--papel); color:var(--tinta); font-family:var(--f-ui); font-size:16px; line-height:1.55; -webkit-font-smoothing:antialiased}
.rdfy-v3 *{box-sizing:border-box}
/* Reseteos con :where() para que no le ganen a las clases de componente */
.rdfy-v3 :where(h1,h2,h3,h4,p,ul,ol){margin:0; padding:0}
.rdfy-v3 :where(ul,ol){list-style:none}
.rdfy-v3 :where(h1,h2,h3){font-family:var(--f-titulo); font-weight:600; letter-spacing:-.035em; text-wrap:balance; color:var(--tinta)}
/* Sin cursivas: decisión de Alex (16 sep) */
.rdfy-v3 :where(em){font-style:normal}
.rdfy-v3 :where(a){color:inherit}
.rdfy-v3 :where(img){max-width:100%; display:block}
.rdfy-v3 :where(svg){flex-shrink:0}
.rdfy-v3 :focus-visible{outline:2px solid var(--terracota); outline-offset:3px; border-radius:8px}
.v3-oculto{position:absolute!important; left:-9999px!important; width:1px; height:1px; overflow:hidden}
.v3-contenedor{width:min(1280px, 100% - 2*var(--gutter)); margin-inline:auto}
.v3-estrecho{width:min(820px, 100% - 2*var(--gutter)); margin-inline:auto}
.v3-centro{text-align:center}
.v3-seccion{padding-block:clamp(72px, 10vw, 128px)}
.v3-seccion--pegada{padding-top:48px}
.v3-nota{font-size:13.5px; color:var(--tenue); margin-top:18px}
.v3-nota a{text-decoration:underline; text-underline-offset:3px}

/* Botones: el principal siempre negro, píldora */
.v3-boton{display:inline-flex; align-items:center; justify-content:center; gap:8px; border-radius:999px; padding:15px 26px; font:600 15.5px/1 var(--f-ui); letter-spacing:-.1px; text-decoration:none; border:1px solid transparent; cursor:pointer; transition:transform .15s ease, background .15s ease, border-color .15s ease}
.v3-boton:active{transform:scale(.98)}
.v3-boton--negro,.v3-boton--negro:hover{background:var(--tinta); color:#fff}
.v3-boton--negro:hover{background:#34312b}
.v3-boton--blanco{background:var(--blanco); color:var(--tinta); border-color:var(--linea)}
.v3-boton--blanco:hover{border-color:var(--tenue)}
.v3-boton--peque{padding:11px 20px; font-size:14.5px}
.v3-boton--ancho{width:100%}

.v3-antetitulo{display:flex; align-items:center; gap:10px; font:500 14px/1.2 var(--f-ui); color:var(--tinta-2)}
.v3-etiqueta{background:var(--salvia); color:#3F5A3A; border-radius:999px; padding:4px 10px; font-size:12px; font-weight:600}
.v3-pastilla{display:inline-flex; align-items:center; gap:8px; background:var(--blanco); border:1px solid var(--linea); border-radius:999px; padding:7px 14px 7px 10px; font:500 13.5px/1 var(--f-ui); color:var(--tinta-2)}
.v3-pastilla svg{color:var(--terracota)}
.v3-rotulo{font:600 12px/1 var(--f-ui); letter-spacing:.14em; text-transform:uppercase; color:var(--tinta-2)}
.v3-entradilla{font-size:18px; line-height:1.55; color:var(--tinta-2); max-width:600px; margin:18px auto 0}
.v3-entradilla a{text-decoration:underline; text-underline-offset:3px; color:var(--tinta)}
.rdfy-v3 :where(h2){font-size:clamp(36px, 4.6vw, 60px); line-height:1.06}

/* ───────── Cabecera: la del diseño clásico (shared.css), más fina ───────── */
body.rdfy-v3 #contenido{padding-top:68px}
.rdfy-v3 section[id],.rdfy-v3 [id].v3-tema{scroll-margin-top:84px}
.v3-cab-clasica{background:none!important; overflow:visible!important}
.v3-cab-clasica .rdfy-nav{background:color-mix(in srgb, var(--papel) 82%, transparent)}
.v3-cab-clasica .rdfy-nav.mm-open{background:var(--papel)}
.v3-cab-clasica .rdfy-nav-inner,
.v3-cab-clasica .rdfy-nav.scrolled .rdfy-nav-inner{max-width:1328px; margin-inline:auto; padding:10px 24px}
.v3-cab-clasica .rdfy-logo{font-size:28px}
.v3-cab-clasica .rdfy-nav-trigger{padding:8px 15px; font-size:14.5px}
.v3-cab-clasica .rdfy-btn{padding:10px 18px}
.v3-cab-clasica .rdfy-megamenu{border-radius:0 0 var(--r-xl) var(--r-xl)}
.v3-cab-clasica .rdfy-mm-inner{max-width:1328px; margin-inline:auto}
/* Icono de cuenta: círculo con borde y silueta entera dentro */
.v3-cab-clasica .rdfy-user{width:38px; height:38px; border:1.5px solid var(--linea); background:var(--blanco); color:var(--tinta)}
.v3-cab-clasica .rdfy-user:hover{border-color:var(--tinta); background:var(--blanco)}
@media (max-width: 960px){
  body.rdfy-v3 #contenido{padding-top:60px}
  .v3-cab-clasica .rdfy-nav-inner,
  .v3-cab-clasica .rdfy-nav.scrolled .rdfy-nav-inner{padding:8px 16px}
  .v3-cab-clasica .rdfy-logo{font-size:25px}
  .v3-cab-clasica .rdfy-user{width:36px; height:36px}
  .v3-cab-clasica .rdfy-nav-right{gap:8px}
}

/* ───────── Portada con foto ───────── */
.v3-hero{position:relative; margin:6px var(--gutter) 0; border-radius:var(--r-xl); overflow:hidden; min-height:clamp(560px, 72vh, 760px); display:flex; align-items:center; background:var(--papel-2)}
.v3-hero-foto{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:60% 45%}
.v3-hero::after{content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(242,241,238,.92) 0%, rgba(242,241,238,.78) 34%, rgba(242,241,238,0) 64%)}
.v3-hero-texto{position:relative; z-index:1; width:min(1280px, 100%); margin-inline:auto; padding:48px clamp(24px, 6vw, 88px)}
.v3-hero h1{font-size:clamp(46px, 6vw, 86px); line-height:1.0; letter-spacing:-.045em; max-width:660px}
.v3-hero-sub{font-size:clamp(17px, 1.5vw, 20px); line-height:1.5; color:var(--tinta-2); max-width:460px; margin-top:24px}
.v3-botones{display:flex; flex-wrap:wrap; gap:12px; margin-top:34px}

.v3-ventajas{display:flex; flex-wrap:wrap; justify-content:center; gap:14px 48px; padding:28px var(--gutter) 0}
.v3-ventajas li{display:flex; align-items:center; gap:9px; font:600 12.5px/1 var(--f-ui); letter-spacing:.11em; text-transform:uppercase; color:var(--tinta-2)}
.v3-ventajas svg{color:var(--terracota)}

/* ───────── Libros ───────── */
.v3-libros h2{max-width:760px; margin-inline:auto}
.v3-generos{display:flex; flex-wrap:wrap; justify-content:center; gap:8px; max-width:760px; margin:40px auto 0}
.v3-generos li{background:var(--blanco); border:1px solid var(--linea); border-radius:999px; padding:9px 16px; font:500 14.5px/1 var(--f-ui)}
.v3-generos .v3-generos-mas{background:transparent; border-style:dashed; color:var(--tinta-2)}

/* ───────── Declaración ───────── */
.v3-declaracion{background:var(--papel-2); border-radius:var(--r-xl); margin-inline:var(--gutter)}
.v3-declaracion .v3-rotulo{text-align:center}
.v3-frase{font:600 clamp(28px, 3.4vw, 46px)/1.14 var(--f-titulo); letter-spacing:-.035em; max-width:720px; text-wrap:balance}
.v3-frase--1{margin:0 0 0 clamp(0px, 4vw, 60px)}
.v3-frase--2{margin:10px 0 0 auto; text-align:right}
.v3-garabato{display:block; width:clamp(110px, 12vw, 160px); margin:24px auto 0; color:var(--tinta-2)}

/* ───────── Hecho para… (filas imagen/texto) ───────── */

.v3-fila{display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:clamp(32px, 6vw, 96px); align-items:center}
.v3-fila + .v3-fila{margin-top:clamp(64px, 9vw, 120px)}
.v3-fila--invertida .v3-fila-foto{order:2}
.v3-fila-foto{width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:var(--r-lg)}
.v3-fila-texto{max-width:470px; display:flex; flex-direction:column; gap:14px}
.v3-fila-texto h3{font-size:clamp(38px, 4.4vw, 58px); line-height:1.02; margin-bottom:8px}
.v3-fila-texto p{font-size:17px; color:var(--tinta-2)}

/* ───────── Cómo funciona ───────── */
.v3-cabecera-seccion{max-width:760px}
.v3-cabecera-seccion--fila{max-width:none; display:flex; align-items:flex-end; justify-content:space-between; gap:24px}
.v3-pasos{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:16px; margin-top:48px; counter-reset:paso}
.v3-paso{border-radius:var(--r-lg); padding:32px 30px 36px; min-height:280px; display:flex; flex-direction:column}
.v3-paso--melocoton{background:var(--melocoton)}
.v3-paso--salvia{background:var(--salvia)}
.v3-paso--cielo{background:var(--cielo)}
.v3-paso-num{width:42px; height:42px; border-radius:999px; background:rgba(255,255,255,.7); display:flex; align-items:center; justify-content:center; font:600 19px/1 var(--f-titulo)}
.v3-paso h3{font-size:clamp(26px, 2.4vw, 32px); line-height:1.12; margin-top:auto; padding-top:56px}
.v3-paso p{color:var(--tinta-2); margin-top:12px}

/* ───────── Estantería ───────── */
.v3-flechas{display:flex; gap:10px}
.v3-flecha{width:48px; height:48px; border-radius:999px; border:1px solid var(--linea); background:var(--blanco); color:var(--tinta); display:flex; align-items:center; justify-content:center; cursor:pointer}
.v3-flecha:hover{border-color:var(--tenue)}
.v3-estanteria{display:flex; gap:20px; overflow-x:auto; scroll-snap-type:x mandatory; scroll-padding-inline:max(var(--gutter), calc((100% - 1280px) / 2)); padding:40px max(var(--gutter), calc((100% - 1280px) / 2)) 8px; scrollbar-width:none}
.v3-estanteria::-webkit-scrollbar{display:none}
.v3-estante-libro{flex:0 0 clamp(150px, 15vw, 196px); scroll-snap-align:start; display:flex; flex-direction:column}
.v3-estante-libro .v3-portada{width:100%; aspect-ratio:2/3; object-fit:cover; border-radius:6px 12px 12px 6px; box-shadow:0 1px 2px rgba(0,0,0,.1), 0 16px 30px -18px rgba(27,26,23,.5); transition:transform .25s ease}
.v3-estante-libro:hover .v3-portada{transform:translateY(-6px)}
.v3-estante-libro b{font:600 15px/1.3 var(--f-ui); margin-top:14px}
.v3-estante-libro span{font-size:14px; color:var(--tenue); margin-top:3px}

/* ───────── Precio ───────── */
.v3-precio{display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:16px}
.v3-plan{background:var(--melocoton); border-radius:var(--r-xl); padding:clamp(28px, 4vw, 48px); display:flex; flex-direction:column; gap:14px}
.v3-plan h2{margin-top:0; font-size:clamp(40px, 4.4vw, 58px)}
.v3-plan-desc{color:var(--tinta-2); font-size:17px; max-width:420px}
.v3-plan-precio{display:flex; align-items:baseline; gap:10px; margin-top:10px}
.v3-plan-precio b{font:700 72px/1 var(--f-titulo); letter-spacing:-.045em}
.v3-plan-precio span{color:var(--tinta-2); font-weight:500}
.v3-plan-oferta{display:flex; align-items:center; gap:8px; margin:12px 0 0; font-weight:600; color:var(--tinta)}
.v3-plan-oferta svg{color:var(--terracota); flex:none}
.v3-incluye{display:grid; gap:10px; margin:6px 0 16px}
.v3-incluye li{display:flex; align-items:center; gap:10px; font-weight:500}
.v3-incluye svg{color:var(--terracota)}
.v3-gestion{background:var(--blanco); border:1px solid var(--linea); border-radius:var(--r-xl); overflow:hidden; display:flex; flex-direction:column}
.v3-gestion > img{width:100%; aspect-ratio:16/8; object-fit:cover; object-position:50% 35%}
.v3-gestion-texto{padding:clamp(24px, 3.4vw, 40px)}
.v3-gestion h3{font-size:clamp(30px, 3vw, 40px); line-height:1.1}
.v3-gestion ul{margin-top:18px}
.v3-gestion li{display:flex; gap:16px; padding:16px 0; border-top:1px solid var(--linea)}
.v3-gestion li svg{color:var(--terracota); margin-top:2px}
.v3-gestion li b{display:block; font-weight:600}
.v3-gestion li span{display:block; color:var(--tinta-2); font-size:15px; margin-top:2px}

/* ───────── La app Readify ───────── */
.v3-app{display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:clamp(32px, 5vw, 72px); align-items:center; background:var(--melocoton); border-radius:var(--r-xl); padding:clamp(28px, 5vw, 72px); overflow:hidden}
.v3-app h2{font-size:clamp(40px, 4.6vw, 64px); line-height:1.02}
.v3-app .v3-entradilla{margin-top:14px}
.v3-app-lista{margin-top:26px; display:grid; gap:18px}
.v3-app-lista li{display:flex; gap:14px}
.v3-app-lista svg{color:var(--terracota); margin-top:2px}
.v3-app-lista b{display:block; font-weight:600; font-size:17px}
.v3-app-lista span{display:block; color:var(--tinta-2); font-size:15px; margin-top:2px}
.v3-app .v3-nota a{color:var(--tinta)}
.v3-app-moviles{display:flex; justify-content:center; align-items:flex-start; gap:clamp(12px, 2vw, 24px); padding-bottom:48px}
.v3-movil{width:min(47%, 270px); background:var(--tinta); border-radius:clamp(30px, 3.4vw, 44px); padding:clamp(6px, .8vw, 10px); box-shadow:0 30px 60px -24px rgba(27,26,23,.45)}
.v3-movil img{width:100%; aspect-ratio:1206/2622; object-fit:cover; border-radius:clamp(24px, 2.8vw, 35px)}
.v3-movil--bajo{margin-top:48px}
.v3-tiendas{display:flex; flex-wrap:wrap; gap:10px; margin-top:28px}
.v3-tienda{display:inline-flex; align-items:center; gap:10px; background:var(--tinta); color:#fff; border-radius:14px; padding:9px 20px 9px 14px; cursor:default; user-select:none}
.v3-tienda > span{display:flex; flex-direction:column; line-height:1.1}
.v3-tienda small{font-size:11px; letter-spacing:.01em; opacity:.78}
.v3-tienda b{font:600 18px/1.15 var(--f-titulo); letter-spacing:-.02em}
.v3-tiendas--pie{margin-top:20px; gap:8px}
.v3-tiendas--pie .v3-tienda{padding:7px 14px 7px 11px; border-radius:12px; gap:8px}
.v3-tiendas--pie .v3-tienda svg{width:20px; height:20px}
.v3-tiendas--pie .v3-tienda b{font-size:15px}
.v3-tiendas--pie .v3-tienda small{font-size:10px}

/* ───────── Preguntas ───────── */
.v3-faq{margin-top:40px; display:flex; flex-direction:column; gap:10px}
.v3-faq details{background:var(--blanco); border:1px solid var(--linea); border-radius:var(--r-md); padding:0 24px}
.v3-faq summary{list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:22px 0; font:600 19px/1.3 var(--f-titulo); letter-spacing:-.02em}
.v3-faq summary::-webkit-details-marker{display:none}
.v3-faq summary svg{color:var(--tenue); transition:transform .2s ease}
.v3-faq details[open] summary svg{transform:rotate(180deg); color:var(--tinta)}
.v3-faq details p{color:var(--tinta-2); padding-bottom:22px; max-width:640px; margin-top:-6px}
.v3-faq details p a{text-decoration:underline; text-underline-offset:3px; color:var(--tinta)}
.v3-mas-ayuda{margin-top:28px; color:var(--tinta-2)}
.v3-mas-ayuda a{color:var(--tinta); text-decoration:underline; text-underline-offset:3px}

/* ───────── Novedades ───────── */
.v3-novedades{background:var(--blanco); border:1px solid var(--linea); border-radius:var(--r-xl); padding:clamp(28px, 4vw, 48px); display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px 48px; align-items:center}
.v3-novedades h3{font-size:clamp(32px, 3.2vw, 44px); line-height:1.1}
.v3-novedades > div p{color:var(--tinta-2); margin-top:10px; max-width:380px}
.v3-novedades-form{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px}
.v3-novedades-form input[type=email]{font:16px var(--f-ui); color:var(--tinta); background:var(--papel); border:1.5px solid var(--linea); border-radius:999px; padding:14px 20px; min-width:0}
.v3-novedades-form input[type=email]:focus{outline:none; border-color:var(--tinta)}
.v3-novedades-form .v3-nota,.v3-novedades-form .v3-aviso{grid-column:1 / -1; margin-top:4px}

.v3-aviso{background:#F7E6E1; color:#8A2E17; border-radius:var(--r-sm); padding:14px 18px; font-weight:600}
.v3-aviso--ok{background:#E4EFE6; color:#2E5E3A}

/* ───────── Cierre ───────── */
.v3-cierre{position:relative; margin:clamp(72px, 10vw, 128px) var(--gutter) 0; border-radius:var(--r-xl); overflow:hidden; min-height:520px; display:flex; align-items:center; background:var(--noche)}
.v3-cierre-foto{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 50%; opacity:.72}
.v3-cierre::after{content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(20,18,15,.85) 0%, rgba(20,18,15,.45) 55%, rgba(20,18,15,.15) 100%)}
.v3-cierre-texto{position:relative; z-index:1; padding:48px clamp(24px, 6vw, 88px); max-width:720px}
.v3-cierre h2{color:#F6F2EA; font-size:clamp(44px, 5.6vw, 80px); line-height:1.02; margin-top:0}
.v3-cierre em{color:#E7B49A}
.v3-cierre p{color:rgba(246,242,234,.78); font-size:18px; margin:18px 0 30px}

/* ───────── Páginas interiores ───────── */
.v3-cabecera-pagina{padding-block:clamp(56px, 8vw, 96px) 0}
.v3-cabecera-pagina h1{font-size:clamp(48px, 6vw, 80px); line-height:1.02; margin-top:20px}
.v3-ayuda{display:flex; flex-direction:column; gap:56px}
.v3-tema{scroll-margin-top:100px}
.v3-tema h2{display:flex; align-items:center; gap:14px; font-size:clamp(28px, 3vw, 36px); margin-top:0}
.v3-tema-icono{width:44px; height:44px; border-radius:14px; background:var(--blanco); border:1px solid var(--linea); display:flex; align-items:center; justify-content:center; color:var(--terracota)}
.v3-tema .v3-faq{margin-top:20px}
.v3-tarjetas-contacto{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:14px}
.v3-tarjeta-contacto{background:var(--salvia); border-radius:var(--r-lg); padding:28px; text-decoration:none; display:flex; flex-direction:column; gap:8px; transition:transform .2s ease}
.v3-tarjeta-contacto:nth-child(2){background:var(--cielo)}
.v3-tarjeta-contacto:hover{transform:translateY(-3px)}
.v3-tarjeta-contacto b{font:600 24px/1.1 var(--f-titulo); letter-spacing:-.03em; margin-top:22px}
.v3-tarjeta-contacto span{color:var(--tinta-2)}
.v3-formulario{background:var(--blanco); border:1px solid var(--linea); border-radius:var(--r-xl); padding:clamp(24px, 4vw, 44px); display:flex; flex-direction:column; gap:18px}
.v3-campos{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:18px}
.v3-formulario label{display:flex; flex-direction:column; gap:8px; font-weight:600; font-size:14.5px}
.v3-formulario input:not([type=checkbox]),.v3-formulario textarea,.v3-formulario select{font:16px var(--f-ui); color:var(--tinta); background:var(--papel); border:1.5px solid var(--linea); border-radius:var(--r-sm); padding:14px 16px; width:100%}
.v3-formulario input:focus,.v3-formulario textarea:focus,.v3-formulario select:focus{outline:none; border-color:var(--tinta)}
.v3-formulario select{appearance:none; -webkit-appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23222' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 16px center; padding-right:44px}
.v3-formulario .v3-acepto{flex-direction:row; align-items:flex-start; gap:12px; font-weight:400; color:var(--tinta-2)}
.v3-acepto input{width:20px; height:20px; margin-top:1px; accent-color:var(--tinta)}
.v3-acepto a{color:var(--tinta); text-decoration:underline; text-underline-offset:3px}
.v3-formulario .v3-boton{align-self:flex-start}

/* ───────── Pie ───────── */
.v3-logo{font:700 30px/1 var(--f-titulo); letter-spacing:-.045em; text-decoration:none; color:var(--tinta)}
.v3-logo span{color:var(--ambar)}
.v3-pie{margin-top:clamp(72px, 10vw, 128px); border-top:1px solid var(--linea); padding-block:56px 32px}
.v3-pie-dentro{display:grid; grid-template-columns:minmax(0,1.4fr) repeat(3, minmax(0,1fr)); gap:32px}
.v3-pie-marca p{color:var(--tinta-2); margin-top:14px; max-width:280px}
.v3-pie-col{display:flex; flex-direction:column; gap:10px}
.v3-pie-col h4{margin:0 0 6px; font:600 12px/1 var(--f-ui); letter-spacing:.12em; text-transform:uppercase; color:var(--tenue)}
.v3-pie-col a{text-decoration:none; color:var(--tinta-2)}
.v3-pie-col a:hover{color:var(--tinta)}
.v3-pie-legal{display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; margin-top:48px; padding-top:24px; border-top:1px solid var(--linea); font-size:14px; color:var(--tenue)}
.v3-pie-legal nav{display:flex; gap:22px}
.v3-pie-legal a{text-decoration:none}
.v3-pie-legal a:hover{color:var(--tinta)}

/* ───────── Coverflow (libros) ───────── */
.v3-coverflow{margin:44px auto 0; max-width:1200px; overflow:hidden; padding-bottom:6px}
.v3-cf-escena{position:relative; height:clamp(320px, 36vw, 470px); perspective:1800px; transform-style:preserve-3d}
.v3-cf-libro{--i:0; --paso:clamp(70px, 11vw, 150px); position:absolute; left:50%; bottom:28px; width:clamp(150px, 18vw, 250px); aspect-ratio:2/3; padding:0; border:0; background:none; cursor:pointer;
  transform:translateX(calc(-50% + var(--i) * var(--paso))) translateZ(calc(var(--abs, 0) * -110px)) rotateY(calc(var(--i) * -14deg)) scale(calc(1 - var(--abs, 0) * .04));
  z-index:calc(20 - var(--abs, 0)); transition:transform .8s cubic-bezier(.2,.75,.15,1), opacity .6s ease, filter .6s ease; filter:brightness(calc(1 - var(--abs, 0) * .06))}
.v3-cf-libro .v3-portada{width:100%; height:100%; object-fit:cover; border-radius:5px 12px 12px 5px; box-shadow:0 2px 3px rgba(0,0,0,.12), 0 28px 50px -20px rgba(27,26,23,.5); transition:box-shadow .6s ease}
.v3-cf-libro::after{content:""; position:absolute; inset:0 auto 0 0; width:9%; border-radius:5px 0 0 5px; background:linear-gradient(90deg, rgba(0,0,0,.25), rgba(255,255,255,.14) 45%, rgba(0,0,0,0)); pointer-events:none}
.v3-cf-libro.es-activo{transform:translateX(-50%) translateY(-14px) scale(1.06)}
.v3-cf-libro.es-activo .v3-portada{box-shadow:0 4px 6px rgba(0,0,0,.12), 0 44px 70px -24px rgba(27,26,23,.6)}
.v3-cf-libro.es-fuera{opacity:0; pointer-events:none}
/* Entrada: todos apilados en el centro hasta que la sección se ve */
.v3-js .v3-coverflow:not(.v3-cf-listo) .v3-cf-libro{transform:translateX(-50%) translateY(40px) rotateZ(calc(var(--i) * 4deg)) scale(.9); opacity:0}
.v3-cf-pie{text-align:center; margin-top:18px; min-height:48px; display:flex; flex-direction:column; gap:2px}
.v3-cf-pie b{font:600 17px/1.2 var(--f-titulo); letter-spacing:-.02em}
.v3-cf-pie span{font-size:14px; color:var(--tenue)}
.v3-cf-pie.cambia{animation:v3-pie .5s ease}
@keyframes v3-pie{from{opacity:0; transform:translateY(6px)} to{opacity:1; transform:none}}

/* ───────── Animaciones al hacer scroll ───────── */
.v3-js [data-anim]{opacity:0; transform:translateY(12px); transition:opacity .6s cubic-bezier(.2,.7,.2,1) var(--d, 0ms), transform .6s cubic-bezier(.2,.7,.2,1) var(--d, 0ms)}
.v3-js [data-anim].v3-visible{opacity:1; transform:none}
.v3-js .v3-fila-foto[data-anim]{transform:translateY(12px)}
.v3-js .v3-fila-foto[data-anim].v3-visible{transform:none}
.v3-js .v3-generos--grande li{opacity:0; transform:translateY(10px); transition:opacity .5s ease var(--d, 0ms), transform .5s ease var(--d, 0ms)}
.v3-js .v3-visible .v3-generos--grande li,.v3-js .v3-generos-bloque.v3-visible li{opacity:1; transform:none}
.v3-trazo{stroke-dasharray:240; stroke-dashoffset:0}
.v3-js .v3-garabato:not(.v3-visible) .v3-trazo{stroke-dashoffset:240}
.v3-js .v3-garabato.v3-visible .v3-trazo{transition:stroke-dashoffset 1.2s ease .2s}
.v3-entra{animation:v3-entra .9s cubic-bezier(.2,.7,.2,1) both; animation-delay:var(--d, 0ms)}
@keyframes v3-entra{from{opacity:0; transform:translateY(10px)} to{opacity:1; transform:none}}
.v3-hero-foto{animation:v3-zoom 2.4s cubic-bezier(.2,.7,.2,1) both}
@keyframes v3-zoom{from{transform:scale(1.08)} to{transform:scale(1)}}

/* ───────── Páginas interiores ───────── */
.v3-seccion--sin-arriba{padding-top:0}
.v3-ver{display:inline-flex; align-items:center; gap:8px; margin-top:10px; font:600 15.5px/1 var(--f-ui); color:var(--tinta); text-decoration:none; border-bottom:1.5px solid var(--tinta); padding-bottom:4px; align-self:flex-start; width:fit-content}
.v3-ver svg{transition:transform .2s ease}
.v3-ver:hover svg{transform:translateX(4px)}
.v3-centro .v3-ver{margin-inline:auto; margin-top:24px}
.v3-cabecera-seccion--fila .v3-ver{margin-top:0}
.v3-entradilla--izq{margin-left:0}
.v3-botones--centro{justify-content:center}
.v3-titulo-seccion{margin-bottom:40px; max-width:760px}

.v3-pagina-cab{padding-block:clamp(28px, 4vw, 48px) 0}
.v3-pagina-cab-dentro{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(28px, 5vw, 72px); align-items:center}
.v3-pagina-cab-texto h1{font-size:clamp(44px, 5.4vw, 78px); line-height:1; letter-spacing:-.045em}
.v3-pagina-cab-texto > p{font-size:clamp(17px, 1.5vw, 20px); line-height:1.5; color:var(--tinta-2); margin-top:22px; max-width:520px}
.v3-pagina-cab-foto{width:100%; aspect-ratio:5/4; object-fit:cover; border-radius:var(--r-xl)}
.v3-pagina-precio{margin-top:22px; font-size:17px; color:var(--tinta-2)}
.v3-pagina-precio b{font:700 34px/1 var(--f-titulo); letter-spacing:-.04em; color:var(--tinta); margin-right:4px}

.v3-tarjetas{display:grid; gap:16px}
.v3-tarjetas--4{grid-template-columns:repeat(4, minmax(0,1fr))}
.v3-tarjetas--3{grid-template-columns:repeat(3, minmax(0,1fr))}
.v3-tarjeta{border-radius:var(--r-lg); padding:28px 26px 30px; display:flex; flex-direction:column; gap:10px}
.v3-tarjeta h3{font-size:22px; line-height:1.15; letter-spacing:-.03em; margin-top:18px}
.v3-tarjeta p{color:var(--tinta-2); font-size:15.5px}
.v3-tarjeta--melocoton{background:var(--melocoton)}
.v3-tarjeta--salvia{background:var(--salvia)}
.v3-tarjeta--cielo{background:var(--cielo)}
.v3-tarjeta--papel{background:var(--papel-2)}
.v3-tarjeta--blanca{background:var(--blanco); border:1px solid var(--linea)}
.v3-tarjeta-icono{width:46px; height:46px; border-radius:14px; background:rgba(255,255,255,.75); display:flex; align-items:center; justify-content:center; color:var(--terracota)}
.v3-tarjeta--blanca .v3-tarjeta-icono{background:var(--papel)}
.v3-tarjeta-cifra{font:700 64px/1 var(--f-titulo); letter-spacing:-.05em}
.v3-tarjeta-cifra + h3{margin-top:6px}

.v3-desglose{margin:8px 0 18px; border-top:1px solid rgba(27,26,23,.12)}
.v3-desglose li{display:flex; justify-content:space-between; gap:12px; padding:13px 0; border-bottom:1px solid rgba(27,26,23,.12)}
.v3-desglose span{color:var(--tinta-2)}
.v3-desglose b{font-weight:600}
.v3-desglose-total span,.v3-desglose-total b{font:700 20px/1.2 var(--f-titulo); color:var(--tinta); letter-spacing:-.02em}
.v3-desglose-oferta span,.v3-desglose-oferta b{color:var(--tinta); font-weight:600}
.v3-info{background:var(--blanco); border:1px solid var(--linea); border-radius:var(--r-xl); padding:clamp(28px, 4vw, 48px)}
.v3-info h3{font-size:clamp(30px, 3vw, 40px); line-height:1.1}
.v3-lista-filas{margin-top:18px}
.v3-lista-filas li{display:flex; gap:16px; padding:18px 0; border-top:1px solid var(--linea)}
.v3-lista-filas svg{color:var(--terracota); margin-top:2px}
.v3-lista-filas b{display:block; font-weight:600}
.v3-lista-filas span{display:block; color:var(--tinta-2); margin-top:2px}
.v3-gestion-seccion .v3-cabecera-seccion{margin-bottom:36px}

.v3-recorrido{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:16px}
.v3-recorrido-paso{border-radius:var(--r-lg); padding:30px; display:flex; gap:22px; align-items:flex-start}
.v3-recorrido-num{flex:0 0 52px; height:52px; border-radius:999px; background:var(--tinta); color:#fff; display:flex; align-items:center; justify-content:center; font:700 22px/1 var(--f-titulo)}
.v3-recorrido-paso h3{font-size:24px; line-height:1.15; letter-spacing:-.03em}
.v3-recorrido-paso p{color:var(--tinta-2); margin-top:8px}

.v3-gustos-rejilla{display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:16px; margin-top:36px}
.v3-gustos-col{display:grid; gap:16px}
.v3-gustos-rejilla h3{margin-top:0; margin-bottom:6px}
.v3-generos--izq{justify-content:flex-start; margin:12px 0 0; max-width:none}
.v3-generos--izq li{background:var(--papel)}
.v3-ritmos{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px; margin-top:12px}
.v3-ritmos li{background:var(--papel); border-radius:var(--r-sm); padding:14px 16px}
.v3-ritmos b{display:block; font-weight:600}
.v3-ritmos span{display:block; font-size:14px; color:var(--tinta-2)}

.v3-libros-cab{padding-top:clamp(40px, 6vw, 72px)}
.v3-libros-cab h1{font-size:clamp(46px, 6vw, 84px); line-height:1; letter-spacing:-.045em; max-width:900px; margin-inline:auto}
.v3-libros-cab .v3-botones{margin-top:28px}
.v3-generos-bloque{background:var(--papel-2); border-radius:var(--r-xl); padding:clamp(28px, 5vw, 64px); text-align:center}
.v3-generos--grande{max-width:980px; margin-top:32px}
.v3-generos--grande li{font-size:17px; padding:12px 20px}
.v3-generos-mas a{text-decoration:none}

/* ───────── Responsive ───────── */
@media (max-width: 980px){
  .v3-fila,.v3-precio,.v3-novedades,.v3-pagina-cab-dentro,.v3-gustos-rejilla,.v3-recorrido,.v3-app{grid-template-columns:minmax(0,1fr)}
  .v3-tarjetas--4{grid-template-columns:repeat(2, minmax(0,1fr))}
  .v3-tarjetas--3{grid-template-columns:minmax(0,1fr)}
  .v3-pagina-cab-foto{aspect-ratio:16/10}
  .v3-fila--invertida .v3-fila-foto{order:0}
  .v3-pasos{grid-template-columns:minmax(0,1fr)}
  .v3-paso{min-height:0}
  .v3-paso h3{padding-top:28px}
  .v3-pie-dentro{grid-template-columns:repeat(3, minmax(0,1fr))}
  .v3-pie-marca{grid-column:1 / -1}
}
@media (max-width: 640px){
  .v3-hero{min-height:620px; align-items:flex-end}
  .v3-hero::after{background:linear-gradient(0deg, rgba(242,241,238,.96) 0%, rgba(242,241,238,.86) 46%, rgba(242,241,238,0) 78%)}
  .v3-hero-foto{object-position:55% 30%}
  .v3-hero-texto{padding:28px 22px}
  .v3-ventajas{flex-direction:column; align-items:center; gap:12px}
  .v3-frase--1{margin-left:0}
  .v3-frase--2{text-align:left}
  .v3-cabecera-seccion--fila .v3-flechas{display:none}
  .v3-campos,.v3-tarjetas-contacto,.v3-novedades-form,.v3-tarjetas--4,.v3-ritmos{grid-template-columns:minmax(0,1fr)}
  .v3-cf-libro{--paso:52px}
  .v3-cf-escena{height:340px}
  .v3-recorrido-paso{padding:24px; gap:16px}
  .v3-recorrido-num{flex-basis:44px; height:44px; font-size:19px}
  .v3-pie-dentro{grid-template-columns:repeat(2, minmax(0,1fr))}
  .v3-plan-precio b{font-size:60px}
}
/* ============================================================
 * Bienestar (3.8.0): el lenguaje de la app Readify 2 en la web.
 * Superficies sólidas SIN bordes, radios grandes, pasteles planos e
 * ilustraciones 3D (Fluent Emoji, MIT) en lugar de fotos.
 * ============================================================ */
.v3-boton--blanco{border-color:transparent}
.v3-boton--blanco:hover{border-color:transparent; background:#FBFAF8}
.v3-generos li{border:0}
.v3-generos .v3-generos-mas{background:var(--papel-2)}
.v3-flecha{border:0}
.v3-flecha:hover{background:var(--papel-2)}
.v3-gestion,.v3-faq details,.v3-novedades,.v3-formulario,.v3-info,.v3-tarjeta--blanca{border:0}
.v3-tema-icono{border:0; width:56px; height:56px; border-radius:18px}
.v3-novedades-form input[type=email],.v3-formulario input:not([type=checkbox]),.v3-formulario textarea,.v3-formulario select{border-color:transparent}
.v3-faq details{border-radius:var(--r-lg)}

/* Escena: ilustración principal sobre círculos y satélites que flotan */
.v3-escena{position:relative; width:100%; aspect-ratio:5/4; border-radius:var(--r-xl); overflow:hidden; background:var(--melocoton)}
.v3-escena--cielo{background:var(--cielo)}
.v3-escena--menta{background:var(--salvia)}
.v3-escena--lila{background:var(--lila)}
.v3-escena--amarillo{background:var(--amarillo)}
.v3-escena--rosa{background:var(--rosa)}
.v3-escena-sol{position:absolute; left:50%; top:50%; width:70%; aspect-ratio:1; border-radius:50%; background:rgba(255,255,255,.42); transform:translate(-50%,-50%)}
.v3-escena-sol--dentro{width:46%; background:rgba(255,255,255,.6)}
.v3-escena-principal{position:absolute; left:50%; top:50%; width:42%; height:auto; transform:translate(-50%,-50%); filter:drop-shadow(0 20px 26px rgba(21,20,18,.14))}
.v3-escena-sat{position:absolute; left:var(--x); top:var(--y); width:var(--t); height:auto; animation:v3-flota 6s ease-in-out infinite; animation-delay:var(--r, 0s); filter:drop-shadow(0 10px 14px rgba(21,20,18,.1))}
@keyframes v3-flota{0%,100%{transform:translateY(0)} 50%{transform:translateY(-7px)}}
.v3-fila-foto.v3-escena,.v3-fila-foto > .v3-escena{height:100%}
div.v3-fila-foto{aspect-ratio:4/3; border-radius:var(--r-xl); overflow:hidden}
div.v3-fila-foto .v3-escena{aspect-ratio:auto; border-radius:0}
div.v3-pagina-cab-foto{aspect-ratio:5/4; border-radius:var(--r-xl); overflow:hidden}
div.v3-pagina-cab-foto .v3-escena{height:100%; aspect-ratio:auto; border-radius:0}

.v3-ventajas{gap:14px 40px}
.v3-ventajas li{gap:10px; font:600 15.5px/1.2 var(--f-ui); letter-spacing:0; text-transform:none; color:var(--tinta)}

/* Pasos con ilustración */
.v3-paso{position:relative; overflow:hidden}
.v3-paso--salvia{background:var(--salvia)}
.v3-paso-ilus{position:absolute; right:22px; top:22px; width:96px; height:96px}
.v3-recorrido-paso{align-items:center}
.v3-recorrido-texto{flex:1}
.v3-recorrido-ilus{flex:0 0 72px}
.v3-tarjeta-icono{width:68px; height:68px; border-radius:22px; background:rgba(255,255,255,.7)}
.v3-tarjeta--blanca .v3-tarjeta-icono{background:var(--papel)}
.v3-tarjeta--papel{background:var(--amarillo)}
.v3-gestion-escena{aspect-ratio:16/8; border-radius:0}
.v3-gestion li .v3-ilus,.v3-app-lista .v3-ilus{flex:0 0 auto}
.v3-app-lista li{align-items:center}
.v3-tarjeta-contacto{background:var(--salvia)}
.v3-tarjeta-contacto .v3-ilus{width:56px; height:56px}
.v3-cab-ilus{margin:0 auto 8px; width:112px; height:112px}

/* Cierre: oscuro con escena, sin foto */
.v3-cierre{display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); align-items:center; background:var(--noche); min-height:0}
.v3-cierre::after{content:none}
.v3-cierre-texto{padding:clamp(36px, 5vw, 72px) clamp(24px, 6vw, 88px)}
.v3-cierre-escena{background:transparent; aspect-ratio:1; max-width:460px; justify-self:center}
.v3-escena--noche .v3-escena-sol{background:rgba(255,255,255,.04)}
.v3-escena--noche .v3-escena-sol--dentro{background:rgba(255,255,255,.08)}

@media (max-width: 980px){
  .v3-cierre{grid-template-columns:minmax(0,1fr)}
  .v3-cierre-escena{max-width:320px; margin-top:-24px; margin-bottom:24px}
}
@media (max-width: 640px){
  .v3-ventajas{align-items:flex-start; width:fit-content; margin-inline:auto}
  .v3-paso-ilus{width:72px; height:72px; right:16px; top:16px}
  .v3-recorrido-ilus{flex-basis:52px; width:52px; height:52px}
  .v3-cab-ilus{width:88px; height:88px}
}

@media (prefers-reduced-motion: reduce){
  .rdfy-v3 *{transition:none!important; animation:none!important}
  .v3-escena-sat{animation:none!important}
  .v3-js [data-anim],.v3-js .v3-generos--grande li{opacity:1!important; transform:none!important}
  .v3-js .v3-coverflow:not(.v3-cf-listo) .v3-cf-libro{opacity:1; transform:translateX(calc(-50% + var(--i) * var(--paso))) rotateY(calc(var(--i) * -14deg))}
}

/* ───── 3.9.0: tapas propias en lugar de portadas de editoriales ───── */
.v3-tapa{display:flex; flex-direction:column; justify-content:space-between; gap:10px; padding:14% 12% 12% 16%; aspect-ratio:2/3; position:relative; overflow:hidden; text-align:left; color:var(--tinta); background:var(--melocoton)}
.v3-tapa::before{content:''; position:absolute; left:6%; top:0; bottom:0; width:2px; background:rgba(21,20,18,.08)}
.v3-tapa--0{background:var(--melocoton)} .v3-tapa--1{background:var(--lila)} .v3-tapa--2{background:var(--amarillo)}
.v3-tapa--3{background:var(--cielo)} .v3-tapa--4{background:var(--salvia)} .v3-tapa--5{background:var(--rosa)}
.v3-tapa-titulo{font-family:var(--f-titulo); font-weight:700; letter-spacing:-.03em; line-height:1.05; font-size:clamp(15px, 1.6vw, 22px); text-wrap:balance}
.v3-tapa-autor{font-size:clamp(10px, .9vw, 12.5px); font-weight:600; color:var(--tinta-2); text-transform:uppercase; letter-spacing:.04em; line-height:1.25}
.v3-estante-libro .v3-tapa-titulo{font-size:clamp(14px, 1.3vw, 18px)}

/* ───── 3.9.0: páginas legales ───── */
.v3-legal{padding:clamp(40px, 6vw, 80px) var(--gutter) clamp(60px, 8vw, 110px)}
.v3-legal-dentro{max-width:760px; margin-inline:auto; background:var(--blanco); border-radius:var(--r-xl); padding:clamp(26px, 5vw, 56px)}
.v3-legal h1{font-size:clamp(38px, 5vw, 58px); line-height:1.02; margin-bottom:22px}
.v3-legal-texto{color:var(--tinta-2); font-size:16.5px; line-height:1.65}
.v3-legal-texto :where(h2){font-size:clamp(22px, 2.4vw, 28px); line-height:1.15; margin:34px 0 10px; scroll-margin-top:110px}
.v3-legal-texto :where(h3){font-size:19px; margin:24px 0 8px}
.v3-legal-texto :where(p){margin:0 0 14px}
.v3-legal-texto :where(ul,ol){list-style:disc; padding-left:22px; margin:0 0 14px}
.v3-legal-texto :where(strong,b){color:var(--tinta); font-weight:600}
.v3-legal-texto :where(a){color:var(--tinta); text-decoration:underline; text-underline-offset:3px}
.v3-legal-texto :where(pre){white-space:pre-wrap; font-size:13px; line-height:1.5; background:var(--papel); border-radius:var(--r-sm); padding:16px}
.v3-pie-creditos{font-size:12.5px; color:var(--tenue)}
.v3-pie-creditos a{color:inherit}

/* ───── 3.11.0: insignias oficiales de las tiendas ───── */
.v3-tienda-oficial{display:inline-block; line-height:0; border-radius:9px; transition:transform .15s ease, opacity .15s}
.v3-tienda-oficial:hover{transform:translateY(-1px); opacity:.92}
.v3-tienda-oficial img{height:48px; width:auto}
.v3-tiendas--pie .v3-tienda-oficial img{height:40px}

/* ───── 3.14.0: botón fijo de suscribirse en el móvil ───── */
.v3-cta-fija{display:none}
@media (max-width: 760px){
  .v3-cta-fija{position:fixed; left:12px; right:12px; bottom:calc(12px + env(safe-area-inset-bottom)); z-index:60; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 10px 10px 16px; border-radius:20px; background:rgba(255,255,255,.94); -webkit-backdrop-filter:saturate(1.4) blur(14px); backdrop-filter:saturate(1.4) blur(14px); box-shadow:0 14px 40px -18px rgba(21,20,18,.5), 0 0 0 1px rgba(21,20,18,.06); animation:v3-sube .3s cubic-bezier(.2,.7,.2,1) both}
  .v3-cta-fija[hidden]{display:none}
  .v3-cta-fija b{display:block; font:700 15px/1.2 var(--f-titulo); letter-spacing:-.02em}
  .v3-cta-fija span{display:block; font-size:12px; color:var(--tinta-2)}
  .v3-cta-fija .v3-boton{padding:12px 18px; flex:0 0 auto}
}
@keyframes v3-sube{from{opacity:0; transform:translateY(16px)} to{opacity:1; transform:none}}
@media (prefers-reduced-motion: reduce){ .v3-cta-fija{animation:none} }

/* ───────── 3.17.0 · Readify Digital (próximamente) ───────── */
.v3-tarjeta--lila{background:var(--lila)}
.v3-contenedor--faq{max-width:820px}
.v3-avisame .v3-acepto{grid-column:1 / -1; display:flex; align-items:flex-start; gap:12px; font-size:14px; line-height:1.5; color:var(--tinta-2)}
.v3-avisame > .v3-aviso--ok{grid-column:2}
.v3-lector-demo{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(28px,5vw,72px); align-items:center}
.v3-lector-texto h2{font-size:clamp(32px,3.6vw,48px); line-height:1.08}
.v3-lector-texto .v3-lista-filas{margin-top:22px}
.v3-lector-marco{background:var(--lila); border-radius:var(--r-xl); padding:clamp(22px,4vw,48px)}
.v3-lector{--fondo:#FFFFFF; --letra:#1B1A17; --suave:#8C877F; background:var(--fondo); color:var(--letra); border-radius:22px; padding:22px clamp(22px,3.4vw,40px) 18px; box-shadow:0 30px 60px -30px rgba(40,30,80,.35); transition:background .35s ease, color .35s ease}
.v3-lector[data-tema=sepia]{--fondo:#F6ECD9; --letra:#4A3B28; --suave:#9C8A70}
.v3-lector[data-tema=noche]{--fondo:#1C1B19; --letra:#E8E4DC; --suave:#8F8A82}
.v3-lector-barra,.v3-lector-pie{display:flex; justify-content:space-between; gap:12px; font:500 12px/1.4 var(--f-ui); color:var(--suave)}
.v3-lector-pagina{padding:22px 0 26px}
.v3-lector-pagina h3{font:600 20px/1.2 var(--f-titulo); color:var(--letra); margin-bottom:14px; text-align:center}
.v3-lector-pagina p{font:400 17px/1.7 Georgia, 'Iowan Old Style', 'Palatino Linotype', serif; text-align:justify; hyphens:auto; margin-bottom:12px}
.v3-lector-pagina p:first-of-type::first-letter{float:left; font-size:3.2em; line-height:.85; padding:6px 8px 0 0}
.v3-lector-temas{display:flex; justify-content:center; gap:8px; margin-top:18px}
.v3-lector-temas button{font:600 14px var(--f-ui); color:var(--tinta); background:rgba(255,255,255,.6); border:0; border-radius:999px; padding:9px 16px; cursor:pointer}
.v3-lector-temas button[aria-pressed=true]{background:var(--tinta); color:#fff}
.v3-lector-marco .v3-nota{text-align:center; margin-top:12px}
@media (max-width: 980px){ .v3-lector-demo{grid-template-columns:minmax(0,1fr)} .v3-avisame > .v3-aviso--ok{grid-column:1} }
@media (prefers-reduced-motion: reduce){ .v3-lector{transition:none} }

/* ───────── 3.18.0 · Revisión de la home (Alex, 30 sep) ───────── */
.v3-declaracion-texto{max-width:620px; margin:clamp(28px,4vw,44px) auto 0; text-align:center; display:flex; flex-direction:column; gap:10px}
.v3-declaracion-texto p{font-size:17.5px; line-height:1.6; color:var(--tinta-2)}
.v3-declaracion-texto p:last-child{color:var(--tinta); font-weight:600}
/* «Hecho para…» compacto y alineado: tres columnas iguales en escritorio, apiladas en el móvil */
.v3-hecho .v3-contenedor{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(20px,3vw,40px); align-items:start}
.v3-hecho .v3-fila,.v3-hecho .v3-fila + .v3-fila{display:flex; flex-direction:column; align-items:stretch; gap:20px; margin-top:0}
.v3-hecho .v3-fila--invertida .v3-fila-foto{order:0}
.v3-hecho div.v3-fila-foto{aspect-ratio:4/3}
.v3-hecho .v3-fila-texto{max-width:none; gap:8px}
.v3-hecho .v3-fila-texto h3{font-size:clamp(24px,2.2vw,30px); line-height:1.1; margin-bottom:2px}
.v3-hecho .v3-fila-texto p{font-size:15.5px; line-height:1.55}
@media (max-width: 860px){ .v3-hecho .v3-contenedor{grid-template-columns:minmax(0,1fr); gap:40px} .v3-hecho div.v3-fila-foto{aspect-ratio:16/10} }
.v3-proximos{background:var(--papel-2); border-radius:var(--r-xl); padding:clamp(24px,4vw,44px)}
.v3-proximos h2{font-size:clamp(26px,3vw,36px); margin-bottom:14px}

/* 3.19.0: portada buscada por app.readify.es encima de la tapa propia */
.v3-tapa-portada{position:absolute; inset:0; width:100%; height:100%; object-fit:cover}

/* 1 oct: que no se partan el precio («14,99 / €») ni los enlaces cortos («Ver cómo / funciona») */
.v3-plan-precio b{white-space:nowrap}
.v3-ver{white-space:nowrap}