/* Demostración visual premium: portada española únicamente. */
.premium-home {
  --premium-gold: #d8b86f;
  --premium-cream: #f7f1e4;
  --premium-deep: #062f2b;
  background: #071f1d;
}

.premium-home main {
  position: relative;
  isolation: isolate;
}

.premium-hero {
  min-height: calc(100svh - 64px);
  isolation: isolate;
  background: #082f2c;
}

.premium-hero::after {
  content: "";
  position: absolute;
  z-index: 4;
  pointer-events: none;
}

.premium-hero::after {
  left: 50%;
  bottom: -45px;
  width: min(900px, 86vw);
  height: 130px;
  transform: translateX(-50%);
  background: radial-gradient(ellipse, rgba(216,184,111,.2), rgba(31,168,176,.06) 38%, transparent 70%);
  filter: blur(14px);
}

.premium-hero-image {
  transform: scale(1.045);
  animation: premiumHeroDrift 18s cubic-bezier(.37,0,.2,1) infinite alternate;
  will-change: transform;
}

.premium-hero-aura {
  position: absolute;
  z-index: 2;
  width: 42vw;
  max-width: 650px;
  aspect-ratio: 1;
  border-radius: 50%;
  filter: blur(70px);
  opacity: .22;
  pointer-events: none;
  mix-blend-mode: screen;
  animation: premiumAura 12s ease-in-out infinite alternate;
}

.premium-hero-aura.is-gold {
  top: 6%;
  right: -9%;
  background: radial-gradient(circle, rgba(236,197,112,.95), rgba(209,176,107,.08) 60%, transparent 72%);
}

.premium-hero-aura.is-green {
  bottom: -24%;
  left: -10%;
  background: radial-gradient(circle, rgba(31,168,176,.68), rgba(13,96,81,.08) 62%, transparent 73%);
  animation-delay: -5s;
}

.premium-light-rays {
  position: absolute;
  z-index: 2;
  top: -42%;
  left: 50%;
  width: 150%;
  height: 145%;
  transform: translateX(-50%) rotate(-4deg);
  transform-origin: 50% 0;
  opacity: .38;
  pointer-events: none;
  mix-blend-mode: screen;
  background: conic-gradient(from 174deg at 50% 0%, transparent 0deg 5deg, rgba(229,201,133,.11) 7deg, transparent 10deg 17deg, rgba(31,168,176,.07) 19deg, transparent 23deg 31deg, rgba(229,201,133,.08) 33deg, transparent 38deg 360deg);
  filter: blur(2px);
  animation: premiumRays 15s ease-in-out infinite alternate;
}

