/* Páginas legales (template-legal.php): lectura cómoda, con el estilo de Pawnia. */
body.page-template-template-legal { background: var(--pawnia-marfil, #FFFBF0); }
.koi-legal { max-width: 860px; margin: 0 auto; padding: clamp(40px, 6vw, 80px) 16px clamp(64px, 8vw, 110px); color: var(--pawnia-verde); }
.koi-legal__cabeza { margin-bottom: clamp(28px, 4vw, 48px); }
.koi-legal__eyebrow { display: block; font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--pawnia-rosa); }
.koi-legal__titulo { margin: 10px 0 20px; font-family: var(--koi-font-display); font-weight: 400; font-size: clamp(38px, 6vw, 72px); line-height: 1.02; text-transform: uppercase; color: var(--pawnia-verde); }
.koi-legal__nav { display: flex; flex-wrap: wrap; gap: 8px; }
.koi-legal__nav a { padding: 8px 16px; border-radius: 999px; border: 1.5px solid rgba(51, 91, 84, .25); font-size: 13px; font-weight: 700; color: var(--pawnia-verde); }
.koi-legal__nav a:hover, .koi-legal__nav a[aria-current] { background: var(--pawnia-verde); border-color: var(--pawnia-verde); color: #fff; }
.koi-legal__texto { font-size: 16.5px; line-height: 1.75; color: rgba(51, 91, 84, .92); }
.koi-legal__texto h2 { margin: 2.2em 0 .6em; font-family: var(--koi-font-texto); font-weight: 700; font-size: clamp(20px, 2vw, 24px); line-height: 1.25; text-transform: none; color: var(--pawnia-verde); }
.koi-legal__texto p, .koi-legal__texto ul { margin: 0 0 1em; }
.koi-legal__texto ul { padding-left: 1.2em; }
.koi-legal__texto li { margin-bottom: .45em; }
.koi-legal__texto li::marker { color: var(--pawnia-rosa); }
.koi-legal__texto a { color: var(--pawnia-rosa); font-weight: 600; text-decoration: underline; text-underline-offset: .2em; }
.koi-legal__fecha { display: inline-block; padding: 6px 14px; border-radius: 999px; background: var(--pawnia-lima); color: var(--pawnia-verde); font-size: 13px; font-weight: 700; }
.koi-legal__texto table { width: 100%; margin: 0 0 1.4em; border-collapse: collapse; font-size: 14.5px; line-height: 1.5; background: #fff; border-radius: 16px; overflow: hidden; }
.koi-legal__texto th, .koi-legal__texto td { padding: 12px 14px; text-align: left; vertical-align: top; border-bottom: 1px solid rgba(51, 91, 84, .1); }
.koi-legal__texto th { background: var(--pawnia-verde); color: #fff; font-weight: 700; }
@media (max-width: 640px) { .koi-legal__texto table { display: block; overflow-x: auto; } }