/* AMT — planes (página /planes/ y vista #/plans). Cuatro tarjetas altas sobre negro, cada una con su luz azul
   (como una serie de historias de marca) y su reflejo difuminado en el «piso». */
.pg-grid {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px;
  padding-bottom: 96px;   /* espacio para el reflejo */
}
.pg-grid.has-intro { grid-template-columns: minmax(0, .92fr) repeat(4, minmax(0, 1fr)); }

/* cada plan define su fondo en --pg-bg: lo usan la tarjeta y su reflejo */
.pg-slot { position: relative; isolation: isolate; }
.pg-slot::after {
  content: ""; position: absolute; left: 10%; right: 10%; top: calc(100% + 18px); height: 34%; z-index: -1;
  background: var(--pg-bg); transform: scaleY(-1); filter: blur(30px) saturate(1.3); opacity: .4;
  -webkit-mask-image: linear-gradient(to top, #000 0%, rgba(0, 0, 0, .5) 40%, transparent 90%); mask-image: linear-gradient(to top, #000 0%, rgba(0, 0, 0, .5) 40%, transparent 90%);
  pointer-events: none;
}
/* Gratis y Básico sobrios (grafito y pizarra apagada) para que resalten Pro y Algoritmos */
.pg-free { --pg-bg: radial-gradient(120% 70% at 0% 72%, rgba(170, 175, 185, .14), rgba(170, 175, 185, 0) 62%), linear-gradient(180deg, #0b0c0e 0%, #121316 55%, #18191d 100%); }
.pg-basic { --pg-bg: radial-gradient(90% 60% at 80% 100%, rgba(150, 168, 192, .16), transparent 60%), linear-gradient(165deg, #171d26 0%, #212a36 46%, #1a212b 78%, #11161d 100%); }
.pg-pro { --pg-bg: radial-gradient(45% 35% at 30% 30%, rgba(31, 94, 255, .75), transparent 70%), radial-gradient(40% 30% at 72% 42%, rgba(127, 179, 255, .5), transparent 70%), radial-gradient(50% 40% at 50% 78%, rgba(61, 123, 255, .6), transparent 70%), linear-gradient(180deg, #030817 0%, #040a1a 100%); }
.pg-algo { --pg-bg: radial-gradient(40% 32% at 50% 40%, rgba(168, 212, 255, .55), transparent 70%), radial-gradient(40% 32% at 35% 60%, rgba(31, 94, 255, .55), transparent 70%), radial-gradient(45% 35% at 68% 30%, rgba(91, 143, 255, .5), transparent 70%), linear-gradient(180deg, #02060f 0%, #03070f 100%); }

.pg-cell, .pg-intro, .pg-pass-cell { position: relative; background: var(--bg-1); }
.pg-cell {
  display: flex; flex-direction: column; height: 100%; min-height: 620px; padding: 22px 22px 22px;
  overflow: hidden; border-radius: 6px; background: var(--pg-bg);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .07) inset, 0 30px 60px rgba(0, 0, 0, .45);
  color: #f4f6fa; transition: transform .35s var(--ease, ease), box-shadow .35s;
}
.pg-cell:hover { transform: translateY(-4px); box-shadow: 0 0 0 1px rgba(255, 255, 255, .14) inset, 0 40px 70px rgba(0, 0, 0, .55); }
.pg-cell > :not(.pg-fx) { position: relative; z-index: 1; }

/* efectos de cada tarjeta */
.pg-fx { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.pg-basic .pg-fx::before, .pg-basic .pg-fx::after { content: ""; position: absolute; background: rgba(200, 212, 230, .2); }
.pg-basic .pg-fx::before { left: 0; right: 0; top: 16%; height: 1px; }                                    /* línea horizontal */
.pg-basic .pg-fx::after { left: 64%; top: -10%; width: 1px; height: 130%; transform: rotate(24deg); transform-origin: top; }   /* diagonal */
.pg-star { position: absolute; left: calc(64% - 9px); top: calc(16% - 9px); width: 18px; height: 18px;
  background: radial-gradient(closest-side, rgba(255, 255, 255, .95), rgba(255, 255, 255, 0));
  clip-path: polygon(50% 0, 58% 42%, 100% 50%, 58% 58%, 50% 100%, 42% 58%, 0 50%, 42% 42%); }
/* ---------- Pro y Algoritmos: fondos «galácticos» en movimiento ---------- */
@property --pg-ang { syntax: "<angle>"; initial-value: 0deg; inherits: false; }
@keyframes pg-spin { to { --pg-ang: 360deg; } }
@keyframes pg-aurora {
  0% { transform: rotate(0deg) scale(1) translate(0, 0); }
  50% { transform: rotate(28deg) scale(1.18) translate(5%, -4%); }
  100% { transform: rotate(-18deg) scale(1.06) translate(-5%, 5%); }
}
@keyframes pg-swirl { to { transform: rotate(360deg); } }
@keyframes pg-twinkle { 0% { opacity: .35; } 50% { opacity: 1; } 100% { opacity: .55; } }

.pg-pro .pg-fx, .pg-algo .pg-fx { overflow: hidden; border-radius: inherit; }
/* nubes de color */
.pg-pro .pg-fx::before {
  content: ""; position: absolute; inset: -35%;
  background:
    radial-gradient(38% 32% at 30% 30%, rgba(31, 94, 255, .95), transparent 70%),
    radial-gradient(34% 28% at 70% 38%, rgba(127, 179, 255, .75), transparent 70%),
    radial-gradient(42% 36% at 48% 72%, rgba(61, 123, 255, .85), transparent 70%),
    radial-gradient(26% 22% at 80% 16%, rgba(214, 233, 255, .6), transparent 70%),
    radial-gradient(24% 20% at 18% 62%, rgba(20, 52, 140, .9), transparent 70%);
  filter: blur(26px) saturate(1.35);
  animation: pg-aurora 13s ease-in-out infinite alternate;
}
.pg-algo .pg-fx::before {
  content: ""; position: absolute; left: 50%; top: 34%; width: 170%; aspect-ratio: 1; translate: -50% -50%;
  background:
    radial-gradient(closest-side, rgba(255, 255, 255, .95) 0%, rgba(214, 233, 255, .75) 6%, rgba(255, 255, 255, 0) 22%),
    conic-gradient(from 0deg, rgba(31, 94, 255, 0), rgba(61, 123, 255, .9) 60deg, rgba(168, 212, 255, .8) 120deg, rgba(20, 52, 140, .9) 200deg, rgba(91, 143, 255, .85) 280deg, rgba(31, 94, 255, 0) 360deg);
  -webkit-mask-image: radial-gradient(closest-side, #000 30%, transparent 100%); mask-image: radial-gradient(closest-side, #000 30%, transparent 100%);
  filter: blur(22px) saturate(1.4);
  animation: pg-swirl 16s linear infinite;
}
/* estrellas */
.pg-pro .pg-fx::after, .pg-algo .pg-fx::after {
  content: ""; position: absolute; inset: 0;
  background-image:
    radial-gradient(1.2px 1.2px at 12% 14%, #fff, transparent), radial-gradient(1px 1px at 28% 46%, #fff, transparent),
    radial-gradient(1.4px 1.4px at 82% 22%, #fff, transparent), radial-gradient(1px 1px at 64% 9%, #fff, transparent),
    radial-gradient(1.2px 1.2px at 90% 58%, #fff, transparent), radial-gradient(1px 1px at 44% 31%, #fff, transparent),
    radial-gradient(1.6px 1.6px at 18% 71%, #fff, transparent), radial-gradient(1px 1px at 72% 80%, #fff, transparent),
    radial-gradient(1.2px 1.2px at 54% 62%, #fff, transparent), radial-gradient(1px 1px at 8% 90%, #fff, transparent),
    radial-gradient(1.3px 1.3px at 36% 86%, #fff, transparent), radial-gradient(1px 1px at 94% 92%, #fff, transparent);
  animation: pg-twinkle 3.2s ease-in-out infinite alternate;
}
.pg-algo .pg-fx::after { animation-duration: 2.6s; animation-delay: -1s; }
/* Pro ya no lleva el Λ de fondo (por si un navegador conserva el marcado anterior) */
.pg-pro .pg-fx svg { display: none; }

/* velo para leer el texto sobre los colores */
.pg-pro .pg-cell::after, .pg-algo .pg-cell::after {
  content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background: linear-gradient(180deg, rgba(4, 5, 14, 0) 34%, rgba(4, 5, 14, .5) 54%, rgba(4, 5, 14, .82) 100%);
}
/* borde de luz que recorre el contorno */
.pg-pro .pg-cell::before, .pg-algo .pg-cell::before {
  content: ""; position: absolute; inset: 0; z-index: 2; padding: 1.5px; border-radius: inherit; pointer-events: none;
  background: conic-gradient(from var(--pg-ang), #1f5eff, #a8d4ff, #3d7bff, #ffffff, #14348c, #1f5eff);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
  animation: pg-spin 6s linear infinite;
}
.pg-algo .pg-cell::before { animation-duration: 8s; animation-direction: reverse; background: conic-gradient(from var(--pg-ang), #ffffff, #5b8fff, #14348c, #a8d4ff, #ffffff); }
.pg-pro .pg-cell, .pg-algo .pg-cell { box-shadow: 0 30px 70px rgba(0, 0, 0, .5), 0 0 60px rgba(61, 123, 255, .2); }
.pg-algo .pg-cell { box-shadow: 0 30px 70px rgba(0, 0, 0, .5), 0 0 60px rgba(168, 212, 255, .16); }
.pg-pro .pg-cell.is-locked .pg-desc, .pg-pro .pg-cell.is-locked .pg-price, .pg-pro .pg-cell.is-locked .pg-opts, .pg-pro .pg-cell.is-locked .pg-feat,
.pg-algo .pg-cell.is-locked .pg-desc, .pg-algo .pg-cell.is-locked .pg-price, .pg-algo .pg-cell.is-locked .pg-opts, .pg-algo .pg-cell.is-locked .pg-feat { opacity: .9; }
.pg-pro .pg-price b, .pg-algo .pg-price b { background: linear-gradient(180deg, #fff 30%, #c4dcff 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
@media (prefers-reduced-motion: reduce) {
  .pg-pro .pg-fx::before, .pg-algo .pg-fx::before, .pg-pro .pg-fx::after, .pg-algo .pg-fx::after,
  .pg-pro .pg-cell::before, .pg-algo .pg-cell::before { animation: none; }
}
/* textos legibles sobre las luces */
.pg-basic { --pg-text-2: rgba(226, 232, 242, .8); --pg-text-3: rgba(210, 218, 230, .6); }
.pg-cell { --pg-text-2: rgba(232, 236, 244, .82); --pg-text-3: rgba(214, 220, 232, .62); }

.pg-top { display: flex; align-items: center; gap: 10px; min-height: 40px; }
.pg-ic { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid rgba(255, 255, 255, .22); border-radius: 50%; background: rgba(255, 255, 255, .06); color: #fff; backdrop-filter: blur(6px); }
.pg-num { margin-left: auto; white-space: nowrap; font-family: var(--mono); font-size: 11px; color: var(--pg-text-3); }
.pg-pop, .pg-soon {
  display: inline-flex; align-items: center; gap: 5px; height: 22px; padding: 0 9px; border-radius: 999px;
  font-size: 10.5px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap;
}
.pg-pop { border: 1px solid rgba(255, 255, 255, .5); color: #fff; background: rgba(255, 255, 255, .08); }
.pg-soon { border: 1px solid rgba(255, 255, 255, .22); color: var(--pg-text-3, var(--text-3)); }
.pg-soon svg { width: 11px; height: 11px; }

.pg-name { margin-top: 0; padding-top: 150px; font-size: 30px; font-weight: 500; letter-spacing: -.03em; line-height: 1.05; color: #fff; }
.pg-desc { margin-top: 10px; min-height: 62px; font-size: 13.5px; line-height: 1.55; color: var(--pg-text-2); }

.pg-price { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 2px; margin-top: 22px; }
.pg-price sup { margin-top: 8px; font-size: 20px; font-weight: 500; color: var(--pg-text-3); line-height: 1; }
.pg-price b { font-size: clamp(40px, 3.6vw, 52px); font-weight: 600; line-height: .95; letter-spacing: -.05em; color: #fff; }
.pg-price span { flex-basis: 100%; margin: 8px 0 0; font-size: 12px; color: var(--pg-text-3); white-space: nowrap; }   /* la unidad abajo: cabe aunque el precio sea largo (329.99) */

.pg-opts, .pg-opts-gap { margin-top: 14px; min-height: 30px; }
.pg-opts { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; }
.pg-opts button { height: 28px; padding: 0 6px; border: 1px solid rgba(255, 255, 255, .18); border-radius: 999px; font-size: 11.5px; color: var(--pg-text-2); background: transparent; transition: color .15s, background .15s; }
.pg-opts button.is-active { color: #fff; background: rgba(255, 255, 255, .12); border-color: rgba(255, 255, 255, .4); }

.pg-feat { display: flex; flex-direction: column; gap: 10px; margin: 0 0 auto; padding: 22px 0 0; list-style: none; }
.pg-feat li { display: flex; align-items: flex-start; gap: 10px; font-size: 13px; line-height: 1.45; color: var(--pg-text-2); }
.pg-feat li > svg { flex: none; margin-top: 2px; color: #fff; }
.pg-feat li .pg-soon { margin-left: auto; height: 18px; padding: 0 7px; font-size: 9.5px; }

/* CTA en forma de píldora (como el campo de mensaje de la referencia) */
.pg-cta {
  display: inline-flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 24px; height: 44px; padding: 0 18px;
  border: 1px solid rgba(255, 255, 255, .4); border-radius: 999px; font-size: 13.5px; font-weight: 500; color: #fff;
  background: rgba(255, 255, 255, .04); text-align: left; cursor: pointer; transition: background .15s, border-color .15s, color .15s;
}
.pg-cta:hover { background: rgba(255, 255, 255, .12); border-color: rgba(255, 255, 255, .7); }
.pg-cta.is-off { justify-content: flex-start; color: var(--pg-text-3); border-color: rgba(255, 255, 255, .16); cursor: default; }
.pg-cta.is-off:hover { background: rgba(255, 255, 255, .04); border-color: rgba(255, 255, 255, .16); }

/* plan recomendado: CTA sólida */
.pg-cell.is-feat .pg-cta:not(.is-off) { background: #fff; color: #0b0d10; border-color: #fff; }
.pg-cell.is-feat .pg-cta:not(.is-off):hover { background: #e9eef6; }
.pg-cell.is-current { box-shadow: 0 0 0 1px var(--pos) inset, 0 30px 60px rgba(0, 0, 0, .45); }

/* planes aún cerrados (Beta 2.0) */
.pg-cell.is-locked .pg-desc, .pg-cell.is-locked .pg-price, .pg-cell.is-locked .pg-opts, .pg-cell.is-locked .pg-feat { opacity: .6; }

/* panel de presentación (solo en /planes/) */
.pg-intro {
  display: flex; flex-direction: column; justify-content: flex-end; min-height: 560px; padding: 22px; overflow: hidden;
  background: linear-gradient(180deg, rgba(255, 255, 255, .02) 0%, rgba(255, 255, 255, .09) 100%), var(--bg-1);
}
.pg-intro::after {
  content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .35; mix-blend-mode: overlay;
  background-image: radial-gradient(rgba(255, 255, 255, .5) 1px, transparent 1px); background-size: 3px 3px;
}
.pg-art { position: absolute; top: -70px; left: -90px; width: 380px; height: 380px; fill: none; stroke: #e3e5ea; stroke-width: .6; opacity: .55; }
.pg-intro-label { position: relative; font-size: 17px; font-weight: 500; color: var(--text); }

/* comparativa */
.pg-table-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: 4px; }
.pg-table { width: 100%; min-width: 720px; border-collapse: collapse; font-size: 13.5px; }
.pg-table th, .pg-table td { padding: 14px 18px; text-align: center; border-bottom: 1px solid var(--line-soft); }
.pg-table th { font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--text-3); background: rgba(255, 255, 255, .02); }
.pg-table th:first-child, .pg-table td:first-child { text-align: left; }
.pg-table td:first-child { color: var(--text); }
.pg-table td:first-child .pg-soon { margin-left: 10px; vertical-align: middle; }
.pg-table td { color: var(--text-2); }
.pg-table tbody tr:last-child td { border-bottom: none; }
.pg-table tbody tr:hover td { background: rgba(255, 255, 255, .015); }
.pg-yes { display: inline-flex; vertical-align: middle; }
.pg-yes svg { color: var(--text); }
.pg-no { color: var(--text-4); }
.pg-table .pg-soon { height: 18px; padding: 0 6px; font-size: 9.5px; }

/* Pase AMT */
.pg-pass { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.9fr); gap: 1px; border: 1px solid var(--line); background: var(--line); border-radius: 4px; overflow: hidden; }
.pg-pass-head { padding: 28px; background: linear-gradient(160deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, 0) 60%), var(--bg-1); }
.pg-kicker { display: flex; align-items: center; gap: 10px; font-size: 11.5px; font-weight: 500; letter-spacing: .18em; text-transform: uppercase; color: var(--text-3); }
.pg-pass-head h2 { margin-top: 14px; font-size: 24px; font-weight: 600; letter-spacing: -.03em; line-height: 1.2; }
.pg-pass-head p:not(.pg-kicker) { margin-top: 12px; font-size: 14px; line-height: 1.6; color: var(--text-2); }
.pg-pass-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: var(--line); }
.pg-pass-cell { padding: 22px; min-height: 230px; display: flex; flex-direction: column; }
.pg-pass-cell .pg-desc { min-height: 0; }

@media (max-width: 1100px) {
  .pg-grid, .pg-grid.has-intro { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 120px; }
  .pg-intro { display: none; }
  .pg-pass { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
  .pg-grid, .pg-grid.has-intro { grid-template-columns: minmax(0, 1fr); row-gap: 28px; padding-bottom: 40px; }
  .pg-slot::after { display: none; }
  .pg-cell { min-height: 560px; }
  .pg-name { padding-top: 110px; }
  .pg-desc { min-height: 0; }
  .pg-pass-grid { grid-template-columns: minmax(0, 1fr); }
  .pg-pass-cell { min-height: 0; }
  .pg-price b { font-size: 46px; }
}

/* selector de moneda sobre las tarjetas */
.pg-ccy { display: flex; justify-content: flex-end; gap: 4px; margin: 0 0 16px; }
.pg-ccy button {
  height: 30px; min-width: 58px; padding: 0 14px; border: 1px solid var(--line-strong); border-radius: 999px;
  font-family: var(--mono); font-size: 11.5px; letter-spacing: .04em; color: var(--text-3); background: transparent;
  transition: color .15s, background .15s, border-color .15s;
}
.pg-ccy button:hover { color: var(--text); }
.pg-ccy button.is-active { color: #0b0d10; background: #fff; border-color: #fff; }
.pg-price b { white-space: nowrap; }

/* ---------- guía visual de cada beneficio: icono de imagen y ventana con capturas ---------- */
.pg-feat li .pg-guide {
  flex: none; display: grid; place-items: center; width: 24px; height: 24px; margin: -2px 0 0 auto; padding: 0;
  border: 1px solid rgba(255, 255, 255, .16); border-radius: 50%; background: transparent; color: var(--pg-text-3, rgba(255, 255, 255, .6));
  cursor: pointer; transition: color .15s, background .15s, border-color .15s;
}
.pg-feat li .pg-soon + .pg-guide { margin-left: 6px; }
.pg-feat li .pg-guide:hover, .pg-feat li .pg-guide:focus-visible { color: #fff; background: rgba(255, 255, 255, .12); border-color: rgba(255, 255, 255, .4); }
.pg-feat li .pg-guide svg { margin: 0; }

body.pgd-lock { overflow: hidden; }
.pgd {
  position: fixed; inset: 0; z-index: 400; display: grid; place-items: center; padding: 24px;
  background: rgba(2, 3, 6, .84); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  animation: pgd-in .2s ease both;
}
@keyframes pgd-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes pgd-rise { from { opacity: 0; transform: translateY(10px) scale(.985); } to { opacity: 1; transform: none; } }
.pgd-card {
  position: relative; width: min(1080px, 100%); max-height: calc(100dvh - 48px); display: flex; flex-direction: column; overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .12); border-radius: 14px; background: #07090d; color: #fff;
  box-shadow: 0 40px 140px rgba(31, 94, 255, .22), 0 0 0 1px rgba(0, 0, 0, .6);
  animation: pgd-rise .28s cubic-bezier(.2, .7, .2, 1) both;
}
.pgd-x {
  position: absolute; top: 12px; right: 12px; z-index: 2; display: grid; place-items: center; width: 34px; height: 34px;
  border: 1px solid rgba(255, 255, 255, .18); border-radius: 50%; background: rgba(5, 7, 11, .72); color: #fff; cursor: pointer;
  backdrop-filter: blur(6px); transition: background .15s;
}
.pgd-x:hover { background: rgba(255, 255, 255, .16); }
.pgd-stage { position: relative; flex: 1 1 auto; min-height: 0; background: #030508; border-bottom: 1px solid rgba(255, 255, 255, .08); }
.pgd-img { display: block; width: 100%; height: auto; max-height: calc(100dvh - 230px); object-fit: contain; object-position: top; animation: pgd-in .25s ease both; }
.pgd-nav {
  position: absolute; top: 50%; z-index: 2; display: grid; place-items: center; width: 40px; height: 40px; margin-top: -20px;
  border: 1px solid rgba(255, 255, 255, .2); border-radius: 50%; background: rgba(5, 7, 11, .72); color: #fff; cursor: pointer;
  backdrop-filter: blur(6px); transition: background .15s;
}
.pgd-nav:hover { background: rgba(255, 255, 255, .18); }
.pgd-nav.is-prev { left: 14px; }
.pgd-nav.is-next { right: 14px; }
.pgd-body { flex: none; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 14px 28px; padding: 18px 24px 20px; }
.pgd-text { flex: 1 1 420px; min-width: 0; }
.pgd-text h3 { margin: 0; font-size: 19px; font-weight: 600; letter-spacing: -.02em; }
.pgd-text p { margin: 6px 0 0; font-size: 13.5px; line-height: 1.6; color: rgba(226, 232, 242, .72); }
.pgd-pager { display: flex; align-items: center; gap: 16px; flex: none; }
.pgd-cap { font-size: 12px; letter-spacing: .02em; color: rgba(226, 232, 242, .6); }
.pgd-dots { display: inline-flex; gap: 7px; }
.pgd-dots button { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .24); cursor: pointer; transition: background .15s, transform .15s; }
.pgd-dots button.is-active { background: #fff; transform: scale(1.25); }
@media (max-width: 720px) {
  .pgd { padding: 10px; }
  .pgd-card { max-height: calc(100dvh - 20px); }
  .pgd-img { max-height: 50dvh; }
  .pgd-body { padding: 14px 16px 16px; }
  .pgd-text h3 { font-size: 17px; }
  .pgd-nav { width: 34px; height: 34px; margin-top: -17px; }
}
@media (prefers-reduced-motion: reduce) { .pgd, .pgd-card, .pgd-img { animation: none; } }

/* línea del plan Gratis (sin tarjeta) */
.pg-free { margin: 22px auto 0; max-width: 820px; text-align: center; font-size: 13px; line-height: 1.6; color: var(--text-3); }
.pg-free b { color: var(--text-2); font-weight: 500; }
.pg-free a { color: var(--text); white-space: nowrap; margin-left: 6px; text-decoration: underline; text-underline-offset: 3px; }

.pg-feat li.is-hidden { display: none; }
.pg-kick { margin: 8px 0 -2px; font-size: 10.5px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: #9cc2ff; }