/* =============================================================================
   manana.css — 🎁 «Mañana te espera…» (1.5.5, 22-oct)
   · .summary-manana: la promesa en el resumen de la primera lección (Acento).
   · .pa-cofre: el cofre de Trufa en la portada, al volver al día siguiente.
   ========================================================================== */

/* ---------- Promesa en el resumen de la lección ---------- */
.summary-manana {
    display: flex; align-items: center; gap: .7rem; text-align: left;
    margin: .8rem auto 0; max-width: 360px; padding: .7rem .9rem;
    border-radius: 16px; background: linear-gradient(135deg, #FFF4D6, #FFE9B3);
    border: 1.5px solid #F2C94C; box-shadow: 0 6px 16px rgba(226, 135, 27, .18);
    animation: summary-manana-in 520ms cubic-bezier(.22, 1.2, .36, 1) both;
}
.summary-manana[hidden] { display: none; }
.summary-manana__ico { font-size: 1.7rem; line-height: 1; flex: 0 0 auto; animation: summary-manana-wiggle 2.4s ease-in-out infinite; }
.summary-manana b { display: block; font-size: .98rem; font-weight: 900; color: #6B4A00; }
.summary-manana small { display: block; margin-top: .1rem; font-size: .8rem; font-weight: 700; color: #8C6A1A; line-height: 1.3; }
@keyframes summary-manana-in { from { opacity: 0; transform: translateY(10px) scale(.97); } to { opacity: 1; transform: none; } }
@keyframes summary-manana-wiggle { 0%, 80%, 100% { transform: rotate(0); } 85% { transform: rotate(-10deg); } 90% { transform: rotate(10deg); } 95% { transform: rotate(-6deg); } }

/* ---------- El cofre en la portada ---------- */
.pa-cofre {
    position: relative; display: flex; align-items: center; gap: 12px;
    margin: 0 0 18px; padding: 14px 14px 14px 10px; border-radius: 20px; cursor: pointer;
    background: linear-gradient(135deg, #FFF6DC 0%, #FFE6A8 100%);
    border: 1.5px solid #F2C94C; box-shadow: 0 10px 26px rgba(226, 135, 27, .22);
    animation: pa-cofre-in .5s cubic-bezier(.22, 1.2, .36, 1) both;
    overflow: hidden;
}
.pa-cofre:active { transform: scale(.985); }
.pa-cofre.is-out { animation: pa-cofre-out .4s ease-in both; }
@keyframes pa-cofre-in { from { opacity: 0; transform: translateY(-14px); } to { opacity: 1; transform: none; } }
@keyframes pa-cofre-out { to { opacity: 0; transform: translateY(-8px) scale(.97); } }
.pa-cofre__trufa { width: 64px; height: 64px; flex: 0 0 64px; object-fit: contain; filter: drop-shadow(0 4px 6px rgba(0, 0, 0, .18)); animation: pa-cofre-trufa 1.6s ease-in-out infinite; }
@keyframes pa-cofre-trufa { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
.pa-cofre__txt { flex: 1; min-width: 0; }
.pa-cofre__k { margin: 0 0 2px; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #B9771A; }
.pa-cofre__t { margin: 0 0 3px; font-size: 16px; font-weight: 900; color: #3B2A00; line-height: 1.2; }
.pa-cofre__p { margin: 0; font-size: 13px; font-weight: 600; color: #7A5A12; line-height: 1.35; }
/* La caja: emoji grande que tiembla; al abrir, salta la tapa y sale el brillo */
.pa-cofre__caja { position: relative; flex: 0 0 56px; width: 56px; height: 56px; display: grid; place-items: center; }
.pa-cofre__cuerpo { font-size: 42px; line-height: 1; display: block; animation: pa-cofre-shake 2.2s ease-in-out infinite; transform-origin: 50% 90%; }
@keyframes pa-cofre-shake { 0%, 70%, 100% { transform: rotate(0); } 75% { transform: rotate(-8deg); } 80% { transform: rotate(8deg); } 85% { transform: rotate(-5deg); } 90% { transform: rotate(5deg); } }
.pa-cofre__tapa { display: none; }
.pa-cofre__brillo { position: absolute; inset: -8px; border-radius: 50%; background: radial-gradient(circle, rgba(255, 220, 90, .9) 0%, rgba(255, 220, 90, 0) 70%); opacity: 0; pointer-events: none; }
.pa-cofre.is-abriendo .pa-cofre__cuerpo { animation: pa-cofre-open .65s cubic-bezier(.22, 1.2, .36, 1) both; }
@keyframes pa-cofre-open { 0% { transform: scale(1); } 35% { transform: scale(1.25) rotate(-6deg); } 60% { transform: scale(.9) rotate(4deg); } 100% { transform: scale(1.15); } }
.pa-cofre.is-abriendo .pa-cofre__brillo { animation: pa-cofre-glow .9s ease-out .3s both; }
@keyframes pa-cofre-glow { 0% { opacity: 0; transform: scale(.4); } 40% { opacity: 1; } 100% { opacity: 0; transform: scale(2.2); } }
.pa-cofre.is-abierto { background: linear-gradient(135deg, #FFFBEF 0%, #FFF0C2 100%); }
.pa-cofre.is-abierto .pa-cofre__cuerpo { animation: none; transform: scale(1.1); }
.pa-cofre.is-abierto .pa-cofre__cuerpo::after { content: "✨"; position: absolute; top: -6px; right: -6px; font-size: 18px; }

body.pa-noche .pa-cofre { background: linear-gradient(135deg, #3a2d14 0%, #2a2010 100%); border-color: #B9771A; }
body.pa-noche .pa-cofre__t { color: #FFE6A8; } body.pa-noche .pa-cofre__p { color: #E3C98A; }
body.pa-noche .summary-manana { background: linear-gradient(135deg, #3a2d14, #2a2010); border-color: #B9771A; }
body.pa-noche .summary-manana b { color: #FFE6A8; } body.pa-noche .summary-manana small { color: #E3C98A; }
@media (prefers-reduced-motion: reduce) { .pa-cofre, .pa-cofre__trufa, .pa-cofre__cuerpo, .summary-manana, .summary-manana__ico { animation: none !important; } }