.premium-celestial {
  position: absolute;
  z-index: 2;
  top: 48%;
  left: 50%;
  width: clamp(390px, 57vw, 860px);
  aspect-ratio: 1;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  opacity: .32;
  pointer-events: none;
  mix-blend-mode: screen;
  background:
    radial-gradient(circle, transparent 0 29%, rgba(229,201,133,.13) 29.2% 29.5%, transparent 29.8% 39%, rgba(31,168,176,.1) 39.2% 39.45%, transparent 39.8% 48%, rgba(229,201,133,.08) 48.2% 48.45%, transparent 48.8%),
    repeating-conic-gradient(from 0deg, rgba(229,201,133,.09) 0deg .35deg, transparent .45deg 12deg);
  mask-image: radial-gradient(circle, #000 14%, rgba(0,0,0,.88) 44%, transparent 71%);
  animation: premiumCelestialSpin 55s linear infinite;
}

.premium-celestial::before,
.premium-celestial::after {
  content: "";
  position: absolute;
  inset: 18%;
  border: 1px solid rgba(229,201,133,.12);
  border-radius: 50%;
  transform: scaleY(.36) rotate(18deg);
}

.premium-celestial::after {
  transform: scaleY(.36) rotate(-18deg);
  border-color: rgba(31,168,176,.12);
}

.premium-mist {
  position: absolute;
  z-index: 2;
  left: -20%;
  width: 140%;
  height: 34%;
  border-radius: 50%;
  opacity: .22;
  pointer-events: none;
  filter: blur(36px);
  mix-blend-mode: screen;
  background: radial-gradient(ellipse at center, rgba(229,201,133,.26), rgba(38,125,113,.13) 38%, transparent 70%);
  animation: premiumMist 13s ease-in-out infinite alternate;
}

.premium-mist.is-one { top: 22%; transform: rotate(-5deg); }
.premium-mist.is-two { bottom: 8%; transform: rotate(4deg); animation-delay: -7s; opacity: .16; }

.premium-fireflies {
  position: absolute;
  inset: 0;
  z-index: 3;
  overflow: hidden;
  pointer-events: none;
}

.premium-fireflies span {
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #f3d997;
  box-shadow: 0 0 8px 2px rgba(229,201,133,.58);
  opacity: 0;
  animation: premiumFirefly 7s ease-in-out infinite;
}

.premium-fireflies span:nth-child(1) { left: 11%; top: 25%; animation-delay: -1s; }
.premium-fireflies span:nth-child(2) { left: 22%; top: 69%; animation-delay: -4s; animation-duration: 9s; }
.premium-fireflies span:nth-child(3) { left: 31%; top: 42%; animation-delay: -6s; }
.premium-fireflies span:nth-child(4) { left: 41%; top: 18%; animation-delay: -2s; animation-duration: 10s; }
.premium-fireflies span:nth-child(5) { left: 53%; top: 73%; animation-delay: -5s; }
.premium-fireflies span:nth-child(6) { left: 62%; top: 31%; animation-delay: -3s; animation-duration: 8s; }
.premium-fireflies span:nth-child(7) { left: 71%; top: 61%; animation-delay: -7s; }
.premium-fireflies span:nth-child(8) { left: 82%; top: 23%; animation-delay: -4.5s; animation-duration: 9s; }
.premium-fireflies span:nth-child(9) { left: 90%; top: 74%; animation-delay: -1.5s; }
.premium-fireflies span:nth-child(10) { left: 15%; top: 86%; animation-delay: -5.5s; animation-duration: 10s; }
.premium-fireflies span:nth-child(11) { left: 75%; top: 88%; animation-delay: -2.5s; }
.premium-fireflies span:nth-child(12) { left: 46%; top: 54%; animation-delay: -8s; animation-duration: 11s; }

.premium-hero-grain {
  position: absolute;
  inset: 0;
  z-index: 3;
  opacity: .12;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");
  mix-blend-mode: soft-light;
}

.premium-hero-content {
  text-wrap: balance;
}

@media (min-width: 992px) {
  .premium-home #inicio .home-hero-content { top: 0; }
}

.premium-emblem {
  position: relative;
  filter: drop-shadow(0 12px 28px rgba(0,0,0,.4)) drop-shadow(0 0 16px rgba(216,184,111,.2));
  animation: premiumEmblemFloat 5s ease-in-out infinite;
}

.premium-emblem::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -12px;
  width: 72px;
  height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, rgba(216,184,111,.82), transparent);
}

.premium-title {
  position: relative;
  letter-spacing: -.035em;
  line-height: 1.18 !important;
  margin-bottom: clamp(38px, 2.55vw, 54px) !important;
  text-shadow: 0 7px 32px rgba(0,0,0,.48);
  transform-origin: 50% 70%;
  will-change: transform, filter;
  animation: premiumTitleBreathe 6.5s ease-in-out infinite;
}

