/* =====================================================================
   REVISTAS Y LIBROS — hoja del front. Cero recursos externos.
   Colores: papel #F2EEE5 · tinta #161513 · rojo #B3201A · gris #5C574E
   ===================================================================== */
@font-face{font-family:'Archivo Narrow';font-weight:500;font-style:normal;font-display:swap;src:url(fuentes/archivo-narrow-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Archivo Narrow';font-weight:600;font-style:normal;font-display:swap;src:url(fuentes/archivo-narrow-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Archivo Narrow';font-weight:700;font-style:normal;font-display:swap;src:url(fuentes/archivo-narrow-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Archivo';font-weight:400;font-style:normal;font-display:swap;src:url(fuentes/archivo-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Archivo';font-weight:500;font-style:normal;font-display:swap;src:url(fuentes/archivo-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Archivo';font-weight:600;font-style:normal;font-display:swap;src:url(fuentes/archivo-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Literata';font-weight:400;font-style:normal;font-display:swap;src:url(fuentes/literata-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Literata';font-weight:400;font-style:italic;font-display:swap;src:url(fuentes/literata-latin-400-italic.woff2) format('woff2')}
@font-face{font-family:'Literata';font-weight:500;font-style:normal;font-display:swap;src:url(fuentes/literata-latin-500-normal.woff2) format('woff2')}

:root{
  --papel:#F2EEE5;--hoja:#FBFAF6;--tinta:#161513;--rojo:#B3201A;--rojo-osc:#8E1914;
  --gris:#5C574E;--gris-2:#3E3A33;--linea:#D6CFC0;--linea-2:#CFC7B6;--falta:#E4DED2;--falta-borde:#B8AF9C;
  --tit:'Archivo Narrow','Arial Narrow',Arial,sans-serif;--ui:'Archivo',Arial,sans-serif;--lect:'Literata',Georgia,serif;
  --sombra:0 1px 2px rgba(0,0,0,.18),0 6px 18px rgba(0,0,0,.12);
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--papel);color:var(--tinta);font-family:var(--ui);font-size:16px;line-height:1.5}
img{max-width:100%}
a{color:var(--tinta)}
a:hover{color:var(--rojo)}
:focus-visible{outline:3px solid var(--rojo);outline-offset:2px}
.rl-saltar{position:absolute;left:-9999px;top:0;background:var(--tinta);color:#fff;padding:10px 14px;z-index:100}
.rl-saltar:focus{left:10px;top:10px}
.rl-trampa{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.rl-en-linea{display:inline}

/* ---- Cabecera ---- */
.rl-cab{border-bottom:2px solid var(--tinta);background:var(--papel)}
.rl-cab-in{max-width:1200px;margin:0 auto;padding:16px 40px;display:flex;align-items:center;gap:36px}
.rl-marca{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--tit);font-weight:700;font-size:26px;letter-spacing:.02em;text-transform:uppercase;color:var(--tinta);white-space:nowrap}
.rl-marca:hover{color:var(--tinta)}
.rl-marca-cuadro{width:18px;height:18px;background:var(--rojo);display:block;flex-shrink:0}
.rl-nav-ancha{display:flex;align-items:center;gap:28px;flex-grow:1}
.rl-menu-movil{display:none}
.rl-menu-movil>summary{display:none;list-style:none;cursor:pointer;width:44px;height:44px;align-items:center;justify-content:center;margin-left:auto}
.rl-menu-movil>summary::-webkit-details-marker{display:none}
.rl-menu-caja{display:flex;align-items:center;gap:28px}
.rl-nav{display:flex;gap:26px;flex-grow:1}
.rl-nav a,.rl-cuenta>a:not(.rl-btn){text-decoration:none;font-size:15px;font-weight:500;padding:10px 0;border-bottom:3px solid transparent}
.rl-nav a[aria-current],.rl-cuenta>a[aria-current]{border-bottom-color:var(--rojo)}
.rl-cuenta{display:flex;align-items:center;gap:16px}

/* ---- Botones ---- */
.rl-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 22px;font-family:var(--ui);font-size:15px;font-weight:600;text-decoration:none;border-radius:3px;border:2px solid transparent;cursor:pointer;line-height:1.1;text-align:center}
.rl-btn-peq{min-height:44px;padding:0 16px}
.rl-btn-grande{min-height:54px;padding:0 30px;font-size:16px}
.rl-btn-rojo{background:var(--rojo);color:#fff}
.rl-btn-rojo:hover{background:var(--rojo-osc);color:#fff}
.rl-btn-negro{background:var(--tinta);color:var(--papel)}
.rl-btn-negro:hover{background:#000;color:#fff}
.rl-btn-borde{background:transparent;border-color:var(--tinta);color:var(--tinta)}
.rl-btn-borde:hover{background:var(--tinta);color:var(--papel)}
.rl-btn-blanco{background:#fff;color:var(--tinta)}
.rl-btn-blanco:hover{background:var(--papel);color:var(--tinta)}
.rl-btn svg{flex-shrink:0}

/* ---- Avisos ---- */
.rl-aviso{max-width:1120px;margin:16px auto 0;padding:12px 16px;border-radius:3px;font-weight:500}
.rl-aviso-bien{background:#E3F0E6;color:#17532C;border:1px solid #A8D5B8}
.rl-aviso-info{background:#FBF3DE;color:#5E4708;border:1px solid #E5D19A}
.rl-error{background:#FBE5E3;color:#7D1611;border:1px solid #EDB3AE;padding:12px 16px;border-radius:3px;margin:0 0 18px;font-weight:500}

/* ---- Tipografía común ---- */
.rl-cuerpo{max-width:1200px;margin:0 auto;padding:28px 40px 72px}
.rl-estrecho{max-width:760px}
.rl-antetitulo{font-family:var(--tit);font-weight:600;font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:var(--rojo)}
.rl-h1{margin:0;font-family:var(--tit);font-weight:700;font-size:64px;line-height:.95;text-transform:uppercase;letter-spacing:-.005em}
.rl-h2{margin:0 0 26px;font-family:var(--tit);font-weight:700;font-size:34px;text-transform:uppercase;border-bottom:2px solid var(--tinta);padding-bottom:10px;line-height:1.1}
.rl-texto{font-family:var(--lect);font-size:18px;line-height:1.65;color:var(--gris-2)}
.rl-texto p{margin:0 0 1em}
.rl-gris{color:var(--gris)}
.rl-peq{font-size:14px}
.rl-migas{font-size:14px;color:var(--gris);margin-bottom:22px}
.rl-migas a{color:var(--gris)}

/* ---- Portada ---- */
.rl-heroe{max-width:1200px;margin:0 auto;padding:72px 40px 64px;overflow-x:clip;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.rl-heroe-txt{display:flex;flex-direction:column;gap:22px}
.rl-heroe h1{font-size:68px}
.rl-heroe p{margin:0;max-width:520px}
.rl-cifras{display:flex;gap:28px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--linea-2);margin-top:6px}
.rl-cifra-n{font-family:var(--tit);font-weight:700;font-size:30px;line-height:1.1}
.rl-cifra-t{font-size:13px;color:var(--gris)}
.rl-acciones{display:flex;gap:12px;flex-wrap:wrap}
.rl-collage{position:relative;height:560px}
.rl-collage img{position:absolute;display:block;height:auto;aspect-ratio:414/585;object-fit:cover;box-shadow:var(--sombra);background:#ddd}
.rl-collage img:nth-child(1){width:42%;left:0;top:12%;transform:rotate(-6deg)}
.rl-collage img:nth-child(2){width:42%;right:2%;top:6%;transform:rotate(5deg)}
.rl-collage img:nth-child(3){width:42%;left:13%;top:44%;transform:rotate(3deg)}
.rl-collage img:nth-child(4){width:48%;left:31%;top:15%;transform:rotate(-1deg)}
.rl-collage img:nth-child(5){width:40%;right:0;top:53%;transform:rotate(-4deg)}
.rl-banda-negra{background:var(--tinta);color:var(--papel)}
.rl-banda-in{max-width:1200px;margin:0 auto;padding:40px;display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:40px;align-items:center}
.rl-banda-negra h2{margin:0 0 6px;font-family:var(--tit);font-weight:700;font-size:30px;text-transform:uppercase}
.rl-banda-negra p{margin:0;font-size:14px;color:#BDB6A8}
.rl-buscador{display:flex}
.rl-buscador input{flex-grow:1;min-width:0;min-height:54px;padding:0 18px;border:2px solid var(--tinta);border-right:0;border-radius:3px 0 0 3px;font-family:var(--ui);font-size:17px;background:var(--hoja);color:var(--tinta)}
.rl-banda-negra .rl-buscador input{border-color:var(--hoja)}
.rl-buscador button{min-height:54px;padding:0 28px;border:0;border-radius:0 3px 3px 0;background:var(--rojo);color:#fff;font-family:var(--ui);font-size:16px;font-weight:600;cursor:pointer}
.rl-buscador button:hover{background:var(--rojo-osc)}
.rl-seccion{max-width:1200px;margin:0 auto;padding:64px 40px 24px}
.rl-colecciones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.rl-col{text-decoration:none;display:flex;gap:20px;background:var(--hoja);padding:20px;border:1px solid var(--linea)}
.rl-col img{width:120px;height:auto;flex-shrink:0;aspect-ratio:414/585;object-fit:cover;box-shadow:var(--sombra);align-self:flex-start}
.rl-col-txt{display:flex;flex-direction:column;gap:8px}
.rl-col-tipo{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--rojo)}
.rl-col-tit{font-family:var(--tit);font-weight:700;font-size:28px;line-height:1.05;text-transform:uppercase;color:var(--tinta)}
.rl-col-meta{font-size:14px;color:var(--gris);line-height:1.5}
.rl-col-vacia{border:2px dashed var(--falta-borde);background:transparent;flex-direction:column;justify-content:center;gap:8px;padding:20px 26px}
.rl-col-vacia .rl-col-tipo{color:var(--gris)}
.rl-cab-seccion{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-bottom:2px solid var(--tinta);padding-bottom:10px;margin-bottom:28px}
.rl-cab-seccion .rl-h2{border:0;margin:0;padding:0}
.rl-banda-roja{background:var(--rojo);color:#fff}
.rl-banda-roja .rl-banda-in{grid-template-columns:minmax(0,1fr) auto;padding:56px 40px}
.rl-banda-roja h2{margin:0 0 12px;font-family:var(--tit);font-weight:700;font-size:40px;line-height:1;text-transform:uppercase}
.rl-banda-roja p{margin:0;font-family:var(--lect);font-size:17px;line-height:1.6;max-width:700px}

/* ---- Rejilla de portadas ---- */
.rl-rejilla{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:34px 26px}
.rl-tarjeta{text-decoration:none;color:var(--tinta);display:flex;flex-direction:column;gap:6px}
.rl-tarjeta-img{position:relative;display:block;margin-bottom:4px}
.rl-tarjeta-img img{display:block;width:100%;height:auto;aspect-ratio:414/585;object-fit:cover;box-shadow:var(--sombra);background:#ddd;transition:transform .15s}
.rl-tarjeta:hover .rl-tarjeta-img img{transform:translateY(-3px)}
.rl-tarjeta-tit{font-family:var(--tit);font-weight:700;font-size:20px;line-height:1.1}
.rl-tarjeta-fecha{font-size:13px;color:var(--gris)}
.rl-etiqueta{position:absolute;left:8px;top:8px;background:var(--tinta);color:#fff;font-size:12px;font-weight:600;padding:4px 8px}
.rl-falta{color:#6E685D}
.rl-falta-caja{aspect-ratio:414/585;background:var(--falta);border:1.5px dashed var(--falta-borde);display:flex;align-items:center;justify-content:center;font-family:var(--tit);font-weight:700;font-size:44px;color:#8F887B;margin-bottom:4px}
.rl-falta .rl-tarjeta-tit{color:#6E685D}
.rl-falta .rl-tarjeta-fecha{color:#5C574E;text-decoration:underline}

/* ---- Colección ---- */
.rl-col-cab{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;padding:10px 0 36px;border-bottom:2px solid var(--tinta)}
.rl-col-cab-txt{display:flex;flex-direction:column;gap:16px}
.rl-col-cab h1{font-size:84px;line-height:.9}
.rl-resumen{display:flex;flex-direction:column;gap:10px;background:var(--hoja);border:1px solid var(--linea);padding:22px;align-self:start}
.rl-resumen-fila{display:flex;justify-content:space-between;align-items:baseline;font-size:15px}
.rl-resumen-fila strong{font-family:var(--tit);font-size:22px}
.rl-barra{height:8px;display:flex;margin-top:4px;background:var(--linea)}
.rl-barra span{display:block}
.rl-filtros{display:flex;gap:10px;align-items:center;margin:28px 0 30px;flex-wrap:wrap}
.rl-chip{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1.5px solid var(--tinta);border-radius:22px;font-size:14px;font-weight:600;text-decoration:none;color:var(--tinta);background:transparent}
.rl-chip[aria-current]{background:var(--tinta);color:var(--papel)}
.rl-chip:hover{color:var(--tinta);background:var(--hoja)}
.rl-chip[aria-current]:hover{background:var(--tinta);color:var(--papel)}
.rl-material{display:flex;gap:26px;align-items:flex-end;flex-wrap:wrap}
.rl-material figure{margin:0;display:flex;flex-direction:column;gap:8px}
.rl-material img{display:block;height:212px;width:auto;box-shadow:var(--sombra)}
.rl-material figcaption{font-size:14px;font-weight:600}

/* ---- Ficha del número ---- */
.rl-ficha{display:grid;grid-template-columns:420px minmax(0,1fr);gap:60px;align-items:start}
.rl-ficha-portada img{display:block;width:100%;height:auto;aspect-ratio:414/585;object-fit:cover;box-shadow:var(--sombra)}
.rl-ficha-txt{display:flex;flex-direction:column;gap:20px}
.rl-ficha h1{font-size:76px}
.rl-ficha-fecha{font-family:var(--tit);font-weight:600;font-size:28px;margin-top:6px}
.rl-sumario{padding:22px 0;border-top:1px solid var(--linea-2);border-bottom:1px solid var(--linea-2)}
.rl-sumario h2{margin:0 0 10px;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gris)}
.rl-sumario ul{margin:0;padding-left:20px;font-family:var(--lect);font-size:17px;line-height:1.6;display:flex;flex-direction:column;gap:4px}
.rl-sumario li:first-child{font-weight:500}
.rl-prevsig{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:6px}
.rl-prevsig a{font-weight:600;text-decoration:none}
.rl-tira{display:flex;gap:18px;align-items:center;overflow-x:auto;padding-bottom:10px}
.rl-tira img{height:210px;width:auto;display:block;box-shadow:0 2px 10px rgba(0,0,0,.15)}
.rl-tira-mas{height:210px;width:148px;flex-shrink:0;display:flex;align-items:center;justify-content:center;text-align:center;border:1.5px solid var(--tinta);font-weight:600;text-decoration:none;padding:10px}
.rl-dos{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:48px}
.rl-dos-380{grid-template-columns:minmax(0,1fr) 380px;gap:56px}
.rl-caja{background:var(--hoja);border:1px solid var(--linea);padding:20px;font-size:14px;line-height:1.6;color:var(--gris-2)}
.rl-caja strong{display:block;margin-bottom:6px;color:var(--tinta)}
.rl-comentario{padding:18px 0;border-bottom:1px solid var(--linea)}
.rl-comentario-quien{font-weight:600;font-size:15px}
.rl-comentario-cuando{font-size:13px;color:var(--gris);margin-left:8px;font-weight:400}
.rl-comentario-txt{font-family:var(--lect);font-size:16px;line-height:1.6;margin-top:6px;white-space:pre-line;overflow-wrap:anywhere}

/* ---- Formularios ---- */
.rl-form{display:flex;flex-direction:column;gap:18px}
.rl-campo{display:flex;flex-direction:column;gap:6px}
.rl-campo label,.rl-leyenda{font-weight:600;font-size:15px}
.rl-campo input[type=text],.rl-campo input[type=email],.rl-campo input[type=password],.rl-campo input[type=search],.rl-campo textarea,.rl-campo select{min-height:48px;padding:0 14px;border:1.5px solid var(--tinta);background:var(--hoja);font-family:var(--ui);font-size:16px;color:var(--tinta);border-radius:2px;width:100%}
.rl-campo textarea{padding:12px 14px;font-family:var(--lect);min-height:120px;resize:vertical}
.rl-ayuda{font-size:13px;color:var(--gris)}
.rl-casilla{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.5}
.rl-casilla input{width:22px;height:22px;margin-top:2px;accent-color:var(--rojo);flex-shrink:0}
.rl-opciones{border:0;padding:0;margin:0;display:flex;gap:12px;flex-wrap:wrap}
.rl-opciones legend{margin-bottom:8px}
.rl-opcion{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 18px;border:1.5px solid var(--tinta);font-weight:600;cursor:pointer}
.rl-opcion input{accent-color:var(--rojo)}
.rl-opcion:has(input:checked){background:var(--tinta);color:var(--papel)}
.rl-subida{border:2px dashed #8F887B;background:var(--hoja);padding:22px;display:flex;align-items:center;gap:18px}
.rl-dos-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.rl-lado{display:flex;flex-direction:column;gap:22px;align-self:start;background:var(--tinta);color:#E6E0D4;padding:28px}
.rl-lado h2{margin:0;font-family:var(--tit);font-weight:700;font-size:26px;text-transform:uppercase;color:#fff}
.rl-pasos{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:18px;font-size:15px;line-height:1.55}
.rl-pasos li{display:flex;gap:14px}
.rl-pasos b{font-family:var(--tit);font-size:26px;color:#F07870;line-height:1}
.rl-pasos strong{color:#fff}
.rl-lado-pie{margin:0;font-size:13px;color:#A49D8F;border-top:1px solid #3A3733;padding-top:16px}
.rl-tarjeta-form{background:var(--hoja);border:1px solid var(--linea);padding:28px}

/* ---- Buscar ---- */
.rl-resultado{display:grid;grid-template-columns:90px minmax(0,1fr);gap:20px;padding:20px 0;border-bottom:1px solid var(--linea)}
.rl-resultado img{width:90px;height:auto;aspect-ratio:414/585;object-fit:cover;box-shadow:var(--sombra)}
.rl-resultado h2{margin:0 0 4px;font-family:var(--tit);font-size:22px}
.rl-resultado h2 a{text-decoration:none}
.rl-trozo{font-family:var(--lect);font-size:15px;color:var(--gris-2);margin:6px 0}
.rl-trozo mark{background:#F6D9A8;color:var(--tinta);padding:0 2px}
.rl-pags{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.rl-pags a{font-size:14px;font-weight:600;border:1px solid var(--linea-2);padding:6px 10px;text-decoration:none;background:var(--hoja)}

/* ---- Legales ---- */
.rl-legal{font-family:var(--lect);font-size:17px;line-height:1.7;color:var(--gris-2)}
.rl-legal h2{font-family:var(--tit);font-size:26px;text-transform:uppercase;color:var(--tinta);margin:1.6em 0 .4em}

/* ---- Licencia ---- */
.rl-cc{display:inline-flex;gap:6px;font-family:var(--tit);font-weight:700;font-size:15px;text-decoration:none;color:var(--tinta)}
.rl-cc span{border:1.5px solid currentColor;padding:1px 6px}
.rl-cc-claro{color:#fff}
.rl-cc-claro:hover{color:#fff}

/* ---- Pie ---- */
.rl-pie{background:var(--tinta);color:#D9D3C6}
.rl-pie-in{max-width:1200px;margin:0 auto;padding:48px 40px 40px;display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:40px}
.rl-pie-col{display:flex;flex-direction:column;gap:8px;font-size:14px}
.rl-pie-col h2{margin:0;font-size:14px;font-weight:600;color:#fff;font-family:var(--ui)}
.rl-pie-col p{margin:0;line-height:1.6}
.rl-marca-clara{color:#fff;font-size:22px}
.rl-marca-clara:hover{color:#fff}
.rl-marca-clara .rl-marca-cuadro{width:14px;height:14px}
.rl-pie-enlace{color:#D9D3C6;padding:3px 0}
.rl-pie-enlace:hover{color:#fff}
.rl-pie-peq{font-size:13px}

/* ---- Lector ---- */
.rl-lector-cuerpo{background:#1B1A18;color:#F2EEE5;overflow:hidden}
.rl-lector{display:flex;flex-direction:column;height:100vh;height:100dvh}
.rl-lector-barra{display:flex;align-items:center;gap:10px;padding:8px 16px;border-bottom:1px solid #3A3733;flex-wrap:wrap}
.rl-lector-barra a.rl-volver{color:#F2EEE5;text-decoration:none;font-weight:600;font-size:15px;padding:10px 4px}
.rl-lector-tit{flex-grow:1;text-align:center;font-family:var(--tit);font-weight:700;font-size:18px;text-transform:uppercase;letter-spacing:.03em;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rl-tb{min-width:44px;min-height:44px;padding:0 12px;border:1px solid #4A4640;background:#24221F;color:#F2EEE5;border-radius:3px;font-family:var(--ui);font-size:14px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-decoration:none}
.rl-tb:hover{background:#34312C;color:#fff}
.rl-tb[aria-pressed=true]{background:#F2EEE5;color:#161513;border-color:#F2EEE5}
.rl-lector-zona{flex-grow:1;display:flex;min-height:0;position:relative}
.rl-lienzo{flex-grow:1;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:16px;touch-action:pan-x pan-y pinch-zoom;outline:none}
.rl-pliego{display:flex;margin:auto;box-shadow:0 10px 40px rgba(0,0,0,.5)}
.rl-pliego img{display:block;height:calc(100dvh - 150px);width:auto;max-width:none;background:#2A2825}
.rl-lector[data-zoom="2"] .rl-pliego img{height:calc((100dvh - 150px) * 1.5)}
.rl-lector[data-zoom="3"] .rl-pliego img{height:calc((100dvh - 150px) * 2.2)}
.rl-flecha{position:absolute;top:50%;transform:translateY(-50%);min-height:64px;font-size:26px;z-index:2}
.rl-flecha-izq{left:12px}
.rl-flecha-der{right:12px}
.rl-texto-panel{width:360px;flex-shrink:0;background:var(--papel);color:var(--tinta);padding:20px;overflow:auto;display:flex;flex-direction:column;gap:10px}
.rl-texto-panel h2{margin:0;font-family:var(--tit);font-size:18px;text-transform:uppercase}
.rl-texto-panel pre{margin:0;white-space:pre-wrap;font-family:var(--lect);font-size:15px;line-height:1.6}
.rl-lector-pie{display:flex;align-items:center;gap:16px;padding:10px 20px;border-top:1px solid #3A3733}
.rl-lector-pie input[type=range]{flex-grow:1;accent-color:var(--rojo);min-height:30px}
.rl-lector-pie .rl-num{font-size:14px;white-space:nowrap}
.rl-lector:fullscreen{background:#1B1A18}
.rl-sin-js{padding:30px;max-width:760px;margin:0 auto}
.rl-sin-js img{display:block;width:100%;height:auto;margin:0 0 20px}

/* ---- Pantallas medianas ---- */
@media (max-width:1100px){
  .rl-rejilla{grid-template-columns:repeat(4,minmax(0,1fr))}
  .rl-colecciones{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rl-ficha{grid-template-columns:320px minmax(0,1fr);gap:40px}
  .rl-heroe h1{font-size:56px}
}
/* ---- Móvil ---- */
@media (max-width:820px){
  .rl-cab-in{padding:12px 16px;gap:12px;position:relative}
  .rl-marca{font-size:21px}
  .rl-marca-cuadro{width:14px;height:14px}
  .rl-nav-ancha{display:none}
  .rl-menu-movil{display:block;margin-left:auto}
  .rl-menu-movil>summary{display:flex}
  .rl-menu-caja{display:none}
  .rl-menu-movil[open] .rl-menu-caja{display:flex;flex-direction:column;align-items:stretch;gap:0;position:absolute;left:0;right:0;top:100%;background:var(--papel);border-bottom:2px solid var(--tinta);padding:8px 16px 16px;z-index:50}
  .rl-nav{flex-direction:column;gap:0}
  .rl-nav a,.rl-cuenta>a:not(.rl-btn){padding:12px 0;border-bottom:1px solid var(--linea)}
  .rl-nav a[aria-current]{border-bottom-color:var(--rojo)}
  .rl-cuenta{flex-direction:column;align-items:stretch;gap:10px;padding-top:10px}
  .rl-cuenta form .rl-btn{width:100%}
  .rl-cuerpo,.rl-seccion{padding-left:16px;padding-right:16px}
  .rl-heroe{grid-template-columns:minmax(0,1fr);padding:36px 16px 40px;gap:24px}
  .rl-heroe h1{font-size:44px}
  .rl-collage{height:440px;order:-1}
  .rl-h1{font-size:44px!important}
  .rl-col-cab h1,.rl-ficha h1{font-size:52px!important}
  .rl-banda-in,.rl-banda-roja .rl-banda-in{grid-template-columns:minmax(0,1fr);padding:32px 16px;gap:18px}
  .rl-banda-roja h2{font-size:30px}
  .rl-colecciones{grid-template-columns:minmax(0,1fr)}
  .rl-rejilla{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px}
  .rl-col-cab,.rl-ficha,.rl-dos{grid-template-columns:minmax(0,1fr);gap:24px}
  .rl-ficha-portada{max-width:300px}
  .rl-pie-in{grid-template-columns:minmax(0,1fr);padding:36px 16px;gap:26px}
  .rl-dos-col{grid-template-columns:minmax(0,1fr)}
  .rl-h2{font-size:28px}
  .rl-material img{height:150px}
  .rl-buscador button{padding:0 18px}
  .rl-lector-barra{padding:6px 8px;gap:6px}
  .rl-lector-tit{order:-1;flex-basis:100%;font-size:15px;text-align:left}
  .rl-solo-ancho{display:none!important}
  .rl-pliego img{height:auto;width:calc(100vw - 32px)}
  .rl-lector[data-zoom="2"] .rl-pliego img{width:calc((100vw - 32px) * 1.6)}
  .rl-lector[data-zoom="3"] .rl-pliego img{width:calc((100vw - 32px) * 2.4)}
  .rl-texto-panel{position:absolute;inset:0;width:auto;z-index:5}
  .rl-flecha{display:none}
  .rl-tarjeta-tit{font-size:18px}
  .rl-cab-seccion{flex-direction:column;gap:4px}
}
@media (prefers-reduced-motion:reduce){.rl-tarjeta-img img{transition:none}}