/* ============================================================
   BLOQUE EXPLICATIVO (2026-10-26, SEO fase 2) — al final de Tarot, Carta
   natal y Compatibilidad, debajo de la herramienta: qué es, cómo funciona y
   preguntas frecuentes. Con los tokens de tema: se lee en Medianoche y Alba.
   ============================================================ */
.explica{max-width:760px;margin:40px auto 72px;padding:0 20px;color:var(--ink);}
.explica-k{display:block;margin:0 0 10px;font:500 11px/1.4 'Space Grotesk',sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);}
.explica h2{margin:0 0 14px;font:400 clamp(24px,3.4vw,30px)/1.2 'Fraunces',Georgia,serif;letter-spacing:-.01em;color:var(--ink);}
.explica h3{margin:28px 0 8px;font:400 19px/1.35 'Fraunces',Georgia,serif;color:var(--ink);}
.explica p{margin:0 0 12px;font:300 16.5px/1.7 'Fraunces',Georgia,serif;color:var(--ink);opacity:.88;text-wrap:pretty;}
.explica a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(var(--tx-rgb),.35);}
.explica a:hover{text-decoration-color:currentColor;}
.explica-faq{margin-top:30px;}
.explica-faq details{border-top:1px solid var(--border);}
.explica-faq details:last-child{border-bottom:1px solid var(--border);}
.explica-faq summary{cursor:pointer;list-style:none;position:relative;padding:16px 30px 16px 0;font:400 17px/1.4 'Fraunces',Georgia,serif;color:var(--ink);}
.explica-faq summary::-webkit-details-marker{display:none;}
.explica-faq summary::after{content:'+';position:absolute;right:2px;top:14px;font-size:20px;color:var(--muted);transition:transform .2s;}
.explica-faq details[open] summary::after{transform:rotate(45deg);}
.explica-faq details p{font-size:15.5px;}
.explica-enlaces{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;}
.explica-enlaces a{padding:8px 14px;border:1px solid var(--border);border-radius:999px;font:400 13px 'Space Grotesk',sans-serif;text-decoration:none;color:var(--ink);}
.explica-enlaces a:hover{border-color:rgba(var(--tx-rgb),.5);}

/* En Tarot, el abanico de cartas del héroe sobresale por abajo: más aire antes del bloque. */
.explica--tras-abanico{margin-top:clamp(150px,24vw,230px);}