/* OJAI · componentes.css · piezas comunes del sistema (ver BRAND/SISTEMA_DISENO/OJAI_MUNDO.html).
   Usa solo variables de tokens.css. Lo nuevo se construye con estas clases; las viejas (.btn, .rit-btn,
   .san-btn, .daily-kicker, .rit-kicker…) siguen vivas y se reemplazan pantalla por pantalla. */

/* Botón · variantes: principal (durazno), borde, claro (sobre la noche), texto */
.o-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--o-espacio-3);min-height:48px;padding:var(--o-espacio-3) var(--o-espacio-5);border:1.5px solid transparent;border-radius:var(--o-radio-pildora);font:700 var(--o-letra-etiqueta)/1.2 var(--o-letra);text-decoration:none;cursor:pointer;transition:transform var(--o-mov-rapido) var(--o-mov-suave),filter var(--o-mov-rapido)}
.o-btn:hover{filter:brightness(1.06)}
.o-btn:active{transform:translateY(1px)}
.o-btn:focus-visible{outline:3px solid var(--o-foco);outline-offset:4px}
.o-btn:disabled,.o-btn[aria-disabled=true]{opacity:.45;cursor:default;filter:none;transform:none}
.o-btn--principal{background:var(--o-acento);color:var(--o-texto-oscuro)}
.o-btn--borde{background:transparent;border-color:currentColor;color:inherit}
.o-btn--claro{background:var(--o-crema);color:var(--o-texto-oscuro)}
.o-btn--texto{background:none;min-height:44px;padding-inline:0;text-decoration:underline;text-underline-offset:5px}

/* Título pequeño en mayúsculas, encima de un título */
.o-kicker{margin:0 0 var(--o-espacio-3);font:700 var(--o-letra-micro)/1.3 var(--o-letra);letter-spacing:.18em;text-transform:uppercase;color:var(--o-acento-profundo)}
.o-kicker--noche{color:var(--o-halo-calido)}

/* Tarjeta · clara (crema) o de noche (ciruela) */
.o-tarjeta{padding:var(--o-espacio-5);border-radius:var(--o-radio-l);background:var(--o-crema-luz);color:var(--o-texto-oscuro)}
.o-tarjeta--noche{background:var(--o-ciruela-noche);color:var(--o-texto-claro)}
.o-tarjeta--lana{border-radius:var(--o-radio-lana)}

/* Frase del alma: la voz Georgia */
.o-alma{font-family:var(--o-letra-alma);font-weight:normal;letter-spacing:-.01em}

@media (prefers-reduced-motion:reduce){.o-btn{transition:none}}