/* ==========================================================================
   LetrasBoom · tema v1  ·  oscuro / claro  ·  responsive
   Todo va prefijado con .lb- para no chocar con Bootstrap 3 / AdminLTE.
   Para cambiar colores, radios o tipografía edita solo las variables de arriba.
   ========================================================================== */

:root{
  color-scheme:dark;
  --lb-bg:#080d1b;
  --lb-card:#101a33;
  --lb-card2:#162342;
  --lb-line:#23324f;
  --lb-text:#f1f5f9;
  --lb-muted:#9aa9c7;
  --lb-faint:#6f7f9f;
  --lb-primary:#8b5cf6;
  --lb-cyan:#22d3ee;
  --lb-blue:#3b82f6;
  --lb-red:#fb7185;
  --lb-gold:#fbbf24;
  --lb-grad:linear-gradient(135deg,#7c3aed,#db2777);
  --lb-hero:linear-gradient(135deg,#2a2166 0%,#171c44 50%,#101a33 100%);
  --lb-shadow:0 14px 34px rgba(0,0,0,.4);
  --lb-r:22px;
  --lb-font:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
html[data-theme="light"]{
  color-scheme:light;
  --lb-bg:#f2f4fa;
  --lb-card:#ffffff;
  --lb-card2:#f4f6fc;
  --lb-line:#e0e5f1;
  --lb-text:#0f172a;
  --lb-muted:#4d5b78;
  --lb-faint:#7684a1;
  --lb-primary:#7c3aed;
  --lb-cyan:#0e7490;
  --lb-blue:#2563eb;
  --lb-red:#e11d48;
  --lb-gold:#d97706;
  --lb-hero:linear-gradient(135deg,#ece6ff 0%,#f6f3ff 55%,#ffffff 100%);
  --lb-shadow:0 10px 28px rgba(30,41,90,.10);
}

html[data-theme] body{
  background:var(--lb-bg);color:var(--lb-text);font-family:var(--lb-font);
  -webkit-font-smoothing:antialiased;transition:background-color .25s,color .25s;
}

/* ---- Reinicio suave (especificidad 0: no pisa a los componentes) ------- */
:where(.lb),:where(.lb) *,:where(.lb) *::before,:where(.lb) *::after{box-sizing:border-box}
:where(.lb){font-family:var(--lb-font);font-size:16px;line-height:1.6;color:var(--lb-text)}
:where(.lb) h1,:where(.lb) h2,:where(.lb) h3,:where(.lb) h4,:where(.lb) p,:where(.lb) ul,
:where(.lb) ol,:where(.lb) dl,:where(.lb) dd,:where(.lb) figure{margin:0;padding:0}
:where(.lb) h1,:where(.lb) h2,:where(.lb) h3,:where(.lb) h4{font-family:var(--lb-font);font-weight:800;line-height:1.2;color:var(--lb-text)}
:where(.lb) ul,:where(.lb) ol{list-style:none}
:where(.lb) a,:where(.lb) a:hover,:where(.lb) a:focus{color:inherit;text-decoration:none;background:none}
:where(.lb) img{max-width:100%;height:auto;border:0;display:block}
:where(.lb) button,:where(.lb) input{font-family:inherit}
.lb :focus-visible{outline:3px solid var(--lb-cyan);outline-offset:2px;border-radius:8px}
.lb-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---- Estructura ---------------------------------------------------------- */
.lb-wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 20px}
.lb-grid{display:grid;gap:24px;align-items:start;margin-top:8px;
  grid-template-columns:260px minmax(0,1fr) 310px;grid-template-areas:"artist main side"}
.lb-main{grid-area:main;display:grid;gap:18px;min-width:0}
.lb-artist{grid-area:artist;position:sticky;top:88px;display:grid;gap:18px;min-width:0}
.lb-side{grid-area:side;display:grid;gap:18px;min-width:0}
.lb-section{margin-top:28px}
.lb-card{background:var(--lb-card);border:1px solid var(--lb-line);border-radius:var(--lb-r);padding:24px;min-width:0}
.lb-card__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}
.lb-h2{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:1.35rem}
.lb-h2 small{font-size:.8rem;font-weight:600;color:var(--lb-faint)}
.lb-h2 .fa{color:var(--lb-blue)}
.lb-h2--lg{font-size:1.6rem}
.lb-h3{display:flex;align-items:center;gap:10px;font-size:.88rem;letter-spacing:.07em;text-transform:uppercase;margin-bottom:14px}
.lb-h3 .fa{color:var(--lb-blue)}
.lb-lead{color:var(--lb-muted);margin:6px 0 18px;max-width:75ch}
.lb-muted{color:var(--lb-muted)}
.lb-prose{color:var(--lb-muted)}
.lb-prose p{margin-bottom:.9em}
.lb-prose a{color:var(--lb-blue);font-weight:600}
.lb-prose strong{color:var(--lb-text)}

@media (max-width:1100px){
  .lb-grid{grid-template-columns:minmax(0,1fr) 290px;grid-template-areas:"main side" "artist side"}
  .lb-artist{position:static}
}
@media (max-width:820px){
  .lb-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"main" "artist" "side"}
  .lb-wrap{padding:0 14px}
  .lb-card{padding:18px}
}

/* ---- Botones y chips ---------------------------------------------------- */
.lb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:12px;
  font-weight:700;font-size:.92rem;line-height:1.2;color:var(--lb-text);background:var(--lb-card2);
  border:1px solid var(--lb-line);cursor:pointer;transition:transform .15s,background .2s,border-color .2s}
