/* ============================================================
   Portada pública (REDISENO; de lanzamiento desde el 08/11/2026, propuesta en
   mockups/portada-lanzamiento/; antes, la premium del §38b, vista 56a).
   Todo dentro de #rdPortada.pp: no usa las clases de rediseno.css ni de la
   portada de siempre, así no choca con nada y pesa poco (la primera pantalla
   solo necesita esta hoja).
   · Títulos en Space Grotesk; el texto, con la tipografía del sistema.
   · La página se desplaza libre (sin scroll por secciones): cada sección
     aparece una sola vez al entrar en pantalla (.pp-revelar → .pp-visto).
   · Con «reducir movimiento», todo quieto y visible desde el principio.
   ============================================================ */
#rdPortada.pp {
  --pp-fondo: #050510; --pp-tarjeta: #13141c; --pp-tarjeta-2: #1b1c26; --pp-tarjeta-3: #23242f; --pp-linea: rgba(255,255,255,.07);
  --pp-tx: #f5f5f7; --pp-tx2: #a1a1b5; --pp-tx3: #6e6e86;
  --pp-lila: #c4b5fd; --pp-oro: #fbbf24; --pp-oro-claro: #fde68a;
  --pp-grad: linear-gradient(120deg, #7442e6 0%, #4b57e3 50%, #2563eb 100%);
  --pp-f: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --pp-ft: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  position: relative; z-index: 2; min-height: 100vh; overflow-x: clip;
  background: var(--pp-fondo); color: var(--pp-tx); font-family: var(--pp-f); font-size: 16px; line-height: 1.45;
  -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; color-scheme: dark; text-align: left;
}
#rdPortada.pp[hidden] { display: none; }
html.rd-publico-activo, html.rd-publico-activo body { background: #050510; }
#rdPortada.pp *, #rdPortada.pp *::before, #rdPortada.pp *::after { box-sizing: border-box; }
#rdPortada.pp a { color: inherit; }
#rdPortada.pp img { max-width: 100%; }
#rdPortada.pp [hidden] { display: none !important; }
#rdPortada.pp :focus-visible { outline: 2px solid var(--pp-lila); outline-offset: 3px; border-radius: 8px; }
.pp-env { width: min(100%, 1120px); margin: 0 auto; padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px)); }

