/* memorable.css · lo que hace el portal memorable (r12, 27 oct 2026)
   Va DESPUÉS de ui2.css. Todo sale de tokens.css: claro y oscuro solos.
   Las DOS PALETAS se respetan: aquí solo hay zona de dato (tarjetas, números);
   las frases cálidas van en Georgia, como la voz de Alexa, pero SIN comillas
   ni firma: no se le pone en la boca lo que ella no dijo. */

/* ── Color de acento (solo dentro de la paleta) ───────────────────────────── */
html[data-acento="bosque"]{--oliva:#2F4A3A;--oliva-tx:#2F4A3A}
html[data-acento="miel"]{--oliva:#7A5C30;--oliva-tx:#7A5C30}
html[data-acento="piedra"]{--oliva:#4C5A5E;--oliva-tx:#4C5A5E}
html[data-theme="dark"][data-acento="bosque"]{--oliva:#3F6350;--oliva-tx:#9CC3AA}
html[data-theme="dark"][data-acento="miel"]{--oliva:#7A5C30;--oliva-tx:#D6BC86}
html[data-theme="dark"][data-acento="piedra"]{--oliva:#4C5A5E;--oliva-tx:#A9BBBF}
html[data-acento]:not([data-acento="oliva"]) :is(.btn,.hx-btn:not(.hx-sec):not(.hx-ghost),#cobro-alert a.ca-btn,.esc-n.hecho .esc-pt,.hx-n.hecho .hx-pt,.pwa-go,.cmp-row button[aria-pressed="true"],.mm-btn:not(.mm-sec):not(.mm-ghost),.mm-play,.mm-hecho-pt){background-color:var(--oliva);border-color:var(--oliva)}

/* ── Orden de Hoy (solo si ella lo cambió; por defecto no se toca nada) ───── */
html[data-orden="camino"] #pv-hoy.on,html[data-orden="semana"] #pv-hoy.on{display:flex;flex-direction:column}
html[data-orden="camino"] #pv-hoy .pv-h,html[data-orden="semana"] #pv-hoy .pv-h{order:-9}
html[data-orden="camino"] #mm-arriba,html[data-orden="semana"] #mm-arriba{order:-8}
html[data-orden="camino"] #hx-antes{order:-7}
html[data-orden="camino"] #hx-despues{order:-6}
html[data-orden="camino"] #mm-camino{order:-5}
html[data-orden="semana"] #mm-semana{order:-7}

/* ── Base de las tarjetas nuevas ───────────────────────────────────────────── */
.mm-card{position:relative;overflow:hidden}
.mm-card h2,.mm-card h3{font-family:Georgia,serif;color:var(--oliva-tx)}
.mm-frase{font:italic 15.5px/1.5 Georgia,serif;color:var(--tx);margin:6px 0 0}
.mm-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;padding:11px 16px;border-radius:12px;font:700 14px sans-serif;text-decoration:none;cursor:pointer;margin-top:12px;border:1.5px solid var(--oliva);background:var(--oliva);color:var(--crema);transition:transform .15s ease,box-shadow .2s ease}
.mm-btn:active{transform:scale(.97)}
.mm-btn.mm-sec{background:none;color:var(--oliva-tx);border-color:var(--line-2)}
.mm-btn.mm-ghost{background:none;border-color:transparent;color:var(--tx-2);font-weight:600;margin-top:2px}
.mm-fila-btn{display:flex;gap:8px}
.mm-fila-btn .mm-btn{flex:1;width:auto}
.mm-small{font:12.5px/1.5 sans-serif;color:var(--tx-2);margin:8px 0 0}
.mm-barra{height:10px;border-radius:99px;background:var(--surface-3);overflow:hidden;margin:10px 0 4px}
.mm-barra i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--oliva),var(--dorado));transition:width .9s cubic-bezier(.22,1,.36,1)}
.sr-only-mm{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ── 1. Tu camino ──────────────────────────────────────────────────────────── */
.mm-rail{list-style:none;margin:14px 0 0;padding:0}
.mm-h{position:relative;padding-bottom:6px}
.mm-h::before{content:'';position:absolute;left:19px;top:34px;bottom:-6px;width:3px;border-radius:2px;background:var(--line-2)}
.mm-h:last-child::before{display:none}
.mm-h.hecho::before{background:var(--oliva)}
.mm-h-b{display:flex;gap:13px;align-items:flex-start;width:100%;min-height:48px;padding:6px 0;background:none;border:0;text-align:left;color:var(--tx);cursor:pointer;font-family:sans-serif}
.mm-pt{position:relative;z-index:1;flex:none;width:28px;height:28px;margin:4px 5px 0;border-radius:50%;display:grid;place-items:center;font:700 13px sans-serif;background:var(--surface);border:2px solid var(--line-2);color:var(--tx-2);transition:transform .3s cubic-bezier(.22,1,.36,1),background .3s}
.mm-h.hecho .mm-pt{background:var(--oliva);border-color:var(--oliva);color:var(--crema)}
.mm-h.sig .mm-pt{border-color:var(--dorado);border-style:dashed;color:var(--dorado-tx);background:color-mix(in srgb,var(--dorado) 12%,var(--surface))}
.mm-h.ult .mm-pt{background:var(--dorado);border-color:var(--dorado);color:var(--profundo);box-shadow:0 0 0 5px color-mix(in srgb,var(--dorado) 26%,transparent)}
.mm-h-b:active .mm-pt{transform:scale(.9)}
.mm-h-t{display:block;min-width:0;padding-top:3px}
.mm-h-t b{display:block;font-size:14.5px;line-height:1.3}
.mm-h-t small{display:block;font-size:12.5px;color:var(--tx-2);line-height:1.4;margin-top:1px}
.mm-h.luego .mm-h-t b{color:var(--tx-2)}
.mm-h-f{margin:0 0 6px 51px;padding:10px 12px;background:var(--surface-2);border-left:3px solid var(--dorado);border-radius:0 12px 12px 0;font:italic 15px/1.5 Georgia,serif;color:var(--tx);animation:mmAbre .35s cubic-bezier(.22,1,.36,1) both}
.mm-h-f[hidden]{display:none}
.mm-marcar{margin:0 0 8px 51px;min-height:44px;padding:8px 14px;border-radius:11px;border:1.5px solid var(--line-2);background:none;color:var(--oliva-tx);font:600 13px sans-serif;cursor:pointer}

/* ── Celebración suave ─────────────────────────────────────────────────────── */
.mm-fiesta{border-color:var(--dorado);background:linear-gradient(160deg,color-mix(in srgb,var(--dorado) 14%,var(--surface)),var(--surface))}
.mm-fiesta .mm-estrella{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--dorado);color:var(--dorado-tx);background:var(--surface);font-size:22px;animation:mmLatido 2.4s ease-in-out 2}
.mm-fiesta-cab{display:flex;gap:12px;align-items:center}
.mm-petalos{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.mm-fiesta>*:not(.mm-petalos){position:relative;z-index:1}
.mm-petalos i{position:absolute;bottom:-14px;width:9px;height:13px;border-radius:60% 40% 60% 40%;background:var(--dorado);opacity:0;animation:mmSube 3.2s ease-out forwards}
.mm-petalos i:nth-child(2n){background:var(--oliva);width:7px;height:10px}
.mm-petalos i:nth-child(1){left:8%;animation-delay:.05s}.mm-petalos i:nth-child(2){left:22%;animation-delay:.35s}.mm-petalos i:nth-child(3){left:37%;animation-delay:.15s}
.mm-petalos i:nth-child(4){left:52%;animation-delay:.5s}.mm-petalos i:nth-child(5){left:66%;animation-delay:.25s}.mm-petalos i:nth-child(6){left:80%;animation-delay:.6s}.mm-petalos i:nth-child(7){left:92%;animation-delay:.1s}

/* ── 2. Primer día guiado ──────────────────────────────────────────────────── */
.mm-pasos{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;list-style:none;margin:10px 0 0;padding:0}
.mm-pasos button{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;min-height:52px;padding:6px 4px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface-2);color:var(--tx-2);font:600 12px/1.2 sans-serif;cursor:pointer}
.mm-pasos button b{font:700 15px Georgia,serif;color:var(--oliva-tx)}
.mm-pasos .ahora button{border-color:var(--oliva);background:var(--surface);color:var(--tx)}
.mm-pasos .hecho button{border-color:var(--oliva);background:color-mix(in srgb,var(--oliva) 12%,var(--surface));color:var(--oliva-tx)}
.mm-opciones{display:grid;gap:8px;margin-top:12px}
.mm-op{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:10px 14px;border-radius:14px;border:1.5px solid var(--line-2);background:var(--surface);color:var(--tx);text-align:left;cursor:pointer;font-family:sans-serif;transition:transform .15s,border-color .2s,background .2s}
.mm-op:active{transform:scale(.98)}
.mm-op[aria-checked="true"]{border-color:var(--oliva);background:color-mix(in srgb,var(--oliva) 10%,var(--surface))}
.mm-op .em{font-size:26px;flex:none;width:34px;text-align:center}
.mm-op b{display:block;font-size:14.5px}
.mm-op small{display:block;font-size:12.5px;color:var(--tx-2);line-height:1.35}
.mm-ta{width:100%;min-height:92px;margin-top:10px;padding:12px;border-radius:12px;border:1.5px solid var(--line-2);background:var(--surface);color:var(--tx);font:15px/1.5 sans-serif;resize:vertical}
.mm-gran{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:72px;margin-top:12px;border-radius:18px;border:2px solid var(--oliva);background:var(--oliva);color:var(--crema);font:700 17px sans-serif;cursor:pointer;transition:transform .15s,box-shadow .25s;box-shadow:0 8px 22px -10px color-mix(in srgb,var(--oliva) 70%,transparent)}
.mm-gran:active{transform:scale(.97)}
.mm-gran .em{font-size:30px}
.mm-paso-cuerpo{animation:mmAbre .35s cubic-bezier(.22,1,.36,1) both}
.mm-paso-cuerpo h3{font-size:18px;margin:14px 0 2px}
body.mm-guiando #dia1,body.mm-guiando #habit-card{display:none!important}

/* ── 3. Tu semana ──────────────────────────────────────────────────────────── */
.mm-dias{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:14px 0 0;list-style:none;padding:0}
.mm-dia{display:flex;flex-direction:column;align-items:center;gap:5px;font:600 12px sans-serif;color:var(--tx-2)}
.mm-dia i{display:grid;place-items:center;width:100%;max-width:40px;aspect-ratio:1;border-radius:50%;border:2px solid var(--line-2);background:var(--surface);color:var(--crema);font-style:normal;font-size:14px;transition:background .3s,transform .3s}
.mm-dia.alguna i{background:color-mix(in srgb,var(--oliva) 45%,var(--surface));border-color:var(--oliva)}
.mm-dia.ok i{background:var(--oliva);border-color:var(--oliva)}
.mm-dia.hoy{color:var(--oliva-tx);font-weight:700}
.mm-dia.hoy i{box-shadow:0 0 0 4px color-mix(in srgb,var(--dorado) 30%,transparent)}
.mm-dia.futuro i{border-style:dashed;opacity:.6}
.mm-chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none}
.mm-chips li{display:inline-flex;gap:6px;align-items:center;min-height:32px;padding:5px 11px;border-radius:99px;background:var(--surface-2);border:1px solid var(--line-2);font:600 13px sans-serif;color:var(--tx)}
.mm-num{font:700 38px/1 Georgia,serif;color:var(--oliva-tx)}
.mm-semana-cab{display:flex;align-items:baseline;gap:10px}

/* ── Modal para compartir ──────────────────────────────────────────────────── */
.mm-modal{position:fixed;inset:0;z-index:2147483200;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(20,26,18,.62);animation:mmFade .2s ease both}
.mm-modal-in{width:100%;max-width:420px;max-height:calc(100dvh - 32px);overflow:auto;background:var(--surface);color:var(--tx);border:1.5px solid var(--line);border-radius:20px;padding:18px;font-family:sans-serif;animation:mmAbre .3s cubic-bezier(.22,1,.36,1) both}
.mm-modal-in h3{font:700 19px Georgia,serif;color:var(--oliva-tx);margin:0 0 10px}
.mm-modal-in img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid var(--line)}

/* ── 4. Recibo de valor ────────────────────────────────────────────────────── */
.mm-recibo-l{list-style:none;margin:12px 0 0;padding:0}
.mm-recibo-l li{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding:11px 0;border-top:1px dashed var(--line-2);font:14px/1.4 sans-serif}
.mm-recibo-l li:first-child{border-top:0}
.mm-recibo-l b{font:700 20px Georgia,serif;color:var(--oliva-tx);white-space:nowrap}
.mm-recibo-l span{color:var(--tx)}
.mm-recibo-l small{display:block;color:var(--tx-2);font-size:12.5px}
.mm-incluye{margin:12px 0 0;padding:12px 14px 12px 30px;background:var(--surface-2);border:1px dashed var(--line-2);border-radius:12px;font:13px/1.55 sans-serif;color:var(--tx-2);display:grid;gap:3px}
.mm-ver{margin-top:6px}
.mm-ver summary{min-height:44px;display:flex;align-items:center;font:600 13.5px sans-serif;color:var(--oliva-tx);cursor:pointer}
.mm-ver ul{margin:0 0 6px;padding-left:20px;font:13px/1.6 sans-serif;color:var(--tx-2)}

/* ── 5. Alexa te habla ─────────────────────────────────────────────────────── */
.mm-audio{border-color:var(--dorado)}
.mm-au-fila{display:flex;gap:14px;align-items:center}
.mm-play{flex:none;width:56px;height:56px;border-radius:50%;border:0;background:var(--oliva);color:var(--crema);display:grid;place-items:center;cursor:pointer;transition:transform .15s}
.mm-play:active{transform:scale(.93)}
.mm-play svg{width:24px;height:24px}
.mm-au-t{flex:1;min-width:0}
.mm-au-t b{display:block;font:700 16px/1.3 Georgia,serif;color:var(--oliva-tx)}
.mm-au-r{width:100%;height:44px;margin:4px 0 0;accent-color:var(--oliva);background:none}
.mm-au-h{display:flex;justify-content:space-between;font:12.5px sans-serif;color:var(--tx-2)}

/* ── 6. Muestra gratis / Qué vas a encontrar ───────────────────────────────── */
.mm-muestra{margin:18px 0;padding:18px;border:1.5px solid var(--line);border-radius:18px;background:var(--surface);color:var(--tx);font-family:sans-serif}
.mm-muestra h2{font:700 21px/1.25 Georgia,serif;color:var(--oliva-tx);margin:4px 0}
.mm-pelicula{position:relative;display:block;width:100%;aspect-ratio:16/9;margin-top:12px;border:0;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,var(--profundo),var(--oliva));cursor:pointer;color:#fff}
.mm-pelicula iframe,.mm-pelicula video{position:absolute;inset:0;width:100%;height:100%;border:0}
.mm-pelicula .mm-pl{position:absolute;inset:0;display:grid;place-items:center}
.mm-pelicula .mm-pl span{width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--profundo);display:grid;place-items:center;font-size:24px;padding-left:4px}
.mm-etapas{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:2px}
.mm-etapas li{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--line)}
.mm-etapas li:first-child{border-top:0}
.mm-etapas .n{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);border:1.5px solid var(--oliva);color:var(--oliva-tx);font:700 13px sans-serif}
.mm-etapas b{display:block;font-size:14.5px}
.mm-etapas small{display:block;font-size:13px;color:var(--tx-2);line-height:1.45}
.mm-areas{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none}
.mm-areas li{padding:6px 12px;border-radius:99px;background:var(--surface-2);border:1px solid var(--line-2);font:600 13px sans-serif}