.lb-btn:hover{border-color:var(--lb-primary);transform:translateY(-1px)}
.lb-btn--primary{background:var(--lb-grad);border-color:transparent;color:#fff;box-shadow:0 8px 20px rgba(124,58,237,.35)}
.lb-btn--primary:hover{border-color:transparent;filter:brightness(1.08)}
.lb-btn--sm{padding:8px 14px;font-size:.85rem}
.lb-btn--block{display:flex;width:100%}
.lb-btn--fb{background:#1877f2;border-color:#1877f2;color:#fff}
.lb-btn--x{background:#000;border-color:#3a4556;color:#fff}
.lb-btn--wa{background:#16a34a;border-color:#16a34a;color:#fff}
.lb-btn--rd{background:#ff4500;border-color:#ff4500;color:#fff}
.lb-btn--danger{background:#e11d48;border-color:#e11d48;color:#fff}
.lb-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:var(--lb-card2);
  border:1px solid var(--lb-line);font-size:.8rem;font-weight:700;color:var(--lb-muted)}
.lb-pills{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.lb-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:var(--lb-card2);
  border:1px solid var(--lb-line);font-size:.82rem;font-weight:700;text-align:center;line-height:1.25}
.lb-pill .fa-fire{color:var(--lb-red)}
.lb-pill .fa-music{color:var(--lb-blue)}

/* ---- Cabecera ----------------------------------------------------------- */
.lb-header{position:sticky;top:0;z-index:900;background:var(--lb-bg);
  background:color-mix(in srgb,var(--lb-bg) 88%,transparent);
  -webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);
  border-bottom:1px solid var(--lb-line);transition:box-shadow .2s}
.lb-header.is-stuck{box-shadow:0 8px 24px rgba(0,0,0,.18)}
.lb-header__in{display:flex;align-items:center;gap:14px;min-height:66px}
.lb-logo{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:1.4rem;letter-spacing:-.01em;flex:none}
.lb-logo b{color:var(--lb-blue);font-weight:800}
.lb-logo svg{width:32px;height:32px;flex:none}
.lb-nav{display:flex;align-items:center;gap:2px;margin-left:10px}
.lb-nav__link{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border-radius:10px;font-weight:600;
  font-size:.92rem;color:var(--lb-muted);background:none;border:0;cursor:pointer;white-space:nowrap}
.lb-nav__link:hover,.lb-dd.is-open>.lb-nav__link{color:var(--lb-text);background:var(--lb-card2)}
.lb-dd{position:relative}
.lb-dd__panel{display:none;position:absolute;left:0;top:calc(100% + 8px);min-width:230px;background:var(--lb-card);
  border:1px solid var(--lb-line);border-radius:16px;box-shadow:var(--lb-shadow);padding:8px;z-index:60}
.lb-dd--right .lb-dd__panel{left:auto;right:0}
.lb-dd.is-open .lb-dd__panel{display:block}
.lb-dd__panel a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;font-weight:600;font-size:.9rem;color:var(--lb-text)}
.lb-dd__panel a:hover{background:var(--lb-card2)}
.lb-dd__panel a .fa{color:var(--lb-blue);width:16px;text-align:center}
.lb-dd__panel hr{border:0;border-top:1px solid var(--lb-line);margin:6px 0}
.lb-dd.is-open .lb-dd__panel--wide{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));width:min(760px,92vw)}
.lb-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}
.lb-search{position:relative;margin-left:auto;width:min(340px,30vw)}
.lb-search .fa-search{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--lb-faint);pointer-events:none}
.lb-search input,.lb-mobsearch input{width:100%;height:44px;border-radius:999px;border:1px solid var(--lb-line);background:var(--lb-card);
  color:var(--lb-text);padding:0 16px 0 40px;font-size:.92rem;outline:0}
