/* Plantilla de lectura de las páginas antiguas (Fase 2). Va con piezas.css: cabecera, menú, modal,
   barra y pie oscuros; el artículo, en fondo claro. Sin rayas largas en los textos de la plantilla. */
:root{--tinta:#24112e;--atenuado:#5e4f65;--borde:#e5ddd0;--suave:#f4ead9;--enlace:#6a3580;--papel:#fefaf1}
.art{background:var(--papel);color:var(--tinta);padding:0 16px 40px}
.art-in{max-width:720px;margin:0 auto}
.art .miga{font-size:14px;line-height:1.5;color:var(--atenuado);padding:18px 0 6px}
.art .miga a{color:var(--atenuado);text-decoration:underline;text-underline-offset:2px}
.art h1{font:700 clamp(27px,6.2vw,40px)/1.18 "Playfair Display",Georgia,serif;color:#30183b;margin:10px 0 8px;font-variant-numeric:lining-nums}
.firma-linea{margin:0 0 20px;font-size:15px;color:var(--atenuado)}
.firma-linea a{color:var(--enlace)}
.aviso{background:var(--suave);border-left:4px solid var(--oro);padding:10px 14px;font-size:15px;color:var(--atenuado);border-radius:0 8px 8px 0;margin:0 0 22px}
/* cuerpo de lectura: 18 px, interlineado amplio, línea de unos 65 caracteres */
.cuerpo{font-size:18px;line-height:1.75;max-width:68ch;overflow-wrap:break-word}
.cuerpo p{margin:0 0 1.1em}
.cuerpo a{color:var(--enlace);text-decoration:underline;text-underline-offset:2px}
/* los botones dentro del cuerpo (los de la tirada) conservan sus colores */
.cuerpo a.lt-btn{text-decoration:none}.cuerpo a.lt-btn-oro{color:var(--noche)}.cuerpo a.lt-btn-wa{color:#08310f}
.cuerpo h2,.cuerpo h3,.cuerpo h4{font-family:"Playfair Display",Georgia,serif;color:#30183b;line-height:1.3;margin:1.7em 0 .55em;font-variant-numeric:lining-nums}
.cuerpo h2{font-size:1.45em}.cuerpo h3{font-size:1.22em}.cuerpo h4{font-size:1.08em}
.cuerpo ul,.cuerpo ol{padding-left:1.3em;margin:0 0 1.1em}
.cuerpo li{margin:.35em 0}
.cuerpo blockquote{margin:1.2em 0;padding:.2em 0 .2em 1em;border-left:3px solid var(--oro);color:var(--atenuado)}
.cuerpo img{display:block;margin:22px auto;max-width:100%;height:auto;max-height:440px;border-radius:8px}
.cuerpo hr{border:0;border-top:1px solid var(--borde);margin:2em 0}
@media(max-width:479px){.cuerpo{font-size:17.5px;line-height:1.72}}
/* tablas: a su ancho; si no caben, se desplazan de lado dentro de su caja */
.tabla{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 1.3em;max-width:100%}
.tabla table{border-collapse:collapse;font-size:15px;line-height:1.5}
.tabla td,.tabla th{border:1px solid var(--borde);padding:8px 10px;vertical-align:top;text-align:left}
.tabla th,.tabla tr:first-child td{min-width:4.5em}
.tabla-ancha::after{content:"Desliza para ver la tabla completa";display:block;font-size:13px;color:var(--atenuado);padding:4px 0 0}
@media(min-width:768px){.tabla-ancha::after{display:none}}
.rotulos{font-weight:600;color:#30183b}
/* teléfono escrito en el texto: abre el modal de llamada */
.tel-texto{font-weight:600}
/* caja de autor */
.autor{display:flex;gap:14px;align-items:flex-start;margin:34px 0 0;padding:16px 18px;background:#fff;border:1px solid var(--borde);border-radius:12px}
.autor-ini{flex:0 0 46px;height:46px;border-radius:50%;background:#30183b;color:var(--oro-claro);display:flex;align-items:center;justify-content:center;font:700 20px "Playfair Display",Georgia,serif}
.autor p{margin:0;font-size:15px;line-height:1.55}
.autor .autor-nombre{font-weight:700;font-size:16px;color:#30183b}
.autor a{color:var(--enlace)}
/* caja final de consulta */
.consulta{margin:34px 0 0;padding:22px 20px;border-radius:14px;background:#30183b;color:var(--crema);text-align:center}
.consulta h2{font:700 22px/1.25 "Playfair Display",Georgia,serif;margin:0 0 6px;color:var(--crema)}
.consulta p{margin:0 0 14px;color:rgba(254,250,241,.82);font-size:15px}
.consulta .fila{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.consulta .ir-hub{display:inline-block;margin-top:14px;color:var(--oro-claro);font-size:15px}
/* relacionados */
.relacionados{margin:36px 0 0;border-top:1px solid var(--borde);padding-top:20px}
.relacionados h2{font:700 21px "Playfair Display",Georgia,serif;color:#30183b;margin:0 0 10px}
.relacionados ul{list-style:none;margin:0;padding:0}
.relacionados li{border-bottom:1px solid var(--borde)}
.relacionados li a{display:flex;flex-direction:column;gap:2px;padding:11px 0;text-decoration:none;color:var(--enlace);font-weight:600;min-height:44px}
.relacionados li small{font-weight:400;font-size:13px;color:var(--atenuado)}
.relacionados .al-hub{margin:14px 0 0;font-size:15px}
.relacionados .al-hub a{color:var(--enlace)}
/* listados de categoría */
.listado{list-style:none;padding:0;margin:0}
.listado li{border-bottom:1px solid var(--borde);margin:0}
.listado li a{display:block;padding:11px 0;text-decoration:none;font-weight:500;min-height:44px}
/* componente de tiradas (el mismo de antes) */
.tirada{margin:30px 0 8px;padding:20px 18px;border:1px solid var(--borde);border-radius:12px;background:var(--suave);font-size:16px;line-height:1.6}
.tirada .t-titulo{margin:0 0 12px}
.t-form{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.t-label{width:100%;font-weight:600;color:#30183b}
.t-input{flex:1 1 240px;min-width:0;padding:11px 12px;border:1px solid var(--borde);border-radius:8px;font:inherit;background:#fff;color:var(--tinta)}
.t-boton{padding:11px 20px;border:0;border-radius:8px;background:var(--oro);color:var(--noche);font:inherit;font-weight:700;cursor:pointer}
.t-boton:hover{background:var(--oro-claro)}
.t-boton:focus-visible,.t-input:focus-visible,.t-mas:focus-visible{outline:3px solid var(--violeta);outline-offset:2px}
.t-resultado:focus{outline:none}
.t-pregunta{margin:18px 0 0}
.tirada .t-cartas{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.t-carta{background:var(--papel);border:1px solid var(--borde);border-top:4px solid var(--oro);border-radius:10px;padding:14px}
.t-pos{display:block;font-size:13px;color:var(--atenuado);text-transform:uppercase;letter-spacing:.04em}
.t-cab{display:flex;align-items:baseline;gap:8px;margin:6px 0 4px}
.t-num{font-family:"Playfair Display",Georgia,serif;font-variant-numeric:lining-nums;color:var(--violeta);font-weight:700}
.t-nombre{font-family:"Playfair Display",Georgia,serif;font-size:19px;color:#30183b;font-weight:700}
.t-sig{margin:6px 0 8px;font-size:15px;line-height:1.55}
.t-mas{font-size:14px;color:var(--violeta)}
.t-aviso{margin-top:18px;padding-top:12px;border-top:1px solid var(--borde);font-size:15px}
.t-aviso p{margin:0 0 10px}
.t-contacto{display:flex;gap:10px;flex-wrap:wrap}