/* Versión móvil (app.himnariogcc.com): todo se maneja con el dedo; objetivos de toque ≥ 48 px. */
*{box-sizing:border-box}
body{touch-action:manipulation;margin:0;font:18px/1.4 "Open Sans",system-ui,sans-serif;background:#f6f3eb;color:#1c1c1c;-webkit-tap-highlight-color:transparent}
button{font:inherit;min-height:48px;padding:0 1.1rem;border:0;border-radius:12px;background:#4a5a2b;color:#fff}
button.sec{background:#e4dfd0;color:#1c1c1c}button:disabled{opacity:.4}
.lista{padding:0 12px 12px}.lista input{width:100%;min-height:52px;font:inherit;padding:0 14px;border:1px solid #bbb;border-radius:12px;margin-bottom:10px}
.lista a{display:block;padding:14px;margin-bottom:8px;background:#fff;border-radius:12px;color:inherit;text-decoration:none}
.lista small{display:block;color:#666}.lista h2{font-size:15px;margin:14px 4px 6px;color:#4a5a2b}

.cab b{flex:1;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bar{height:4px;background:#ddd}.bar i{display:block;height:100%;background:#4a5a2b}
.slide{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;padding:12px 18px;text-align:center;overflow:hidden;touch-action:pan-y;user-select:none}
.slide .eti{font-weight:700;opacity:.7;margin-bottom:.5em}.slide p{margin:0 0 .2em;line-height:1.4}.slide img{max-width:100%;max-height:100%;margin:auto}
.pie{display:flex;gap:10px;padding:8px 10px}.pie button{flex:1}
.mus{padding:0 10px 8px}.mus .vp{width:100%;max-width:356px;margin:0 auto 6px;aspect-ratio:16/9;min-height:200px}.mus .card{background:#fff;border-radius:12px;padding:8px}
.mus .vc-in{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.mus input[type=range]{flex:1 1 100%;min-height:36px}
.mus .cerrar{width:100%;margin-top:6px}
@font-face{font-family:"Open Sans";font-weight:400;font-display:swap;src:url(/fonts/open-sans-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Open Sans";font-weight:700;font-display:swap;src:url(/fonts/open-sans-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Merriweather";font-weight:700;font-style:italic;font-display:swap;src:url(/fonts/merriweather-latin-700-italic.woff2) format("woff2")}
.slide{font-family:"Merriweather",serif;font-weight:700;font-style:italic}
.tarjeta{text-align:center}.tarjeta img{width:100%;border-radius:8px}.tarjeta b{display:block;margin-top:6px}
.busca{position:sticky;top:0;z-index:2;background:#f6f3eb;padding:10px 0 2px}
.cab{position:sticky;top:0;z-index:3;background:#f6f3eb;display:flex;align-items:center;gap:8px;padding:8px 10px;height:64px}
.slide{flex:none;height:calc(100dvh - 140px)}.mus{scroll-margin-top:70px}