.lb-search input:focus,.lb-mobsearch input:focus{border-color:var(--lb-primary)}
.lb-search input::placeholder,.lb-mobsearch input::placeholder{color:var(--lb-faint)}
.lb .autocomplete-container{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:70;background:var(--lb-card);
  border-radius:14px;overflow:hidden;box-shadow:var(--lb-shadow);color:var(--lb-text)}
.lb .autocomplete-container:empty{display:none}
.lb-actions-h{display:flex;align-items:center;gap:8px;flex:none}
.lb-iconbtn{width:42px;height:42px;border-radius:12px;display:inline-grid;place-items:center;background:var(--lb-card);
  border:1px solid var(--lb-line);color:var(--lb-text);cursor:pointer;font-size:1.05rem}
.lb-iconbtn:hover{border-color:var(--lb-primary)}
.lb-menu-btn,.lb-searchtoggle{display:none}
.lb-ico-moon{display:none}
html[data-theme="light"] .lb-ico-sun{display:none}
html[data-theme="light"] .lb-ico-moon{display:inline}
.lb-mobsearch{display:none;padding:0 14px 12px}
.lb-mobsearch.is-open{display:block}
.lb-mobsearch form{position:relative}
.lb-mobsearch .fa-search{position:absolute;left:14px;top:22px;transform:translateY(-50%);color:var(--lb-faint)}

