:root{color-scheme:dark;--paper:#121212;--ink:#f5f5f5;--muted:#aaa;--line:#292929;--accent:#a6d9b5;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}.wrap{width:min(1080px,calc(100% - 64px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip{position:fixed;top:-70px;left:16px;background:var(--accent);color:#121212;padding:14px;z-index:20}.skip:focus{top:10px}
.header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px;min-width:0}.brand-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#8e644a;color:#fff;font-size:12px;letter-spacing:.5px;font-weight:bold;flex-shrink:0}.brand h1{font-size:24px;letter-spacing:-.7px;margin:0;font-weight:700}.header nav{display:flex;gap:24px;align-items:center;font-size:13px}.nav-current{color:#ddd}.header nav button{border:0;background:none;color:var(--muted);padding:9px 0;display:flex;gap:7px;align-items:center}.header nav button[aria-pressed=true]{color:var(--accent)}.header nav button span:first-child{font-size:23px;line-height:1}.header nav button span:last-child{color:var(--muted);font-size:10px;background:#292929;padding:4px 6px;border-radius:20px}
.catalog-section{padding:3px 0 0;scroll-margin-top:12px}.search-row{display:flex;align-items:center;gap:22px}.search{background:#242424;display:flex;align-items:center;border:1px solid transparent;border-radius:7px;gap:11px;padding:0 14px;flex:1;min-width:0}.search svg{width:19px;flex-shrink:0;fill:none;stroke:#b5b5b5;stroke-width:1.6}.search input{width:100%;border:0;background:none;padding:13px 0;font-size:13px;color:var(--ink);min-width:0}.search input::placeholder{color:#a9a9a9}.search input:focus{outline:0}.search:focus-within{border-color:#aaa}.sort-label{font-size:12px;color:#ccc}.sort-label select{background:#121212;color:#ccc;border:0;padding:8px 22px 8px 0;font-size:12px;cursor:pointer;max-width:190px}.filters-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:17px 0 14px}.chips{display:flex;gap:7px;flex-wrap:wrap}.chips button{background:#292929;border:0;color:#eee;padding:9px 16px;border-radius:30px;font-size:12px;line-height:1.2}.chips button:hover{background:#383838}.chips button[aria-pressed=true]{background:#f1f1f1;color:#111}.results-count{color:var(--muted);font-size:11px;white-space:nowrap}.song-grid{display:flex;flex-direction:column;gap:1px}.song-card{display:grid;grid-template-columns:62px minmax(0,1fr) 40px;align-items:center;gap:18px;border-radius:5px;padding:10px 9px;background:transparent;min-width:0}.song-card:hover,.song-card:focus-within{background:#1e1e1e}.song-cover{width:62px;height:62px;border-radius:4px;background:var(--cover);color:#fff;position:relative;overflow:hidden;display:grid;place-items:center}.song-cover:before{content:'';width:100px;height:100px;border:1px solid #ffffff35;border-radius:50%;position:absolute;right:-60px;top:-40px}.cover-monogram{font-family:Georgia,serif;font-size:28px;font-style:italic;letter-spacing:-2px;opacity:.9}.cover-index,.cover-caption{display:none}.song-body{display:grid;grid-template-columns:minmax(0,1fr) 110px 160px;align-items:center;gap:5px 18px;min-width:0}.song-body h3{grid-column:1;grid-row:1;margin:0;min-width:0;font-weight:normal;font-size:16px;line-height:1.4}.song-title{background:none;border:0;padding:0;color:var(--ink);text-align:left;font:inherit;line-height:inherit;max-width:100%;overflow-wrap:anywhere}.song-title:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}.artists{grid-column:1;grid-row:2;color:var(--muted);font-size:12px;line-height:1.5;margin:0;min-width:0;overflow-wrap:anywhere}.song-tag{grid-column:2;grid-row:1 / 3;color:#a8a8a8;font-size:11px}.song-bottom{grid-column:3;grid-row:1 / 3;display:flex;align-items:center;justify-content:flex-end;gap:10px}.listen{border:0;background:none;color:#eee;font-size:11px;display:flex;align-items:center;gap:9px;padding:7px 0}.play-symbol{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#f1f1f1;color:#151515;font-size:10px;padding-left:2px;flex-shrink:0}.listen:hover .play-symbol{background:var(--accent)}.official{display:none}.favorite-button{position:static;width:36px;height:36px;border:0;border-radius:50%;display:grid;place-items:center;background:transparent;color:#aaa;font-size:24px}.favorite-button:hover{background:#303030;color:white}.favorite-button[aria-pressed=true]{color:var(--accent)}.favorites-note{font-size:12px;color:var(--muted);margin:15px 8px}.demo-note{font-size:11px;color:#999;margin:27px 8px 0;line-height:1.8}.footer{padding-block:20px 28px;color:#888;font-size:10px;line-height:1.8}.empty{text-align:center;padding:45px 18px;background:#1b1b1b;border-radius:8px}.empty>span{font-size:32px;color:var(--accent)}.empty h3{font-size:20px;margin:17px 0}.empty p{color:var(--muted);font-size:13px;line-height:1.7}.empty button{margin-top:13px;border:0;background:#eee;color:#111;border-radius:24px;padding:12px 20px;font-size:12px;font-weight:bold}
dialog{width:min(520px,calc(100% - 32px));border:1px solid #333;border-radius:12px;background:#1c1c1c;color:var(--ink);padding:32px;box-shadow:0 20px 90px #0008;max-height:85vh}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.close-dialog{position:absolute;top:9px;right:10px;border:0;background:none;font-size:27px;color:#bbb;padding:6px 10px}.eyebrow{font-size:10px;letter-spacing:1.5px;color:var(--accent);margin:12px 0 18px}dialog h2{font-size:26px;letter-spacing:-.5px;line-height:1.3;margin:0 0 12px}#dialog-artists{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:26px}.platform-link{display:flex;align-items:center;justify-content:space-between;border:1px solid #393939;border-radius:6px;text-decoration:none;padding:15px 17px;margin:10px 0;background:#272727;gap:15px}.platform-link:hover{border-color:#888}.platform-link strong{font-size:13px;font-weight:normal}.platform-link small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.platform-link>span:last-child{color:var(--accent)}.dialog-note{font-size:11px;color:var(--muted);line-height:1.7;margin-top:24px}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#ddd;color:#121212;padding:12px 20px;border-radius:6px;font-size:12px;z-index:30;max-width:90%;text-align:center}
@media(max-width:900px){.song-body{grid-template-columns:minmax(0,1fr) 130px}.song-tag{display:none}.song-bottom{grid-column:2}.song-card{gap:14px}}
@media(max-width:600px){.wrap{width:calc(100% - 28px)}.header{height:72px;gap:10px}.brand{gap:9px}.brand-icon{width:33px;height:33px;font-size:10px}.brand h1{font-size:20px;letter-spacing:-.6px}.header nav{gap:0}.nav-current{display:none}.header nav button{font-size:0;gap:5px;padding:7px 0}.header nav button span:first-child{font-size:26px}.header nav button span:last-child{font-size:10px}.search-row{gap:10px;flex-wrap:wrap}.search{flex-basis:100%}.search input{font-size:13px;padding:12px 0}.sort-label{order:2;margin-left:auto}.sort-label select{font-size:11px;padding-block:3px}.filters-row{margin:12px 0 11px;gap:9px;flex-wrap:wrap}.chips{gap:6px}.chips button{font-size:11px;padding:9px 12px}.results-count{font-size:10px;margin-left:3px}.song-card{grid-template-columns:54px minmax(0,1fr) 30px;gap:11px;padding:10px 0;border-radius:4px;min-height:77px}.song-cover{width:54px;height:54px;border-radius:3px}.cover-monogram{font-size:25px}.song-body{display:block;min-width:0}.song-body h3{font-size:15px;line-height:1.35}.artists{font-size:12px;margin-top:5px;line-height:1.4}.song-bottom{display:none}.favorite-button{width:30px;height:36px;font-size:23px}.demo-note{margin:22px 0 0;font-size:10px}.footer{font-size:9px;padding-top:12px}.favorites-note{margin:12px 0;font-size:11px}dialog{padding:27px 23px}dialog h2{font-size:23px}}
.song-card{grid-template-columns:42px minmax(0,1fr);gap:13px;padding:7px 9px;min-height:60px}
.song-cover{width:42px;height:42px;border-radius:50%}
.cover-monogram{font-size:21px;letter-spacing:-1.5px}
.song-body{grid-template-columns:minmax(0,1fr) 100px 85px;gap:3px 15px}
.song-body h3{font-size:15px}.artists{font-size:11px}
.read-button{display:flex;align-items:center;justify-content:center;gap:6px;border:0;background:transparent;color:#ddd;font-size:12px;min-height:40px;padding:6px;cursor:pointer;border-radius:20px}
.read-button:hover{background:#303030;color:var(--accent)}
.read-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
@media(max-width:900px){.song-body{grid-template-columns:minmax(0,1fr) 75px}.song-bottom{grid-column:2}}
@media(max-width:600px){.song-card{grid-template-columns:36px minmax(0,1fr);gap:10px;padding:6px 0;min-height:58px}.song-cover{width:36px;height:36px;border-radius:50%}.cover-monogram{font-size:18px}.song-body{display:grid;grid-template-columns:minmax(0,1fr) 57px;gap:3px 5px}.song-body h3{font-size:14px}.artists{font-size:11px;margin:0;line-height:1.35}.song-bottom{display:flex;grid-column:2;grid-row:1 / 3;justify-content:flex-end}.read-button{font-size:11px;gap:4px;padding:5px 0;min-width:52px}.read-button svg{width:15px;height:15px}}
.header{gap:18px}.brand-tagline{flex:1;color:var(--muted);font-size:12px;line-height:1.5;margin:0;padding-left:18px;border-left:1px solid var(--line)}
@media(max-width:760px){.header{height:auto;min-height:88px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;padding-block:15px}.brand-tagline{grid-column:1 / -1;grid-row:2;border:0;padding:0 0 0 42px;font-size:11px}.header nav{grid-column:2;grid-row:1}.brand h1{font-size:20px}.brand{gap:9px}.brand-icon{width:33px;height:33px;font-size:10px}}
.detail-section{margin-top:21px}.detail-heading{font-size:14px;font-weight:600;margin:0 0 9px}.detail-empty{font-size:12px;color:var(--muted);margin:0;padding:10px 0;line-height:1.5}.detail-section .platform-link{padding:12px 14px;margin:8px 0}.detail-section .platform-link strong{font-size:13px}#dialog-artists{margin-bottom:18px}#dialog-title{font-size:23px}
@media(max-width:600px){#dialog-title{font-size:20px}.detail-section{margin-top:16px}.dialog-note{margin-top:17px}}
.contact-block{display:flex;flex-direction:column;align-items:flex-end;gap:4px;white-space:nowrap;font-size:12px;color:#ddd}.contact-block a{font-size:11px;color:var(--muted);padding-block:3px}.contact-block a:hover{color:var(--accent);text-decoration:underline}
@media(max-width:600px){.contact-block{font-size:11px;gap:2px}.contact-block a{font-size:10px}.header{column-gap:9px}.brand h1{font-size:18px}.brand{gap:7px}.brand-icon{width:29px;height:29px}.brand-tagline{padding-left:36px}}
@media(max-width:360px){.brand h1{font-size:16px}.brand-icon{width:25px;height:25px;font-size:9px}.contact-block a{font-size:9px}.brand-tagline{padding-left:32px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.link-item{margin:8px 0 12px}.link-item .platform-link{margin:0}.report-link{display:inline-block;color:#ababab;font-size:11px;padding:7px 4px 3px;text-decoration:underline;text-underline-offset:2px}.report-link:hover{color:var(--accent)}

/* Catálogo: tarjetas compactas sin círculos decorativos */
.song-grid{gap:10px}
.song-card{
  display:block;
  min-height:0;
  padding:14px 16px;
  background:#272727;
  border:1px solid #393939;
  border-radius:11px;
}
.song-card:hover,.song-card:focus-within{background:#303030;border-color:#555}
.song-cover{display:none}
.song-body{grid-template-columns:minmax(0,1fr) 100px 85px;gap:4px 12px}
.song-title,#dialog-title{color:var(--accent)}
.song-title:hover{color:#cff1d9}
@media(max-width:900px){.song-body{grid-template-columns:minmax(0,1fr) 75px}}
@media(max-width:600px){
  .song-grid{gap:9px}
  .song-card{padding:12px 13px}
  .song-body{display:grid;grid-template-columns:minmax(0,1fr) 57px;gap:4px 8px}
  .song-bottom{display:flex;grid-column:2;grid-row:1 / 3;justify-content:flex-end;align-items:center}
}

/* Título e intérprete compactos en una sola línea, con ajuste en pantallas estrechas */
.song-body h3{grid-column:1;grid-row:1 / 3;display:block;font-weight:normal;font-size:15px;line-height:1.45;overflow-wrap:anywhere}
.song-inline-artist{font-size:inherit;color:var(--muted)}
.song-separator{color:var(--muted)}
@media(max-width:600px){.song-body h3{font-size:14px;line-height:1.4}}

/* Jerarquía de lectura más clara en las tarjetas principales */
.song-body h3{font-size:18px;font-weight:700;line-height:1.45}
.song-title{color:var(--accent);font-weight:700}
.song-inline-artist{font-size:16px;font-weight:600;color:#d5d5d5}
@media(max-width:600px){.song-body h3{font-size:16px;font-weight:700;line-height:1.45}.song-inline-artist{font-size:14px;font-weight:600}}

/* Tema claro: crema y verde salvia, mantiene layout y tarjetas */
:root{color-scheme:light;--paper:#f8f5ef;--ink:#41483f;--muted:#69736b;--line:#dedfd6;--accent:#50785d;background:var(--paper);color:var(--ink)}
body{background:var(--paper);color:var(--ink)}
.brand-icon{background:#819e85;color:#fff}
.brand h1{color:#506c56}
.brand-tagline,.contact-block,.contact-block a{color:#69766e}
.contact-block a:hover{color:var(--accent)}
.search{background:#fff;border-color:#e0e3da}
.search input{color:var(--ink)}
.search input::placeholder{color:#7c857e}
.search svg{stroke:#708274}
.sort-label,.sort-label select{color:#546454}
.sort-label select{background:transparent}
.chips button{background:#e7eee4;color:#536c58}
.chips button:hover{background:#d9e7d8}
.chips button[aria-pressed=true]{background:#78987f;color:#fff}
.results-count{color:#657268}
.song-card{background:#fff;border-color:#e2e4dd;box-shadow:0 1px 2px #63765e0a}
.song-card:hover,.song-card:focus-within{background:#f1f7ef;border-color:#a3b8a4}
.song-title,#dialog-title{color:#50785d}
.song-title:hover{color:#315c40}
.song-inline-artist{color:#657166}
.song-separator{color:#8f998e}
.read-button{color:#577f61}
.read-button:hover{background:#e8f0e5;color:#355c42}
.song-tag,.artists{color:#6d766e}
.demo-note,.footer{color:#707970}
.empty{background:#fff;color:var(--ink)}
.empty p{color:var(--muted)}
.empty button{background:#76967b;color:#fff}
dialog{background:#fcfaf7;color:var(--ink);border-color:#dedfd5;box-shadow:0 22px 85px #38463726}
dialog::backdrop{background:#17291b75;backdrop-filter:blur(4px)}
.close-dialog{color:#526655}
#dialog-artists{color:#657166}
.detail-heading{color:#445848}
.detail-empty{color:var(--muted)}
.platform-link,.detail-section .platform-link{background:#fff;border-color:#e0e3db;color:#3d493f}
.platform-link:hover{background:#f2f7ef;border-color:#91ab95}
.platform-link strong{color:#405044}
.platform-link>span:last-child{color:#628a6b}
.report-link{color:#57765e}
.report-link:hover{color:#315e3f}
.dialog-note{color:#6d766d}
.toast{background:#526b56;color:#fff}
.skip{background:#54765c;color:#fff}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:#50785d}

/* Nombre del intérprete: más pequeño y gris legible */
.song-inline-artist{font-size:14px;font-weight:500;color:#737b75}
.song-separator{color:#899189}
@media(max-width:600px){.song-inline-artist{font-size:12px;font-weight:500;color:#737b75}}


/* Selector de tema. El modo oscuro recupera la estética negra y verde anterior. */
:root[data-theme="dark"]{color-scheme:dark;--paper:#121212;--ink:#f5f5f5;--muted:#aaa;--line:#292929;--accent:#a6d9b5;background:var(--paper);color:var(--ink)}
:root[data-theme="dark"] body{background:#121212;color:#f5f5f5}
:root[data-theme="dark"] .brand-icon{background:#8e644a;color:#fff}
:root[data-theme="dark"] .brand h1{color:#f5f5f5}
:root[data-theme="dark"] .brand-tagline,
:root[data-theme="dark"] .contact-block,
:root[data-theme="dark"] .contact-block a{color:#aaa}
:root[data-theme="dark"] .search{background:#242424;border-color:#333}
:root[data-theme="dark"] .search input{color:#f5f5f5}
:root[data-theme="dark"] .search input::placeholder{color:#a9a9a9}
:root[data-theme="dark"] .search svg{stroke:#b5b5b5}
:root[data-theme="dark"] .sort-label,
:root[data-theme="dark"] .sort-label select{color:#ccc}
:root[data-theme="dark"] .sort-label select{background:#121212}
:root[data-theme="dark"] .chips button{background:#292929;color:#eee}
:root[data-theme="dark"] .chips button:hover{background:#383838}
:root[data-theme="dark"] .chips button[aria-pressed=true]{background:#f1f1f1;color:#111}
:root[data-theme="dark"] .results-count{color:#aaa}
:root[data-theme="dark"] .song-card{background:#272727;border-color:#393939;box-shadow:none}
:root[data-theme="dark"] .song-card:hover,
:root[data-theme="dark"] .song-card:focus-within{background:#303030;border-color:#555}
:root[data-theme="dark"] .song-title,
:root[data-theme="dark"] #dialog-title{color:#a6d9b5}
:root[data-theme="dark"] .song-title:hover{color:#cff1d9}
:root[data-theme="dark"] .song-inline-artist{color:#b7b7b7}
:root[data-theme="dark"] .song-separator{color:#999}
:root[data-theme="dark"] .song-tag,
:root[data-theme="dark"] .artists{color:#aaa}
:root[data-theme="dark"] .read-button{color:#ddd}
:root[data-theme="dark"] .read-button:hover{background:#303030;color:#a6d9b5}
:root[data-theme="dark"] .footer,
:root[data-theme="dark"] .demo-note{color:#888}
:root[data-theme="dark"] .empty{background:#1b1b1b;color:#f5f5f5}
:root[data-theme="dark"] .empty p{color:#aaa}
:root[data-theme="dark"] .empty button{background:#eee;color:#111}
:root[data-theme="dark"] dialog{background:#1c1c1c;color:#f5f5f5;border-color:#333;box-shadow:0 20px 90px #0008}
:root[data-theme="dark"] dialog::backdrop{background:#000b}
:root[data-theme="dark"] .close-dialog{color:#bbb}
:root[data-theme="dark"] #dialog-artists,
:root[data-theme="dark"] .detail-empty{color:#aaa}
:root[data-theme="dark"] .detail-heading{color:#e9e9e9}
:root[data-theme="dark"] .platform-link,
:root[data-theme="dark"] .detail-section .platform-link{background:#272727;border-color:#393939;color:#f5f5f5}
:root[data-theme="dark"] .platform-link:hover{background:#303030;border-color:#888}
:root[data-theme="dark"] .platform-link strong{color:#f5f5f5}
:root[data-theme="dark"] .platform-link>span:last-child{color:#a6d9b5}
:root[data-theme="dark"] .report-link{color:#ababab}
:root[data-theme="dark"] .report-link:hover{color:#a6d9b5}
:root[data-theme="dark"] .dialog-note{color:#aaa}
:root[data-theme="dark"] .toast{background:#ddd;color:#121212}
:root[data-theme="dark"] .skip{background:#a6d9b5;color:#121212}
:root[data-theme="dark"] button:focus-visible,
:root[data-theme="dark"] a:focus-visible,
:root[data-theme="dark"] input:focus-visible,
:root[data-theme="dark"] select:focus-visible{outline-color:#a6d9b5}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;border:1px solid var(--line);background:transparent;color:var(--ink);padding:9px 12px;border-radius:24px;font-size:12px;cursor:pointer;min-height:38px}
.theme-toggle:hover{background:#e7eee4}
:root[data-theme="dark"] .theme-toggle{background:#262626;color:#f5f5f5;border-color:#444}
:root[data-theme="dark"] .theme-toggle:hover{background:#353535}
.theme-toggle-icon{font-size:16px;line-height:1}
.header nav{gap:14px}
@media(max-width:600px){.header nav{gap:8px}.theme-toggle{padding:8px 10px;font-size:11px;min-height:36px}.theme-toggle-icon{font-size:15px}}

/* Distintivo de fuente oficial, no afiliado a ninguna red social. */
.platform-label{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.verified-link{display:inline-grid;place-items:center;width:17px;height:17px;min-width:17px;border-radius:50%;background:#2c995d;color:#fff;font-size:12px;font-family:Arial,Helvetica,sans-serif;font-weight:800;line-height:1;vertical-align:middle}
:root[data-theme="dark"] .verified-link{background:#398e5b;color:#fff}

/* El indicador verde es independiente del enlace y se puede tocar. */
.platform-item{position:relative}
.platform-item .platform-link{padding-right:76px;min-height:48px}
.platform-item .verified-link{position:absolute;top:50%;right:43px;transform:translateY(-50%);display:grid;place-items:center;width:21px;height:21px;min-width:21px;border-radius:50%;border:0;background:#2c995d;color:#fff;font-size:13px;font-weight:800;line-height:1;padding:0;cursor:pointer;z-index:2}
.platform-item .verified-link:hover,.platform-item .verified-link:focus-visible{background:#217d4c;outline:2px solid #91caa8;outline-offset:3px}
.platform-item .verified-tooltip{position:absolute;right:14px;bottom:calc(50% + 17px);z-index:5;background:#245e3d;color:#fff;padding:7px 11px;border-radius:7px;box-shadow:0 3px 14px #0003;font-size:12px;font-weight:600;white-space:nowrap;pointer-events:none}
:root[data-theme="dark"] .platform-item .verified-link{background:#398e5b}
:root[data-theme="dark"] .platform-item .verified-tooltip{background:#286944}

/* Insignia oficial compacta estilo sello de borde ondulado. */
.platform-item .verified-link{
  width:19px;
  height:19px;
  min-width:19px;
  border-radius:0;
  clip-path:polygon(50% 0%,60% 7%,72% 4%,79% 15%,91% 17%,93% 29%,100% 39%,95% 50%,100% 61%,93% 72%,91% 83%,79% 85%,72% 96%,60% 93%,50% 100%,40% 93%,28% 96%,21% 85%,9% 83%,7% 71%,0% 61%,5% 50%,0% 39%,7% 29%,9% 17%,21% 15%,28% 4%,40% 7%);
  font-size:11px;
}
.platform-item .verified-link:focus-visible{outline:3px solid #91caa8;outline-offset:2px}

/* Categorías navegables tanto en las tarjetas como dentro de cada canción. */
.detail-categories{display:flex;flex-wrap:wrap;gap:8px;margin:-12px 0 24px}
.song-tag{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.song-category-chip{display:inline-flex;align-items:center;justify-content:center;border:1px solid #b7ccb8;border-radius:24px;padding:5px 11px;background:#ebf2e9;color:#426d4d;font-size:11px;font-weight:600;line-height:1.2;cursor:pointer;max-width:100%;text-align:center}
.song-category-chip:hover,.song-category-chip:focus-visible{background:#d9e9d8;border-color:#6c9873;color:#284b30}
:root[data-theme="dark"] .song-category-chip{background:#24382a;color:#add9b6;border-color:#46644b}
:root[data-theme="dark"] .song-category-chip:hover,:root[data-theme="dark"] .song-category-chip:focus-visible{background:#33513a;border-color:#8cbe96}
@media(max-width:900px){.song-tag{display:flex;grid-column:1;grid-row:2}.song-body h3{grid-row:1}.song-bottom{grid-row:1 / 3}}
@media(max-width:600px){.song-tag{display:flex;grid-column:1;grid-row:2}.song-category-chip{font-size:10px;padding:4px 9px}}

/* Tarjetas: categorías a la derecha y acceso circular tipo play azul pastel. */
.song-card .song-body{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0}
.song-card .song-body h3{grid-column:1;grid-row:1;min-width:0}
.song-card .song-bottom{grid-column:2;grid-row:1;display:flex;justify-content:flex-end;align-items:center;gap:10px;min-width:0}
.song-card .song-tag{grid-column:auto;grid-row:auto;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:5px;min-width:0}
.song-card .read-button{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;min-width:42px;border:0;border-radius:50%;padding:0;background:#d5eaff;color:#5189bf;transition:background .15s,transform .15s}
.song-card .read-button svg{width:24px;height:24px;fill:currentColor;stroke:none;display:block}
.song-card .read-button:hover{background:#bcddff;color:#346d9f;transform:scale(1.04)}
:root[data-theme="dark"] .song-card .read-button{background:#cee5ff;color:#3f78af}
:root[data-theme="dark"] .song-card .read-button:hover{background:#b5d7fa;color:#2e669a}
@media(max-width:600px){
  .song-card .song-body{grid-template-columns:minmax(0,1fr) auto;gap:8px}
  .song-card .song-bottom{gap:8px}
  .song-card .read-button{width:39px;height:39px;min-width:39px;flex-basis:39px}
  .song-card .song-category-chip{font-size:10px;padding:5px 8px}
}

/* Play compacto: círculo blanco en ambos temas. */
.song-card .read-button{flex:0 0 32px;width:32px;height:32px;min-width:32px;background:#fff;color:#5481a4;border:1px solid #dce5ea;box-shadow:0 1px 3px #00000012}
.song-card .read-button svg{width:19px;height:19px}
.song-card .read-button:hover{background:#f5f9ff;color:#386785}
:root[data-theme="dark"] .song-card .read-button{background:#fff;color:#5481a4;border-color:#e2e8ed}
:root[data-theme="dark"] .song-card .read-button:hover{background:#f5f9ff;color:#386785}
@media(max-width:600px){.song-card .read-button{flex-basis:30px;width:30px;height:30px;min-width:30px}.song-card .read-button svg{width:18px;height:18px}}

/* Play circular real: tamaño fijo, sin estiramiento ni deformación. */
.song-card .song-bottom .read-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 34px;
  inline-size:34px;
  block-size:34px;
  min-inline-size:34px;
  min-block-size:34px;
  max-inline-size:34px;
  max-block-size:34px;
  aspect-ratio:1 / 1;
  border-radius:9999px;
  padding:0;
  background:#fff;
  border:1px solid #d5e1e7;
  box-sizing:border-box;
  overflow:hidden;
}
.song-card .song-bottom .read-button svg{flex:none;width:16px;height:16px;transform:translateX(1px)}
@media(max-width:600px){.song-card .song-bottom .read-button{flex-basis:34px;inline-size:34px;block-size:34px;min-inline-size:34px;min-block-size:34px}}

/* Solo el triángulo play, sin círculo, relleno ni borde. */
.song-card .song-bottom .read-button,
:root[data-theme="dark"] .song-card .song-bottom .read-button{
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  overflow:visible;
  color:#8cbbda;
}
.song-card .song-bottom .read-button:hover,
:root[data-theme="dark"] .song-card .song-bottom .read-button:hover{
  background:transparent;
  color:#689fc7;
}
.song-card .song-bottom .read-button svg{width:22px;height:22px}