.premium-title-main {
  display: inline-block;
  overflow: visible;
  padding: 0 .035em .14em;
  margin: 0 -.035em -.14em;
  color: transparent !important;
  background: linear-gradient(112deg, #eeeadd 12%, #fffdf5 42%, #d9e7df 51%, #fffdf5 60%, #eeeadd 88%);
  background-size: 240% auto;
  -webkit-background-clip: text;
  background-clip: text;
  animation: premiumIvoryShimmer 8s ease-in-out infinite;
}

.premium-title-gold {
  display: inline-block;
  margin-top: .035em;
  color: transparent !important;
  background: linear-gradient(105deg, #c89c4f 5%, #f3d997 42%, #d1b06b 66%, #a97935 96%);
  background-size: 180% auto;
  -webkit-background-clip: text;
  background-clip: text;
  filter: drop-shadow(0 8px 20px rgba(0,0,0,.35));
  animation: premiumGoldShimmer 7s ease-in-out infinite alternate, premiumGoldFloat 6.5s ease-in-out infinite;
}

.premium-eyebrow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(16px, 1.15vw, 22px);
  max-width: 100%;
  margin-bottom: clamp(30px, 2.1vw, 44px) !important;
  line-height: 1.65;
}

.premium-eyebrow span {
  min-width: 0;
  text-align: center;
}

.premium-eyebrow::before,
.premium-eyebrow::after {
  content: "";
  flex: 0 0 auto;
  width: clamp(20px, 1.25vw, 25px);
  height: clamp(20px, 1.25vw, 25px);
  background: linear-gradient(145deg, #f0d58d 8%, #c79545 92%);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 18V9'/%3E%3Cpath d='M12 11C8 11 5 8 5 4c4 0 7 2 7 6'/%3E%3Cpath d='M12 9c0-4 3-6 7-6 0 4-3 7-7 7'/%3E%3Cpath d='M12 18c-1.1 2-3 3-5 3M12 18c1.1 2 3 3 5 3M12 18v4'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 18V9'/%3E%3Cpath d='M12 11C8 11 5 8 5 4c4 0 7 2 7 6'/%3E%3Cpath d='M12 9c0-4 3-6 7-6 0 4-3 7-7 7'/%3E%3Cpath d='M12 18c-1.1 2-3 3-5 3M12 18c1.1 2 3 3 5 3M12 18v4'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
  filter: drop-shadow(0 0 7px rgba(229,201,133,.34));
  animation: premiumSproutBreath 4s ease-in-out infinite;
}

.premium-eyebrow::after { animation-delay: -2s; }

.premium-hero-description {
  padding: 16px 20px;
  border: 1px solid rgba(216,184,111,.11);
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(4,40,35,.255), rgba(244,241,234,.028));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 16px 45px rgba(0,0,0,.085);
  backdrop-filter: blur(6px);
}

.premium-actions > * {
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 12px 30px rgba(0,0,0,.18);
}

.premium-actions > *::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-115%) skewX(-18deg);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent);
  transition: transform .75s ease;
}

.premium-actions > *:hover::after { transform: translateX(115%) skewX(-18deg); }

.premium-home .premium-actions .premium-frame-button,
.premium-home .premium-section-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 205px;
  min-height: 41px;
  padding: 9px 15px !important;
  overflow: visible;
  border: 1px solid rgba(229, 201, 133, .64) !important;
  border-radius: 10px !important;
  color: #f7f1e4;
  background:
    linear-gradient(105deg, transparent 32%, rgba(255,255,255,.13) 48%, transparent 64%),
    linear-gradient(180deg, rgba(255,255,255,.105), rgba(255,255,255,.018)),
    linear-gradient(135deg, rgba(11,89,81,.58), rgba(5,43,39,.66));
  background-position: 125% 0, 0 0, 0 0;
  background-size: 240% 100%, 100% 100%, 100% 100%;
  background-repeat: no-repeat;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.2),
    inset 0 0 0 4px rgba(216,184,111,.035),
    inset 0 -12px 24px rgba(0,24,22,.2),
    0 8px 24px rgba(0,18,16,.26),
    0 0 18px rgba(31,168,176,.07);
  text-shadow: 0 1px 8px rgba(0,0,0,.5);
  font-size: 9.3px !important;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .1em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  transform: translateZ(0);
  transition: background-position .72s cubic-bezier(.2,.7,.2,1), border-color .35s ease, box-shadow .35s ease, color .35s ease, filter .35s ease;
}

.premium-home .premium-actions .premium-frame-button::before,
.premium-home .premium-section-button::before {
  content: "";
  position: absolute;
  z-index: 3;
  inset: -4px;
  pointer-events: none;
  opacity: .78;
  background:
    linear-gradient(90deg, rgba(229,201,133,.95), rgba(229,201,133,.2)) left top / 11px 1px no-repeat,
    linear-gradient(180deg, rgba(229,201,133,.95), rgba(229,201,133,.2)) left top / 1px 7px no-repeat,
    linear-gradient(270deg, rgba(229,201,133,.95), rgba(229,201,133,.2)) right top / 11px 1px no-repeat,
    linear-gradient(180deg, rgba(229,201,133,.95), rgba(229,201,133,.2)) right top / 1px 7px no-repeat,
    linear-gradient(90deg, rgba(229,201,133,.95), rgba(229,201,133,.2)) left bottom / 11px 1px no-repeat,
    linear-gradient(0deg, rgba(229,201,133,.95), rgba(229,201,133,.2)) left bottom / 1px 7px no-repeat,
    linear-gradient(270deg, rgba(229,201,133,.95), rgba(229,201,133,.2)) right bottom / 11px 1px no-repeat,
    linear-gradient(0deg, rgba(229,201,133,.95), rgba(229,201,133,.2)) right bottom / 1px 7px no-repeat;
  filter: drop-shadow(0 0 5px rgba(216,184,111,.28));
  transition: opacity .35s ease, filter .35s ease;
}