/* ── 7. Personalizar ───────────────────────────────────────────────────────── */
.mm-acentos{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0 0}
.mm-acento{display:flex;flex-direction:column;align-items:center;gap:6px;min-height:76px;padding:8px 4px;border-radius:14px;border:1.5px solid var(--line-2);background:var(--surface);color:var(--tx);font:600 12.5px sans-serif;cursor:pointer}
.mm-acento i{width:30px;height:30px;border-radius:50%;border:2px solid var(--surface);box-shadow:0 0 0 1.5px var(--line-2)}
.mm-acento[aria-checked="true"]{border-color:var(--oliva);background:color-mix(in srgb,var(--oliva) 10%,var(--surface))}
.mm-acento[aria-checked="true"] i{box-shadow:0 0 0 2.5px var(--oliva)}
.mm-ordenes{display:grid;gap:8px;margin-top:10px}

/* ── Mi escalera: lo que se suma ───────────────────────────────────────────── */
.esc-suma{margin:10px 0 0;display:grid;gap:8px}
.esc-suma > div{padding:10px 12px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);font:13px/1.5 sans-serif;color:var(--tx-2)}
.esc-suma b{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--dorado-tx);margin-bottom:2px}
.esc-queda{margin:12px 0 0;font:13px/1.5 sans-serif;color:var(--tx-2)}
.esc-queda b{color:var(--oliva-tx)}
.esc-mira summary{min-height:44px;display:flex;align-items:center;font:600 13.5px sans-serif;color:var(--oliva-tx);cursor:pointer}

