/* OJAI · Rituales. Misma familia que Emociones (lavanda, crema, ciruela). La página cambia de luz con la hora:
   mañana y día claros; noche y silencio en ciruela profundo. */
body[data-view=rituales]{background:var(--o-niebla);color:var(--o-ciruela-media)}
body[data-view=rituales] .top{background:var(--o-ciruela-sombra);color:var(--o-crema-luz)}
body[data-view=rituales] footer{color:var(--o-i-lila-44);border-color:var(--o-lila-claro)}
body[data-view=rituales]:has(.rit-page[data-momento=noche]),body[data-view=rituales]:has(.rit-page[data-momento=silencio]){background:var(--o-i-lila-12);color:var(--o-i-lila-94)}
.rit-page{max-width:1150px;margin:auto;padding:30px 30px 70px;font-family:var(--o-letra)}
.rit-page h1{font-size:clamp(36px,5.4vw,66px);line-height:1.04;margin:14px 0 18px;font-weight:600;letter-spacing:-.02em}
.rit-page h2{font-size:clamp(27px,3.4vw,42px);line-height:1.12;margin:8px 0 16px;font-weight:600;letter-spacing:-.01em}
.rit-page h3{font-size:20px;line-height:1.25;margin:26px 0 12px}
.rit-page em{font-style:italic;font-weight:400;color:#7d5a8a}
.rit-hoy em,.rit-noche em{color:var(--o-arena)}
.rit-page[data-momento=noche] em,.rit-page[data-momento=silencio] em{color:#e8c9ec}
.rit-page :focus-visible{outline:3px solid var(--o-i-lila-65);outline-offset:4px}
.rit-kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--o-i-lila-50);margin:0}
.rit-lead{font-size:17px;line-height:1.7;max-width:720px}
.rit-tip{font-size:12.5px;color:var(--o-i-lila-44);line-height:1.6;margin-top:14px;max-width:760px}
.rit-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;align-items:center}
.rit-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 20px;border-radius:40px;border:1px solid var(--o-lavanda);background:var(--o-lavanda);color:var(--o-blanco);font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:transform .2s,background .2s}
.rit-btn:hover{transform:translateY(-2px);background:var(--o-i-lila-35b)}
.rit-btn.ghost{background:transparent;color:var(--o-ciruela-media)}
.rit-btn.ghost:hover{background:var(--o-i-lila-91)}
.rit-btn.light{background:var(--o-arena);border-color:var(--o-arena);color:var(--o-ciruela-noche)}
.rit-btn.ghost-light{background:transparent;border-color:#f3e9f4aa;color:var(--o-i-lila-94)}
.rit-link{min-height:36px;font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:3px;color:inherit;padding:4px 0}
.rit-section{margin:26px 0;padding:44px;background:var(--o-crema-luz);border:1px solid var(--o-i-lila-89);border-radius:32px}
.rit-destacado{border:2px solid #b98fc0;box-shadow:0 14px 40px #6c4f8022}

/* Portada: saludo + tarjeta de «ahora» */
.rit-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center;padding:26px 0 8px}
.rit-hoy{padding:34px;border-radius:30px;background:var(--o-ciruela-sombra);color:#fbf2f7;box-shadow:0 20px 50px #30263133;min-height:250px}
.rit-hoy .rit-kicker{color:var(--o-i-lila-79)}
.rit-hoy h2{margin:12px 0}
.rit-hoy p{line-height:1.6;color:var(--o-i-lila-89)}
.rit-hoy .rit-btn{background:var(--o-arena);border-color:var(--o-arena);color:var(--o-ciruela-noche)}
.rit-mensaje{font-size:clamp(22px,2.6vw,30px)!important;line-height:1.3;font-weight:500!important}
.rit-mensaje-dia{font-size:17px;line-height:1.5;color:var(--o-arena);margin:0 0 18px;font-style:italic}
.rit-frase-hero{font-style:italic;font-weight:400!important}
.rit-dot{display:inline-block;width:.62em;height:.62em;border-radius:50%;background:var(--emo);margin-right:.3em;vertical-align:.05em;box-shadow:0 0 0 3px #ffffff33}

/* Emoción de la semana */
.rit-semana{display:grid;grid-template-columns:260px 1fr;gap:38px;align-items:center;background:linear-gradient(135deg,var(--o-crema-luz) 55%,color-mix(in srgb,var(--emo) 22%,var(--o-crema-luz)))}
.rit-semana-art{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;border:6px solid var(--emo);background:var(--o-niebla)}
.rit-ficha{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:0}
.rit-ficha div{padding:14px 16px;border-radius:18px;background:var(--o-blanco);border:1px solid var(--o-i-lila-91)}
.rit-ficha dt{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--o-i-lila-50);font-weight:600}
.rit-ficha dd{margin:6px 0 0;line-height:1.45}

/* Minuto de la mañana */
.rit-colores{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}
.rit-color{display:flex;align-items:center;gap:10px;min-height:52px;padding:10px 14px;border-radius:40px;border:1px solid var(--o-i-lila-87);background:var(--o-blanco);font-size:15px;font-weight:600;text-transform:capitalize;transition:transform .2s,border-color .2s}
.rit-color i{width:26px;height:26px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 2px #0000001a;flex:none}
.rit-color:hover{transform:translateY(-2px)}
.rit-color[aria-pressed=true]{border:2px solid var(--o-lavanda);background:var(--o-niebla)}
.rit-ojo-respuesta{margin-top:20px}
.rit-ojo-emos{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.rit-ojo-emo{display:flex;gap:14px;align-items:center;padding:14px;border-radius:22px;background:var(--o-blanco);border:1px solid var(--o-i-lila-91);border-left:6px solid var(--emo)}
.rit-ojo-emo img{width:78px;height:78px;border-radius:50%;object-fit:cover;flex:none;background:var(--o-niebla)}
.rit-ojo-emo small{display:block;color:#6d5a75;margin-top:3px}
.rit-ojo-emo .rit-row{margin-top:6px;gap:14px}

/* La frase de la noche */
.rit-noche{background:var(--o-ciruela-sombra);color:var(--o-i-lila-94);border-color:var(--o-ciruela-sombra)}
.rit-noche .rit-kicker{color:var(--o-i-lila-79)}.rit-noche .rit-tip{color:var(--o-i-lila-77)}
.rit-frase{font-size:clamp(28px,3.6vw,46px);line-height:1.2;font-style:italic;margin:10px 0 6px;max-width:820px;color:var(--o-i-durazno-95)}
.rit-frase::before{content:'«'}.rit-frase::after{content:'»'}







/* El deseo de la noche y los avisos */
.rit-deseo{margin:26px 0 8px;padding:22px 26px;border-radius:22px;background:linear-gradient(135deg,#f6e7c914,#e8c9ec1f);border:1px solid #f6e7c933}
.rit-deseo .rit-kicker{color:var(--o-arena)}
.rit-deseo-texto{font-size:clamp(20px,2.4vw,28px);line-height:1.35;margin:10px 0 0;color:var(--o-i-durazno-95)}
.rit-avisos{margin-top:26px;padding:26px;border-radius:24px;background:var(--o-ciruela-sombra);color:var(--o-i-lila-94)}
.rit-avisos .rit-kicker{color:var(--o-i-lila-79)}.rit-avisos h3{margin:8px 0;font-size:24px}.rit-avisos p{line-height:1.6;max-width:760px}.rit-avisos .rit-tip{color:var(--o-i-lila-77)}
.rit-avisos .rit-btn{background:var(--o-arena);border-color:var(--o-arena);color:var(--o-ciruela-noche)}

/* Ojai responde */
.rit-label{display:block;font-weight:600;margin:16px 0 8px}
.rit-page textarea{width:100%;max-width:760px;padding:16px;border-radius:18px;border:1px solid var(--o-i-lila-83);background:var(--o-blanco);color:var(--o-i-lila-21);font-size:16px;line-height:1.5;resize:vertical}

/* El mapa */
.rit-mapa{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:10px}
.rit-mapa-item{text-align:left;padding:16px;border-radius:22px;background:var(--o-blanco);border:1px solid var(--o-i-lila-91);border-top:10px solid var(--emo);display:flex;flex-direction:column;gap:6px;transition:transform .2s,box-shadow .2s}
.rit-mapa-item:hover{transform:translateY(-3px);box-shadow:0 12px 26px #5a3e6a1f}
.rit-mapa-item strong{font-size:19px}
.rit-mapa-item small{line-height:1.45;color:var(--o-i-lila-35)}
.rit-mapa-color{align-self:flex-start;font-size:11px;font-weight:600;letter-spacing:.06em;padding:3px 10px;border-radius:20px;background:var(--emo);color:var(--emo-ink)}

/* Ritmo semanal */
.rit-ritmo{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
.rit-ritmo-item{padding:18px;border-radius:22px;background:var(--o-blanco);border:1px solid var(--o-i-lila-91)}
.rit-ritmo-item.hoy{border:2px solid var(--o-lavanda);background:#f8f0fa}
.rit-ritmo-item h3{margin:8px 0;font-size:18px}
.rit-ritmo-item p{margin:6px 0;line-height:1.5;font-size:14px}

.rit-regalo{background:linear-gradient(135deg,var(--o-crema-luz),#f7e6ef)}

/* De noche, las tarjetas claras se oscurecen */
.rit-page[data-momento=noche] .rit-section:not(.rit-noche),.rit-page[data-momento=silencio] .rit-section:not(.rit-noche){background:var(--o-i-lila-16);border-color:var(--o-i-lila-21);color:var(--o-i-lila-94)}
.rit-page[data-momento=noche] :is(.rit-ficha div,.rit-color,.rit-ojo-emo,.rit-mapa-item,.rit-ritmo-item,textarea),.rit-page[data-momento=silencio] :is(.rit-ficha div,.rit-color,.rit-ojo-emo,.rit-mapa-item,.rit-ritmo-item,textarea){background:var(--o-i-lila-21);border-color:var(--o-i-lila-27);color:var(--o-i-lila-94)}
.rit-page[data-momento=noche] :is(.rit-tip,.rit-mapa-item small,.rit-ojo-emo small),.rit-page[data-momento=silencio] :is(.rit-tip,.rit-mapa-item small,.rit-ojo-emo small){color:var(--o-i-lila-77)}
.rit-page[data-momento=noche] .rit-btn.ghost,.rit-page[data-momento=silencio] .rit-btn.ghost{color:var(--o-i-lila-94);border-color:#b99bc0}
.rit-page[data-momento=noche] .rit-kicker,.rit-page[data-momento=silencio] .rit-kicker{color:var(--o-i-lila-79)}
.rit-page[data-momento=noche] .rit-semana,.rit-page[data-momento=silencio] .rit-semana{background:linear-gradient(135deg,var(--o-i-lila-16) 55%,color-mix(in srgb,var(--emo) 30%,var(--o-i-lila-16)))}
.rit-page[data-momento=noche] .rit-hoy,.rit-page[data-momento=silencio] .rit-hoy{background:#402f45}

@media (max-width:900px){
 .rit-hero,.rit-semana{grid-template-columns:1fr}
 .rit-semana-art{max-width:220px}
 .rit-ficha,.rit-ojo-emos{grid-template-columns:1fr}
 .rit-ritmo{grid-template-columns:1fr 1fr}
 .rit-colores{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
 .rit-page{padding:18px 16px 50px}
 .rit-section{padding:26px 20px;border-radius:24px}
 .rit-hoy{padding:24px}
 .rit-ritmo{grid-template-columns:1fr}
 
}
@media (prefers-reduced-motion:reduce){.rit-btn,.rit-color,.rit-mapa-item{transition:none}.rit-btn:hover,.rit-color:hover,.rit-mapa-item:hover{transform:none}}

/* La sorpresa de hoy: tres sobres que se abren (diseño restaurativo: formas orgánicas, movimiento lento, poco texto) */
.rit-sorpresa{margin-top:30px}
.rit-sorpresa h3{font-family:var(--o-letra-alma);font-weight:400;font-size:clamp(24px,3vw,32px);margin:4px 0 16px}
.rit-sobres{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:start}
.rit-sobre{--c:#c9b6e4;position:relative;margin-top:46px;border-radius:28px 22px 30px 20px;background:var(--c);color:var(--o-ciruela-noche);box-shadow:0 14px 30px #0000002e;transition:transform .5s ease}
.rit-sobre[data-area=cuerpo]{--c:#f3b38e}.rit-sobre[data-area=corazon]{--c:#f2a1a0}
.rit-sobre:not(.abierto){animation:rit-flota 7s ease-in-out infinite}
.rit-sobre[data-area=cuerpo]:not(.abierto){animation-delay:-2.3s}.rit-sobre[data-area=corazon]:not(.abierto){animation-delay:-4.6s}
@keyframes rit-flota{50%{transform:translateY(-6px) rotate(-.4deg)}}
.rit-sobre-tapa{display:grid;justify-items:start;gap:4px;width:100%;min-height:128px;padding:20px 22px;text-align:left;color:inherit;position:relative}
/* El Ojai se asoma por el borde superior del sobre y se balancea despacio */
.rit-sobre-ojai{position:absolute;right:16px;top:-58px;width:92px;height:auto;filter:drop-shadow(0 8px 10px #00000040);transform-origin:50% 90%;animation:rit-asoma 5s ease-in-out infinite;pointer-events:none}
.rit-sobre[data-area=cuerpo] .rit-sobre-ojai{animation-delay:-1.7s;right:auto;left:62%}
.rit-sobre[data-area=corazon] .rit-sobre-ojai{animation-delay:-3.4s}
.rit-sobre.abierto .rit-sobre-ojai{width:78px;top:-50px}
@keyframes rit-asoma{50%{transform:rotate(-4deg) translateY(-3px)}}
.rit-sobre-tapa::after{display:none;content:'';position:absolute;right:18px;top:18px;width:18px;height:18px;border-radius:50%;background:var(--o-crema);box-shadow:0 0 0 5px #fff8f155;transition:opacity .4s}
.rit-sobre.abierto .rit-sobre-tapa::after{opacity:0}
.rit-sobre-icono{font-size:28px;line-height:1}
.rit-sobre-titulo{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;margin-top:6px}
.rit-sobre-abre{font-family:var(--o-letra-alma);font-size:20px;line-height:1.2}
.rit-sobre-dentro{padding:0 22px 22px;animation:rit-abre .6s ease both}
@keyframes rit-abre{from{opacity:0;transform:translateY(-8px)}}
.rit-sobre-dentro h4{display:none}
.rit-sobre-dentro p{margin:0 0 10px;line-height:1.5;font-size:15px}
.rit-gesto{padding:12px 14px;border-radius:16px;background:#fff8f1b3}
.rit-lo-hice{margin-top:4px;background:var(--o-ciruela-noche)!important;border-color:var(--o-ciruela-noche)!important;color:var(--o-crema)!important;min-height:42px}
.rit-lo-hice:disabled{opacity:.75}
@media (max-width:760px){.rit-sobres{grid-template-columns:1fr;gap:6px}.rit-sobre-ojai{width:76px;top:-46px}.rit-sobre-tapa{min-height:96px}}
@media (prefers-reduced-motion:reduce){.rit-sobre,.rit-sobre-dentro,.rit-sobre-ojai{animation:none!important}}

/* El minuto de la mañana, al revés: primero el cuerpo, el nombre después.
   Se leen sensaciones, no colores: quien llega no tiene por qué saber cómo se llama. */
.rit-cuerpos{display:grid;grid-template-columns:repeat(auto-fit,minmax(248px,1fr));gap:10px;margin-top:12px}
.rit-cuerpo{display:flex;align-items:center;min-height:56px;padding:12px 18px;border-radius:14px;
  border:1px solid var(--o-i-lila-87);background:var(--o-crema-luz,var(--o-crema-luz));color:inherit;font:inherit;
  font-size:16px;line-height:1.35;text-align:left;cursor:pointer;
  transition:border-color .15s,transform .1s,background .15s}
.rit-cuerpo:hover,.rit-cuerpo:focus-visible{border-color:var(--o-umbral,var(--o-emo-coraje));background:var(--o-blanco)}
.rit-cuerpo:active{transform:scale(.99)}
.rit-ninguna{display:inline-block;margin:14px 0 2px}
.rit-revela{border:1px solid color-mix(in srgb,var(--emo,var(--o-emo-coraje)) 42%,transparent);border-radius:20px;
  padding:26px;margin-top:12px;background:var(--o-crema-luz,var(--o-crema-luz));text-align:center;
  animation:rit-revelar .4s ease}
@keyframes rit-revelar{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.rit-revela{animation:none}}
.rit-revela-art{width:150px;height:150px;object-fit:cover;border-radius:50%;
  border:5px solid var(--emo,var(--o-emo-coraje));margin:0 auto 14px;display:block}
.rit-revela h3{font-size:34px;line-height:1.1;margin:2px 0 6px}
.rit-revela-cuerpo{font-size:17px;opacity:.82;margin:0 0 16px}
.rit-revela-lista{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;text-align:left;
  max-width:520px;margin:0 auto 16px}
.rit-revela-lista dt{font-size:13px;letter-spacing:.06em;text-transform:uppercase;opacity:.6;
  align-self:start;padding-top:3px}
.rit-revela-lista dd{margin:0;font-size:16px;line-height:1.4}
.rit-revela .rit-row{justify-content:center;flex-wrap:wrap}
@media (max-width:560px){
  .rit-revela{padding:20px}
  .rit-revela-lista{grid-template-columns:1fr;gap:2px 0}
  .rit-revela-lista dd{margin-bottom:10px}
}
/* El porqué del deseo: va delante del deseo, en voz baja. 20 sep 2026. */
.rit-deseo-porque{margin:0 0 10px;font-size:14px;line-height:1.55;color:#6d5a75;max-width:62ch}
.rit-noche .rit-deseo-porque{color:var(--o-i-lila-77)}
.rit-hoy .rit-deseo-porque{color:#e3d2e6;font-size:13.5px;margin-bottom:8px}
/* La revelación del ojo de noche: era la única tarjeta que se quedaba clara con tinta clara encima. 20 sep 2026. */
.rit-page[data-momento=noche] .rit-revela,.rit-page[data-momento=silencio] .rit-revela{background:var(--o-i-lila-21);border-color:var(--o-i-lila-27);color:var(--o-i-lila-94)}
.rit-page[data-momento=noche] .rit-revela :is(h3,p,dt,dd),.rit-page[data-momento=silencio] .rit-revela :is(h3,p,dt,dd){color:var(--o-i-lila-94)}
.rit-page[data-momento=noche] .rit-revela :is(.rit-kicker,dt,.rit-tip),.rit-page[data-momento=silencio] .rit-revela :is(.rit-kicker,dt,.rit-tip){color:var(--o-i-lila-79)}
/* Noche y silencio (21:00 → amanecer) · 20 sep 2026. Las tarjetas se oscurecen, pero «Tu ritual de hoy»
   (piezas rc-* de reconocete) y la ficha de la semana conservaban su tinta de día: lila y ciruela sobre oscuro. */
.rit-page:is([data-momento=noche],[data-momento=silencio]) #rc-ritual :is(.rc-kicker,small,.rc-progreso,.rc-progreso span,.rc-mini){color:var(--o-i-lila-79)}
.rit-page:is([data-momento=noche],[data-momento=silencio]) #rc-ritual .rc-chips button:not([aria-pressed=true]){color:var(--o-i-lila-94);border-color:var(--o-i-lila-39b);background:#ffffff0f}
.rit-page:is([data-momento=noche],[data-momento=silencio]) #rc-ritual :is(h3,h4,label,p:not(.rc-kicker):not(.rc-mini)){color:var(--o-i-lila-94)}
.rit-page:is([data-momento=noche],[data-momento=silencio]) .rit-ficha dt{color:var(--o-i-lila-79)}