.premium-home .premium-actions .premium-frame-button::after,
.premium-home .premium-section-button::after {
  display: none;
}

.premium-home .premium-actions .premium-frame-button:hover,
.premium-home .premium-section-button:hover {
  transform: translateZ(0) !important;
  border-color: rgba(243,217,151,.95) !important;
  color: #fffdf5;
  background-position: -35% 0, 0 0, 0 0;
  filter: brightness(1.08);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.27),
    inset 0 0 0 4px rgba(216,184,111,.055),
    inset 0 -12px 24px rgba(0,24,22,.16),
    0 14px 32px rgba(0,18,16,.35),
    0 0 24px rgba(216,184,111,.18),
    0 0 30px rgba(31,168,176,.12);
}

.premium-home .premium-actions .premium-frame-button:hover::before,
.premium-home .premium-section-button:hover::before {
  opacity: 1;
  filter: drop-shadow(0 0 8px rgba(216,184,111,.48));
}

.premium-home .premium-actions .premium-frame-button:focus-visible,
.premium-home .premium-section-button:focus-visible {
  outline: 2px solid #f3d997;
  outline-offset: 7px;
}

.premium-home .premium-actions .premium-frame-button:active,
.premium-home .premium-section-button:active {
  transform: translateZ(0) scale(.99) !important;
}

.premium-scroll-cue {
  position: absolute;
  z-index: 6;
  left: 50%;
  bottom: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7px;
  transform: translateX(-50%);
  color: rgba(244,241,234,.66);
  font: 600 9px/1 Inter, sans-serif;
  letter-spacing: .22em;
  text-transform: uppercase;
}

.premium-scroll-cue span:last-child {
  width: 1px;
  height: 30px;
  background: linear-gradient(to bottom, var(--premium-gold), transparent);
  animation: premiumScrollLine 1.8s ease-in-out infinite;
  transform-origin: top;
}

.premium-section {
  position: relative;
  overflow: hidden;
}

.premium-section::before {
  content: "";
  position: absolute;
  z-index: 0;
  width: 460px;
  height: 460px;
  top: -260px;
  right: -190px;
  border: 1px solid rgba(209,176,107,.16);
  border-radius: 50%;
  box-shadow: 0 0 0 52px rgba(209,176,107,.035), 0 0 0 104px rgba(31,168,176,.025);
  pointer-events: none;
}

.premium-heading {
  text-wrap: balance;
}

.premium-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.premium-kicker::before,
.premium-kicker::after {
  content: "";
  width: 22px;
  height: 1px;
  background: currentColor;
  opacity: .65;
  flex: 0 0 22px;
}

.premium-card {
  position: relative;
  transform-style: preserve-3d;
  isolation: isolate;
  box-shadow: 0 18px 38px rgba(4,38,34,.18), inset 0 1px 0 rgba(255,255,255,.3);
  transition: box-shadow .45s ease, border-color .45s ease;
  touch-action: pan-y;
}

.premium-card::before {
  content: "";
  position: absolute;
  z-index: 4;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0;
  background: radial-gradient(360px circle at var(--spot-x, 50%) var(--spot-y, 20%), rgba(232,210,151,.17), transparent 50%);
  transition: opacity .35s ease;
}

.premium-card:hover::before,
.premium-card:active::before { opacity: 1; }

.premium-card:hover {
  border-color: rgba(216,184,111,.6) !important;
  box-shadow: 0 28px 62px rgba(4,38,34,.24), 0 0 0 1px rgba(216,184,111,.12);
}

.premium-card-media {
  position: relative;
  overflow: hidden;
}

