/* Contraste sereno para las superficies claras de Musica / Music. */
body.ocani-inner-premium .music-page-bg .ocani-premium-light-section {
  color: #173f3c !important;
}

body.ocani-inner-premium .music-page-bg .ocani-premium-light-section .glass-card,
body.ocani-inner-premium .music-page-bg .ocani-premium-light-section .ocani-premium-card-light {
  background:
    radial-gradient(circle at 12% 14%, rgba(42, 126, 116, .12), transparent 42%),
    radial-gradient(circle at 88% 82%, rgba(184, 139, 64, .10), transparent 40%),
    linear-gradient(145deg, rgba(190, 205, 193, .90), rgba(207, 205, 187, .91)) !important;
  border-color: rgba(16, 76, 70, .20) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .50),
    0 16px 36px rgba(7, 45, 41, .17) !important;
}

body.ocani-inner-premium .music-page-bg .ocani-premium-light-section h2,
body.ocani-inner-premium .music-page-bg .ocani-premium-light-section h3,
body.ocani-inner-premium .music-page-bg .ocani-premium-light-section h4 {
  color: #083f3b !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .26);
}

body.ocani-inner-premium .music-page-bg .ocani-premium-light-section p,
body.ocani-inner-premium .music-page-bg .ocani-premium-light-section li,
body.ocani-inner-premium .music-page-bg .ocani-premium-light-section figcaption,
body.ocani-inner-premium .music-page-bg .ocani-premium-light-section .section-subtitle {
  color: #315b57 !important;
}

body.ocani-inner-premium .music-page-bg .ocani-premium-light-section [class*="text-white"] {
  color: #315b57 !important;
}

body.ocani-inner-premium .music-page-bg .ocani-premium-light-section .text-gold,
body.ocani-inner-premium .music-page-bg .ocani-premium-light-section [class*="text-[#F2DBA8]"],
body.ocani-inner-premium .music-page-bg .ocani-premium-light-section [class*="text-[#E4D2AA]"] {
  color: #8a6222 !important;
}

body.ocani-inner-premium .music-page-bg .ocani-premium-light-section [class*="text-[#BDE8E4]"],
body.ocani-inner-premium .music-page-bg .ocani-premium-light-section [class*="text-[#D4F3EF]"] {
  color: #0b4c47 !important;
}

body.ocani-inner-premium .music-page-bg .ocani-premium-light-section .track-item {
  background: rgba(235, 234, 218, .36) !important;
  border-color: rgba(17, 78, 72, .20) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .30) !important;
}

body.ocani-inner-premium .music-page-bg .ocani-premium-light-section .track-item.is-active {
  background: linear-gradient(135deg, rgba(25, 91, 83, .94), rgba(10, 58, 54, .96)) !important;
  border-color: rgba(216, 184, 111, .78) !important;
  box-shadow: 0 10px 24px rgba(7, 41, 38, .22), inset 0 1px 0 rgba(255, 255, 255, .12) !important;
}

body.ocani-inner-premium .music-page-bg .ocani-premium-light-section .track-item.is-active p,
body.ocani-inner-premium .music-page-bg .ocani-premium-light-section .track-item.is-active span:not(.text-gold) {
  color: #f3efe4 !important;
}

body.ocani-inner-premium .music-page-bg .ocani-premium-light-section .track-item:not(.is-active) span {
  color: #315b57 !important;
}

body.ocani-inner-premium .music-page-bg .ocani-premium-light-section .track-item:not(.is-active) .text-gold {
  color: #95691f !important;
}

body.ocani-inner-premium .music-page-bg .ocani-premium-light-section .track-item.is-active .text-gold {
  color: #e2bf72 !important;
}

body.ocani-inner-premium .music-page-bg .ocani-premium-light-section .player-control-surface {
  color: #f4f1e8 !important;
  background:
    radial-gradient(circle at 12% 14%, rgba(31, 168, 176, .26), transparent 44%),
    linear-gradient(135deg, rgba(17, 101, 92, .94), rgba(7, 55, 51, .97)) !important;
  border-color: rgba(216, 184, 111, .45) !important;
}

body.ocani-inner-premium .music-page-bg .ocani-premium-light-section .player-control-surface p,
body.ocani-inner-premium .music-page-bg .ocani-premium-light-section .player-control-surface span {
  color: #f4f1e8 !important;
}

