/* Dimension Latina Favorites: the approved midnight-blue and gold player. */
.los-exitos-main { padding: 48px 0 64px; background: #080d21; }
.los-exitos-heading { margin: 0 auto 28px; text-align: center; }
.los-exitos-heading h1 { margin: 0; color: #fff0ca; font-size: clamp(1.65rem, 3.6vw, 2.6rem); line-height: 1.2; letter-spacing: -0.03em; }
.dlf-player { max-width: 720px; margin: 0 auto; padding: 32px 24px 30px; border: 2px solid #e7b35a; border-radius: 24px; background: radial-gradient(ellipse at 50% 15%, #293f75, #131c41 52%, #090e22); color: #fff1d0; text-align: center; box-shadow: 0 18px 46px #0005; }
.dlf-player h2 { margin: 0; color: #ffdc88; font: bold clamp(1.9rem, 4vw, 2.9rem)/1.1 Georgia, serif; text-shadow: 0 3px 12px #0008; }
.dlf-slogan { max-width: 540px; margin: 14px auto 24px; color: #fff1d0; font-size: clamp(1rem, 2vw, 1.16rem); line-height: 1.5; }
.dlf-console { max-width: 430px; margin: 0 auto; padding: 24px 18px 22px; border: 1px solid #e5b868; border-radius: 26px; background: linear-gradient(145deg, #171e3b, #080f23); box-shadow: inset 0 0 28px #f8b84d10, 0 12px 32px #0005; }
.dlf-live { display: inline-flex; align-items: center; gap: 9px; margin: 0; color: #ffdc91; font-size: .75rem; font-weight: 800; letter-spacing: .2em; }
.dlf-live::before { width: 8px; height: 8px; border-radius: 50%; background: #fa4054; content: ''; }
.dlf-disc { display: grid; place-items: center; width: 146px; height: 146px; margin: 22px auto; border: 2px solid #efb852; border-radius: 50%; background: repeating-radial-gradient(circle, #0b0d19 0 4px, #28283d 5px 8px, #101328 9px 12px); box-shadow: 0 0 0 5px #0005, 0 0 28px #ffb03e38; }
.dlf-disc span { display: grid; place-items: center; width: 66px; height: 66px; border-radius: 50%; color: #fff0c4; background: radial-gradient(circle, #f7bb53 0 4px, #a91b3b 5px 100%); font: bold .72rem Georgia, serif; letter-spacing: .07em; }
.dlf-controls { display: flex; align-items: center; justify-content: center; gap: 28px; }
.dlf-play { display: grid; place-items: center; width: 92px; height: 92px; padding: 0; border: 3px solid #ffdbb3; border-radius: 50%; color: #fff; background: radial-gradient(circle at 35% 24%, #ff7775, #d81d3c 48%, #76031c); box-shadow: 0 0 0 6px #e2244038, 0 0 24px #ff3e4e55; cursor: pointer; }
.dlf-play span { font-size: 36px; line-height: 1; }
.dlf-mute { display: grid; place-items: center; width: 45px; height: 45px; padding: 0; border: 1px solid #cba769; border-radius: 50%; color: #ffde99; background: #202840; font-size: 22px; cursor: pointer; }
.dlf-music { width: 45px; color: #ffcd71; font-size: 32px; }
.dlf-todo { margin: 22px 0 12px; color: #ffdc8b; font: italic clamp(2rem, 5vw, 2.8rem)/1.1 'Brush Script MT', 'Segoe Script', Georgia, cursive; }
.dlf-status { min-height: 44px; margin: 0; color: #f1dfbe; font-size: .87rem; line-height: 1.5; }
.dlf-volume { display: flex; align-items: center; justify-content: center; gap: 12px; max-width: 270px; margin: 16px auto 0; color: #eed6a9; font-size: .78rem; }
.dlf-volume input { width: min(100%, 172px); height: 28px; margin: 0; accent-color: #e7b35a; cursor: pointer; }
.dlf-player audio { display: none; }
.dlf-foot { margin: 23px auto 0; color: #e7d6b5; font-size: .9rem; line-height: 1.6; }
.dlf-player button:focus-visible, .dlf-player input:focus-visible { outline: 3px solid #ffe3a0; outline-offset: 5px; }
.los-exitos-contact { margin-top: 64px; }
@media (max-width: 600px) {
  .los-exitos-main { padding: 32px 0 40px; }
  .dlf-player { padding: 26px 14px 24px; border-radius: 19px; }
  .dlf-console { padding: 23px 13px 20px; }
  .dlf-disc { width: 126px; height: 126px; }
  .dlf-controls { gap: 22px; }
  .dlf-play { width: 80px; height: 80px; }
  .dlf-mute, .dlf-music { width: 42px; }
  .dlf-status { font-size: .82rem; }
  .los-exitos-contact { margin-top: 40px; }
}