.premium-card-media::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, transparent 48%, rgba(5,47,42,.34));
}

.premium-card-media img {
  filter: saturate(.9) contrast(.98) brightness(.97);
  transition: transform 1.1s cubic-bezier(.2,.7,.2,1), filter .7s ease !important;
}

.premium-card:hover .premium-card-media img {
  transform: scale(1.075);
  filter: saturate(.98) contrast(1) brightness(.99);
}

.premium-card-icon {
  color: #dec787 !important;
  background: linear-gradient(145deg, rgba(29,72,65,.96), rgba(49,89,79,.93)) !important;
  border-color: rgba(211,190,139,.48) !important;
  box-shadow: 0 9px 24px rgba(5,45,40,.24), inset 0 1px 0 rgba(255,255,255,.18), 0 0 16px rgba(209,176,107,.09);
  transition: transform .45s ease, background .45s ease, color .45s ease;
}

.premium-card:hover .premium-card-icon {
  transform: translateY(-3px) rotate(8deg);
  color: #d1b06b;
  background: #0a3834;
}

.premium-carousel-card {
  border: 1px solid rgba(255,255,255,.13);
  box-shadow: 0 24px 54px rgba(4,38,34,.2);
  transition: border-color .5s ease, box-shadow .5s ease, transform .5s ease;
}

.premium-carousel-card:hover {
  border-color: rgba(216,184,111,.72);
  box-shadow: 0 32px 68px rgba(4,38,34,.32), 0 0 30px rgba(216,184,111,.1);
  transform: translateY(-5px);
}

.premium-carousel-card img.premium-clarity-image {
  filter: brightness(.72) saturate(.74) contrast(.94) sepia(.06) hue-rotate(10deg) !important;
}

.premium-carousel-card:hover img.premium-clarity-image {
  filter: brightness(.84) saturate(.86) contrast(.97) sepia(.04) hue-rotate(7deg) !important;
}

.premium-course-card {
  min-height: 100%;
  transform-style: preserve-3d;
  box-shadow: 0 22px 48px rgba(6,49,43,.16), inset 0 1px 0 rgba(255,255,255,.26);
}

.premium-course-card-woman {
  background:
    radial-gradient(circle at 14% 12%, rgba(114,101,82,.12), transparent 36%),
    radial-gradient(circle at 88% 86%, rgba(82,104,91,.12), transparent 43%),
    linear-gradient(142deg, rgba(210,209,199,.97), rgba(196,201,192,.97) 55%, rgba(202,194,180,.96)) !important;
  border-color: rgba(151,127,84,.3) !important;
}

.premium-course-card-learning {
  background:
    radial-gradient(circle at 88% 14%, rgba(73,111,107,.12), transparent 39%),
    radial-gradient(circle at 10% 88%, rgba(151,128,88,.1), transparent 43%),
    linear-gradient(142deg, rgba(204,211,204,.97), rgba(190,201,196,.97) 56%, rgba(199,196,183,.96)) !important;
  border-color: rgba(74,116,112,.24) !important;
}

.premium-services-section {
  background:
    radial-gradient(ellipse at 12% 14%, rgba(79,105,92,.34) 0%, rgba(79,105,92,.12) 25%, transparent 49%),
    radial-gradient(ellipse at 86% 16%, rgba(142,119,79,.2) 0%, rgba(142,119,79,.07) 25%, transparent 47%),
    radial-gradient(ellipse at 72% 82%, rgba(103,108,83,.22) 0%, rgba(103,108,83,.07) 29%, transparent 53%),
    radial-gradient(ellipse at 26% 88%, rgba(27,57,51,.34) 0%, rgba(27,57,51,.11) 31%, transparent 55%),
    linear-gradient(138deg, #193934 0%, #29443d 32%, #40493f 62%, #2d413a 80%, #203733 100%);
}

.premium-course-card .premium-card-media { border: 1px solid rgba(255,255,255,.3); }

.premium-music-section::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: radial-gradient(circle at 50% 42%, rgba(209,176,107,.18), transparent 32%), radial-gradient(circle at 50% 50%, transparent 0 23%, rgba(31,168,176,.1) 23.3% 23.6%, transparent 24% 36%, rgba(209,176,107,.08) 36.3% 36.6%, transparent 37%);
  animation: premiumSoundPulse 8s ease-in-out infinite;
}