body.ocani-inner-premium .music-page-bg .ocani-premium-light-section .ocani-premium-button,
body.ocani-inner-premium .music-page-bg .ocani-premium-light-section .ocani-premium-button * {
  color: #f8f2e5 !important;
  text-shadow: 0 1px 7px rgba(0, 0, 0, .48);
}

@media (max-width: 767px) {
  body.ocani-inner-premium .music-page-bg .ocani-premium-light-section .glass-card,
  body.ocani-inner-premium .music-page-bg .ocani-premium-light-section .ocani-premium-card-light {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }
}

/* Variante definitiva: fondo verde profundo inspirado en la portada. */
body.ocani-inner-premium .music-page-bg .ocani-premium-light-section {
  color: #f4efe3 !important;
  background:
    radial-gradient(circle at 88% 10%, rgba(213, 179, 103, .15), transparent 34%),
    radial-gradient(circle at 10% 88%, rgba(43, 142, 132, .13), transparent 38%),
    linear-gradient(135deg, #0b443e 0%, #244b42 48%, #3f4b3c 100%) !important;
  border-top-color: rgba(218, 187, 115, .16) !important;
}

body.ocani-inner-premium .music-page-bg .ocani-premium-light-section > .absolute.inset-0 {
  opacity: .11 !important;
  filter: saturate(.72) contrast(.92);
}

body.ocani-inner-premium .music-page-bg .ocani-premium-light-section::after {
  opacity: .32 !important;
  border-color: rgba(218, 187, 115, .18) !important;
}

body.ocani-inner-premium .music-page-bg .ocani-premium-light-section .section-panel {
  background:
    radial-gradient(circle at 86% 12%, rgba(214, 181, 106, .12), transparent 36%),
    radial-gradient(circle at 12% 86%, rgba(37, 139, 130, .14), transparent 38%),
    linear-gradient(145deg, rgba(12, 74, 67, .94), rgba(47, 72, 61, .95)) !important;
  border-color: rgba(222, 190, 116, .23) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 20px 44px rgba(4, 32, 29, .30) !important;
}

body.ocani-inner-premium .music-page-bg .ocani-premium-light-section .glass-card,
body.ocani-inner-premium .music-page-bg .ocani-premium-light-section .ocani-premium-card-light {
  background:
    radial-gradient(circle at 14% 12%, rgba(55, 151, 140, .13), transparent 42%),
    radial-gradient(circle at 88% 84%, rgba(214, 181, 106, .09), transparent 40%),
    linear-gradient(145deg, rgba(15, 78, 71, .86), rgba(45, 70, 60, .90)) !important;
  border-color: rgba(224, 194, 123, .22) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 16px 34px rgba(4, 31, 28, .26) !important;
}

body.ocani-inner-premium .music-page-bg .ocani-premium-light-section h2,
body.ocani-inner-premium .music-page-bg .ocani-premium-light-section h3,
body.ocani-inner-premium .music-page-bg .ocani-premium-light-section h4 {
  color: #e2bd6d !important;
  text-shadow: 0 2px 15px rgba(2, 24, 22, .30);
}

body.ocani-inner-premium .music-page-bg .ocani-premium-light-section p,
body.ocani-inner-premium .music-page-bg .ocani-premium-light-section li,
body.ocani-inner-premium .music-page-bg .ocani-premium-light-section figcaption,
body.ocani-inner-premium .music-page-bg .ocani-premium-light-section .section-subtitle,
body.ocani-inner-premium .music-page-bg .ocani-premium-light-section [class*="text-white"] {
  color: rgba(247, 241, 226, .88) !important;
}

body.ocani-inner-premium .music-page-bg .ocani-premium-light-section .text-gold,
body.ocani-inner-premium .music-page-bg .ocani-premium-light-section [class*="text-[#F2DBA8]"],
body.ocani-inner-premium .music-page-bg .ocani-premium-light-section [class*="text-[#E4D2AA]"] {
  color: #e2bd6d !important;
}

body.ocani-inner-premium .music-page-bg .ocani-premium-light-section [class*="text-[#BDE8E4]"],
body.ocani-inner-premium .music-page-bg .ocani-premium-light-section [class*="text-[#D4F3EF]"] {
  color: #e8ddc2 !important;
}

body.ocani-inner-premium .music-page-bg #presentacion figure {
  overflow: hidden;
  background: rgba(7, 54, 50, .62);
  border-color: rgba(225, 193, 119, .22) !important;
}

body.ocani-inner-premium .music-page-bg #presentacion figure figcaption {
  color: #e7c678 !important;
}