/* ── Esqueletos de carga ───────────────────────────────────────────────────── */
.mm-sk{position:relative;overflow:hidden;border-radius:18px;background:var(--surface);border:1.5px solid var(--line);padding:20px 18px;margin:16px 0}
.mm-sk i{display:block;height:12px;border-radius:6px;background:var(--surface-3);margin:10px 0}
.mm-sk i:nth-child(1){width:34%}.mm-sk i:nth-child(2){width:78%;height:18px}.mm-sk i:nth-child(3){width:92%}.mm-sk i:nth-child(4){width:60%}
.mm-sk::after{content:'';position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--tx) 7%,transparent),transparent);animation:mmBrillo 1.5s ease-in-out infinite}

/* ── Movimiento ────────────────────────────────────────────────────────────── */
@keyframes mmAbre{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes mmFade{from{opacity:0}to{opacity:1}}
@keyframes mmLatido{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}
@keyframes mmSube{0%{opacity:0;transform:translateY(0) rotate(0)}15%{opacity:.9}100%{opacity:0;transform:translateY(-190px) rotate(160deg)}}
@keyframes mmBrillo{to{transform:translateX(100%)}}
.h5{transition:transform .18s cubic-bezier(.22,1,.36,1),background .2s,border-color .2s}
.h5:active{transform:scale(.9)}
@media (prefers-reduced-motion:reduce){
  .mm-petalos{display:none}
  .mm-card,.mm-h-f,.mm-paso-cuerpo,.mm-modal,.mm-modal-in,.mm-fiesta .mm-estrella,.mm-sk::after{animation:none!important}
  .mm-barra i{transition:none}
}
@media (min-width:900px){.mm-modal-in{max-width:460px}}
@media print{.mm-modal{position:static;background:none}}

/* ── Ronda 3 ───────────────────────────────────────────────────────────────── */
.mm-ia{display:inline-flex;align-items:center;gap:6px;margin:8px 0 0;padding:4px 10px;border-radius:99px;background:var(--surface-2);border:1px solid var(--line-2);font:600 12px sans-serif;color:var(--tx-2)}
.mm-audio-vacio{margin:0 0 12px;padding:8px 12px;border-left:3px solid var(--line-2);font:12.5px/1.5 sans-serif;color:var(--tx-2)}
.mm-plegable{margin-top:14px;border-top:1px solid var(--line);padding-top:4px}
.mm-plegable>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;cursor:pointer;font:700 14px sans-serif;color:var(--oliva-tx);list-style:none}
.mm-plegable>summary::-webkit-details-marker{display:none}
.mm-plegable>summary::after{content:'▾';font-size:14px;transition:transform .2s}
.mm-plegable[open]>summary::after{transform:rotate(180deg)}
.mm-puente .mm-btn{margin-top:10px}
.mm-nota-demo{font:12px/1.4 sans-serif;color:var(--tx-2)}
.hx-fase{font:600 12.5px/1.4 sans-serif;color:var(--dorado-tx);margin:6px 0 0}