.premium-music-panel {
  position: relative;
  border: 1px solid rgba(216,184,111,.26);
  border-radius: 34px;
  background: linear-gradient(145deg, rgba(6,47,42,.64), rgba(9,37,34,.32));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 36px 90px rgba(0,0,0,.28);
  backdrop-filter: blur(9px);
}

.premium-music-symbol {
  animation: premiumSymbolPulse 4s ease-in-out infinite;
  box-shadow: 0 0 0 8px rgba(209,176,107,.05), 0 0 38px rgba(209,176,107,.2) !important;
}

.premium-info-card,
.premium-support-card {
  position: relative;
  overflow: hidden;
  transition: transform .45s ease, box-shadow .45s ease;
}

.premium-visitors-section {
  background:
    radial-gradient(circle at 14% 24%, rgba(52,100,83,.24), transparent 42%),
    radial-gradient(circle at 86% 18%, rgba(164,126,66,.19), transparent 40%),
    linear-gradient(137deg, #bdc9bc 0%, #b5c5b9 54%, #cebea8 100%);
}

.premium-info-card {
  background:
    radial-gradient(circle at 88% 14%, rgba(49,126,118,.18), transparent 40%),
    radial-gradient(circle at 10% 88%, rgba(173,137,76,.14), transparent 44%),
    linear-gradient(138deg, rgba(204,214,203,.98), rgba(184,201,189,.97) 56%, rgba(211,194,169,.97));
  box-shadow: 0 18px 42px rgba(6,49,43,.16), inset 0 1px 0 rgba(255,255,255,.22);
}

.premium-support-section {
  background:
    radial-gradient(circle at 14% 20%, rgba(46,94,78,.21), transparent 40%),
    radial-gradient(circle at 88% 76%, rgba(156,115,62,.18), transparent 42%),
    linear-gradient(137deg, #bac5b8 0%, #afc0b4 54%, #c7b69f 100%);
}

.premium-info-card::after,
.premium-support-card::after {
  content: "";
  position: absolute;
  width: 240px;
  height: 240px;
  right: -110px;
  top: -130px;
  border: 1px solid rgba(209,176,107,.3);
  border-radius: 50%;
  box-shadow: 0 0 0 38px rgba(209,176,107,.04);
  pointer-events: none;
}

.premium-info-card:hover,
.premium-support-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 28px 70px rgba(10,56,52,.22);
}

@keyframes premiumHeroDrift {
  from { transform: scale(1.045) translate3d(-.4%, -.2%, 0); }
  to { transform: scale(1.105) translate3d(.7%, .45%, 0); }
}

@keyframes premiumAura {
  from { transform: translate3d(-2%, -2%, 0) scale(.92); opacity: .15; }
  to { transform: translate3d(4%, 5%, 0) scale(1.08); opacity: .28; }
}

@keyframes premiumRays {
  from { transform: translateX(-50%) rotate(-6deg) scaleX(.94); opacity: .2; }
  to { transform: translateX(-50%) rotate(3deg) scaleX(1.04); opacity: .46; }
}

@keyframes premiumCelestialSpin {
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to { transform: translate(-50%, -50%) rotate(360deg); }
}

@keyframes premiumMist {
  from { translate: -4% -8%; scale: .92; opacity: .11; }
  to { translate: 5% 9%; scale: 1.08; opacity: .25; }
}

@keyframes premiumFirefly {
  0%, 100% { transform: translate3d(0, 12px, 0) scale(.55); opacity: 0; }
  24% { opacity: .7; }
  52% { transform: translate3d(16px, -18px, 0) scale(1); opacity: .9; }
  78% { opacity: .24; }
}

@keyframes premiumEmblemFloat {
  0%, 100% { transform: translateY(0) rotate(-1deg); }
  50% { transform: translateY(-8px) rotate(1deg); }
}

@keyframes premiumGoldShimmer {
  from { background-position: 0% 50%; }
  to { background-position: 100% 50%; }
}

@keyframes premiumTitleBreathe {
  0%, 100% { transform: translate3d(0, 0, 0) scale(1); filter: brightness(1); }
  50% { transform: translate3d(0, -7px, 0) scale(1.012); filter: brightness(1.045); }
}

@keyframes premiumIvoryShimmer {
  0%, 18% { background-position: 110% 50%; }
  65%, 100% { background-position: -110% 50%; }
}

@keyframes premiumGoldFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(4px); }
}

