/* Reproductor de grabaciones · Estilo coherente con el mueble del armonio */
.instrument .plate.chant-record-plate{
  display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;column-gap:12px;min-height:44px;margin-bottom:8px;
}
.instrument .chant-plate-space{grid-column:1;min-width:0}
.instrument .plate.chant-record-plate #keyCount{
  grid-column:3;justify-self:end;text-align:right;max-width:100%;font:500 clamp(11px,1vw,14px)/1.2 'EB Garamond',Georgia,serif;
  letter-spacing:.025em;color:#f5e6c5;opacity:.96
}
.chant-record-btn{
  grid-column:2;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:38px;padding:7px 18px;border:1px solid #f4dca7;border-radius:999px;
  background:linear-gradient(180deg,#fffefa,#f5dba4);color:#3c2818;
  box-shadow:inset 0 1px 0 #fff,0 3px 12px #24140666;
  font:600 clamp(14px,1.15vw,17px)/1.1 'EB Garamond',Georgia,serif;
  letter-spacing:.01em;white-space:nowrap;cursor:pointer;transition:background .15s,box-shadow .15s
}
.chant-record-btn:hover{background:linear-gradient(180deg,#fffdf5,#f1d59d);box-shadow:0 3px 14px #1f140577}
.chant-record-btn:focus-visible,.chant-audio-window button:focus-visible,.chant-audio-window input:focus-visible,.chant-audio-window select:focus-visible{outline:3px solid #f5c564;outline-offset:3px}
.instrument .plate .chant-record-btn .chant-record-label,.instrument .plate .chant-record-btn .record-symbol{color:#49301d;opacity:1;letter-spacing:normal;font:inherit}
.chant-record-btn .record-symbol{font-size:19px!important;line-height:1}
.chant-record-btn.no-track,.chant-record-btn:disabled{
 opacity:.43;filter:grayscale(.55);cursor:not-allowed;box-shadow:inset 0 1px 2px #e7cda7;
 background:linear-gradient(180deg,#e1d6c3,#c6b59d);border-color:#af9d85;
}
.chant-record-btn:disabled:hover{background:linear-gradient(180deg,#e1d6c3,#c6b59d);box-shadow:inset 0 1px 2px #e7cda7}
.chant-record-btn:not(:disabled){filter:brightness(1.09)}
@media(max-width:720px){
  .instrument .plate.chant-record-plate{grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto;row-gap:3px;column-gap:5px;min-height:64px}
  .instrument .chant-plate-space{grid-column:1;grid-row:1}
  .instrument .chant-record-btn{grid-column:2;grid-row:1;min-height:36px;padding:6px 14px;font-size:16px}
  .instrument .plate.chant-record-plate #keyCount{grid-column:1 / -1;grid-row:2;justify-self:end;font-size:11px;letter-spacing:0}
}
.chant-audio-overlay[hidden]{display:none!important}
.chant-audio-overlay{
  position:fixed;inset:0;z-index:180;display:flex;align-items:center;justify-content:center;
  padding:18px;background:rgba(28,19,12,.69);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)
}
body.chant-audio-open{overflow:hidden}
.chant-audio-window{
  position:relative;box-sizing:border-box;width:min(530px,100%);max-height:min(90dvh,850px);overflow-y:auto;
  padding:29px 27px 24px;border:1px solid #dfc79a;border-radius:20px;
  background:linear-gradient(163deg,#fffaf1,#f6ecd9 79%,#f1e2c4);color:#392c23;
  box-shadow:0 20px 76px #160e08a6, inset 0 1px #fff;
  font-family:'EB Garamond',Georgia,serif;text-align:center
}
.chant-audio-close{position:absolute;top:10px;right:10px;width:38px;height:38px;border:1px solid #d9c7a9;border-radius:50%;background:#fff8ec;color:#503721;font:24px/1 system-ui;cursor:pointer}
.chant-audio-kicker{font:600 11px/1.4 system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#956f35;margin:0 30px 10px}
.chant-audio-title{font:600 clamp(25px,4vw,32px)/1.12 'Cormorant Garamond',Georgia,serif;margin:0 18px 9px;color:#422e1e}
.chant-audio-flourish{font-size:19px;color:#bd9858;margin-bottom:15px}
.chant-audio-trackrow{display:flex;align-items:center;justify-content:center;gap:9px;margin:0 0 17px;flex-wrap:wrap}
.chant-audio-trackrow[hidden]{display:none}
.chant-audio-window label{font-size:16px;color:#6c5234}
.chant-audio-window select{border:1px solid #c7ac7e;background:#fffaf1;color:#423020;border-radius:9px;font:500 16px 'EB Garamond',Georgia,serif;padding:8px 11px;max-width:100%;cursor:pointer}
.chant-audio-controlrow{display:flex;justify-content:center;align-items:center;gap:13px;margin:7px 0 14px}
.chant-audio-circle{display:grid;place-items:center;width:42px;height:42px;background:#fff8e8;border:1px solid #cbb183;border-radius:50%;color:#573d25;cursor:pointer;font-size:20px}
.chant-audio-circle.main{width:65px;height:65px;background:#5d3e24;border-color:#5d3e24;color:#ffeac5;box-shadow:0 4px 13px #4a2d1944;font-size:26px}
.chant-audio-circle:hover{filter:brightness(1.07)}
.chant-audio-timeline{display:flex;align-items:center;gap:9px;margin:10px 0 15px}
.chant-audio-time{min-width:40px;font:500 12px system-ui,sans-serif;color:#6b5843;font-variant-numeric:tabular-nums}
.chant-audio-timeline input[type=range]{flex:1;min-width:0}
.chant-audio-window input[type=range]{appearance:none;-webkit-appearance:none;height:7px;border-radius:999px;background:linear-gradient(to right,#886238 var(--range-progress,0%),#ddceb7 var(--range-progress,0%));cursor:pointer}
.chant-audio-window input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:17px;height:17px;border-radius:50%;border:2px solid #fff8e8;background:#7e572e;box-shadow:0 1px 4px #553b2c66}
.chant-audio-window input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;border:2px solid #fff8e8;background:#7e572e}
.chant-audio-settings{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 19px;margin-top:13px;padding-top:15px;border-top:1px solid #e5d6bc}
.chant-audio-volume{display:flex;align-items:center;gap:8px}
.chant-audio-volume input{width:105px}
.chant-audio-smallbtn{padding:7px 10px;border-radius:8px;border:1px solid #d7c4a3;background:#fff9ed;color:#533e26;cursor:pointer;font:600 15px 'EB Garamond',Georgia,serif}
.chant-audio-smallbtn[aria-pressed=true]{background:#e9d4a8;border-color:#a78950}
.chant-audio-select-wrap{display:flex;align-items:center;gap:7px}
.chant-audio-status{min-height:22px;margin:12px 0 5px;color:#806e57;font-size:14px;line-height:1.35}
.chant-audio-status.error{color:#a3342a}
.chant-audio-unavailable{font-size:17px;color:#6c5842;line-height:1.4;padding:15px 3px 17px}
.chant-audio-player[hidden],.chant-audio-unavailable[hidden]{display:none!important}
@media(max-width:480px){.chant-audio-overlay{padding:12px}.chant-audio-window{padding:26px 14px 18px}.chant-audio-title{margin-inline:14px}.chant-audio-controlrow{gap:9px}.chant-audio-settings{gap:10px 13px}.chant-audio-timeline{gap:5px}.chant-audio-time{min-width:34px;font-size:11px}}

/* Selector legible para versiones con nombres largos, móvil y escritorio. */
#chantAudioVersionRow{gap:10px 12px;}
#chantAudioVersionLabel{font:600 clamp(19px,2.1vw,23px)/1.25 'EB Garamond',Georgia,serif;}
#chantAudioVersion{min-height:48px;min-width:min(260px,100%);max-width:100%;font:600 clamp(19px,2.2vw,23px)/1.22 'EB Garamond',Georgia,serif;padding:9px 32px 9px 13px;text-overflow:ellipsis;}
.chant-audio-status{display:flex;gap:8px;justify-content:center;align-items:center;}
.chant-audio-spinner{display:none;flex:0 0 18px;width:18px;height:18px;border:2.5px solid #c9b797;border-top-color:#775024;border-radius:50%;animation:chant-spin .72s linear infinite;}
.chant-audio-status.is-loading .chant-audio-spinner{display:inline-block}
@keyframes chant-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.chant-audio-spinner{animation-duration:2s}}
@media(max-width:520px){
 #chantAudioVersionRow{flex-direction:column;align-items:stretch;margin-inline:0}
 #chantAudioVersion{width:100%;min-width:0;font-size:20px}
 #chantAudioVersionLabel{font-size:20px}
}