/* Sello único de «Tuyo» / «Incluido» (descargable y descargables) */
.tuyo-sello{display:inline-flex;align-items:center;gap:5px;width:fit-content;padding:6px 11px;border-radius:999px;background:#fff;color:#3F4A2A;border:1.5px solid #3F4A2A;font:700 12px/1 system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 2px 8px rgba(0,0,0,.18)}
.mm-det>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;cursor:pointer;list-style:none}
.mm-det>summary::-webkit-details-marker{display:none}
.mm-det>summary::after{content:'▾';font-size:15px;color:var(--oliva-tx);transition:transform .2s}
.mm-det[open]>summary::after{transform:rotate(180deg)}
.mm-det>summary b{font:700 19px Georgia,serif;color:var(--oliva-tx)}
.tuyo-sello{white-space:nowrap;flex:none}

/* ═══ Ronda 4 (27 oct 2026) ═══════════════════════════════════════════════════
   Tu siguiente paso (PDF gratis / PDF pago), el Club plegado, acordeones de Hoy
   y los estados honestos de Mi escalera. Solo tokens: claro y oscuro solos. */
.sp-card{margin:22px 0 18px;border-color:var(--line-2)}
.sp-card h2{font-family:Georgia,serif;color:var(--oliva-tx);font-size:21px;line-height:1.25;margin:4px 0 10px}
.sp-ya{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 10px;font:13px/1.4 sans-serif;color:var(--tx-2)}
.sp-ya[hidden]{display:none}
.sp-lista{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sp-fila{display:flex;align-items:center;gap:12px;min-height:60px;padding:10px 12px;border:1px solid var(--line-2);border-radius:14px;background:var(--surface-2);text-decoration:none;color:var(--tx)}
.sp-fila:active{transform:scale(.99)}
.sp-em{font-size:22px;flex:none;width:28px;text-align:center}
.sp-tx{min-width:0;flex:1}
.sp-tx b{display:block;font:700 14.5px/1.3 sans-serif;color:var(--oliva-tx)}
.sp-tx small{display:block;font:12.5px/1.45 sans-serif;color:var(--tx-2);margin-top:2px}
.sp-tag{flex:none;font:700 12px sans-serif;color:var(--oliva-tx);border:1px solid var(--line-2);border-radius:999px;padding:4px 9px;background:var(--surface)}
.sp-ir{flex:none;color:var(--tx-3);font-size:20px}
.sp-card .mm-small{margin-top:12px}
.club-det>summary{list-style:none;cursor:pointer;display:block;min-height:48px;padding:2px 0}
.club-det>summary::-webkit-details-marker{display:none}
.club-sum b{display:block;font:400 22px/1.25 Georgia,serif;color:var(--oliva-tx);margin-top:4px}
.club-sum-p{display:block;font:13px/1.4 sans-serif;color:var(--tx-2);margin-top:2px}
.club-sum::after{content:'Ver qué trae ›';display:inline-flex;align-items:center;min-height:44px;font:600 13px sans-serif;color:var(--oliva-tx);text-decoration:underline}
.club-det[open]>.club-sum::after{content:'Ocultar ▴'}
#club-compra{margin-top:8px}
/* Acordeón de Hoy: lo que no es la acción principal se pliega */
.hx-acd{padding:0}
.hx-acd>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;min-height:56px;padding:12px 18px}
.hx-acd>summary::-webkit-details-marker{display:none}
.hx-acd>summary .hx-ac-t{flex:1;min-width:0}
.hx-acd>summary .hx-ac-t b{display:block;font:700 15px/1.3 sans-serif;color:var(--oliva-tx)}
.hx-acd>summary .hx-ac-t small{display:block;font:12.5px/1.4 sans-serif;color:var(--tx-2);margin-top:1px}
.hx-acd>summary::after{content:'▾';color:var(--tx-3);font-size:14px;flex:none}
.hx-acd[open]>summary::after{content:'▴'}
.hx-acd>.hx-ac-in{padding:0 18px 18px}
.hx-acd>.hx-ac-in>h3{display:none}
.hx-acd .hx-ac-in>.hx-eyebrow:first-child{margin-top:0}
/* Camino discreto a la escalera (sin precio, sin muro) */
.hx-ruta{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;margin-top:12px;padding:8px 12px;border:1px dashed var(--line-2);border-radius:12px;background:none;color:var(--oliva-tx);font:600 13.5px/1.35 sans-serif;text-align:left;cursor:pointer}
.hx-ruta small{display:block;font:12.5px/1.4 sans-serif;color:var(--tx-2);font-weight:400}
.hx-ruta .hx-ruta-g{margin-left:auto;color:var(--tx-3);font-size:18px}
/* Mi escalera: solo se marca lo que el portal sabe */
.esc-n.prev .esc-pt{background:none;border-color:var(--line-2)}
.esc-n.tuyo .esc-pt{background:var(--oliva);border-color:var(--oliva)}
.esc-n.incl .esc-pt{background:none;border-color:var(--oliva)}
.esc-n.incl .esc-pt::after{content:'✓';color:var(--oliva-tx);font-size:12px}
.esc-n.prev b,.esc-n.prev .esc-d{color:var(--tx-2)}
.esc-sello{display:inline-block;margin:4px 0 0;font:700 12px/1.3 sans-serif;color:var(--oliva-tx);border:1px solid var(--line-2);border-radius:999px;padding:3px 9px;background:var(--surface)}
.esc-n.tuyo .esc-pt::after{content:'✓';color:#fff;font-size:12px}
/* Cuenta: franja de saldo en palabras de todos los días */
.cta-total{margin:10px 0 0;font:12.5px/1.5 sans-serif;color:var(--tx-2)}
.puertas-det>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;min-height:48px}
.puertas-det>summary::-webkit-details-marker{display:none}
.puertas-det>summary::after{content:'▾';margin-left:auto;color:var(--tx-3);font-size:14px}
.puertas-det[open]>summary::after{content:'▴'}
.puertas-sum .hx-ac-t b{display:block;font:700 17px/1.3 Georgia,serif;color:var(--oliva-tx)}
.puertas-sum .hx-ac-t small{display:block;font:12px/1.4 sans-serif;color:var(--tx-2)}