@media (max-width:980px){
  .lb-search{display:none}
  .lb-menu-btn,.lb-searchtoggle{display:inline-grid}
  .lb-actions-h{margin-left:auto}
  .lb-nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;
    margin:0;padding:12px 14px 16px;background:var(--lb-card);border-bottom:1px solid var(--lb-line);
    max-height:calc(100vh - 70px);overflow:auto}
  .lb-nav.is-open{display:flex}
  .lb-nav__link{padding:12px;width:100%}
  .lb-dd__panel,.lb-dd--right .lb-dd__panel{position:static;box-shadow:none;border:0;background:transparent;padding:0 0 0 12px;min-width:0}
  .lb-dd.is-open .lb-dd__panel--wide{width:auto;grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ---- Hero de canción ---------------------------------------------------- */
.lb-hero{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px 26px;padding:28px;background:var(--lb-hero);
  border:1px solid var(--lb-line);border-radius:28px;box-shadow:var(--lb-shadow)}
.lb .lb-cover{width:150px;height:150px;border-radius:18px;object-fit:cover;box-shadow:0 12px 28px rgba(0,0,0,.35)}
.lb-h1{font-size:clamp(1.9rem,4.4vw,3.1rem);letter-spacing:-.02em;margin:10px 0 0}
.lb-h1__pre{display:block;font-size:.9rem;font-weight:700;color:var(--lb-muted);letter-spacing:0}
.lb-h1__title{display:block;overflow-wrap:anywhere}
.lb-h1__by{display:block;font-size:clamp(1rem,1.9vw,1.2rem);font-weight:600;color:var(--lb-muted);margin-top:4px}
.lb-h1__by a{color:var(--lb-text);font-weight:800}
.lb-h1__by a:hover{color:var(--lb-primary)}
.lb-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.lb-playerbar{grid-column:1/-1;display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:18px;
  background:var(--lb-card);border:1px solid var(--lb-line)}
.lb-playerbar__btn{width:46px;height:46px;border-radius:50%;border:0;background:var(--lb-grad);color:#fff;cursor:pointer;
  display:grid;place-items:center;flex:none;font-size:1rem}
.lb-playerbar strong{display:block;font-size:.95rem}
.lb-playerbar span{font-size:.82rem;color:var(--lb-muted)}
.lb-eq{display:inline-flex;align-items:flex-end;gap:3px;height:22px;margin-left:auto;flex:none}
.lb-eq i{width:3px;height:25%;border-radius:2px;background:var(--lb-cyan);opacity:.45}
.lb-playing .lb-eq i{opacity:1;animation:lbeq 1s ease-in-out infinite}
.lb-eq i:nth-child(2){animation-delay:.2s}.lb-eq i:nth-child(3){animation-delay:.4s}.lb-eq i:nth-child(4){animation-delay:.6s}
@keyframes lbeq{0%,100%{height:25%}50%{height:100%}}

@media (max-width:560px){
  .lb-hero{grid-template-columns:92px minmax(0,1fr);padding:18px;gap:16px;border-radius:22px}
  .lb .lb-cover{width:92px;height:92px;border-radius:14px}
  .lb-actions .lb-btn{flex:1 1 auto}
  .lb-playerbar span{display:none}
}

/* ---- Preguntas rápidas -------------------------------------------------- */
.lb-qa-list{display:grid;gap:10px}
.lb-qa{padding:14px 18px;border:1px solid var(--lb-line);background:var(--lb-card);border-radius:16px}
.lb-qa__q{display:flex;gap:8px;align-items:flex-start;color:var(--lb-cyan);font-weight:700;font-size:.95rem}
.lb-qa p{margin-top:2px}

/* ---- Letra --------------------------------------------------------------- */
.lb-lyrics{text-align:center;font-size:1.12rem;line-height:1.95;padding:28px 18px;background:var(--lb-bg);
  border:1px solid var(--lb-line);border-radius:18px;overflow-wrap:anywhere}
html[data-theme="light"] .lb-lyrics{background:var(--lb-card2)}
.lb-tag{display:block;color:var(--lb-cyan);font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:.9rem;margin:1.2em 0 .2em}
.lb-nolyrics{color:var(--lb-muted);text-align:left;font-size:1rem;line-height:1.7}
.lb-rating{margin:22px 0;padding:18px 0;border-top:1px solid var(--lb-line);border-bottom:1px solid var(--lb-line);text-align:center}
.lb-share{text-align:center}
.lb-share p{color:var(--lb-muted);margin-bottom:12px}
.lb-share__row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.lb-credits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 28px}
.lb-credits dt{font-weight:800;font-size:.92rem}
.lb-credits dd{color:var(--lb-muted);overflow-wrap:anywhere}
.lb-credits a{color:var(--lb-blue);font-weight:600}
@media (max-width:560px){.lb-credits{grid-template-columns:1fr}.lb-lyrics{font-size:1.05rem;padding:22px 12px}}

/* ---- Listas con numeración ---------------------------------------------- */
.lb-rank{counter-reset:lbr;display:grid;gap:8px}
.lb-rank>li{counter-increment:lbr}
.lb-rank>li>a{display:flex;align-items:center;gap:14px;padding:12px 14px;min-height:56px;border-radius:14px;
  background:var(--lb-card2);font-weight:700;font-size:.95rem;transition:background .2s}
.lb-rank>li>a::before{content:counter(lbr,decimal-leading-zero);font-weight:800;font-size:1.1rem;color:var(--lb-primary);min-width:28px}
.lb-rank>li>a:hover{background:var(--lb-line)}
.lb-rank>li.active-song>a{outline:2px solid var(--lb-primary);outline-offset:-2px}
.lb-rank small,.lb-rank .feats{display:block;color:var(--lb-faint);font-weight:500;font-size:.8rem}
.lb .lb-thumb{width:44px;height:44px;border-radius:10px;object-fit:cover;flex:none}
.lb-grow{min-width:0;overflow-wrap:anywhere}