/* Cielo: pocas estrellas, fijo detrás */
.pp-cielo { position: fixed; inset: 0; pointer-events: none; z-index: 0;
  background-image:
    radial-gradient(1px 1px at 12% 18%, #ffffff55, transparent), radial-gradient(1px 1px at 78% 12%, #ffffff44, transparent),
    radial-gradient(1.2px 1.2px at 88% 46%, #ffffff40, transparent), radial-gradient(1px 1px at 22% 64%, #ffffff33, transparent),
    radial-gradient(1px 1px at 55% 86%, #ffffff33, transparent), radial-gradient(1px 1px at 6% 90%, #ffffff2a, transparent); }
#rdPortada.pp > header, #rdPortada.pp > main, #rdPortada.pp > footer { position: relative; z-index: 1; }

/* Menú de arriba: logo, Precios, Entrar, ES/EN */
.pp-barra { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-top: max(10px, env(safe-area-inset-top, 0px)); padding-bottom: 10px; }
.pp-marca { display: flex; align-items: center; gap: 8px; text-decoration: none; font: 700 17px/1 var(--pp-ft); letter-spacing: -.02em; min-height: 44px; }
.pp-marca img { width: 26px; height: 26px; }
.pp-marca span span { color: #9aa8ff; }
.pp-barra nav { display: flex; align-items: center; gap: 14px; font-size: 14px; color: var(--pp-tx2); }
.pp-barra nav a { text-decoration: none; min-height: 44px; display: inline-flex; align-items: center; }
.pp-barra nav a:hover { color: var(--pp-tx); }
.pp-idioma { display: inline-flex; border-radius: 999px; background: var(--pp-tarjeta); padding: 3px; }
.pp-idioma button { min-height: 38px; min-width: 40px; border: 0; border-radius: 999px; background: none; color: var(--pp-tx2); font: 600 13px var(--pp-f); cursor: pointer; }
.pp-idioma button[aria-pressed="true"] { background: #2a2b36; color: var(--pp-tx); }
.pp-precios-nav { display: none !important; }
@media (min-width: 380px) { .pp-precios-nav { display: inline-flex !important; } }

/* Botón principal (píldora) y enlace de texto */
.pp-pildora { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 52px; padding: 0 28px; border-radius: 999px; background: var(--pp-grad); color: #fff !important; text-decoration: none; font: 600 17px var(--pp-f); letter-spacing: -.01em; box-shadow: 0 10px 30px rgba(91,108,255,.35); transition: transform .2s ease, box-shadow .2s ease; }
.pp-pildora:hover { transform: translateY(-1px); box-shadow: 0 14px 36px rgba(91,108,255,.45); }
.pp-pildora:active { transform: scale(.98); }
.pp-enlace { display: inline-flex; align-items: center; min-height: 44px; color: #8fb4ff !important; text-decoration: none; font-size: 17px; }
.pp-enlace:hover { text-decoration: underline; }
.pp-acciones { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px 22px; margin-top: 28px; }

/* Títulos: Space Grotesk, apretados */
.pp-sobre { margin: 0 0 8px; font-size: 14px; font-weight: 600; color: var(--pp-lila); }
#rdPortada.pp h1, #rdPortada.pp h2, #rdPortada.pp h3 { margin: 0; font-family: var(--pp-ft); font-weight: 700; letter-spacing: -.035em; text-wrap: balance; color: var(--pp-tx); }
#rdPortada.pp h1 { font-size: clamp(42px, 11.5vw, 88px); line-height: 1.02; }
#rdPortada.pp h2 { font-size: clamp(34px, 8.5vw, 60px); line-height: 1.05; }
.pp-gris { color: var(--pp-tx2); font-size: clamp(18px, 4.6vw, 22px); line-height: 1.4; letter-spacing: -.01em; margin: 16px auto 0; max-width: 32ch; text-wrap: balance; }
.pp-centro { text-align: center; }
.pp-sec { padding-block: 72px; }

/* ---------- Inicio: Orbi, titular, una frase y dos botones, todo en el mismo eje ---------- */
.pp-hero { padding-top: 28px; padding-bottom: 72px; display: flex; flex-direction: column; align-items: center; }
.pp-orbi-grande { position: relative; width: min(40vw, 150px); margin-bottom: 18px; }
.pp-anillo-fondo { position: absolute; left: 50%; top: 54%; width: min(230%, 94vw); aspect-ratio: 3.4; transform: translate(-50%, -50%) rotate(-12deg); border-radius: 50%; border: 1px solid rgba(196,181,253,.14); pointer-events: none; }
.pp-orbi-grande .orbi-vivo { display: block; width: 100%; }
.pp-orbi-grande .orbi-vivo.pp-entra { animation: pp-orbi-entra .9s cubic-bezier(.2,.8,.2,1) both, orbi-flotar 4.2s ease-in-out .9s infinite; }
.pp-orbi-grande .orbi-vivo.pp-entra .giro { animation: pp-anillo-vuelta 1.6s cubic-bezier(.3,.7,.3,1) .3s 1; }
@keyframes pp-orbi-entra { from { opacity: 0; transform: translateY(18px) scale(.94); } to { opacity: 1; transform: none; } }
@keyframes pp-anillo-vuelta { from { transform: rotate(-16deg); } to { transform: rotate(344deg); } }
.pp-sec .pp-acciones { margin-top: 32px; }
.pp-sobre .pp-pronto { margin: 0 0 0 6px; vertical-align: 1px; }
.pp-pronto { display: inline-flex; align-items: center; padding: 3px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; color: var(--pp-lila); background: rgba(196,181,253,.12); }
.pp-pronto[hidden] { display: none; }

/* ---------- Los ejemplos: el iPhone (celular) o el video grande sin marco (desde 768 px) ----------
   Solo uno de cada par se ve y solo ese recibe el video (rdPubVideosPortada en index.html). */
.pp-video-doble { margin: 36px auto 0; display: flex; justify-content: center; }
.pp-tel-video { width: min(300px, 76vw); padding: 10px; border-radius: 50px; background: linear-gradient(150deg, #4a4b55 0%, #1c1d23 22%, #2c2d34 60%, #17181d 100%);
  box-shadow: inset 0 0 0 1.5px #5e5f69, inset 0 0 0 4px #0c0c10, 0 50px 90px -30px rgba(91,108,255,.45), 0 24px 48px -12px rgba(0,0,0,.75); }
.pp-tel-pantalla { position: relative; aspect-ratio: 9 / 19.5; border-radius: 40px; overflow: hidden; background: #000; }
.pp-tel-pantalla::before { content: ""; position: absolute; z-index: 2; top: 9px; left: 50%; width: 30%; height: 25px; transform: translateX(-50%); border-radius: 999px; background: #000; }
.pp-tel-pantalla video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
/* La animación vertical va entera: las franjas de arriba y abajo llevan el color del borde de cada video */
.pp-tel-entero { background: linear-gradient(var(--franja-arriba, #08091a) 0 50%, var(--franja-abajo, #08091a) 50% 100%); }
.pp-tel-entero video { object-fit: contain; }
/* La captura de la app empieza debajo de la isla, como en un iPhone de verdad */
.pp-tel-captura { background: #08080f; }
.pp-tel-captura img { position: absolute; top: 40px; left: 0; width: 100%; height: auto; display: block; }
/* Orbi Director en inglés: el gancho es más ancho (de 84 a 876 px de 1080), el encuadre se corre para no cortarlo */
html[lang|="en"] #ppDirectorVideo { object-position: 35% 50%; }
.pp-video-ancho { display: none; width: min(960px, calc(100vw - 40px)); aspect-ratio: 16 / 9; border-radius: 28px; overflow: hidden; background: #08091a;
  box-shadow: 0 34px 90px rgba(0,0,0,.6), inset 0 0 0 1px rgba(255,255,255,.09); }
.pp-video-ancho video { display: block; width: 100%; height: 100%; object-fit: cover; }
@media (min-width: 768px) { .pp-video-ancho { display: block; } .pp-solo-estrecho { display: none; } }
.pp-ilustrativa { margin: 14px auto 0; max-width: 34ch; font-size: 13px; line-height: 1.45; color: var(--pp-tx3); text-wrap: balance; }
.pp-nota-boton { margin: 12px auto 0; font-size: 14px; color: var(--pp-tx3); }

/* ---------- Lo que viene: Orbi Director, Mis series y Plan del mes (mientras no se abran) y Orbi Editor ---------- */
.pp-viene-grid { margin-top: 44px; display: grid; gap: 64px; }
.pp-viene { display: flex; flex-direction: column; align-items: center; min-width: 0; }
#rdPortada.pp .pp-viene h3 { font-size: clamp(28px, 7.6vw, 38px); line-height: 1.06; }
.pp-viene .pp-gris { font-size: 17px; margin-top: 12px; }
.pp-viene .pp-tel-video { margin-top: 28px; }
.pp-viene-orbi { margin-top: 28px; flex: 1; display: flex; align-items: center; justify-content: center; }
.pp-viene-orbi img { width: 170px; height: 170px; animation: orbi-flotar 4.2s ease-in-out infinite; }

/* ---------- Planes: Gratis y Pro con las cifras de /api/config ---------- */
.pp-planes { margin: 40px auto 0; max-width: 760px; display: grid; gap: 16px; text-align: left; }
.pp-plan { padding: 24px 22px; border-radius: 26px; background: var(--pp-tarjeta); border: 1px solid var(--pp-linea); display: flex; flex-direction: column; gap: 10px; }
.pp-plan-pro { background: linear-gradient(var(--pp-tarjeta), var(--pp-tarjeta)) padding-box, var(--pp-grad) border-box; border: 1.5px solid transparent; }
.pp-plan-nombre { margin: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 10px; font: 700 22px/1.2 var(--pp-ft); letter-spacing: -.02em; }
.pp-plan-precio { margin: 0; font: 700 38px/1.1 var(--pp-ft); letter-spacing: -.03em; }
.pp-plan-precio small { font: 500 16px var(--pp-f); letter-spacing: 0; color: var(--pp-tx2); }
.pp-plan-anual { margin: 0; font-size: 14px; color: var(--pp-tx3); }
.pp-plan ul { list-style: none; margin: 6px 0 0; padding: 0; display: grid; gap: 12px; }
.pp-plan li { display: grid; grid-template-columns: 20px 1fr; gap: 10px; font-size: 16px; line-height: 1.4; }
.pp-plan li[hidden] { display: none; }
.pp-plan li svg { width: 18px; height: 18px; margin-top: 2px; color: var(--pp-lila); }
#rdPortada.rd-sin-cifras .pp-cifra { visibility: hidden; }
#rdPortada .pp-plan .pp-lanz-linea { margin: 4px 0 0; max-width: none; text-align: left; font-size: 14px; }
.pp-plan-letra { margin: 18px auto 0; max-width: 46ch; font-size: 14px; color: var(--pp-tx3); }
@media (min-width: 768px) { .pp-planes { grid-template-columns: 1fr 1fr; } }

/* ---------- Orbi Worlds (pulido-web, 08/11/2026): video de ejemplo vertical + 3 pasos y el precio ---------- */
.pp-worlds[hidden] { display: none; }
.pp-worlds-grid { display: flex; flex-direction: column; align-items: center; gap: 30px; }
.pp-worlds-texto { text-align: center; max-width: 520px; }
.pp-worlds-texto .pp-gris { margin-top: 14px; }
.pp-worlds-visual { display: flex; flex-direction: column; align-items: center; gap: 10px; }
.pp-worlds-marco { position: relative; width: min(68vw, 270px); aspect-ratio: 9 / 16; border-radius: 28px; overflow: hidden;
  background: radial-gradient(120% 80% at 50% 30%, rgba(124,77,255,.28), rgba(37,99,235,.08) 60%, transparent), var(--pp-tarjeta);
  box-shadow: 0 30px 80px rgba(0,0,0,.55), inset 0 0 0 1px rgba(255,255,255,.08); display: grid; place-items: center; }
.pp-worlds-orbi { width: 46%; height: auto; animation: orbi-flotar 4.2s ease-in-out infinite; }
.pp-worlds-portada, .pp-worlds-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; background: #08091a; }
.pp-worlds-play { position: absolute; left: 50%; top: 50%; width: 64px; height: 64px; transform: translate(-50%, -50%); border: 0; border-radius: 50%;
  background: rgba(10,10,20,.62); color: #fff; display: grid; place-items: center; cursor: pointer; box-shadow: 0 0 0 1px rgba(255,255,255,.25); }
.pp-worlds-play svg { width: 28px; height: 28px; margin-left: 3px; }
.pp-worlds-sonido { position: absolute; right: 10px; bottom: 10px; width: 44px; height: 44px; border: 0; border-radius: 50%;
  background: rgba(10,10,20,.62); color: #fff; display: grid; place-items: center; cursor: pointer; }
.pp-worlds-sonido svg { width: 20px; height: 20px; }
.pp-worlds-sonido[aria-pressed="false"] .onda, .pp-worlds-sonido[aria-pressed="true"] .cruz { display: none; }
.pp-worlds-pie { margin: 0; font-size: 13px; color: var(--pp-tx3); }
.pp-worlds-pie[hidden] { display: none; }
.pp-worlds-pasos { list-style: none; margin: 24px auto 0; padding: 0; display: grid; gap: 10px; text-align: left; max-width: 400px; }
.pp-worlds-pasos li { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 16px; background: var(--pp-tarjeta); font-size: 16px; font-weight: 600; line-height: 1.3; }
.pp-worlds-pasos b { flex: none; width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; font: 700 14px var(--pp-ft); background: var(--pp-grad); }
.pp-worlds-precio { margin: 22px 0 0; font-size: 18px; font-weight: 600; color: var(--pp-tx); }
.pp-worlds-precio:empty { display: none; }
.pp-worlds-nota { margin: 6px auto 0; font-size: 14.5px; color: var(--pp-tx2); max-width: 40ch; }
.pp-worlds-acciones { margin-top: 22px; }
/* Orbi Editor (09/11/2026): misma maqueta que Worlds; con el ejemplo real, el antes y el después lado a lado */
#ppEditorMarco.con-video { width: min(88vw, 380px); aspect-ratio: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 12px;
  background: none; box-shadow: none; border-radius: 0; overflow: visible; }
.pp-editor-lado { margin: 0; display: flex; flex-direction: column; align-items: center; gap: 8px; }
.pp-editor-lado video { width: 100%; aspect-ratio: 9 / 16; object-fit: cover; display: block; border-radius: 20px; background: #08091a;
  box-shadow: 0 20px 50px rgba(0,0,0,.5), inset 0 0 0 1px rgba(255,255,255,.08); }
.pp-editor-lado.despues video { box-shadow: 0 20px 50px rgba(0,0,0,.5), 0 0 0 2px rgba(139,123,255,.9); }
.pp-editor-lado figcaption { font-size: 13px; font-weight: 600; color: var(--pp-tx2); }

/* ---------- Cierre: Orbi celebrando ---------- */
/* Precio de lanzamiento (precio-lanzamiento.js): la línea debajo del precio del Pro */
#rdPortada.rd-sin-cifras .pp-lanz-linea { visibility: hidden; }
.pp-orbi-celebra { position: relative; width: 150px; margin: 0 auto 22px; }
.pp-orbi-celebra .orbi-vivo { display: block; width: 100%; animation: pp-celebrar 2.6s ease-in-out infinite; }
.pp-orbi-celebra .orbi-vivo .ojos { opacity: 0; animation: none; }
.pp-orbi-celebra .orbi-vivo .ojos-felices { opacity: 1; }
.pp-orbi-celebra .orbi-vivo .chispas > * { animation: pp-chispa 2.6s ease-in-out infinite; }
.pp-orbi-celebra .orbi-vivo .chispas > *:nth-child(2) { animation-delay: .3s; }
.pp-orbi-celebra .orbi-vivo .chispas > *:nth-child(3) { animation-delay: .6s; }
.pp-orbi-celebra .orbi-vivo .chispas > *:nth-child(4) { animation-delay: .9s; }
.pp-orbi-celebra .orbi-vivo .giro { animation: pp-celebrar-anillo 2.6s ease-in-out infinite; }
.pp-confeti { position: absolute; inset: -10px -40px; pointer-events: none; }
.pp-confeti i { position: absolute; width: 7px; height: 12px; border-radius: 2px; }
@keyframes pp-celebrar { 0%, 100% { transform: translateY(0); } 18% { transform: translateY(-14px) rotate(-4deg); } 32% { transform: translateY(0) rotate(0); } 44% { transform: translateY(-7px) rotate(3deg); } 56% { transform: translateY(0); } }
@keyframes pp-celebrar-anillo { 0%, 100% { transform: rotate(-16deg); } 18% { transform: rotate(-26deg); } 44% { transform: rotate(-6deg); } }
@keyframes pp-chispa { 0%, 100% { opacity: 0; transform: scale(.4); } 25%, 60% { opacity: 1; transform: scale(1); } }

/* Franja para creadores (programa de afiliados), antes del pie */
.pp-creadores { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px 20px; padding-block: 22px; margin-top: 8px; border-top: 1px solid var(--pp-linea); text-align: center; }
.pp-creadores[hidden] { display: none; }
.pp-creadores-texto { margin: 0; max-width: 640px; color: var(--pp-tx2); font-size: 15px; line-height: 1.5; }
.pp-creadores-boton { min-height: 44px; display: inline-flex; align-items: center; }
.pp-pie { padding-block: 34px 48px; border-top: 1px solid var(--pp-linea); margin-top: 20px; }
.pp-pie .pp-env { display: flex; flex-wrap: wrap; gap: 4px 22px; justify-content: center; align-items: center; font-size: 13px; color: var(--pp-tx3); }
.pp-pie a, .pp-pie span { text-decoration: none; min-height: 44px; display: inline-flex; align-items: center; }
.pp-pie a[hidden] { display: none; }
.pp-pie a:hover { color: var(--pp-tx2); }

/* ---------- Aparecer al entrar en pantalla (una sola vez, sin frenar el desplazamiento) ---------- */
#rdPortada.pp-anima .pp-revelar { opacity: 0; transform: translateY(28px); transition: opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1); }
#rdPortada.pp-anima .pp-revelar.pp-visto { opacity: 1; transform: none; }
.pp-revelar { position: relative; }
/* «se ilumina»: un halo suave que crece y se apaga detrás de la sección */
#rdPortada.pp-anima .pp-revelar::before { content: ""; position: absolute; left: 50%; top: 40px; width: min(900px, 100%); height: 360px; transform: translateX(-50%); pointer-events: none; z-index: -1;
  background: radial-gradient(closest-side, rgba(124,77,255,.22), rgba(59,130,246,.08) 60%, transparent); opacity: 0; }
#rdPortada.pp-anima .pp-revelar.pp-visto::before { animation: pp-iluminar 1.8s ease-out both; }
@keyframes pp-iluminar { 0% { opacity: 0; transform: translateX(-50%) scale(.8); } 35% { opacity: 1; } 100% { opacity: .25; transform: translateX(-50%) scale(1); } }

/* ---------- «Desliza para ver más» (solo escritorio) ---------- */
.pp-desliza { display: none; }

/* Orbi en pausa cuando no se ve (pp-quieto) o con la pestaña oculta */
#rdPortada .pp-quieto, #rdPortada .pp-quieto * { animation-play-state: paused !important; }
html.rd-oculta #rdPortada * { animation-play-state: paused !important; }

/* ---------- Escritorio (desde 900 px) ---------- */
@media (min-width: 900px) {
  .pp-sec { padding-block: 110px; }
  .pp-barra { padding-block: 18px; }
  .pp-barra nav { gap: 20px; }
  .pp-hero { padding-top: 24px; padding-bottom: 96px; }
  .pp-orbi-grande { width: 170px; }
  /* 3 columnas con Mis series en «Lo que viene»; 2 cuando ya están abiertos (su artículo se esconde) */
  .pp-viene-grid { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; }
  .pp-viene-orbi img { width: 220px; height: 220px; }
  .pp-worlds-grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1fr); align-items: center; gap: 56px; }
  .pp-worlds-visual { justify-self: end; }
  .pp-worlds-marco { width: clamp(250px, 23vw, 300px); }
  .pp-worlds-texto { text-align: left; }
  .pp-worlds-texto .pp-gris { margin-left: 0; }
  .pp-worlds-pasos { margin-left: 0; }
  .pp-worlds-nota { margin-left: 0; }
  .pp-worlds-acciones { justify-content: flex-start; }
  /* el Editor, con la imagen a la derecha (alterna con Worlds) */
  .pp-editor .pp-worlds-grid { grid-template-columns: minmax(0, 1fr) minmax(0, .8fr); }
  .pp-editor .pp-worlds-visual { order: 2; justify-self: start; }
  #ppEditorMarco.con-video { width: clamp(340px, 30vw, 420px); }

  .pp-desliza { position: fixed; left: 50%; bottom: 18px; z-index: 5; display: inline-flex; flex-direction: column; align-items: center; gap: 4px;
    transform: translateX(-50%); padding: 8px 14px; border: 0; border-radius: 999px; background: rgba(19,20,28,.55);
    color: var(--pp-tx3); font: 500 12.5px var(--pp-f); letter-spacing: .01em; cursor: pointer;
    transition: opacity .4s ease, visibility .4s, color .2s; }
  .pp-desliza:hover { color: var(--pp-tx2); }
  .pp-desliza svg { width: 16px; height: 16px; animation: pp-flecha 1.8s ease-in-out infinite; }
  .pp-desliza.pp-se-fue { opacity: 0; visibility: hidden; pointer-events: none; }
  @keyframes pp-flecha { 0%, 100% { transform: translateY(0); opacity: .7; } 50% { transform: translateY(4px); opacity: 1; } }
}
/* Pantallas bajas de escritorio: el indicador no tapa nada */
@media (min-width: 900px) and (max-height: 700px) { .pp-desliza { display: none; } }

/* ---------- Reducir movimiento: todo quieto y visible ---------- */
@media (prefers-reduced-motion: reduce) {
  #rdPortada .orbi-vivo, #rdPortada .orbi-vivo *, .pp-desliza svg, .pp-worlds-orbi, .pp-viene-orbi img { animation: none !important; }
  .pp-orbi-grande .orbi-vivo.pp-entra { opacity: 1; transform: none; }
  .pp-orbi-celebra .orbi-vivo .chispas > * { opacity: 1; transform: none; }
  .pp-pildora, .pp-desliza { transition: none; }
  #rdPortada.pp-anima .pp-revelar { opacity: 1; transform: none; transition: none; }
  #rdPortada.pp-anima .pp-revelar::before { display: none; }
}