body.ocani-inner-premium .music-page-bg #reproduccion .section-panel > .glass-card {
  background:
    radial-gradient(circle at 14% 10%, rgba(43, 151, 141, .16), transparent 40%),
    linear-gradient(145deg, rgba(11, 68, 62, .96), rgba(39, 66, 57, .97)) !important;
}

body.ocani-inner-premium .music-page-bg .track-item {
  background: linear-gradient(135deg, rgba(239, 234, 216, .13), rgba(209, 207, 186, .10)) !important;
  border-color: rgba(239, 222, 178, .22) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06) !important;
}

body.ocani-inner-premium .music-page-bg .track-item:hover {
  background: linear-gradient(135deg, rgba(49, 124, 114, .46), rgba(50, 77, 65, .70)) !important;
  border-color: rgba(226, 189, 109, .55) !important;
}

body.ocani-inner-premium .music-page-bg .track-item.is-active {
  background: linear-gradient(135deg, rgba(22, 111, 100, .98), rgba(7, 55, 51, .98)) !important;
  border-color: rgba(226, 189, 109, .82) !important;
  box-shadow: 0 10px 24px rgba(3, 29, 27, .28), inset 0 1px 0 rgba(255, 255, 255, .10) !important;
}

body.ocani-inner-premium .music-page-bg .track-item p,
body.ocani-inner-premium .music-page-bg .track-item span:not(.text-gold) {
  color: rgba(248, 242, 228, .86) !important;
}

body.ocani-inner-premium .music-page-bg .track-item .text-gold {
  color: #e3bf6e !important;
}

body.ocani-inner-premium .music-page-bg .player-control-surface {
  color: #f5f0e4 !important;
  background: radial-gradient(circle at 12% 14%, rgba(31, 168, 176, .25), transparent 44%), linear-gradient(135deg, rgba(15, 111, 101, .96), rgba(5, 53, 49, .98)) !important;
  border-color: rgba(226, 189, 109, .52) !important;
}

body.ocani-inner-premium .music-page-bg .player-control-surface p,
body.ocani-inner-premium .music-page-bg .player-control-surface span {
  color: #f5f0e4 !important;
}

body.ocani-inner-premium .music-page-bg #reproduccion .music-player-panel {
  border: 2px solid rgba(218, 183, 102, .46) !important;
  box-shadow:
    0 18px 44px rgba(4, 29, 27, .30),
    0 0 20px rgba(209, 176, 107, .08),
    inset 0 1px 0 rgba(240, 215, 155, .12) !important;
}

body.ocani-inner-premium .music-page-bg #reproduccion .music-player-panel > .glass-card {
  border: 1.5px solid rgba(222, 190, 116, .38) !important;
  box-shadow:
    0 18px 42px rgba(4, 29, 27, .30),
    inset 0 1px 0 rgba(246, 225, 178, .10) !important;
}

body.ocani-inner-premium .music-page-bg #reproduccion .player-control-surface {
  background:
    radial-gradient(circle at 50% 115%, rgba(69, 102, 72, .42), transparent 52%),
    linear-gradient(145deg, rgba(6, 75, 67, .98), rgba(9, 54, 48, .99)) !important;
  border-width: 1px !important;
  border-color: rgba(226, 189, 109, .58) !important;
  box-shadow:
    0 12px 26px rgba(3, 29, 27, .26),
    inset 0 1px 0 rgba(247, 222, 162, .08) !important;
}

body.ocani-inner-premium .music-page-bg #reproduccion .player-control-surface .gold-btn {
  color: #f0d58f !important;
  background:
    radial-gradient(circle at 50% 28%, rgba(46, 128, 111, .72), transparent 48%),
    linear-gradient(155deg, rgba(8, 83, 73, .98), rgba(5, 51, 46, .99)) !important;
  border-width: 1px !important;
  border-color: rgba(226, 189, 109, .70) !important;
  box-shadow:
    0 6px 14px rgba(2, 26, 24, .34),
    inset 0 0 0 1px rgba(244, 213, 143, .08),
    inset 0 1px 0 rgba(255, 244, 211, .10) !important;
  text-shadow: 0 1px 5px rgba(0, 0, 0, .48);
}

