/* musica.css - Música para tu pausa, Lo que dicen y Talleres breves gratuitos.
   Se carga después de fixes-20261027.css. Colores solo por variables del tema (marca.css). */

/* ----- Lo que dicen (opiniones) ----- */
.k-opinions[hidden],
.k-music[hidden]{display:none!important}

.k-op__grid{list-style:none;margin:clamp(1.5rem,3vw,2.5rem) 0 0;padding:0;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}
.k-op{box-sizing:border-box;margin:0;padding:clamp(1.25rem,2.4vw,1.8rem);border:1px solid var(--line);border-radius:14px;background:var(--card);display:flex;flex-direction:column;gap:.9rem;min-width:0}
.k-op__stars{color:var(--gold-text);letter-spacing:.14em;font-size:1.05rem;line-height:1}
.k-op__text{margin:0;font-family:var(--serif);font-size:1.12rem;line-height:1.6;color:var(--ink-2);font-style:italic;overflow-wrap:anywhere}
.k-op__autor{margin:auto 0 0;font-size:.95rem;color:var(--muted);font-style:normal}
.k-op__autor strong{display:block;color:var(--ink);font-weight:600}
.k-op__mas{margin:clamp(1.5rem,3vw,2.2rem) 0 0;text-align:center}

/* ----- Música para tu pausa (Spotify con fachada) ----- */
.k-music__card{box-sizing:border-box;width:min(100%,46rem);margin:clamp(1.5rem,3vw,2.5rem) auto 0;padding:clamp(1.25rem,3vw,2.4rem);border:1px solid var(--line);border-radius:18px;background:var(--card);text-align:center}
.k-music__text{margin:0 auto 1.4rem;max-width:34rem;font-size:1.1rem;line-height:1.6;color:var(--ink-2)}
.k-music__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem}
.k-music__actions .k-btn,
.k-music__alt{box-sizing:border-box;min-height:44px;max-width:100%;display:inline-flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;cursor:pointer;font:inherit}
.k-music__alt{background:transparent;color:var(--ink);border:1px solid var(--sage);border-radius:999px;padding:0 1.3rem}
.k-music__alt:hover{border-color:var(--gold)}
:root[data-theme="dark"] .k-music__alt{background:transparent!important;color:var(--ink)!important}
.k-music__frame{display:block;box-sizing:border-box;width:100%;height:352px;border:0;border-radius:12px;background:transparent}

/* ----- Talleres breves gratuitos (Saberes) ----- */
.talleres-gratis__caja{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.9rem 1.2rem;margin-top:1.5rem}
.talleres-gratis__caja .btn{min-height:44px;max-width:100%;display:inline-flex;align-items:center;justify-content:center;text-align:center}
.talleres-gratis__soon{display:inline-flex;align-items:center;min-height:44px;padding:0 1rem;border-radius:999px;border:1px dashed var(--gold);color:var(--gold-text);font-size:.95rem;font-weight:600}

/* ----- Móvil: sin desbordes ----- */
@media (max-width:480px){
  .k-music__frame{height:352px}
  .k-music__actions .k-btn,
  .k-music__alt{width:100%}
}