.lb-cards2{counter-reset:lbc;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.lb-songcard{counter-increment:lbc;display:flex;gap:14px;padding:16px;border-radius:16px;background:var(--lb-card);
  border:1px solid var(--lb-line);transition:border-color .2s,transform .15s}
.lb-songcard:hover{border-color:var(--lb-primary);transform:translateY(-2px)}
.lb-songcard::before{content:counter(lbc,decimal-leading-zero);font-weight:800;font-size:1.2rem;color:var(--lb-primary);min-width:32px}
.lb-songcard strong{display:block}
.lb-songcard small{color:var(--lb-faint);font-weight:500}
.lb-songcard em{display:block;font-style:normal;color:var(--lb-muted);font-size:.85rem;margin-top:4px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lb-pop{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
@media (max-width:820px){.lb-cards2,.lb-pop{grid-template-columns:1fr}}

/* ---- Tarjeta de artista --------------------------------------------------- */
.lb-artistcard{text-align:center}
.lb .lb-artistcard__img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:18px;margin-bottom:16px}
.lb-artistcard h2{font-size:1.5rem;margin-bottom:2px}
.lb-alias{color:var(--lb-faint);font-size:.85rem;margin-bottom:14px}
.lb-artistcard .lb-pills{margin:14px 0}
.lb-artistcard .lb-btn{margin-top:6px}
.lb-stats{text-align:left;margin:14px 0}
.lb-stats li{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--lb-line);font-weight:600}
.lb-badge{padding:2px 12px;border-radius:999px;font-weight:800;font-size:.8rem;background:var(--lb-card2)}
.lb-social{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:14px}
.lb-social a{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:1.05rem}
.lb-social .fb{background:#1877f2}.lb-social .tw{background:#1d9bf0}.lb-social .ig{background:#e1306c}
.lb-social .yt{background:#ff0000}.lb-social .tk{background:#111;border:1px solid #3a4556}
.lb-stars{display:inline-flex;flex-direction:row-reverse;gap:3px;font-size:1.4rem}
.lb-stars a{cursor:pointer;color:var(--lb-faint)}
.lb-stars a.On,.lb-stars a.Hf,.lb-stars a:hover,.lb-stars a:hover~a{color:var(--lb-gold)}
.lb-stars a.On::before,.lb-stars a:hover::before,.lb-stars a:hover~a::before{content:"\f005"}
.lb-stars a.Hf::before{content:"\f123"}
.lb-votes{display:block;font-size:.78rem;font-weight:700;color:var(--lb-muted);margin-top:4px}
@media (max-width:820px){.lb .lb-artistcard__img{max-width:220px;margin:0 auto 16px}}

/* ---- Rejillas de álbumes / artistas relacionados ------------------------- */
.lb-albums{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}
.lb-albums--side{grid-template-columns:repeat(2,minmax(0,1fr))}
.lb-albumcard{display:block;text-align:left}
.lb .lb-albumcard img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px;margin-bottom:8px;transition:transform .2s}
.lb-albumcard:hover img{transform:translateY(-3px)}
.lb-albumcard strong{display:block;font-size:.9rem;line-height:1.3}
.lb-albumcard span{display:block;font-size:.78rem;color:var(--lb-faint)}
.lb-rel{display:grid;gap:8px}
.lb-rel a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:var(--lb-card2)}
.lb-rel a:hover{background:var(--lb-line)}
.lb-rel strong{display:block;font-size:.95rem}
.lb-rel small{color:var(--lb-faint)}
.lb-az{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.lb-az a{display:flex;gap:10px;align-items:center;padding:11px 14px;border-radius:12px;background:var(--lb-card2);font-weight:600;font-size:.92rem}
.lb-az a:hover{background:var(--lb-line)}
.lb-az .fa{color:var(--lb-gold)}
.lb-meta{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--lb-muted);margin:8px 0 0}
.lb-meta strong{color:var(--lb-text)}
.lb-meta a{color:var(--lb-blue);font-weight:700}
.lb-links{display:grid;gap:8px}
.lb-links a{color:var(--lb-blue);font-weight:700}
.lb-seo{color:var(--lb-faint);font-size:.9rem;margin-top:28px}
.lb .breadcrumb{background:none;padding:14px 0 6px;margin:0;border-radius:0;font-size:.85rem;color:var(--lb-muted)}
.lb .breadcrumb a{color:var(--lb-muted)}
.lb .breadcrumb>li+li::before{color:var(--lb-faint)}
.lb .breadcrumb>.active{color:var(--lb-text)}
.lb .fb-comments,.lb .fb-comments span,.lb .fb-comments iframe{max-width:100%!important}

/* ---- Publicidad ----------------------------------------------------------- */
.lb .ad-top-wrapper,.lb .lyricads{max-width:100%;overflow:hidden;text-align:center}
.lb .ad-top-wrapper.has-ad,.lb .lyricads.has-ad{margin:16px 0;padding:6px 0}
.lb .has-ad::before{content:"Publicidad";display:block;font-size:.68rem;letter-spacing:.06em;color:var(--lb-faint);margin-bottom:4px}
.lb .is-empty{display:none!important}

/* ---- Reproductor flotante ------------------------------------------------- */
.lb-player{position:fixed;right:20px;bottom:20px;z-index:1000;width:360px;max-width:calc(100vw - 24px);
  background:var(--lb-card);border:1px solid var(--lb-primary);border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.45);
  overflow:hidden;opacity:0;visibility:hidden;transform:translateY(16px) scale(.98);
  transition:opacity .2s,transform .2s,visibility .2s}