/* ═══ Ronda 5 (27 oct 2026) ═══════════════════════════════════════════════════
   Hoy más corto (acordeones), Mi cuenta en secciones plegables, el trabajo del día
   antes que el aviso y el audio en HB180, audio delgado, cobro compacto. */
details.card.hx-acd{padding:0}
.cu-acd{margin-bottom:12px}
.cu-acd>summary{min-height:60px}
.cu-acd[open]>summary{border-bottom:1px solid var(--line)}
.cu-acd>.hx-ac-in{padding:16px 18px 18px}
.cu-acd>.hx-ac-in>h3{display:none}
.cu-abre{margin-top:10px;padding-top:2px;border-top:1px dashed var(--line-2)}
.cu-abre .preg{display:flex;align-items:center;min-height:44px}
/* HB180: primero los hábitos; después el aviso de cobro, la celebración, el audio y el mapa */
html:not([data-orden]) body[data-fase="hb180"] #pv-hoy.on{display:flex;flex-direction:column}
html:not([data-orden]) body[data-fase="hb180"] #pv-hoy.on .pv-h{order:-20}
html:not([data-orden]) body[data-fase="hb180"] #pv-hoy.on #habit-card{order:-19;margin-top:0}
html:not([data-orden]) body[data-fase="hb180"] #pv-hoy.on #cobro-slot{order:-18}
html:not([data-orden]) body[data-fase="hb180"] #pv-hoy.on #mm-arriba{order:-17}
html:not([data-orden]) body[data-fase="hb180"] #pv-hoy.on #hx-antes{order:-16}
/* Audio: reproductor delgado */
.mm-delgado{padding:10px 14px}
.mm-delgado .mm-play{width:44px;height:44px}
.mm-delgado .mm-play svg{width:20px;height:20px}
.mm-delgado .hx-eyebrow{margin:0;font-size:12px}
.mm-delgado .mm-au-t b{font-size:14.5px;line-height:1.25}
.mm-au-bar{display:flex;align-items:center;gap:8px}
.mm-au-bar .mm-au-r{flex:1;min-width:0;height:44px;margin:0}
.mm-au-bar .mm-au-h{flex:none;display:block;font:12px sans-serif;color:var(--tx-2)}
.mm-delgado .mm-ver summary{min-height:40px}
/* Primer día: cinco hábitos en dos columnas, sin subtítulos */
.mm-opciones.mm-cinco{grid-template-columns:1fr 1fr;gap:8px}
.mm-cinco .mm-op{min-height:52px;padding:8px 10px;gap:8px}
.mm-cinco .mm-op small{display:none}
.mm-cinco .mm-op .em{font-size:22px;width:26px}
.mm-cinco .mm-op:last-child{grid-column:1/-1}
/* Franja de cobro compacta */
#hub #cobro-alert{padding:8px 12px;margin-bottom:10px;border-radius:12px}
#hub #cobro-alert .ca-txt span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#hub #cobro-alert .ca-mas{margin:-4px 0 -4px}
#hub #cobro-alert .ca-mas summary{padding-left:27px}
#cobro-slot #cobro-alert{margin-top:0}
/* PDF: quien ya tiene un PDF ve primero «Abrir mi PDF», grande; el Club queda pequeño debajo */
body.pdf-primero .lg-pdf{flex-direction:column;align-items:stretch;margin:0 0 16px;padding:20px 18px;border:1.5px solid var(--oliva);background:var(--surface)}
body.pdf-primero .lg-pdf b{font:700 21px/1.25 Georgia,serif}
body.pdf-primero .lg-pdf span{font-size:14px;margin-top:4px}
body.pdf-primero .lg-pdf .lg-pdf-b{min-height:60px;margin-top:14px;font-size:17px;border-radius:14px}
body.pdf-primero #club-compra{padding:14px 16px;margin-top:6px}
body.pdf-primero .club-sum b{font-size:17px}
body.pdf-primero .sp-card{margin-top:6px}
/* Kit: un solo «Abrir mi kit» mientras el primer día lo ofrece */
body.mm-guiando #hoy-kit-card{display:none!important}
/* Escritorio: más aire, y la cabecera no flota sobre el aviso de cobro */
@media (min-width:900px){
  #hub .top{position:relative;margin:0 0 14px;border-radius:16px}
  #hub #cobro-alert{margin-bottom:14px}
  #pv-hoy .pv-h{margin-top:6px}
}
@media (min-width:1100px){
  .wrap{max-width:900px}
  #pv-hoy.on .hx-card,#pv-hoy.on .card{margin-bottom:18px}
}

