/* Landing del Premium Glass */
.pg-3d { position: relative; height: 420vh; background: radial-gradient(ellipse at 70% 40%, #f4efe9 0%, #fff 62%); }
.pg-3d__fijo { position: sticky; top: 0; height: 100vh; height: 100svh; overflow: hidden; }
.pg-3d__canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; opacity: 0; transition: opacity 1s; }
.pg-3d.is-3d .pg-3d__canvas { opacity: 1; }
.pg-3d__respaldo { position: absolute; right: 6%; top: 50%; width: min(46vw, 620px); transform: translateY(-50%); border-radius: var(--md-radio); }
.pg-3d.is-3d .pg-3d__respaldo { display: none; }
.pg-3d__textos { position: absolute; inset: 0; pointer-events: none; }
.pg-3d__texto { position: absolute; left: var(--md-margen); top: 50%; width: min(44vw, 620px); transform: translateY(-44%); opacity: 0; transition: opacity .6s, transform .8s var(--md-ease); }
.pg-3d__texto.is-activo { opacity: 1; transform: translateY(-50%); pointer-events: auto; }
.pg-3d__kicker { display: block; margin-bottom: 14px; font-size: 15px; font-weight: 500; color: var(--md-agua-osc); }
.pg-3d__titulo { margin: 0; font-size: clamp(46px, 7vw, 104px); font-weight: 600; line-height: .96; letter-spacing: -.04em; }
.pg-3d__titulo em { font-family: var(--md-serif); font-weight: 400; letter-spacing: -.02em; }
.pg-3d__h { margin: 0; font-size: clamp(34px, 4.6vw, 68px); font-weight: 600; line-height: 1; letter-spacing: -.035em; }
.pg-3d__h em { font-family: var(--md-serif); font-weight: 400; }
.pg-3d__p { margin: 18px 0 0; max-width: 460px; font-size: clamp(17px, 1.4vw, 20px); line-height: 1.45; color: var(--md-gris); }
.pg-3d__acciones { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; margin-top: 26px; }
.pg-precio { font-size: 28px; font-weight: 600; letter-spacing: -.02em; }
.pg-3d__pista { position: absolute; left: 50%; bottom: 22px; transform: translateX(-50%); font-size: 13px; color: var(--md-gris); }

.pg-sec { padding: clamp(64px, 9vw, 130px) var(--md-margen); }
.pg-sec__cab { max-width: 760px; margin-bottom: clamp(30px, 4vw, 56px); }
.pg-sec__h { margin: 0; font-size: clamp(36px, 5vw, 76px); font-weight: 600; line-height: 1; letter-spacing: -.035em; }
.pg-sec__h em { font-family: var(--md-serif); font-weight: 400; }
.pg-sec__p { margin: 18px 0 0; font-size: clamp(17px, 1.4vw, 20px); line-height: 1.45; color: var(--md-gris); }
[data-pg-entra] { opacity: 0; transform: translateY(28px); transition: opacity .9s, transform 1s var(--md-ease); }
[data-pg-entra].is-visible { opacity: 1; transform: none; }

.pg-video { background: var(--md-ink); color: #fff; }
.pg-video .pg-sec__p { color: rgba(255, 255, 255, .7); }
.pg-video__marco { overflow: hidden; border-radius: var(--md-radio); max-width: 1100px; margin: 0 auto; background: #000; }
.pg-video__marco video { display: block; width: 100%; aspect-ratio: 848 / 480; object-fit: cover; }

.pg-gal { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 16px; }
.pg-gal figure { margin: 0; overflow: hidden; border-radius: var(--md-radio); background: var(--md-bg-2); grid-column: span 4; }
.pg-gal figure.is-grande { grid-column: span 8; grid-row: span 2; }
.pg-gal img { display: block; width: 100%; height: 100%; aspect-ratio: 1; object-fit: cover; transition: transform 1s var(--md-ease); }
.pg-gal figure:hover img { transform: scale(1.04); }

.pg-puntos { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.pg-punto { padding: 26px; border-radius: var(--md-radio); background: var(--md-bg-2); }
.pg-punto h3 { margin: 0 0 8px; font-size: 22px; font-weight: 600; letter-spacing: -.02em; }
.pg-punto p { margin: 0; font-size: 16px; line-height: 1.4; color: var(--md-gris); }

.pg-comprar { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(28px, 5vw, 80px); align-items: center; }
.pg-comprar__foto { overflow: hidden; border-radius: var(--md-radio); }
.pg-comprar__foto img { display: block; width: 100%; height: auto; }
.pg-comprar ul { margin: 22px 0 0; padding: 0; list-style: none; }
.pg-comprar li { padding: 11px 0; border-top: 1px solid var(--md-linea); font-size: 17px; }
.pg-comprar__botones { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }

.pg-insta { padding-top: 0; }
.pg-insta__enlace { display: flex; align-items: center; gap: 20px; padding: clamp(22px, 3vw, 36px); border-radius: var(--md-radio); background: var(--md-bg-2); color: var(--md-ink); text-decoration: none; }
.pg-insta__icono { display: grid; place-items: center; flex: none; width: 64px; height: 64px; border-radius: 50%; background: var(--md-ink); color: #fff; }
.pg-insta__icono svg { width: 28px; height: 28px; }
.pg-insta__enlace strong { display: block; font-size: clamp(24px, 3.4vw, 44px); font-weight: 600; letter-spacing: -.03em; overflow-wrap: anywhere; }
.pg-insta__enlace small { display: block; margin-top: 4px; font-size: 16px; color: var(--md-gris); }

.pg-barra { position: fixed; left: 50%; bottom: 18px; z-index: 40; display: flex; align-items: center; gap: 18px; padding: 10px 10px 10px 22px; border-radius: 999px; background: var(--md-ink); color: #fff; transform: translate(-50%, 90px); transition: transform .5s var(--md-ease); white-space: nowrap; }
.pg-barra.is-visible { transform: translate(-50%, 0); }
.pg-barra strong { font-weight: 600; }
.pg-barra a { padding: 11px 20px; border-radius: 999px; background: #fff; color: var(--md-ink); font-weight: 600; font-size: 15px; text-decoration: none; }

@media (max-width: 989px) {
  .pg-puntos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 749px) {
  .pg-3d { background: radial-gradient(ellipse at 50% 30%, #f4efe9 0%, #fff 70%); }
  .pg-3d__texto { left: var(--md-margen); right: var(--md-margen); top: auto; bottom: 92px; width: auto; transform: translateY(14px); }
  .pg-3d__texto.is-activo { transform: none; }
  .pg-3d__titulo { font-size: 46px; }
  .pg-3d__h { font-size: 32px; }
  .pg-3d__p { margin-top: 10px; font-size: 16px; }
  .pg-3d__acciones { margin-top: 14px; }
  .pg-3d__respaldo { position: absolute; top: 90px; left: 16px; right: 16px; width: auto; transform: none; }
  .pg-3d__pista { display: none; }
  .pg-gal figure, .pg-gal figure.is-grande { grid-column: span 12; grid-row: auto; }
  .pg-puntos { grid-template-columns: 1fr; }
  .pg-comprar { grid-template-columns: 1fr; }
  .pg-barra { left: 12px; right: auto; bottom: 16px; gap: 12px; padding: 8px 8px 8px 16px; font-size: 14px; transform: translateY(90px); }
  .pg-barra span { display: none; }
  .pg-barra a { padding: 10px 16px; font-size: 14px; }
  .pg-insta__enlace { gap: 14px; }
  .pg-insta__icono { width: 48px; height: 48px; }
  .pg-insta__enlace strong { font-size: 21px; overflow-wrap: normal; }
  .pg-barra.is-visible { transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  [data-pg-entra] { opacity: 1; transform: none; transition: none; }
}

/* Promo en la apertura de la portada */
.md-hero__lado .pg-precio { flex: none; }
.md-hero__lado .md-btn { flex: none; }
.md-hero .md-hero__titulo { font-size: clamp(38px, 5.6vw, 88px); }
.md-hero .md-hero__escena { grid-template-columns: minmax(0, 48%); }
@media (max-width: 749px) {
  .md-hero .md-hero__escena { grid-template-columns: 1fr; }
}