/* OJAI · Cuatro lugares (lugares.js) · 21 sep 2026
   Solo las piezas nuevas: tarjetas de «Hoy» y «Sentir», y la puerta de «Escribir».
   Colores y medidas del sistema (tokens.css, --o-*). */

.lug-tarjetas{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:22px}
.lug-tarjeta{display:flex;align-items:center;gap:14px;text-align:left;padding:14px 16px;min-height:88px;border-radius:22px;border:1px solid var(--o-i-lila-89);background:var(--o-blanco);color:var(--o-i-lila-21);font:inherit;cursor:pointer;transition:transform .2s,box-shadow .2s}
.lug-tarjeta:hover{transform:translateY(-2px);box-shadow:0 10px 24px #5a3e6a1f}
.lug-tarjeta img{width:58px;height:58px;border-radius:50%;object-fit:cover;flex:none;background:var(--o-niebla)}
.lug-tarjeta strong{display:block;font-size:17px;line-height:1.3}
.lug-tarjeta small{display:block;font-size:13.5px;line-height:1.45;opacity:.82;margin-top:3px}

/* Escribir: la puerta. Tranquila, clara, una sola invitación. */
.lug-escribir{max-width:1150px;margin:auto;padding:40px 30px 6px;font-family:var(--o-letra);color:var(--o-i-lila-21)}
.lug-escribir h1{font-size:clamp(36px,5.4vw,66px);line-height:1.04;margin:14px 0 18px;font-weight:600;letter-spacing:-.02em}
.lug-escribir h1 em{color:#7d5a8a}
.lug-fila{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.lug-fila .daily-button{width:auto;margin:0;min-width:200px}
.lug-suave{min-height:48px;padding:14px 23px;border-radius:99px;border:1px solid var(--o-i-lila-79);background:transparent;color:var(--o-i-lila-21);font:inherit;font-size:14px;cursor:pointer}
.lug-suave:hover{background:var(--o-i-lila-92)}
body[data-view=escribir] .rit-page{padding-top:6px}

/* Los siete encuentros, sueltos del resumen de Mi camino */
.lug-encuentros{padding-top:0}

@media (max-width:640px){
 .lug-tarjetas{grid-template-columns:1fr}
 .lug-escribir{padding:26px 16px 4px}
 .lug-fila .daily-button,.lug-suave{flex:1 1 100%}
}
@media (prefers-reduced-motion:reduce){.lug-tarjeta{transition:none}.lug-tarjeta:hover{transform:none}}
.plg-salas:empty{display:none}

/* Escribir: el mismo cielo tranquilo de «Hoy»; de noche, el mismo cielo de noche */
body[data-view=escribir]{background:var(--o-niebla);color:var(--o-ciruela-media)}
body[data-view=escribir] .top{background:var(--o-ciruela-sombra);color:var(--o-crema-luz)}
body[data-view=escribir] footer{color:var(--o-i-lila-44);border-color:var(--o-lila-claro)}
body[data-view=escribir]:has(.rit-page[data-momento=noche]),body[data-view=escribir]:has(.rit-page[data-momento=silencio]){background:var(--o-i-lila-12);color:var(--o-i-lila-94)}
body[data-view=escribir]:has(.rit-page[data-momento=noche]) .lug-escribir,body[data-view=escribir]:has(.rit-page[data-momento=silencio]) .lug-escribir{color:var(--o-i-lila-94)}
body[data-view=escribir]:has(.rit-page[data-momento=noche]) .lug-escribir h1 em,body[data-view=escribir]:has(.rit-page[data-momento=silencio]) .lug-escribir h1 em{color:var(--o-i-lila-83)}
body[data-view=escribir]:has(.rit-page[data-momento=noche]) .lug-suave,body[data-view=escribir]:has(.rit-page[data-momento=silencio]) .lug-suave{color:var(--o-i-lila-94);border-color:var(--o-i-lila-50)}
.lug-encuentros{max-width:1150px;margin:0 auto 40px;padding:0 30px}
@media (max-width:640px){.lug-encuentros{padding:0 16px}}

/* Sentir: los bloques claros dentro del cielo oscuro guardan su tinta */
body[data-view=santuario] .rit-page .rit-section:not(.rit-noche){color:var(--o-ciruela-media)}