/* Recorrido de proyectos: escala térmica, sin flechas ni precargas de la lista. */
.audiovisual-page .av-reel { --reel-position:0%; margin-top:14px; margin-right:76px; padding-top:13px; border-top:1px solid rgba(255,246,224,.16); color:var(--cream); font-family:var(--font-body); }
.audiovisual-page .av-hero__film figcaption { padding-right:76px; }
.audiovisual-page .av-reel__head { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.audiovisual-page .av-reel label { display:block; margin:0; color:rgba(255,246,224,.75); font-size:9px; font-weight:500; line-height:1.5; letter-spacing:.14em; text-transform:uppercase; }
.audiovisual-page .av-reel__count { flex:none; font-size:10px; font-weight:500; line-height:1.5; letter-spacing:.08em; font-variant-numeric:tabular-nums; }
.audiovisual-page .av-reel [data-av-reel-total] { color:rgba(255,246,224,.45); }
.audiovisual-page .av-reel input[type="range"] { display:block; width:100%; min-width:0; height:44px; margin:4px 0 0; padding:0; appearance:none; -webkit-appearance:none; border:0; border-radius:3px; background:transparent; cursor:grab; accent-color:var(--pink); touch-action:pan-y; }
.audiovisual-page .av-reel input[type="range"]:active { cursor:grabbing; }
.audiovisual-page .av-reel input[type="range"]:focus-visible { outline:2px solid var(--cream); outline-offset:3px; }
.audiovisual-page .av-reel input[type="range"]::-webkit-slider-runnable-track { height:8px; border:1px solid rgba(255,246,224,.18); border-radius:20px; background:linear-gradient(90deg,var(--blue),var(--violet) 28%,var(--pink) 53%,var(--orange) 76%,var(--amber)); box-shadow:0 0 14px rgba(106,0,255,.14); }
.audiovisual-page .av-reel input[type="range"]::-webkit-slider-thumb { width:26px; height:26px; margin-top:-10px; box-sizing:border-box; appearance:none; -webkit-appearance:none; border:3px solid var(--cream); border-radius:50%; background:radial-gradient(circle at 35% 32%,var(--amber),var(--orange) 30%,var(--pink) 54%,var(--violet) 85%); box-shadow:0 0 0 4px rgba(7,7,8,.8),0 0 18px rgba(255,46,138,.5); transition:box-shadow .2s,transform .2s; }
.audiovisual-page .av-reel input[type="range"]::-moz-range-track { height:6px; border:1px solid rgba(255,246,224,.18); border-radius:20px; background:linear-gradient(90deg,var(--blue),var(--violet) 28%,var(--pink) 53%,var(--orange) 76%,var(--amber)); box-shadow:0 0 14px rgba(106,0,255,.14); }
.audiovisual-page .av-reel input[type="range"]::-moz-range-thumb { width:20px; height:20px; border:3px solid var(--cream); border-radius:50%; background:radial-gradient(circle at 35% 32%,var(--amber),var(--orange) 30%,var(--pink) 54%,var(--violet) 85%); box-shadow:0 0 0 4px rgba(7,7,8,.8),0 0 18px rgba(255,46,138,.5); transition:box-shadow .2s,transform .2s; }
.audiovisual-page .av-reel input[type="range"]:active::-webkit-slider-thumb { transform:scale(1.08); box-shadow:0 0 0 4px rgba(7,7,8,.8),0 0 25px rgba(255,90,0,.7); }
.audiovisual-page .av-reel input[type="range"]:active::-moz-range-thumb { transform:scale(1.08); box-shadow:0 0 0 4px rgba(7,7,8,.8),0 0 25px rgba(255,90,0,.7); }
.audiovisual-page .av-reel input[type="range"]:disabled { opacity:.4; cursor:default; }
.audiovisual-page .av-reel__ticks { display:flex; justify-content:space-between; align-items:flex-start; height:10px; margin:-4px 13px 0; pointer-events:none; }
.audiovisual-page .av-reel__ticks i { display:block; width:1px; height:5px; background:rgba(255,246,224,.25); }
.audiovisual-page .av-reel__ticks i:nth-child(5n+1) { height:9px; background:rgba(255,246,224,.5); }
.audiovisual-page .av-reel__error { margin:9px 0 0; color:var(--cream); font-size:11px; line-height:1.5; }
.audiovisual-page .av-reel__error[hidden] { display:none; }
@media (min-width:1051px) and (max-height:800px) {
  .audiovisual-page .av-reel { margin-top:9px; padding-top:9px; }
  .audiovisual-page .av-reel input[type="range"] { height:36px; margin-top:2px; }
  .audiovisual-page .av-reel__ticks { height:8px; margin-top:-3px; }
}
@media (max-width:520px) {
  .audiovisual-page .av-reel { margin-top:14px; padding-top:13px; }
  .audiovisual-page .av-reel label { font-size:8px; letter-spacing:.1em; }
  .audiovisual-page .av-reel__head { gap:10px; }
}
@media (prefers-reduced-motion:reduce) {
  .audiovisual-page .av-reel input[type="range"]::-webkit-slider-thumb { transition:none; }
  .audiovisual-page .av-reel input[type="range"]::-moz-range-thumb { transition:none; }
}