/* ── Continuidad · primera visita (28 oct 2026) ────────────────────────────── */
.mm-cn-ok{display:flex;align-items:center;gap:10px;margin:12px 0 4px;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--oliva) 12%,var(--surface));border:1.5px solid var(--oliva);color:var(--oliva-tx);font:600 14.5px/1.4 sans-serif}
.mm-cn-ok span{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:var(--oliva);color:var(--crema);font-size:14px}
.mm-cn-lista{list-style:none;margin:12px 0;padding:0;display:grid;gap:8px}
.mm-cn-lista li{display:flex;gap:12px;align-items:flex-start;padding:11px 13px;border-radius:14px;background:var(--surface);border:1px solid var(--line)}
.mm-cn-lista li>span:first-child{font-size:22px;flex:none;width:28px;text-align:center}
.mm-cn-lista b{display:block;font:700 14.5px sans-serif;color:var(--tx)}
.mm-cn-lista small{display:block;font:13px/1.4 sans-serif;color:var(--tx-2);margin-top:1px}
.hx-vacio{margin:14px 0 4px;padding:12px 14px;border-radius:12px;border:1.5px dashed var(--line-2);background:var(--surface-2);font:13.5px/1.45 sans-serif;color:var(--tx-2)}
.mm-guia-cn .mm-btn{margin-top:8px}

/* ronda 7: tarjeta de plan sin vincular, más corta */
.cu-compacto{padding-top:14px;padding-bottom:14px}
.cu-compacto .hx-vacio{border:0;background:none;padding:0;margin:0 0 10px}
.av-pie-hb{margin:18px 0 6px}