body.ocani-inner-premium .music-page-bg #reproduccion .player-control-surface .gold-btn:hover {
  background:
    radial-gradient(circle at 50% 28%, rgba(58, 146, 126, .78), transparent 50%),
    linear-gradient(155deg, rgba(10, 93, 81, .99), rgba(5, 55, 49, .99)) !important;
  border-color: rgba(235, 204, 133, .82) !important;
  box-shadow:
    0 8px 17px rgba(2, 26, 24, .38),
    0 0 8px rgba(221, 185, 105, .10),
    inset 0 1px 0 rgba(255, 244, 211, .12) !important;
}

body.ocani-inner-premium .music-page-bg #reproduccion .player-control-surface input[type="range"] {
  appearance: none;
  -webkit-appearance: none;
  height: 16px;
  background: transparent;
  cursor: pointer;
}

body.ocani-inner-premium .music-page-bg #reproduccion .player-control-surface input[type="range"]::-webkit-slider-runnable-track {
  height: 5px;
  border: 1px solid rgba(226, 189, 109, .66);
  border-radius: 999px;
  background: rgba(3, 35, 31, .82);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .34);
}

body.ocani-inner-premium .music-page-bg #reproduccion .player-control-surface input[type="range"]::-webkit-slider-thumb {
  appearance: none;
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
  margin-top: -5.5px;
  border: 1px solid rgba(244, 218, 155, .86);
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #f3d98e, #c79b45 70%);
  box-shadow: 0 0 7px rgba(221, 185, 105, .28);
}

body.ocani-inner-premium .music-page-bg #reproduccion .player-control-surface input[type="range"]::-moz-range-track {
  height: 4px;
  border: 1px solid rgba(226, 189, 109, .66);
  border-radius: 999px;
  background: rgba(3, 35, 31, .82);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .34);
}

body.ocani-inner-premium .music-page-bg #reproduccion .player-control-surface input[type="range"]::-moz-range-progress {
  height: 4px;
  border-radius: 999px;
  background: #d7b366;
}

body.ocani-inner-premium .music-page-bg #reproduccion .player-control-surface input[type="range"]::-moz-range-thumb {
  width: 14px;
  height: 14px;
  border: 1px solid rgba(244, 218, 155, .86);
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #f3d98e, #c79b45 70%);
  box-shadow: 0 0 7px rgba(221, 185, 105, .28);
}

body.ocani-inner-premium .music-page-bg #reproduccion .track-item {
  border-width: 1.5px !important;
  border-color: rgba(226, 189, 109, .34) !important;
}

body.ocani-inner-premium .music-page-bg #reproduccion .track-item:hover {
  border-color: rgba(226, 189, 109, .62) !important;
}

body.ocani-inner-premium .music-page-bg #reproduccion .track-item.is-active {
  border-color: rgba(226, 189, 109, .84) !important;
}

body.ocani-inner-premium .music-page-bg #reproduccion .album-free-note {
  max-width: 38rem;
  margin-inline: auto;
  color: rgba(245, 239, 225, .84);
  font: 400 .92rem/1.65 Inter, sans-serif;
  text-align: center;
}

body.ocani-inner-premium .music-page-bg #musica-medicina .section-panel > .glass-card,
body.ocani-inner-premium .music-page-bg #apoya .section-panel > .glass-card {
  background: radial-gradient(circle at 86% 12%, rgba(216, 184, 111, .12), transparent 38%), linear-gradient(145deg, rgba(8, 67, 61, .92), rgba(44, 70, 59, .94)) !important;
}

body.ocani-inner-premium .music-page-bg #musica-medicina .lift-chip,
body.ocani-inner-premium .music-page-bg #musica-medicina .lift-card,
body.ocani-inner-premium .music-page-bg #youtube article.glass-card,
body.ocani-inner-premium .music-page-bg #apoya .glass-card .lift-card,
body.ocani-inner-premium .music-page-bg #apoya .glass-card .lift-chip {
  background: linear-gradient(145deg, rgba(236, 232, 215, .12), rgba(199, 204, 184, .09)) !important;
  border-color: rgba(231, 207, 150, .20) !important;
}

body.ocani-inner-premium .music-page-bg #apoya h2,
body.ocani-inner-premium .music-page-bg #apoya h3,
body.ocani-inner-premium .music-page-bg #colecciones h2,
body.ocani-inner-premium .music-page-bg #youtube h2 {
  color: #e3bf70 !important;
}

body.ocani-inner-premium .music-page-bg .ocani-premium-button,
body.ocani-inner-premium .music-page-bg .ocani-premium-button * {
  color: #faf3e4 !important;
  text-shadow: 0 1px 7px rgba(0, 0, 0, .48);
}
