/* GhostPeg 1.0.83 · páginas de producto y catálogo. No altera el editor local. */
.gp183-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,.8fr);gap:clamp(24px,6vw,84px);align-items:center;padding-top:clamp(40px,7vw,90px)}
.gp183-hero h1{font-size:clamp(2.3rem,5.4vw,4.6rem);line-height:1.07;letter-spacing:-.045em;margin:18px 0 24px;max-width:14ch}
.gp183-hero .lead{max-width:62ch}.gp183-process{background:linear-gradient(145deg,rgba(129,103,230,.13),rgba(85,209,202,.07));padding:28px!important}.gp183-ghost{font-size:3.4rem;display:block;margin-bottom:14px}.gp183-process h2{font-size:1.4rem}.gp183-process ol{list-style:none;counter-reset:gpstep;padding:0;display:grid;gap:20px}.gp183-process li{counter-increment:gpstep;position:relative;padding-left:42px}.gp183-process li:before{content:counter(gpstep);position:absolute;left:0;top:0;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:rgba(155,133,245,.18);color:#d8cdff;font-weight:700}.gp183-process li span{display:block;color:#b8b7c6;line-height:1.6;margin-top:3px}
.gp183-products{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:22px}.gp183-product{display:flex;flex-direction:column;gap:12px;min-width:0}.gp183-product h2{font-size:1.6rem;margin:4px 0}.gp183-product p{line-height:1.7;margin:0}.gp183-product .text-link{margin-top:10px}.gp183-product .button{align-self:flex-start;min-height:44px}.gp183-price{font-size:1.8rem!important;font-weight:750;line-height:1.3!important;margin:10px 0!important}.gp183-status{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.035em;text-transform:uppercase;color:#c7b9fa}.gp183-context{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}.gp183-context p{line-height:1.75}.gp183-detail h1{font-size:clamp(2.3rem,6vw,3.6rem);line-height:1.12;overflow-wrap:anywhere}.gp183-breadcrumb{font-size:.9rem;color:#b8b7c6;margin-bottom:32px}.gp183-product-image{width:100%;max-height:420px;object-fit:contain;border-radius:14px;margin:20px 0}.gp183-description{white-space:normal;overflow-wrap:anywhere;line-height:1.85;margin:22px 0 30px}.gp183-offer{margin-top:28px}.gp183-offer .notice{margin-top:14px}.gp183-linkrow{display:flex;gap:18px;flex-wrap:wrap;margin:22px 0}.gp183-linkrow a{padding:9px 0;min-height:44px}.gp183-note{padding:20px 24px;border-left:3px solid #8b72d8;background:rgba(145,117,230,.06);line-height:1.8}.gp183-products .notice{font-size:.9rem}.gp183-hero a:focus-visible,.gp183-products a:focus-visible,.gp183-detail a:focus-visible{outline:3px solid #79e5d3;outline-offset:4px}.gp183-store-intro{max-width:780px;margin-bottom:34px}.gp183-store-intro h1{font-size:clamp(2.3rem,5vw,3.9rem);letter-spacing:-.035em;line-height:1.12}.gp183-store-intro .lead{line-height:1.75}
@media(max-width:760px){.gp183-hero,.gp183-context{grid-template-columns:1fr}.gp183-hero h1{max-width:100%}.gp183-process{max-width:none}.gp183-products{gap:16px}.gp183-detail{padding-inline:20px}.gp183-linkrow{gap:8px 20px}.gp183-hero .hero-actions{display:flex;flex-wrap:wrap;gap:12px}.gp183-hero .button{min-height:48px}.gp183-product{padding:24px!important}.gp183-description{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.gp183-hero *,.gp183-products *{animation:none!important;transition:none!important}}
/* 1.0.84 · marca: GhostPeg, by Ghost Creator Pro */
.gp-brand{display:inline-flex;flex-direction:column;line-height:1.05}.gp-brand small{font-size:9px;font-weight:500;letter-spacing:.09em;color:var(--muted);margin-top:3px}
/* GhostPeg web 1.0.92 · «Próximamente» animado de los planes de pago y la sección de series animadas en 2D y 3D.
   Sin imágenes ni scripts: todo es CSS y se queda quieto con «prefers-reduced-motion». */

/* ── Próximamente (tienda, portada y ficha del producto) ─────────────────────────────────────────────── */
@property --gp192-giro{syntax:'<angle>';inherits:false;initial-value:0deg}
.gp192-pronto-card{position:relative;isolation:isolate;overflow:hidden;border-color:transparent!important;background:
  linear-gradient(var(--panel,#191b26),var(--panel,#191b26)) padding-box,
  conic-gradient(from var(--gp192-giro),#b3a0ff,#79e5d3,#ffb36b,#ff6fb5,#b3a0ff) border-box!important;
  border:2px solid transparent!important;animation:gp192-giro 6s linear infinite}
.gp192-pronto-card::before{content:"";position:absolute;inset:-40% -60%;z-index:-1;pointer-events:none;
  background:radial-gradient(closest-side,rgba(179,160,255,.16),transparent 70%);animation:gp192-flota 7s ease-in-out infinite alternate}
.gp192-pronto-card::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;z-index:-1;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.07),transparent);transform:skewX(-18deg);animation:gp192-brillo 4.2s ease-in-out infinite}
.gp183-status.gp192-pronto-status{color:#ffd7a8;letter-spacing:.08em}
.gp192-pronto{display:flex;flex-direction:column;gap:12px;align-items:flex-start;margin-top:4px}
.gp192-pronto p{margin:0;color:var(--muted,#a7adbf);line-height:1.65}
.gp192-pronto-badge{position:relative;display:inline-flex;align-items:center;gap:10px;padding:10px 18px 10px 14px;border-radius:999px;
  font-weight:800;font-size:1.05rem;letter-spacing:.14em;text-transform:uppercase;color:#1b1430;
  background:linear-gradient(90deg,#b3a0ff,#79e5d3,#ffd38a,#ff8fc4,#b3a0ff);background-size:300% 100%;
  box-shadow:0 10px 30px rgba(179,160,255,.28),0 0 0 1px rgba(255,255,255,.18) inset;animation:gp192-arcoiris 5s linear infinite,gp192-late 2.4s ease-in-out infinite}
.gp192-pronto-badge i{position:relative;width:10px;height:10px;border-radius:50%;background:#1b1430;flex:none}
.gp192-pronto-badge i::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid #1b1430;opacity:0;animation:gp192-onda 1.8s ease-out infinite}
.gp183-offer .gp192-pronto{margin:6px 0 4px}
@keyframes gp192-giro{to{--gp192-giro:360deg}}
@keyframes gp192-flota{from{transform:translate(-8%,-6%)}to{transform:translate(8%,6%)}}
@keyframes gp192-brillo{0%,55%{left:-60%}100%{left:130%}}
@keyframes gp192-arcoiris{to{background-position:300% 0}}
@keyframes gp192-late{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}
@keyframes gp192-onda{0%{transform:scale(.6);opacity:.9}100%{transform:scale(1.9);opacity:0}}

/* ── Series animadas en 2D y 3D ──────────────────────────────────────────────────────────────────────── */
.gp192-series{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center}
.gp192-series-copy{min-width:0}
.gp192-series h2{font-size:clamp(2.1rem,4.6vw,3.4rem);line-height:1.08;letter-spacing:-.03em;margin:10px 0 14px}
.gp192-series h2 em{font-style:normal;background:linear-gradient(90deg,#b3a0ff,#79e5d3 55%,#ffd38a);-webkit-background-clip:text;background-clip:text;color:transparent}
.gp192-series .lead{line-height:1.75;max-width:620px}
.gp192-new{display:inline-flex;align-items:center;gap:8px;margin:0 12px 0 0;padding:5px 12px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.16em;
  color:#1b1430;background:linear-gradient(90deg,#79e5d3,#b3a0ff);vertical-align:middle}
.gp192-new i{width:7px;height:7px;border-radius:50%;background:#1b1430;animation:gp192-parpadeo 1.6s ease-in-out infinite}
@keyframes gp192-parpadeo{50%{opacity:.25}}
.gp192-points{list-style:none;margin:26px 0 30px;padding:0;display:grid;gap:16px}
.gp192-points li{display:flex;gap:16px;align-items:flex-start}
.gp192-points b{display:block;font-size:1.05rem;margin-bottom:3px}
.gp192-points p{margin:0;color:var(--muted,#a7adbf);line-height:1.6}
.gp192-ico{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:12px;font-weight:800;font-size:1.05rem;color:#e9e3ff;
  background:linear-gradient(160deg,#2a2440,#1b1d2a);border:1px solid #3b3d52;line-height:1}
.gp192-ico small{display:block;font-size:.62rem;color:#79e5d3;margin-top:2px}
.gp192-series .hero-actions{display:flex;flex-wrap:wrap;gap:12px}

.gp192-board{position:relative;min-width:0;border:1px solid #3b3d52;border-radius:18px;padding:16px;
  background:linear-gradient(180deg,#1b1d2a,#141620);box-shadow:0 30px 80px #0009,0 0 0 1px #ffffff08 inset}
.gp192-board-top{display:flex;justify-content:space-between;align-items:baseline;margin:2px 4px 12px}
.gp192-board-top b{font-size:1.05rem}.gp192-board-top span{color:var(--muted,#a7adbf);font-size:.85rem}
.gp192-styles{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.gp192-styles span{padding:6px 12px;border-radius:999px;font-size:.78rem;font-weight:700;border:1px solid #3b3d52;color:#cfd2e2;background:#1d1f2c;animation:gp192-estilo 9s infinite}
.gp192-styles .s2r{animation-delay:3s}.gp192-styles .s2c{animation-delay:6s}
@keyframes gp192-estilo{0%,30%{background:#b3a0ff;border-color:#b3a0ff;color:#1b1430}34%,100%{background:#1d1f2c;border-color:#3b3d52;color:#cfd2e2}}

.gp192-stage{position:relative;height:230px;border-radius:12px;overflow:hidden;border:1px solid #272a3a;background:#0c0d14}
.gp192-sky{position:absolute;inset:0;background:radial-gradient(circle at 78% 22%,#ffe7b0 0 16px,rgba(255,231,176,.25) 17px 34px,transparent 35px),
  linear-gradient(180deg,#1c1640 0%,#3a2a6b 55%,#ff9a6b 100%);animation:gp192-cielo 9s infinite}
@keyframes gp192-cielo{0%,30%{filter:none}34%,63%{filter:saturate(.75) contrast(1.15) sepia(.25)}67%,97%{filter:saturate(1.35) hue-rotate(-18deg)}100%{filter:none}}
.gp192-hill{position:absolute;left:-10%;right:-10%;border-radius:50% 50% 0 0}
.gp192-hill.a{bottom:-70px;height:150px;background:#22184a}
.gp192-hill.b{bottom:-95px;left:30%;height:160px;background:#140f2e}
.gp192-actor{position:absolute;bottom:26px}
.gp192-actor i{position:absolute;display:block}
.gp192-actor .sombra{bottom:-8px;left:50%;width:70px;height:12px;margin-left:-35px;border-radius:50%;background:rgba(0,0,0,.45);filter:blur(2px)}
/* una persona alta, de perfil sereno */
.gp192-actor.uno{left:22%;width:54px;height:150px;animation:gp192-respira 3.4s ease-in-out infinite}
.gp192-actor.uno .cabeza{top:0;left:12px;width:32px;height:38px;border-radius:46% 46% 42% 42%;background:radial-gradient(circle at 35% 30%,#ffd9bf,#c98b6b 70%,#7a4a3a)}
.gp192-actor.uno .cuerpo{top:36px;left:4px;width:48px;height:108px;border-radius:20px 20px 10px 10px;background:linear-gradient(90deg,#2d3e8f,#4f68d6 55%,#22306e)}
/* una criatura con cuernos y cola */
.gp192-actor.dos{right:18%;width:96px;height:120px;animation:gp192-paso 2.8s ease-in-out infinite}
.gp192-actor.dos .cabeza{top:6px;left:22px;width:54px;height:46px;border-radius:44% 44% 38% 38%;background:radial-gradient(circle at 35% 30%,#9ef0a8,#3c9b5a 65%,#1f5a35)}
.gp192-actor.dos .cabeza::before,.gp192-actor.dos .cabeza::after{content:"";position:absolute;top:16px;width:9px;height:9px;border-radius:50%;background:#ffd34d;box-shadow:0 0 8px #ffd34d}
.gp192-actor.dos .cabeza::before{left:12px}.gp192-actor.dos .cabeza::after{right:12px}
.gp192-actor.dos .cuerno{top:-6px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:20px solid #efe6cf}
.gp192-actor.dos .cuerno.l{left:26px;transform:rotate(-18deg)}.gp192-actor.dos .cuerno.r{left:60px;transform:rotate(18deg)}
.gp192-actor.dos .cuerpo{top:46px;left:14px;width:70px;height:70px;border-radius:40% 40% 30% 30%;background:linear-gradient(90deg,#2f7a48,#4cb36a 55%,#245f39)}
.gp192-actor.dos .cola{top:84px;left:76px;width:46px;height:14px;border-radius:0 12px 12px 0;background:#2f7a48;transform-origin:0 50%;animation:gp192-cola 1.6s ease-in-out infinite}
@keyframes gp192-respira{50%{transform:translateY(-3px) scaleY(1.01)}}
@keyframes gp192-paso{0%,100%{transform:translateX(0)}50%{transform:translateX(-14px) translateY(-4px)}}
@keyframes gp192-cola{50%{transform:rotate(-16deg)}}
.gp192-bubble{position:absolute;top:22px;left:12%;padding:8px 12px;border-radius:12px 12px 12px 2px;background:#fff;color:#1b1430;font-weight:700;font-size:.85rem;
  box-shadow:0 8px 20px #0006;animation:gp192-globo 4.5s ease-in-out infinite}
@keyframes gp192-globo{0%,8%{opacity:0;transform:translateY(8px) scale(.9)}14%,70%{opacity:1;transform:none}80%,100%{opacity:0;transform:translateY(-4px)}}

.gp192-episodes{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
.gp192-episodes li{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:10px 12px;border-radius:10px;background:#1d1f2c;border:1px solid #2c3040;overflow:hidden}
.gp192-episodes span{font-size:.75rem;font-weight:800;color:#79e5d3;letter-spacing:.06em}
.gp192-episodes b{font-size:.92rem;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gp192-episodes em{font-style:normal;font-size:.8rem;color:var(--muted,#a7adbf);font-variant-numeric:tabular-nums}
.gp192-episodes i{position:absolute;left:0;bottom:0;height:2px;width:0;background:linear-gradient(90deg,#b3a0ff,#79e5d3);animation:gp192-render 8s ease-in-out infinite}
.gp192-episodes li:nth-child(2) i{animation-delay:2s}.gp192-episodes li:nth-child(3) i{animation-delay:4s}.gp192-episodes li:nth-child(4) i{animation-delay:6s}
@keyframes gp192-render{0%{width:0}25%,100%{width:100%}}

@media(max-width:900px){.gp192-series{grid-template-columns:1fr;gap:32px}}
@media(max-width:520px){.gp192-stage{height:224px}.gp192-bubble{top:8px;left:30%}.gp192-actor.uno{left:12%}.gp192-actor.dos{bottom:20px}.gp192-actor.dos{right:8%}.gp192-pronto-badge{font-size:.95rem}}
@media(prefers-reduced-motion:reduce){
  .gp192-pronto-card,.gp192-pronto-card::before,.gp192-pronto-card::after,.gp192-pronto-badge,.gp192-pronto-badge i::after,.gp192-new i,
  .gp192-styles span,.gp192-sky,.gp192-actor,.gp192-actor .cola,.gp192-bubble,.gp192-episodes i{animation:none!important}
  .gp192-bubble{opacity:1}.gp192-episodes i{width:100%}.gp192-styles .s3d{background:#b3a0ff;color:#1b1430}
}
