/* Ciudad Capital: reproductor compacto y accesible bajo la imagen destacada. */
.cc-audio-reader{display:flex;align-items:center;gap:12px;margin:10px 0 18px;padding:8px 12px;border:1px solid #d8d8d8;border-left:4px solid var(--cc-yellow, #F7BE1A);border-radius:5px;background:#fafafa;color:#222;font-family:inherit;max-width:100%;box-sizing:border-box}
.cc-audio-reader-label{flex:0 0 auto;white-space:nowrap;font-weight:500;font-size:13px}
.cc-audio-reader-controls{display:flex;flex:1 1 auto;align-items:center;justify-content:flex-start;gap:8px;min-width:0;white-space:nowrap}
.cc-audio-reader-button,.cc-audio-reader-speed{font:inherit;font-size:12px;line-height:1.25;height:34px;min-height:34px;padding:5px 9px;border:1px solid #777;border-radius:4px;background:#fff;color:#222;cursor:pointer;flex:0 0 auto}
.cc-audio-reader-button.cc-audio-primary{background:var(--cc-yellow, #F7BE1A);color:#161616;border-color:#AE8200}
.cc-audio-reader-button:disabled{opacity:.5;cursor:not-allowed}
.cc-audio-reader-speed-label,.cc-audio-reader-locale{font-size:12px;flex:0 0 auto}
.cc-audio-reader-locale{color:#555;margin-left:auto}
.cc-audio-reader-button:focus-visible,.cc-audio-reader-speed:focus-visible{outline:3px solid #343A46;outline-offset:3px}
.cc-audio-reader-status.screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
html.cc-dark-mode .cc-audio-reader{background:#222;color:#fff;border-color:#777;border-left-color:var(--cc-yellow, #F7BE1A)}
html.cc-dark-mode .cc-audio-reader-locale{color:#ddd}
@media(max-width:740px){.cc-audio-reader{gap:8px;padding:7px 9px}.cc-audio-reader-label{font-size:12px}.cc-audio-reader-controls{gap:5px}.cc-audio-reader-button,.cc-audio-reader-speed{font-size:11px;padding:5px 7px}.cc-audio-reader-speed-label{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}.cc-audio-reader-locale{display:none}}
@media(max-width:420px){.cc-audio-reader{gap:5px;padding:6px}.cc-audio-reader-label{font-size:11px}.cc-audio-reader-button,.cc-audio-reader-speed{font-size:10px;padding:5px}.cc-audio-reader-controls{gap:4px}}
@media(max-width:350px){.cc-audio-reader{overflow-x:auto}.cc-audio-reader-controls{flex:0 0 auto}}

/* Mostrar los errores también a quienes no usan lectores de pantalla. */
.cc-audio-reader:has(.cc-audio-visible){flex-wrap:wrap}
.cc-audio-reader-status.cc-audio-visible{position:static!important;width:100%!important;height:auto!important;margin:0!important;padding:6px 8px!important;overflow:visible!important;clip:auto!important;white-space:normal!important;border:1px solid #aa6b00!important;border-radius:4px;background:#fff7e6;color:#533300;font-size:12px;line-height:1.5}
html.cc-dark-mode .cc-audio-reader-status.cc-audio-visible{background:#382b16;color:#fff2d6;border-color:#ebbb68}

/* Barra editorial de progreso estimado, sin etiqueta de idioma visible. */
.cc-audio-progress{height:5px;border-radius:999px;background:#dedede;flex:1 1 110px;min-width:28px;overflow:hidden;position:relative}
.cc-audio-progress-fill{display:block;height:100%;width:0;background:var(--cc-yellow, #F7BE1A);border-radius:inherit;transition:width .35s linear}
.cc-audio-time{font-size:12px;line-height:1;flex:0 0 auto;color:#555;font-variant-numeric:tabular-nums;min-width:36px;text-align:right}
html.cc-dark-mode .cc-audio-progress{background:#555}
html.cc-dark-mode .cc-audio-progress-fill{background:var(--cc-yellow, #F7BE1A)}
html.cc-dark-mode .cc-audio-time{color:#eee}
@media(max-width:740px){.cc-audio-reader{gap:6px}.cc-audio-reader-controls{gap:5px}.cc-audio-progress{flex-basis:35px}.cc-audio-time{font-size:11px}}
@media(max-width:420px){.cc-audio-reader-label{font-size:10px}.cc-audio-time{font-size:10px;min-width:30px}.cc-audio-progress{min-width:14px}.cc-audio-reader-controls{min-width:0}}
@media(prefers-reduced-motion:reduce){.cc-audio-progress-fill{transition:none}}

/* Deslizador interactivo accesible, con progreso aproximado y foco visible. */
.cc-audio-progress{appearance:none;-webkit-appearance:none;height:18px;padding:0;margin:0;border:0;border-radius:0;overflow:visible;cursor:pointer;background:transparent;accent-color:var(--cc-yellow, #F7BE1A);touch-action:pan-y;flex:1 1 110px;min-width:32px}
.cc-audio-progress::-webkit-slider-runnable-track{height:5px;border-radius:99px;background:linear-gradient(to right,var(--cc-yellow, #F7BE1A) 0%,var(--cc-yellow, #F7BE1A) var(--cc-progress,0%),#dedede var(--cc-progress,0%),#dedede 100%)}
.cc-audio-progress::-moz-range-track{height:5px;border-radius:99px;background:#dedede}
.cc-audio-progress::-moz-range-progress{height:5px;border-radius:99px;background:var(--cc-yellow, #F7BE1A)}
.cc-audio-progress::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;margin-top:-5px;background:var(--cc-yellow, #F7BE1A);border:2px solid #fff;box-shadow:0 0 0 1px #705300;border-radius:50%;cursor:grab}
.cc-audio-progress::-moz-range-thumb{width:12px;height:12px;background:var(--cc-yellow, #F7BE1A);border:2px solid #fff;box-shadow:0 0 0 1px #705300;border-radius:50%;cursor:grab}
.cc-audio-progress:focus-visible{outline:3px solid #343A46;outline-offset:3px;border-radius:5px}
html.cc-dark-mode .cc-audio-progress{background:transparent}
html.cc-dark-mode .cc-audio-progress::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--cc-yellow, #F7BE1A) 0%,var(--cc-yellow, #F7BE1A) var(--cc-progress,0%),#555 var(--cc-progress,0%),#555 100%)}
html.cc-dark-mode .cc-audio-progress::-moz-range-progress{background:var(--cc-yellow, #F7BE1A)}
html.cc-dark-mode .cc-audio-progress::-moz-range-track{background:#555}
html.cc-dark-mode .cc-audio-progress::-webkit-slider-thumb{background:var(--cc-yellow, #F7BE1A)}
html.cc-dark-mode .cc-audio-progress::-moz-range-thumb{background:var(--cc-yellow, #F7BE1A)}

/* v2.293: barra compacta accesible para celulares, sin alterar el escritorio. */
.cc-audio-reader-label{display:inline-flex;align-items:center;gap:6px}
.cc-audio-headphones{display:none;flex:none}
.cc-audio-icon{display:inline-block;vertical-align:middle;flex:none}
.cc-audio-pause-icon{display:none}
.cc-audio-is-playing .cc-audio-play-icon{display:none}
.cc-audio-is-playing .cc-audio-pause-icon{display:inline-block}
@media(max-width:740px){
  .cc-audio-reader{display:flex;flex-wrap:nowrap;align-items:center;gap:7px;padding:7px 8px;overflow:visible}
  .cc-audio-reader-label{flex:0 0 20px;min-width:20px}
  .cc-audio-headphones{display:block}
  .cc-audio-reader-title,.cc-audio-reader-button [data-audio-play-label],.cc-audio-stop-label,.cc-audio-time{display:none!important}
  .cc-audio-reader-controls{flex:1 1 auto;display:flex;align-items:center;gap:6px;min-width:0;overflow:visible}
  .cc-audio-reader-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;min-height:36px;padding:0;white-space:nowrap}
  .cc-audio-reader-speed{flex:0 0 auto;width:52px;height:36px;min-height:36px;padding:4px 3px;font-size:12px}
  .cc-audio-progress{flex:1 1 80px;min-width:42px;width:auto;height:32px}
  .cc-audio-reader:has(.cc-audio-visible){flex-wrap:wrap}
  .cc-audio-reader-status.cc-audio-visible{flex-basis:100%}
}
@media(max-width:360px){
  .cc-audio-reader{gap:5px;padding:6px}
  .cc-audio-reader-controls{gap:4px;flex:1 1 auto;min-width:0}
  .cc-audio-reader-button{flex-basis:32px;width:32px;height:34px;min-height:34px}
  .cc-audio-reader-speed{width:45px;font-size:11px}
  .cc-audio-progress{min-width:35px;flex:1 1 45px}
}

/* v2.294: identidad institucional Ciudad Capital, foco visible y barra interactiva. */
.cc-audio-reader{border-left-color:var(--cc-yellow,#F7BE1A)}
.cc-audio-reader-button.cc-audio-primary{background:var(--cc-yellow,#F7BE1A);border-color:#AE8200;color:#111720}
.cc-audio-progress{accent-color:var(--cc-yellow,#F7BE1A)}
.cc-audio-progress:focus-visible{outline:3px solid #343A46;outline-offset:3px}
html.cc-dark-mode .cc-audio-progress:focus-visible{outline-color:var(--cc-yellow,#F7BE1A)}