.lb-player.is-open{opacity:1;visibility:visible;transform:none}
.lb-player__bar{display:flex;align-items:center;gap:10px;padding:10px 12px;font-weight:700;font-size:.85rem;color:var(--lb-text)}
.lb-player__bar .fa-youtube-play{color:#ff3b3b;font-size:1.1rem}
.lb-player__title{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lb-player__bar button{background:none;border:0;color:var(--lb-muted);width:30px;height:30px;border-radius:8px;cursor:pointer}
.lb-player__bar button:hover{background:var(--lb-card2);color:var(--lb-text)}
.lb-player__frame{aspect-ratio:16/9;background:#000}
.lb-player__frame iframe{width:100%;height:100%;border:0;display:block}
@media (max-width:560px){.lb-player{right:12px;left:12px;bottom:12px;width:auto;max-width:none}}

/* ---- Impresión y movimiento reducido ------------------------------------- */
@media print{
  .lb-header,.lb-noprint,.lb-artist,.lb-side,.lb-player,.lb-share,.lb .ad-top-wrapper,.lb .lyricads{display:none!important}
  html[data-theme] body{background:#fff;color:#000}
  .lb-grid{display:block}
  .lb-card,.lb-hero{background:none;border:0;box-shadow:none;padding:0}
  .lb-lyrics{background:none;border:0;color:#000}
  .lb-h1,.lb-h1__by,.lb-h1__by a,.lb-h1__pre{color:#000}
}
@media (prefers-reduced-motion:reduce){
  .lb *,.lb *::before,.lb *::after{transition:none!important;animation:none!important}
}

/* ---- Pie de página ------------------------------------------------------- */
.lb-footer{margin-top:56px;padding:44px 0 36px;border-top:1px solid var(--lb-line);background:var(--lb-card);text-align:center}
.lb-footer__links{display:flex;flex-wrap:wrap;justify-content:center;gap:28px 72px;text-align:left}
.lb-footer h2{font-size:.88rem;letter-spacing:.07em;text-transform:uppercase;margin-bottom:12px}
.lb-footer li a{display:inline-block;padding:4px 0;color:var(--lb-muted);font-weight:600;font-size:.92rem}
.lb-footer li a:hover{color:var(--lb-text)}
.lb-footer__social{display:flex;gap:10px;justify-content:center;margin:26px 0 18px}
.lb-footer__social a{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--lb-card2);border:1px solid var(--lb-line);color:var(--lb-text)}
.lb-footer__social a:hover{border-color:var(--lb-primary);color:var(--lb-primary)}
.lb-footer__logo{font-size:1.5rem;font-weight:800;letter-spacing:.02em;margin-bottom:10px}
.lb-footer__logo span{color:var(--lb-blue)}
.lb-footer__text{color:var(--lb-faint);font-size:.85rem;line-height:1.8}