@keyframes premiumSproutBreath {
  0%, 100% { transform: translateY(1px) scale(.94); opacity: .72; }
  50% { transform: translateY(-1px) scale(1.03); opacity: 1; }
}

@keyframes premiumScrollLine {
  0%, 100% { transform: scaleY(.25); opacity: .35; }
  50% { transform: scaleY(1); opacity: 1; }
}

@keyframes premiumSoundPulse {
  0%, 100% { transform: scale(.98); opacity: .55; }
  50% { transform: scale(1.035); opacity: 1; }
}

@keyframes premiumSymbolPulse {
  0%, 100% { transform: scale(1); filter: brightness(1); }
  50% { transform: scale(1.08); filter: brightness(1.16); }
}

@media (max-width: 767px) {
  .premium-hero { min-height: calc(100svh - 64px); padding-block: 24px 34px; }
  .premium-hero-aura { width: 88vw; filter: blur(52px); }
  .premium-light-rays { width: 190%; opacity: .27; }
  .premium-celestial { width: 122vw; opacity: .21; }
  .premium-mist { width: 170%; left: -35%; opacity: .15; }
  .premium-fireflies span:nth-child(n+9) { display: none; }
  .premium-hero-description { padding: 13px 14px; border-radius: 16px; backdrop-filter: blur(4px); }
  .premium-title { margin-bottom: 32px !important; }
  .premium-home .home-hero-title {
    max-width: 16ch;
    margin-inline: auto;
    font-size: clamp(2.65rem, 11.4vw, 3rem) !important;
    line-height: 1.1 !important;
  }
  .premium-eyebrow { gap: 11px; margin-bottom: 26px !important; padding-inline: 2px; }
  .premium-eyebrow::before,
  .premium-eyebrow::after { width: 17px; height: 17px; }
  .premium-home .premium-actions .premium-frame-button,
  .premium-home .premium-section-button { min-width: 0; width: 100%; min-height: 48px; }
  .premium-section::before { width: 280px; height: 280px; top: -180px; right: -150px; }
  .premium-music-panel { border-radius: 24px; }
}

/*
 * Hero estable para moviles y tabletas.
 *
 * El hero de Inicio reunia varias capas animadas con blur, blend modes,
 * mascaras y texto recortado por gradiente. En navegadores moviles Chromium
 * (Chrome y Samsung Internet) esa combinacion puede agotar el compositor y
 * producir mosaicos, parpadeos o capas temporalmente transparentes. La
 * version tactil conserva la misma imagen, composicion y paleta, pero usa una
 * sola pintura estatica y texto solido. El acabado animado de escritorio no
 * cambia.
 */
