/* PRIMEROS EN TODO — capa compartida v1 (1/nov/2026): barra Escúchalo/Modo Fácil + modo fácil */
.primeros-bar{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0;position:relative;z-index:5}
.primeros-btn{flex:1 1 150px;min-height:52px;padding:12px 16px;border-radius:14px;border:2px solid rgba(255,255,255,.35);
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.05));color:inherit;
  font-size:1.05rem;font-weight:800;cursor:pointer;backdrop-filter:blur(4px)}
.primeros-btn:active{transform:scale(.98)}
.primeros-listen{box-shadow:0 0 0 2px rgba(255,215,100,.25),0 6px 18px rgba(0,0,0,.35)}
/* 👵 MODO FÁCIL: letra grande, botones grandes, contraste reforzado */
html.mf-on{font-size:125%}
html.mf-on body{line-height:1.65}
html.mf-on a,html.mf-on button{min-height:52px}
html.mf-on p,html.mf-on li,html.mf-on .card,html.mf-on article{letter-spacing:.01em}
html.mf-on img{max-width:100%}
html.mf-on .primeros-btn{font-size:1.15rem;min-height:60px}
@media (prefers-reduced-motion:reduce){.primeros-btn{transition:none}}