:root {
  --at-bg: #070810;
  --at-bg-soft: #0c0f1b;
  --at-surface: rgba(18, 21, 35, .82);
  --at-surface-solid: #121523;
  --at-surface-2: #181c2d;
  --at-border: rgba(255, 255, 255, .09);
  --at-border-strong: rgba(140, 255, 120, .24);
  --at-text: #f6f7fb;
  --at-muted: #9aa2b6;
  --at-lime: #9dff57;
  --at-cyan: #52e5ff;
  --at-violet: #9c75ff;
  --at-danger: #ff5d78;
  --at-radius: 22px;
  --at-radius-sm: 14px;
  --at-shadow: 0 24px 70px rgba(0, 0, 0, .38);
}

html { color-scheme: dark; }

html, body {
  min-height: 100%;
  background:
    radial-gradient(circle at 12% -10%, rgba(156,117,255,.15), transparent 30rem),
    radial-gradient(circle at 90% 8%, rgba(82,229,255,.10), transparent 27rem),
    linear-gradient(180deg, #090b14 0%, var(--at-bg) 52%, #080a12 100%) !important;
  color: var(--at-text) !important;
  font-family: "Manrope", sans-serif !important;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .22;
  background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(to bottom, black, transparent 75%);
}

* { box-sizing: border-box; }
.sr-only { 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; }
::selection { background: var(--at-lime); color: #081008; }
a { color: var(--at-cyan); }

h1, h2, h3, h4, .stats-title, .destacados-titulo {
  font-family: "Space Grotesk", "Manrope", sans-serif !important;
  color: var(--at-text) !important;
  letter-spacing: -.035em;
}

header:not(.page-header-dd) {
  background: rgba(7, 8, 16, .78) !important;
  border-bottom: 1px solid var(--at-border) !important;
  box-shadow: 0 10px 35px rgba(0,0,0,.22) !important;
  backdrop-filter: blur(22px) saturate(130%) !important;
}

.header-container { max-width: 1440px !important; padding: 12px 28px !important; gap: 24px; }
.site-logo { width: 190px; height: 60px !important; object-fit: contain; object-position: left center; filter: drop-shadow(0 8px 22px rgba(157,255,87,.10)) !important; }
.header-right { gap: 12px !important; }

.music-player-pc, .music-player-mobile {
  min-width: 280px !important;
  color: var(--at-text) !important;
  background: rgba(255,255,255,.045) !important;
  border: 1px solid var(--at-border) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}
.music-now, .music-source { color: var(--at-muted) !important; }
.music-now a, .music-source span { color: var(--at-text) !important; }
.live-badge { background: rgba(255,93,120,.12) !important; color: #ff8da1 !important; border: 1px solid rgba(255,93,120,.28); box-shadow: none !important; }
.live-badge .dot { background: var(--at-danger) !important; box-shadow: 0 0 14px var(--at-danger) !important; }
.custom-player button { background: var(--at-lime) !important; color: #071007 !important; box-shadow: 0 9px 25px rgba(157,255,87,.18) !important; }
.custom-player { display: flex; gap: 8px; margin-top: 7px; }
.custom-player button { border: 1px solid rgba(213,255,180,.65) !important; }
.custom-player button i { font-size: 14px; }

.top-search-form { margin: 0 !important; padding: 0 !important; position: relative; }
.top-search-form input, .search-input {
  min-width: 260px;
  height: 46px;
  color: var(--at-text) !important;
  background: rgba(255,255,255,.055) !important;
  border: 1px solid var(--at-border) !important;
  border-radius: 14px !important;
  padding: 0 48px 0 16px !important;
  box-shadow: none !important;
}
.top-search-form input:focus { border-color: rgba(157,255,87,.55) !important; box-shadow: 0 0 0 4px rgba(157,255,87,.09) !important; outline: none; }
.top-search-form button { position: absolute; right: 5px; top: 5px; width: 36px !important; height: 36px; padding: 0 !important; border-radius: 10px !important; background: var(--at-lime) !important; color: #071007 !important; }
.suggestions-box { background: #121523 !important; color: var(--at-text) !important; border: 1px solid var(--at-border) !important; box-shadow: var(--at-shadow) !important; }
.suggestion-item { color: var(--at-text) !important; border-color: var(--at-border) !important; }
.suggestion-item:hover { background: rgba(157,255,87,.08) !important; color: var(--at-lime) !important; }

.language-selector select, select {
  color: var(--at-text) !important;
  background-color: var(--at-surface-2) !important;
  border: 1px solid var(--at-border) !important;
  border-radius: 12px !important;
}
.hamburger { width: 46px; height: 46px; display: grid !important; place-items: center; border-radius: 14px; color: #071007 !important; background: var(--at-lime) !important; box-shadow: 0 10px 26px rgba(157,255,87,.16); }
.hamburger:hover { transform: translateY(-2px); }

.sidebar-menu {
  right: 0 !important;
  width: min(390px, 92vw) !important;
  background: rgba(10,12,21,.98) !important;
  border-left: 1px solid var(--at-border) !important;
  box-shadow: -30px 0 80px rgba(0,0,0,.55) !important;
  transform: translateX(calc(100% + 60px));
  visibility: hidden;
  pointer-events: none;
  transition: transform .32s cubic-bezier(.22,.8,.24,1), visibility 0s linear .32s !important;
  will-change: transform;
}
.sidebar-menu.open {
  right: 0 !important;
  transform: translateX(0);
  visibility: visible;
  pointer-events: auto;
  transition: transform .32s cubic-bezier(.22,.8,.24,1), visibility 0s !important;
}
.sidebar-overlay {
  position: fixed;
  inset: 0;
  z-index: 1190;
  background: rgba(0,0,0,.58);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  backdrop-filter: blur(3px);
  transition: opacity .28s ease, visibility 0s linear .28s;
}
.sidebar-overlay.open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity .28s ease, visibility 0s;
}
body.sidebar-open { overflow: hidden !important; }

/* Unified premium controls */
html {
  scrollbar-width: thin;
  scrollbar-color: rgba(157,255,87,.72) #0b0d16;
}
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #0b0d16 !important; border-radius: 999px; }
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, var(--at-lime), #59dca9 52%, var(--at-violet)) !important;
  border: 2px solid #0b0d16 !important;
  border-radius: 999px !important;
}
::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, #bdff8d, var(--at-cyan), #b297ff) !important; }
.videos-grid, .scroll-container, .playlist-scroll, .sidebar-menu, .suggestions-box {
  scrollbar-width: thin !important;
  scrollbar-color: rgba(157,255,87,.65) transparent !important;
}
.videos-grid::-webkit-scrollbar-track, .scroll-container::-webkit-scrollbar-track, .playlist-scroll::-webkit-scrollbar-track { background: rgba(255,255,255,.025) !important; }
.videos-grid::-webkit-scrollbar-thumb, .scroll-container::-webkit-scrollbar-thumb, .playlist-scroll::-webkit-scrollbar-thumb { background: linear-gradient(90deg, var(--at-lime), var(--at-cyan)) !important; border: 2px solid #111522 !important; }

button, input[type="submit"], [class*="btn-"] {
  min-height: 42px;
  font-family: "Manrope", sans-serif !important;
  font-size: .88rem;
  letter-spacing: .01em;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  transition: transform .2s ease, border-color .2s ease, color .2s ease, background .2s ease, box-shadow .2s ease !important;
}
button::after, input[type="submit"]::after, [class*="btn-"]::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 42%;
  height: 220%;
  top: -65%;
  left: -65%;
  transform: rotate(22deg);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.28), transparent);
  transition: left .5s ease;
  pointer-events: none;
}
button:hover::after, input[type="submit"]:hover::after, [class*="btn-"]:hover::after { left: 125%; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 2px solid var(--at-lime) !important; outline-offset: 3px; }
button:disabled, input:disabled { opacity: .45; cursor: not-allowed !important; filter: saturate(.4); transform: none !important; }

.mp3-btn, .principal-btn, .mp3-btn-guest, .btn-ver, .btn-crear-playlist,
input[type="submit"], .addchannel-form input[type="submit"], .directdown-form input[type="submit"] {
  padding: 11px 18px !important;
  background: linear-gradient(135deg, #c3ff91 0%, var(--at-lime) 42%, #5de3b0 100%) !important;
  color: #071008 !important;
  border: 1px solid rgba(213,255,180,.7) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 0 12px 30px rgba(125,255,76,.17) !important;
}
.mp3-btn::before, .principal-btn::before { content: "\f019"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 9px; }
.mp3-btn.download-ready::before { content: "\f058"; }

.btn-compartir, .btn-favorito, .btn-playlist, .control-btn, .btn_copiarEnlace,
.btn-toggle-visibility, .btn-rename-playlist, .social-share-btn {
  min-width: 42px;
  padding: 10px 14px !important;
  color: #eef1f8 !important;
  background: linear-gradient(145deg, rgba(42,48,70,.95), rgba(20,24,39,.98)) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 13px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 10px 24px rgba(0,0,0,.22) !important;
}
.btn-compartir:hover, .btn-favorito:hover, .btn-playlist:hover, .control-btn:hover,
.btn_copiarEnlace:hover, .btn-toggle-visibility:hover, .btn-rename-playlist:hover, .social-share-btn:hover {
  color: var(--at-lime) !important;
  border-color: rgba(157,255,87,.38) !important;
  background: linear-gradient(145deg, rgba(50,58,80,.98), rgba(24,29,45,.98)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 13px 30px rgba(0,0,0,.3), 0 0 0 3px rgba(157,255,87,.055) !important;
  transform: translateY(-2px) !important;
}
.btn-favorito.favorito-activo { color: #ff86a0 !important; border-color: rgba(255,93,120,.32) !important; background: linear-gradient(145deg, rgba(81,30,47,.78), rgba(28,20,33,.96)) !important; }
.btn-playlist i, .btn_copiarEnlace i, .btn-toggle-visibility i, .btn-rename-playlist i { margin-right: 7px; }

.voting-buttons { gap: 8px !important; }
.vote-btn { min-width: 64px; padding: 9px 13px !important; border-radius: 12px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 9px 20px rgba(0,0,0,.2) !important; }
.btn-like { color: var(--at-cyan) !important; background: linear-gradient(145deg, rgba(30,67,82,.65), rgba(19,28,40,.95)) !important; border: 1px solid rgba(82,229,255,.25) !important; }
.btn-dislike { color: #ff8ca0 !important; background: linear-gradient(145deg, rgba(74,30,45,.65), rgba(31,22,32,.95)) !important; border: 1px solid rgba(255,93,120,.24) !important; }
.vote-btn.voted { color: #071007 !important; background: var(--at-lime) !important; border-color: var(--at-lime) !important; box-shadow: 0 0 0 4px rgba(157,255,87,.09), 0 12px 28px rgba(157,255,87,.16) !important; }
.voting-buttons .fa, .voting-buttons .fas { margin-right: 3px; }

.btn-remove, .btn-delete-video, .btn-delete-playlist, .delete-btn, .danger-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 40px;
  padding: 9px 14px !important;
  color: #ffa0b1 !important;
  background: linear-gradient(145deg, rgba(88,30,49,.72), rgba(38,20,31,.96)) !important;
  border: 1px solid rgba(255,93,120,.28) !important;
  border-radius: 12px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 10px 24px rgba(0,0,0,.2) !important;
}
.btn-remove:hover, .btn-delete-video:hover, .btn-delete-playlist:hover, .delete-btn:hover, .danger-btn:hover { color: #fff !important; border-color: rgba(255,93,120,.55) !important; transform: translateY(-2px); }

.social-share-btn { border-radius: 999px !important; }
.whatsapp-share { color: #8fffc1 !important; border-color: rgba(37,211,102,.25) !important; }
.telegram-share { color: #8bdcff !important; border-color: rgba(42,171,238,.25) !important; }
.twitter-share { color: #a7d9ff !important; border-color: rgba(29,161,242,.25) !important; }
.playlist-views { color: var(--at-muted) !important; font-size: .84rem; }
.playlist-views i { color: var(--at-cyan); margin-right: 5px; }
.premium-star { color: #f4d66b; filter: drop-shadow(0 0 7px rgba(244,214,107,.38)); font-size: .78em; margin-right: 5px; }
.premium-heading-icon { color: var(--at-lime); margin-right: 8px; filter: drop-shadow(0 0 10px rgba(157,255,87,.2)); }

/* Premium modals */
.modal, .verif-modal, .modal-playlist, .modal-aviso, .report-problem-modal {
  background: rgba(3,4,9,.78) !important;
  backdrop-filter: blur(14px) saturate(125%) !important;
}
.modal-content, .modal-content-playlist, .verif-modal-content, .modal-aviso-contenido, .report-problem-box {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 100% 0, rgba(156,117,255,.18), transparent 45%),
    radial-gradient(circle at 0 100%, rgba(82,229,255,.09), transparent 42%),
    linear-gradient(145deg, #191d2f, #10131f 70%) !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  border-radius: 24px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 35px 110px rgba(0,0,0,.62) !important;
  padding: 28px !important;
}
.modal-content::before, .modal-content-playlist::before, .verif-modal-content::before, .modal-aviso-contenido::before, .report-problem-box::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--at-lime), var(--at-cyan), transparent);
  opacity: .8;
}
.modal-content h2, .modal-content h3, .modal-content-playlist h2, .report-problem-box h3 { margin-top: 0 !important; font-size: clamp(1.35rem, 3vw, 1.8rem) !important; }
.modal-content p, .modal-content-playlist p, .verif-body, .report-problem-box p { color: var(--at-muted) !important; }
.close, .close-playlist, .verif-close, .report-problem-close {
  display: inline-grid !important;
  place-items: center;
  width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  color: var(--at-muted) !important;
  background: rgba(255,255,255,.055) !important;
  border: 1px solid var(--at-border) !important;
  border-radius: 12px !important;
  font-size: 0 !important;
  cursor: pointer;
}
.close::before, .close-playlist::before, .verif-close::before, .report-problem-close::before { content: "\f00d"; font-family: "Font Awesome 5 Free"; font-size: 15px; font-weight: 900; }
.close:hover, .close-playlist:hover, .verif-close:hover, .report-problem-close:hover { color: #fff !important; background: rgba(255,93,120,.16) !important; border-color: rgba(255,93,120,.34) !important; transform: rotate(4deg); }
.video-player iframe { display: block; border-radius: 18px; border: 1px solid var(--at-border); box-shadow: 0 20px 55px rgba(0,0,0,.38); }

/* Cards and metadata cleanup */
.canal p, .playlist-box p, .favorite-item p { color: var(--at-muted) !important; }
.canal-banner, .banner-fondo { border-radius: 18px !important; }
.cabecera-flotante { background: linear-gradient(90deg, rgba(8,10,17,.94), rgba(8,10,17,.70), transparent) !important; border-radius: 16px !important; }
.descargas-info { color: #7f899f !important; }
.notificacion-dinamica { background: #151a28 !important; color: var(--at-text) !important; border: 1px solid var(--at-border) !important; border-radius: 14px !important; box-shadow: var(--at-shadow) !important; }
.paginacion .pagina, .pagination a { color: var(--at-muted) !important; background: rgba(255,255,255,.045) !important; border: 1px solid var(--at-border) !important; border-radius: 11px !important; }
.paginacion .pagina:hover, .paginacion .pagina.activo, .pagination a:hover { color: #071007 !important; background: var(--at-lime) !important; border-color: var(--at-lime) !important; }
.sidebar-header { background: linear-gradient(135deg, rgba(157,255,87,.10), rgba(156,117,255,.12)) !important; border-bottom: 1px solid var(--at-border); }
.profile-pic { border: 2px solid var(--at-lime) !important; box-shadow: 0 0 0 7px rgba(157,255,87,.08); }
.sidebar-header p { color: var(--at-muted) !important; }
.close-btn { color: var(--at-muted) !important; }
.sidebar-nav { padding: 18px !important; gap: 6px; }
.sidebar-nav a { display: flex !important; align-items: center; gap: 13px; color: #dfe3ed !important; border-radius: 13px !important; padding: 13px 14px !important; font-weight: 700; }
.sidebar-nav a i { width: 20px; color: var(--at-muted); text-align: center; }
.sidebar-nav a:hover { background: rgba(157,255,87,.09) !important; color: var(--at-lime) !important; transform: translateX(3px); }
.sidebar-nav a:hover i { color: var(--at-lime); }
.new-badge { margin-left: auto !important; color: #071007 !important; background: var(--at-lime) !important; box-shadow: none !important; }

#particles-js { opacity: .22; }

.contenido, .contenido_playlists, .favorites-wrapper, .settings-wrapper, .stats-container, .directdown-container, .addchannel-container {
  position: relative;
  z-index: 1;
}
.contenido { max-width: 1480px !important; margin-inline: auto !important; padding: 34px 24px 70px !important; }

.filtro-section, .destacados-section, .canal, .playlist-box, .favorite-item, .stats-block, .login-box, .settings-wrapper, .directdown-container, .addchannel-container {
  background: linear-gradient(145deg, rgba(24,28,45,.92), rgba(14,17,29,.94)) !important;
  border: 1px solid var(--at-border) !important;
  border-radius: var(--at-radius) !important;
  box-shadow: var(--at-shadow) !important;
}

.filtro-section { padding: 18px !important; margin: 4px auto 28px !important; }
.filtro-canal, .filtro-musical { background: rgba(255,255,255,.035) !important; border: 1px solid var(--at-border) !important; border-radius: 16px !important; }
.filtro-canal a { color: var(--at-muted) !important; border: 1px solid transparent; border-radius: 999px !important; }
.filtro-canal a:hover, .filtro-canal a.activo { color: #071007 !important; background: var(--at-lime) !important; border-color: var(--at-lime) !important; }

.destacados-section { overflow: hidden; position: relative; padding: 26px !important; border-color: rgba(156,117,255,.26) !important; }
.destacados-section::after { content: ""; position: absolute; width: 270px; height: 270px; right: -110px; top: -130px; border-radius: 50%; background: rgba(156,117,255,.18); filter: blur(10px); pointer-events: none; }
.destacados-titulo { font-size: clamp(1.7rem, 3vw, 2.55rem) !important; }
.destacados-descripcion, .stats-date, .favorite-item p { color: var(--at-muted) !important; }

.canal { padding: 20px !important; transition: transform .25s ease, border-color .25s ease !important; }
.canal:hover { transform: translateY(-4px) !important; border-color: var(--at-border-strong) !important; }
.canal h2 { color: var(--at-text) !important; font-size: 1.28rem !important; }
.video { background: var(--at-surface-2) !important; border: 1px solid var(--at-border) !important; border-radius: 17px !important; box-shadow: 0 12px 28px rgba(0,0,0,.24) !important; overflow: hidden; }
.video:hover { transform: translateY(-5px) !important; border-color: rgba(82,229,255,.28) !important; }
.video img { border-radius: 14px !important; }
.video-info { color: var(--at-muted) !important; }
.video-info a, .enlace_video_canal { color: var(--at-text) !important; font-weight: 800; }
.video-info a:hover, .enlace_video_canal:hover { color: var(--at-lime) !important; }

.mp3-btn, .principal-btn, .btn-ver, .btn-crear-playlist, input[type="submit"], .addchannel-form input[type="submit"], .directdown-form input[type="submit"] {
  color: #071007 !important;
  background: var(--at-lime) !important;
  border: 0 !important;
  border-radius: 12px !important;
  font-weight: 800 !important;
  box-shadow: 0 9px 24px rgba(157,255,87,.14) !important;
}
.mp3-btn:hover, .principal-btn:hover, .btn-ver:hover, .btn-crear-playlist:hover, input[type="submit"]:hover { transform: translateY(-2px) !important; filter: brightness(1.05); }
.btn-compartir, .btn-playlist, .control-btn, .btn_copiarEnlace, .btn-toggle-visibility, .btn-rename-playlist { color: var(--at-text) !important; background: rgba(255,255,255,.07) !important; border: 1px solid var(--at-border) !important; border-radius: 12px !important; }
.btn-like { background: rgba(82,229,255,.10) !important; color: var(--at-cyan) !important; border-color: rgba(82,229,255,.18) !important; }
.btn-dislike, .btn-remove, .btn-delete-video, .btn-delete-playlist { background: rgba(255,93,120,.10) !important; color: #ff8da1 !important; border-color: rgba(255,93,120,.18) !important; }

input[type="text"], input[type="email"], input[type="password"], textarea, .settings-form input, .directdown-form input[type="text"] {
  color: var(--at-text) !important;
  background: rgba(255,255,255,.045) !important;
  border: 1px solid var(--at-border) !important;
  border-radius: 13px !important;
}
input:focus, textarea:focus, select:focus { outline: none !important; border-color: rgba(157,255,87,.55) !important; box-shadow: 0 0 0 4px rgba(157,255,87,.08) !important; }
input::placeholder, textarea::placeholder { color: #70798e !important; }
label { color: #cbd1dd !important; }

.login-box { max-width: 470px !important; padding: 38px !important; }
.login-box h2 { font-size: 2rem !important; }
.register-link, .remember-label { color: var(--at-muted) !important; }
.register-link a, .toggle-password { color: var(--at-lime) !important; }
.error { color: #ff8da1 !important; }
.success { color: var(--at-lime) !important; }

.favorites-wrapper, .settings-wrapper, .stats-container, .directdown-container, .addchannel-container, .contenido_playlists { max-width: 1180px !important; margin: 42px auto 70px !important; padding: 30px !important; }
.favorite-item { box-shadow: 0 12px 28px rgba(0,0,0,.2) !important; }
.favorite-item:hover { border-color: var(--at-border-strong) !important; }
.stats-table { border-collapse: separate !important; border-spacing: 0 8px !important; }
.stats-table th { color: var(--at-muted) !important; background: transparent !important; }
.stats-table td { color: #dfe3ed !important; background: rgba(255,255,255,.035) !important; border-color: var(--at-border) !important; }
.stats-table a { color: var(--at-cyan) !important; }

.playlist-box, .playlist-video, .pesni_player { color: var(--at-text) !important; }
.playlist-video { background: var(--at-surface-2) !important; border: 1px solid var(--at-border) !important; border-radius: 16px !important; }
.playlist-video a, .current-track-public { color: var(--at-text) !important; }
.playlist-scroll::-webkit-scrollbar-thumb { background: #40475a !important; border-radius: 20px; }
.modal-content, .modal-content-playlist, .verif-modal-content, .modal-aviso-contenido, .report-problem-box {
  color: var(--at-text) !important;
  background: #121523 !important;
  border: 1px solid var(--at-border) !important;
  border-radius: var(--at-radius) !important;
  box-shadow: var(--at-shadow) !important;
}
.modal, .verif-modal, .modal-playlist, .modal-aviso, .report-problem-modal { backdrop-filter: blur(10px); }

.report-problem-btn { background: var(--at-surface-solid) !important; border: 1px solid var(--at-border) !important; color: #ff8da1 !important; border-radius: 14px !important; box-shadow: 0 15px 35px rgba(0,0,0,.3) !important; }
#btn-subir { color: #071007 !important; background: var(--at-lime) !important; border-radius: 14px !important; box-shadow: 0 12px 30px rgba(157,255,87,.18) !important; }

footer { position: relative; color: var(--at-muted) !important; background: rgba(7,8,16,.88) !important; border-top: 1px solid var(--at-border) !important; box-shadow: none !important; }
footer a, .social-links a { color: var(--at-muted) !important; }
.social-links a { display: inline-grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: rgba(255,255,255,.04); border: 1px solid var(--at-border); }
.social-links a:hover { color: var(--at-lime) !important; border-color: rgba(157,255,87,.3); transform: translateY(-3px); }

@media (max-width: 1050px) {
  .music-player-pc { display: none !important; }
  .header-container { padding: 10px 18px !important; }
  .site-logo { width: 160px; }
}

@media (max-width: 760px) {
  .searchbar-pc { display: none !important; }
  .site-logo { width: 142px; height: 50px !important; }
  .header-right { gap: 8px !important; }
  .language-selector select { width: 52px; height: 42px; }
  .hamburger { width: 42px; height: 42px; }
  .contenido { padding: 22px 12px 50px !important; }
  .destacados-section, .canal, .favorites-wrapper, .settings-wrapper, .stats-container, .directdown-container, .addchannel-container, .contenido_playlists { padding: 18px !important; border-radius: 18px !important; }
  .favorites-wrapper, .settings-wrapper, .stats-container, .directdown-container, .addchannel-container, .contenido_playlists { margin: 24px 12px 50px !important; }
  .login-box { margin-inline: 0 !important; padding: 26px 20px !important; }
  .report-problem-btn span { display: none; }
  .report-problem-btn { width: 48px; height: 48px; padding: 0 !important; justify-content: center; }
}