@media (max-width: 1024px), (hover: none), (pointer: coarse) {
  .premium-hero {
    isolation: auto;
  }

  .premium-hero::after,
  .premium-hero-aura,
  .premium-light-rays,
  .premium-celestial,
  .premium-mist,
  .premium-fireflies,
  .premium-hero-grain,
  .premium-hero .ocani-hero-art-overlay {
    display: none !important;
  }

  .premium-hero-image {
    transform: none !important;
    animation: none !important;
    will-change: auto !important;
  }

  .premium-hero .home-hero-overlay {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  .premium-hero-content,
  .premium-hero-content > .premium-emblem,
  .premium-hero-content > .premium-title,
  .premium-hero-content > .premium-eyebrow,
  .premium-hero-content > .premium-hero-description,
  .premium-hero-content > .premium-actions {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
    will-change: auto !important;
  }

  .premium-emblem {
    filter: none !important;
  }

  .premium-title {
    filter: none !important;
    text-shadow: 0 5px 22px rgba(0,0,0,.46);
  }

  .premium-title-main,
  .premium-title-gold {
    background: none !important;
    background-image: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    animation: none !important;
    filter: none !important;
    transform: none !important;
  }

  .premium-title-main {
    color: #f4f1ea !important;
    -webkit-text-fill-color: #f4f1ea !important;
  }

  .premium-title-gold {
    color: #d1b06b !important;
    -webkit-text-fill-color: #d1b06b !important;
  }

  .premium-eyebrow::before,
  .premium-eyebrow::after {
    animation: none !important;
    filter: none !important;
    transform: none !important;
  }

  .premium-hero-description {
    background: rgba(5, 43, 38, .64) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    filter: none !important;
  }
}

@media (hover: none), (pointer: coarse) {
  .premium-card:active { box-shadow: 0 20px 46px rgba(4,38,34,.22); }
  .premium-actions > *::after { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .premium-home *,
  .premium-home *::before,
  .premium-home *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

/* Acciones del inicio: enlace botánico ligero, sin cajas ni rellenos. */
.premium-home .premium-actions .premium-frame-button,
.premium-home .premium-section-button {
  --home-action-color: #0a4b45;
  --home-action-hover: #80611f;
  position: relative;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: .46rem;
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: .42rem .18rem .78rem !important;
  color: var(--home-action-color) !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  filter: none !important;
  outline: 0 !important;
  -webkit-tap-highlight-color: transparent;
  font-size: 9.5px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: .1em !important;
  text-align: center !important;
  text-decoration: none !important;
  text-shadow: none !important;
  text-transform: uppercase !important;
  transform: none !important;
  transition: color 260ms ease, text-shadow 260ms ease !important;
}

.premium-home .premium-actions .premium-frame-button::before,
.premium-home .premium-section-button::before {
  content: "";
  position: static !important;
  inset: auto !important;
  z-index: auto !important;
  flex: 0 0 auto;
  width: 16px !important;
  min-width: 16px !important;
  max-width: 16px !important;
  height: 16px !important;
  background: #b28a39 !important;
  -webkit-mask: var(--ocani-content-icon, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21v-9M12 13C8 13 5 10 5 6c4 0 7 2 7 6m0 3c4 0 7-3 7-7-4 0-7 2-7 6' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")) center / contain no-repeat;
  mask: var(--ocani-content-icon, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21v-9M12 13C8 13 5 10 5 6c4 0 7 2 7 6m0 3c4 0 7-3 7-7-4 0-7 2-7 6' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")) center / contain no-repeat;
  opacity: .94 !important;
  filter: drop-shadow(0 0 5px rgba(178, 138, 57, .2)) !important;
  transform: translateY(-1px) !important;
}

.premium-home .premium-actions .premium-frame-button::after,
.premium-home .premium-section-button::after {
  content: "";
  display: block !important;
  position: absolute !important;
  left: 50% !important;
  right: auto !important;
  top: auto !important;
  bottom: .26rem !important;
  width: min(86%, 7rem) !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(178, 138, 57, .9) 22%, rgba(178, 138, 57, .9) 78%, transparent) !important;
  transform: translateX(-50%) scaleX(.5) !important;
  transform-origin: center !important;
  opacity: .72 !important;
  transition: transform 320ms ease, opacity 320ms ease !important;
  pointer-events: none;
}

.premium-home .premium-actions .premium-frame-button:hover,
.premium-home .premium-actions .premium-frame-button:focus-visible,
.premium-home .premium-section-button:hover,
.premium-home .premium-section-button:focus-visible {
  color: var(--home-action-hover) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  outline: 0 !important;
  transform: none !important;
  text-shadow: 0 0 13px rgba(178, 138, 57, .24) !important;
}

.premium-home .premium-actions .premium-frame-button:hover::after,
.premium-home .premium-actions .premium-frame-button:focus-visible::after,
.premium-home .premium-section-button:hover::after,
.premium-home .premium-section-button:focus-visible::after {
  display: block !important;
  transform: translateX(-50%) scaleX(1) !important;
  opacity: 1 !important;
}

#inicio .premium-frame-button,
#start .premium-frame-button,
#musica .premium-section-button,
#music .premium-section-button,
.premium-support-card .premium-section-button {
  --home-action-color: #f4f1ea;
  --home-action-hover: #e1c785;
  text-shadow: 0 2px 12px rgba(0, 20, 17, .64) !important;
}

.premium-support-card > div > div:last-child {
  text-align: center;
}

@media (hover: none), (pointer: coarse) {
  .premium-home .premium-actions .premium-frame-button::after,
  .premium-home .premium-section-button::after {
    display: block !important;
  }
}