/* ---- Inicio: panel personal (no repite el catálogo, que vive en Cuentos) ---- */
.hm-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:12px;margin-top:20px}
.hm-card{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:18px;border-radius:22px;text-align:left;background:var(--soft);border:1px solid var(--line);color:var(--ink)}
.hm-card strong{font-family:'Nunito',sans-serif;font-size:17px;font-weight:800;line-height:1.25}
.hm-card small{font-size:13px;color:var(--muted)}
.hm-kicker{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:var(--muted)}
.hm-kicker svg{width:16px;height:16px}
.hm-barra{display:block;width:100%;height:7px;margin-top:9px;border-radius:99px;background:oklch(1 0 0 / .18);overflow:hidden}
.hm-barra i{display:block;height:100%;border-radius:99px;background:var(--primary);transition:width .4s}
.hm-card--dias{align-items:center;justify-content:center;text-align:center}
.hm-card--dias strong{font-size:38px;line-height:1}
.hm-llama{font-size:30px;line-height:1}

.hm-sorpresa,.hm-todos{display:flex;align-items:center;gap:14px;width:100%;margin-top:12px;padding:16px 18px;border-radius:22px;text-align:left;background:var(--soft);border:1px solid var(--line);color:var(--ink)}
.hm-sorpresa strong,.hm-todos strong{display:block;font-family:'Nunito',sans-serif;font-size:16px;font-weight:800}
.hm-sorpresa small,.hm-todos small{display:block;font-size:13px;color:var(--muted)}
.hm-sorpresa span:nth-child(2),.hm-todos span{flex:1}
.hm-sorpresa-ico{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:14px;background:var(--primary);color:oklch(.22 .1 298)}
.hm-todos>svg:first-child{width:26px;height:26px;color:var(--primary);flex:none}
.hm-sorpresa:active,.hm-todos:active,.hm-card:active{transform:scale(.985)}

.hm-favs{margin-top:22px}
.hm-favs-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.hm-favs-head h2{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:800}
.hm-favs-head svg{width:19px;height:19px;color:var(--pink)}
.hm-favs-fila{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(118px,1fr);gap:12px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}
.hm-favs-fila::-webkit-scrollbar{display:none}
.hm-fav{position:relative;text-align:left}
.hm-fav img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:18px;display:block}
.hm-fav>svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:34px;height:34px;padding:8px;border-radius:50%;background:var(--pink);color:white;fill:currentColor;stroke:none}
.hm-fav span{display:block;margin-top:7px;font-size:13px;font-weight:700;line-height:1.3}

@media (min-width:700px){.hm-grid{grid-template-columns:2fr 1fr}}

/* ---- Versículo del día e ir a dormir ---- */
.hm-versiculo{margin-top:20px;padding:20px;border-radius:22px;background:var(--soft);border:1px solid var(--line)}
.hm-versiculo blockquote{margin:10px 0 0;font-family:'Nunito',sans-serif;font-size:19px;font-weight:800;line-height:1.35;text-wrap:balance}
.hm-versiculo cite{display:block;margin-top:9px;font-size:13px;font-style:normal;font-weight:700;color:var(--primary)}
.hm-dormir{display:flex;align-items:center;gap:14px;width:100%;margin-top:12px;padding:16px 18px;border-radius:22px;text-align:left;background:var(--night);border:1px solid var(--line);color:oklch(.98 .01 300)}
.hm-dormir strong{display:block;font-family:'Nunito',sans-serif;font-size:16px;font-weight:800}
.hm-dormir small{display:block;font-size:13px;opacity:.8}
.hm-dormir>span:nth-child(2){flex:1}
.hm-dormir-ico{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:14px;background:oklch(1 0 0 / .14);color:var(--aqua)}
.hm-dormir:active{transform:scale(.985)}

/* ---- Cuentos: jardines más legibles y una sinopsis por cuento ---- */
.lb-group-head{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin:30px 0 14px;padding:14px 16px;border-radius:18px;background:var(--soft);border:1px solid var(--line)}
.lb-group-n{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:12px;font-family:'Nunito',sans-serif;font-weight:900;font-size:17px;color:oklch(.22 .1 298);background:var(--primary)}
.lb-group-txt{flex:1;min-width:120px}
.lb-group-txt strong{display:block;font-family:'Nunito',sans-serif;font-size:18px;font-weight:800;line-height:1.2}
.lb-group-txt small{display:block;margin-top:2px;font-size:13px;color:var(--muted)}
.lb-group-prog{display:block;width:100%;height:6px;border-radius:99px;background:oklch(1 0 0 / .16);overflow:hidden}
.lb-group-prog i{display:block;height:100%;border-radius:99px;background:var(--primary);transition:width .4s}
.lb-group-head--gold .lb-group-n{background:var(--gold)}
.lb-group-head--aqua .lb-group-n{background:var(--aqua)}
.lb-group-head--pink .lb-group-n{background:var(--pink);color:white}
.lb-group-head--lilac .lb-group-n{background:oklch(.81 .115 295)}
.lb-group-head--coral .lb-group-n{background:oklch(.84 .115 55)}

.lb-sinopsis{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:4px 0 6px;font-style:normal;font-size:13px;line-height:1.4;color:var(--muted)}
.lb-body small{display:flex;align-items:center;gap:5px}
.lb-body small svg{width:14px;height:14px;flex:none}

/* ---- Perfil: bloques con título y filas que caben ---- */
.pf-titulo{margin:28px 0 12px;font-family:'Nunito',sans-serif;font-size:13px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--muted)}
.pf-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pf-stats>button{display:flex;flex-direction:column;align-items:center;gap:5px;padding:18px 12px;border-radius:20px}
.profile-options{display:grid;gap:10px}
.pf-fila{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border-radius:20px;text-align:left}
.pf-fila-txt{flex:1;min-width:0}
.pf-fila-txt strong{display:block;font-family:'Nunito',sans-serif;font-size:16px;font-weight:800;line-height:1.25}
.pf-fila-txt small{display:block;margin-top:2px;font-size:13px;color:var(--muted);line-height:1.35}
.pf-fila>svg:last-child{flex:none;color:var(--muted)}
.pf-fila:active{transform:scale(.99)}
.pf-fila .profile-option-icon{width:46px;height:46px;flex:none}
/* El selector estaba cortado: ahora manda en su ancho y muestra la flecha. */
.pf-fila--control [data-timer]{
  flex:none;min-width:124px;padding:10px 34px 10px 14px;border-radius:14px;
  font-family:'Nunito',sans-serif;font-size:14px;font-weight:700;
  color:var(--ink);background:oklch(1 0 0 / .14);border:1px solid oklch(1 0 0 / .2);
  appearance:none;-webkit-appearance:none;
  background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);
  background-position:calc(100% - 18px) 51%,calc(100% - 13px) 51%;
  background-size:5px 5px,5px 5px;background-repeat:no-repeat;
}
.pf-fila--control [data-timer] option{color:oklch(.25 .1 298);background:white}
.logout-option .profile-option-icon{background:oklch(.55 .19 25 / .35)}
.logout-option .pf-fila-txt strong{color:oklch(.85 .13 25)}
@media(min-width:700px){.pf-stats{grid-template-columns:repeat(4,1fr)}}