/* =========================================================
   Landing El péndulo también es para vos
   Todas las clases llevan prefijo pnd- para no pisar el tema.
   ========================================================= */
/* Concepto: editorial luminoso; una sola sección "empapada" en violeta (bonus) y el mostaza como firma.
   Diseño de un solo tema (claro) elegido a propósito: así se verá en WordPress. */
.pnd{
  /* ---- Color ---- */
  --pnd-fondo:#FAF8FC;      /* blanco con matiz lila */
  --pnd-blanco:#FFFFFF;
  --pnd-tinta:#2E1F47;      /* violeta profundo, texto principal */
  --pnd-tinta-suave:#5B4F6E;/* texto secundario (7:1 sobre fondo) */
  --pnd-lila:#E9E1F2;       /* bandas suaves */
  --pnd-lila-claro:#F1ECF7;
  --pnd-linea:#DCD2E8;
  --pnd-violeta:#5B3F8C;    /* links y detalles */
  --pnd-acento:#D9A43A;     /* mostaza del PDF */
  --pnd-en-oscuro:#F4EFFA;  /* texto sobre violeta noche */
  --pnd-en-oscuro-suave:#CFC3E3;
  --pnd-borde-oscuro:#5E4A82;
  /* ---- Noche y oro ---- */
  --pnd-noche:#1C1230;      /* violeta más profundo */
  --pnd-noche-2:#271A3D;    /* violeta noche, segunda banda */
  --pnd-oro:#D9B565;        /* oro liso para textos sobre noche */
  --pnd-oro-claro:#F5E3AA;
  --pnd-oro-oscuro:#8A6424; /* marrón dorado */
  /* Gradiente metálico: solo para superficies, nunca para texto */
  --pnd-metal:linear-gradient(115deg,#9A7130 0%,#D4AE5E 20%,#F7E7B2 36%,#CFA654 50%,#A57A35 66%,#E8CB82 84%,#9A7130 100%);
  /* ---- Tipografía ---- */
  --pnd-display:'Fraunces', 'Iowan Old Style', Georgia, serif;
  --pnd-texto:'Alegreya Sans', 'Segoe UI', 'Helvetica Neue', sans-serif;
  /* ---- Movimiento ---- */
  --pnd-ease:cubic-bezier(0.25,1,0.5,1);   /* ease-out-quart */
  --pnd-ease-expo:cubic-bezier(0.16,1,0.3,1);
  color-scheme:light;
}
html:has(body.pl-body){scroll-behavior:smooth}
body.pl-body{margin:0;background:var(--pnd-noche,#1C1230)}
.pnd{background:var(--pnd-fondo);color:var(--pnd-tinta);font-family:var(--pnd-texto);font-size:19px;line-height:1.6;overflow-x:clip;-webkit-font-smoothing:antialiased}
.pnd img{max-width:100%}
.pnd :where(figure){margin:0}
.pnd *,.pnd *::before,.pnd *::after{box-sizing:border-box}
.pnd h1,.pnd h2,.pnd h3{text-wrap:balance;font-family:var(--pnd-display);font-weight:350;margin:0;line-height:1.08}
.pnd p{text-wrap:pretty;margin:0}
.pnd a{color:var(--pnd-violeta)}
.pnd a:focus-visible,.pnd button:focus-visible,.pnd summary:focus-visible{outline:3px solid var(--pnd-acento);outline-offset:3px;border-radius:6px}

/* Envoltorio con gutter lateral seguro */
.pnd__wrap{max-width:1200px;margin:0 auto;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
.pnd__wrap--angosto{max-width:900px}
.pnd__h2{font-size:clamp(2rem,4vw,3.4rem)}

/* ---------- Botones ---------- */
.pnd-btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 32px;border-radius:999px;font-weight:700;font-size:19px;text-decoration:none;border:0;cursor:pointer;
  transition:transform .35s var(--pnd-ease),box-shadow .35s var(--pnd-ease),background-color .35s var(--pnd-ease)}
/* Botón de oro metálico con destello que recorre la superficie */
.pnd-btn--acento{position:relative;overflow:hidden;isolation:isolate;background:var(--pnd-metal);background-size:180% 100%;background-position:0 0;color:var(--pnd-noche);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 0 rgba(90,60,20,.35),0 10px 24px -12px rgba(0,0,0,.6);
  transition:transform .35s var(--pnd-ease),box-shadow .35s var(--pnd-ease),background-position .8s var(--pnd-ease)}
.pnd-btn--acento::after{content:"";position:absolute;inset:-2px;z-index:-1;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.75) 50%,transparent 62%);transform:translateX(-130%);animation:pnd-destello 6s var(--pnd-ease) infinite}
.pnd-btn--acento:hover{transform:translateY(-3px);background-position:100% 0;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -2px 0 rgba(90,60,20,.35),0 18px 34px -14px rgba(217,181,101,.55)}
.pnd-btn--acento:hover::after{animation:pnd-destello-ya .9s var(--pnd-ease)}
@keyframes pnd-destello{0%,72%{transform:translateX(-130%)}92%,100%{transform:translateX(130%)}}
@keyframes pnd-destello-ya{from{transform:translateX(-130%)}to{transform:translateX(130%)}}

/* Secciones en violeta noche */
.pnd-noche{background:var(--pnd-noche);color:var(--pnd-en-oscuro)}
.pnd-noche-2{background:var(--pnd-noche-2);color:var(--pnd-en-oscuro)}
.pnd-noche h2,.pnd-noche-2 h2,.pnd-noche h3,.pnd-noche-2 h3{color:#fff}
.pnd .pnd-noche a.pnd-link,.pnd .pnd-noche-2 a.pnd-link{color:var(--pnd-oro)}
/* Ornamento dorado (como el del PDF): línea + rombo metálico */
.pnd-orn{display:block;position:relative;width:150px;height:12px;margin-top:22px;
  background:linear-gradient(90deg,transparent,var(--pnd-oro) 30%,var(--pnd-oro) 42%,transparent 42%,transparent 58%,var(--pnd-oro) 58%,var(--pnd-oro) 70%,transparent) center/100% 1.5px no-repeat}
.pnd-orn::after{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;transform:rotate(45deg);background:var(--pnd-metal);box-shadow:0 0 12px rgba(245,227,170,.5)}
.pnd-orn--centro{margin-inline:auto}
.pnd-btn--oscuro{background:var(--pnd-tinta);color:#fff}
.pnd-btn--oscuro:hover{background:#3D2B5E;transform:translateY(-3px);box-shadow:0 14px 28px -14px rgba(46,31,71,.6)}
.pnd-btn--chico{min-height:44px;padding:0 22px;font-size:17px}
.pnd .pnd-btn--oscuro,.pnd .pnd-btn--acento{color:inherit}
.pnd .pnd-btn--oscuro{color:#fff}
.pnd .pnd-btn--acento{color:var(--pnd-tinta)}
.pnd-link{font-weight:500;text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/0 1.5px no-repeat;transition:background-size .4s var(--pnd-ease)}
.pnd-link:hover{background-size:100% 1.5px}

/* ---------- Cabecera ---------- */
.pnd-header{padding-block:22px;background:var(--pnd-noche);border-bottom:1px solid rgba(217,181,101,.18)}
.pnd-header .pnd-link{color:var(--pnd-en-oscuro)}
.pnd .pnd-header .pnd-logo{color:var(--pnd-oro)!important}
.pnd-header .pnd__wrap{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}
.pnd-logo{font-family:var(--pnd-display);font-style:italic;font-size:30px;color:var(--pnd-tinta)!important;text-decoration:none}
.pnd-nav{display:flex;flex-wrap:wrap;gap:24px;align-items:center}

/* ---------- Hero ---------- */
.pnd-hero{padding-block:56px 120px;background:radial-gradient(ellipse 60% 70% at 78% 40%,#33224F 0%,transparent 70%),var(--pnd-noche);color:var(--pnd-en-oscuro)}
.pnd-hero .pnd-hero__titulo{color:#fff}
.pnd-hero .pnd-hero__titulo em{color:var(--pnd-oro)}
.pnd .pnd-hero .pnd-hero__kicker{color:var(--pnd-oro)}
.pnd .pnd-hero a.pnd-link{color:var(--pnd-oro)}
.pnd .pnd-hero .pnd-hero__dato{color:var(--pnd-en-oscuro-suave)}
.pnd-hero .pnd__wrap{display:flex;flex-wrap:wrap;gap:64px;align-items:center}
.pnd-hero__texto{flex:1 1 480px;min-width:0}
.pnd-hero__kicker{font-style:italic;font-size:20px;color:var(--pnd-violeta);margin-bottom:20px!important}
.pnd-hero__titulo{font-size:clamp(2.8rem,6vw,5.4rem);line-height:1.02;letter-spacing:-.02em}
.pnd-hero__titulo em{font-weight:300}
.pnd-hero__bajada{margin-top:28px!important;max-width:34ch;font-size:23px;line-height:1.45}
.pnd-hero__acciones{margin-top:40px;display:flex;flex-wrap:wrap;gap:20px;align-items:center}
.pnd-hero__dato{margin-top:24px!important;font-size:16px;color:var(--pnd-tinta-suave)}
.pnd-hero__visual{flex:1 1 400px;min-width:0;position:relative;max-width:520px;margin-inline:auto}
.pnd-hero__foto{aspect-ratio:4/5;max-width:100%;border-radius:280px 280px 24px 24px;background:linear-gradient(180deg,#2E2048,#3A2A58);overflow:hidden;position:relative;display:flex;align-items:flex-end;justify-content:center;padding:32px;text-align:center;color:var(--pnd-en-oscuro-suave);font-size:15px;
  box-shadow:0 0 0 1.5px rgba(217,181,101,.55),0 0 0 9px var(--pnd-noche),0 0 0 10.5px rgba(217,181,101,.25),0 40px 80px -30px rgba(0,0,0,.7)}
.pnd-hero__foto::after{content:"";position:absolute;inset:16px;border:1.5px dashed rgba(207,195,227,.35);border-radius:264px 264px 12px 12px;pointer-events:none}
/* Disco de oro: un gradiente cónico que gira lento simula metal pulido */
.pnd-hero__circulo{position:absolute;left:-22px;bottom:44px;width:128px;height:128px;border-radius:50%;overflow:hidden;
  box-shadow:inset 0 2px 3px rgba(255,255,255,.5),inset 0 -6px 12px rgba(80,50,15,.45),0 18px 40px -12px rgba(0,0,0,.65)}
.pnd-hero__circulo::before{content:"";position:absolute;inset:-25%;background:conic-gradient(#8A6424,#D4AE5E,#F7E7B2,#C59A48,#8A6424,#E2C27A,#FBEFC6,#B58A3E,#8A6424);animation:pnd-gira 14s linear infinite}
.pnd-hero__circulo::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.7),rgba(255,255,255,0) 42%)}
@keyframes pnd-gira{to{transform:rotate(360deg)}}
/* Péndulo SVG que oscila sobre la foto */
.pnd-pendulo{position:absolute;z-index:1;top:0;left:var(--pnd-pendulo-x,50%);width:90px;height:72%;margin-left:-45px;transform-origin:50% 0;animation:pnd-oscila var(--pnd-pendulo-dur,3.4s) ease-in-out infinite alternate;
  /* Sombra: una cercana y nítida + una lejana y difusa, para que se despegue de la foto */
  filter:drop-shadow(3px 6px 3px rgba(0,0,0,.5)) drop-shadow(16px 26px 16px rgba(0,0,0,.4))}
@keyframes pnd-oscila{from{transform:rotate(-9deg)}to{transform:rotate(9deg)}}
/* Entrada del título palabra por palabra (al cargar) */
.pnd-palabra{display:inline-block;animation:pnd-sube 1s var(--pnd-ease-expo) both;animation-delay:calc(var(--i) * 90ms + 100ms)}
@keyframes pnd-sube{from{opacity:0;transform:translateY(.45em)}to{opacity:1;transform:none}}

/* ---------- Identificación ---------- */
.pnd-ident{background:var(--pnd-blanco);padding-block:112px}
.pnd-ident__intro{margin-top:24px!important;max-width:60ch;font-size:21px}
.pnd-ident__lista{margin-top:56px;display:flex;flex-direction:column}
.pnd-ident__frase{padding-block:28px;border-top:1px solid var(--pnd-linea);font-family:var(--pnd-display);font-style:italic;font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.3}
.pnd-ident__frase:last-child{border-bottom:1px solid var(--pnd-linea)}
.pnd-ident__frase:nth-child(2){padding-left:12%}
.pnd-ident__frase:nth-child(3){padding-left:24%}
.pnd-ident__cierre{margin-top:56px!important;max-width:52ch;font-size:23px;line-height:1.5}

/* Frase destacada: la idea central de la landing */
.pnd-manifiesto{margin-top:72px;padding-top:8px}
.pnd-manifiesto .pnd-orn{margin:0 0 28px}
.pnd-manifiesto__texto{font-family:var(--pnd-display);font-weight:400;font-size:clamp(2.1rem,4.6vw,3.7rem);line-height:1.1;letter-spacing:-.015em;max-width:21ch;text-wrap:balance}
.pnd-manifiesto__texto em{font-style:italic;font-weight:450;color:var(--pnd-oro-oscuro);
  /* Subrayado de oro metálico (es fondo, no texto con gradiente) que se dibuja al aparecer */
  background:var(--pnd-metal) 0 94%/100% .1em no-repeat;padding-bottom:.02em;
  transition:background-size 1.3s var(--pnd-ease-expo) .45s}
.pnd-manifiesto.is-pendiente .pnd-manifiesto__texto em{background-size:0% .1em}
.pnd-manifiesto.is-reset .pnd-manifiesto__texto em{transition:none}

/* ---------- Beneficios ---------- */
.pnd-benef{padding-block:120px 112px}
.pnd .pnd-benef .pnd-benef__det{color:var(--pnd-en-oscuro-suave)}
.pnd-benef__frase{position:relative;padding-top:26px}
.pnd-benef__frase::before{content:"";position:absolute;left:0;top:0;width:44px;height:2px;background:var(--pnd-metal)}
.pnd .pnd-benef .pnd-nota{background:rgba(255,255,255,.05);color:#E0D8EC;border:1px solid rgba(217,181,101,.28)}
.pnd-benef__grilla{margin-top:64px;display:flex;flex-wrap:wrap;gap:48px 40px;align-items:flex-start}
.pnd-benef__item{flex:1 1 280px;min-width:0}
.pnd-benef__item:first-child{flex-grow:1.3}
.pnd-benef__item:nth-child(2){padding-top:48px}
.pnd-benef__item:nth-child(3){padding-top:96px}
.pnd-benef__frase{font-family:var(--pnd-display);font-size:clamp(1.5rem,2.3vw,1.9rem);line-height:1.22}
.pnd-benef__det{margin-top:14px!important;color:var(--pnd-tinta-suave);max-width:38ch}
.pnd-nota{margin-top:80px!important;max-width:62ch;font-size:17px;color:var(--pnd-tinta-suave);padding:20px 24px;background:var(--pnd-lila-claro);border-radius:16px}

/* ---------- Qué hay adentro ---------- */
.pnd-adentro{background:var(--pnd-lila);padding-block:112px;overflow:hidden}
.pnd-adentro .pnd__wrap{display:flex;flex-wrap:wrap;gap:64px;align-items:flex-start}
.pnd-adentro__col{flex:1 1 440px;min-width:0}
.pnd-adentro__intro{margin:20px 0 40px!important;max-width:46ch}
.pnd-indice{margin:0;padding:0;list-style:none}
.pnd-indice li{position:relative;display:flex;gap:20px;padding-block:14px}
.pnd-indice li::before,.pnd-indice li:last-child::after{content:"";position:absolute;left:0;right:0;height:1px;background:#C9BADD;transform-origin:0 50%;
  transition:transform .9s var(--pnd-ease);transition-delay:calc(var(--i,0) * 70ms)}
.pnd-indice li::before{top:0}
.pnd-indice li:last-child::after{bottom:0;--i:9}
.pnd-indice__n{font-family:var(--pnd-display);font-style:italic;min-width:32px;color:var(--pnd-oro-oscuro);font-weight:500}
.pnd-muestras{flex:1 1 400px;min-width:0;display:flex;gap:24px;align-items:flex-start}
.pnd-muestra{flex:1 1 0;min-width:0;max-width:100%;border-radius:6px;overflow:hidden;background:#fff;box-shadow:0 24px 48px -26px rgba(46,31,71,.5)}
.pnd-muestra img{display:block;width:100%;height:auto}
.pnd-muestra--baja{margin-top:80px}

/* ---------- Bonus (banda violeta) ---------- */
.pnd-bonus{background:radial-gradient(ellipse 50% 40% at 15% 30%,#2E1F4A 0%,transparent 70%),var(--pnd-noche);color:var(--pnd-en-oscuro);padding-block:120px}
.pnd-bonus .pnd__h2{color:#fff;max-width:18ch}
.pnd-bonus__etiqueta{font-style:italic;color:var(--pnd-oro)}
.pnd-bonus__titulo{margin-top:8px!important;font-size:clamp(1.7rem,2.6vw,2.2rem);color:#fff}
.pnd-bonus__texto{margin-top:16px!important;max-width:46ch}
.pnd-b1{margin-top:72px;display:flex;flex-wrap:wrap;gap:56px;align-items:center}
/* Marco con borde de oro metálico (truco padding-box / border-box) */
.pnd-b1__escenario{flex:1 1 460px;min-width:0;position:relative;aspect-ratio:7/5;max-width:100%;border-radius:20px;overflow:hidden;border:3px solid transparent;
  background:linear-gradient(#fff,#fff) padding-box,var(--pnd-metal) border-box;box-shadow:0 30px 70px -30px rgba(0,0,0,.8),0 0 50px -20px rgba(217,181,101,.35)}
.pnd-b1__slide{position:absolute;inset:0;margin:0;padding:18px;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.97);
  transition:opacity .7s var(--pnd-ease),transform .9s var(--pnd-ease)}
.pnd-b1__slide.is-activa{opacity:1;transform:none}
.pnd-b1__slide img{max-width:100%;max-height:100%;object-fit:contain}
.pnd-b1__col{flex:1 1 400px;min-width:0}
.pnd-pastillas{margin:28px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:10px}
.pnd-pastilla{position:relative;overflow:hidden;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--pnd-borde-oscuro);background:transparent;color:var(--pnd-en-oscuro);font:inherit;font-size:16px;cursor:pointer;
  transition:background-color .35s var(--pnd-ease),color .35s var(--pnd-ease),border-color .35s var(--pnd-ease),transform .35s var(--pnd-ease)}
.pnd-pastilla:hover{border-color:var(--pnd-oro);transform:translateY(-2px)}
.pnd-pastilla[aria-pressed="true"]{background:var(--pnd-metal);color:var(--pnd-noche);border-color:transparent;font-weight:700;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 6px 18px -8px rgba(217,181,101,.6)}
/* Barra de progreso del avance automático */
.pnd-pastilla::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--pnd-noche);opacity:.55;transform:scaleX(0);transform-origin:0 50%}
.pnd-b1.is-auto .pnd-pastilla[aria-pressed="true"]::after{animation:pnd-progreso var(--pnd-intervalo,4200ms) linear forwards}
.pnd-b1.is-pausa .pnd-pastilla[aria-pressed="true"]::after{animation-play-state:paused}
@keyframes pnd-progreso{to{transform:scaleX(1)}}
.pnd-b1__control{margin-top:22px;display:flex;align-items:center;gap:14px;font-size:15px;color:#CFC3E3}
.pnd-pausa{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--pnd-borde-oscuro);background:transparent;color:var(--pnd-en-oscuro);font:inherit;font-size:15px;cursor:pointer}
.pnd-pausa:hover{border-color:var(--pnd-oro)}
.pnd-pausa svg{width:14px;height:14px}

/* Bonus 2: figura con chakras */
.pnd-b2{margin-top:112px;display:flex;flex-wrap:wrap-reverse;gap:56px;align-items:center}
.pnd-b2__col{flex:1 1 420px;min-width:0}
.pnd-b2__figura{flex:1 1 360px;min-width:0;display:flex;justify-content:center}
.pnd-b2__figura svg{width:100%;max-width:380px;height:auto;overflow:visible}
.pnd-chakra__halo{opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.4);transition:opacity .8s var(--pnd-ease),transform .8s var(--pnd-ease)}
.pnd-chakra__nucleo{fill:#4A3A66;transition:fill .6s var(--pnd-ease)}
.pnd-chakra.is-luz .pnd-chakra__halo{opacity:.55;transform:scale(1)}
.pnd-chakra.is-luz .pnd-chakra__nucleo{fill:var(--c)}
.pnd-b2.is-foco .pnd-chakra.is-luz:not(.is-sel) .pnd-chakra__halo{opacity:.12}
.pnd-chakra.is-sel .pnd-chakra__halo{opacity:.9;transform:scale(1.35)}
.pnd-chakras{margin:28px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.pnd-chakras button{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px 0 12px;border-radius:999px;border:1px solid var(--pnd-borde-oscuro);background:transparent;color:var(--pnd-en-oscuro);font:inherit;font-size:16px;cursor:pointer;transition:border-color .3s var(--pnd-ease),background-color .3s var(--pnd-ease)}
.pnd-chakras button:hover,.pnd-chakras button[aria-pressed="true"]{border-color:var(--c);background:rgba(255,255,255,.06)}
.pnd-chakras i{width:12px;height:12px;border-radius:50%;background:var(--c);flex:none}
.pnd-chakra-desc{margin-top:22px!important;min-height:3.2em;max-width:46ch;font-family:var(--pnd-display);font-style:italic;font-size:21px;color:#fff}

/* ---------- Autora ---------- */
.pnd-autora{padding-block:128px 112px;text-align:center}
.pnd-autora__cita{font-family:var(--pnd-display);font-weight:350;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.35}
.pnd-autora__firma{margin-top:20px!important;font-family:var(--pnd-display);font-style:italic;font-size:30px;color:var(--pnd-oro-oscuro)}
.pnd-autora__rol{margin-top:4px!important;font-size:16px;color:var(--pnd-tinta-suave)}

/* ---------- Compra ---------- */
.pnd-compra{padding-block:112px 120px;background:radial-gradient(ellipse 55% 60% at 50% 50%,#33224F 0%,transparent 72%),var(--pnd-noche-2);color:var(--pnd-en-oscuro)}
.pnd-compra__caja{max-width:1040px;margin:0 auto;border-radius:32px;padding:clamp(28px,6vw,72px);display:flex;flex-wrap:wrap;gap:56px;align-items:center;border:2px solid transparent;
  background:linear-gradient(160deg,#2C1E45,#1C1230) padding-box,var(--pnd-metal) border-box;box-shadow:0 40px 90px -40px rgba(0,0,0,.85),0 0 70px -30px rgba(217,181,101,.4)}
.pnd-compra h2{color:#fff}
.pnd .pnd-compra .pnd-compra__legal,.pnd .pnd-compra .pnd-compra__moneda{color:var(--pnd-en-oscuro-suave)}
.pnd-compra__lista li::before{background:var(--pnd-metal)!important}
.pnd .pnd-compra .pnd-compra__precio{color:var(--pnd-oro)}
.pnd-compra__col{flex:1 1 360px;min-width:0}
.pnd-compra__lista{margin:32px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:16px}
.pnd-compra__lista li{display:flex;gap:14px;align-items:baseline}
.pnd-compra__lista li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--pnd-acento);flex:none;transform:translateY(-2px)}
.pnd-compra__precio-col{flex:1 1 280px;min-width:0;text-align:center}
.pnd-compra__precio{margin-top:4px!important;font-family:var(--pnd-display);font-size:clamp(3rem,6vw,4rem);line-height:1.1;font-variant-numeric:tabular-nums}
.pnd-compra__btn{margin-top:28px;width:100%;min-height:60px}
.pnd-compra__legal{margin-top:16px!important;font-size:15px;color:var(--pnd-tinta-suave)}

/* ---------- FAQ ---------- */
.pnd-faq{padding-block:112px}
.pnd-faq__mas{color:var(--pnd-oro-oscuro)}
.pnd-faq h2{margin-bottom:40px}
.pnd-faq details{border-top:1px solid var(--pnd-linea);padding-block:6px}
.pnd-faq details:last-child{border-bottom:1px solid var(--pnd-linea)}
.pnd-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:56px;font-weight:700;font-size:20px}
.pnd-faq summary::-webkit-details-marker{display:none}
.pnd-faq__mas{font-size:28px;font-weight:400;transition:transform .4s var(--pnd-ease)}
.pnd-faq details[open] .pnd-faq__mas{transform:rotate(45deg)}
.pnd-faq details p{padding-bottom:20px;max-width:62ch}
.pnd-faq details[open] p{animation:pnd-aparece .5s var(--pnd-ease)}
@keyframes pnd-aparece{from{opacity:0;transform:translateY(-6px)}}

/* ---------- Pie ---------- */
.pnd-pie{background:var(--pnd-noche);color:var(--pnd-en-oscuro-suave);padding-block:56px 40px;border-top:1px solid rgba(217,181,101,.25)}
.pnd .pnd-pie .pnd-pie__legal{color:var(--pnd-en-oscuro-suave)}
.pnd .pnd-pie strong{color:#fff!important}
.pnd .pnd-pie .pnd-pie__logo{color:var(--pnd-oro)}
.pnd .pnd-pie .pnd-pie__dom{color:var(--pnd-en-oscuro-suave)!important}
.pnd-pie .pnd__wrap{display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between;align-items:flex-start}
.pnd-pie__legal{flex:2 1 400px;min-width:0;max-width:70ch;font-size:15px;color:var(--pnd-tinta-suave)}
.pnd-pie__marca{flex:1 1 220px;min-width:0;text-align:right}

/* ---------- Apariciones al hacer scroll ----------
   El contenido está visible por defecto. El JS solo "esconde" lo que está
   debajo de la pantalla al cargar, y lo revela al llegar con el scroll. */
[data-pnd-reveal]{transition:opacity .9s var(--pnd-ease),transform 1.1s var(--pnd-ease-expo);transition-delay:var(--d,0ms)}
[data-pnd-reveal].is-pendiente{opacity:0}
[data-pnd-reveal="sube"].is-pendiente{transform:translateY(36px)}
[data-pnd-reveal="izq"].is-pendiente{transform:translateX(-48px)}
[data-pnd-reveal="escala"].is-pendiente{transform:scale(.94)}
/* Al volver con el scroll hacia arriba, entra desde arriba */
[data-pnd-reveal="sube"].is-pendiente.is-arriba{transform:translateY(-28px)}
/* Repeticiones: más cortas y sutiles que la primera vez */
[data-pnd-reveal].is-visto{transition-duration:.6s,.75s;transition-delay:calc(var(--d,0ms) * .5)}
[data-pnd-reveal="sube"].is-visto.is-pendiente{transform:translateY(20px)}
[data-pnd-reveal="sube"].is-visto.is-pendiente.is-arriba{transform:translateY(-20px)}
[data-pnd-reveal="izq"].is-visto.is-pendiente{transform:translateX(-28px)}
[data-pnd-reveal="escala"].is-visto.is-pendiente{transform:scale(.97)}
/* Reinicio fuera de pantalla: sin transición */
[data-pnd-reveal].is-reset,.pnd-indice.is-reset li::before,.pnd-indice.is-reset li:last-child::after,.pnd-indice.is-reset li span{transition:none!important}
.pnd-indice.is-pendiente li::before,.pnd-indice.is-pendiente li:last-child::after{transform:scaleX(0)}
.pnd-indice.is-pendiente{opacity:1!important;transform:none!important}
.pnd-indice li span{transition:opacity .6s var(--pnd-ease);transition-delay:calc(var(--i,0) * 70ms + 150ms)}
.pnd-indice.is-pendiente li span{opacity:0}

/* ---------- Movimiento reducido ---------- */
@media (prefers-reduced-motion: reduce){
  html:has(body.pl-body){scroll-behavior:auto}
  .pnd *,.pnd *::before,.pnd *::after{animation:none!important;transition:none!important}
  [data-pnd-reveal].is-pendiente,.pnd-indice.is-pendiente li span{opacity:1;transform:none}
  .pnd-indice.is-pendiente li::before,.pnd-indice.is-pendiente li:last-child::after{transform:none}
}
@media (max-width:640px){
  .pnd{font-size:18px}
  .pnd-ident__frase:nth-child(2){padding-left:6%}
  .pnd-ident__frase:nth-child(3){padding-left:12%}
  .pnd-benef__item:nth-child(2),.pnd-benef__item:nth-child(3){padding-top:0}
  .pnd-muestra--baja{margin-top:40px}
  .pnd-pie__marca{text-align:left}
}

/* ---------- Ajustes para convivir con el tema de WordPress ---------- */
.pnd button{text-transform:none;letter-spacing:normal;line-height:1.2;font-family:inherit}
.pnd a.pnd-btn,.pnd a.pnd-btn:hover,.pnd a.pnd-link{text-decoration:none}
.pnd h1,.pnd h2,.pnd h3{letter-spacing:normal;text-transform:none}
.pnd ul,.pnd ol{margin-left:0}
.pnd-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pnd-pie__logo{font-family:var(--pnd-display);font-style:italic;font-size:26px}
.pnd-pie__dom{margin-top:4px!important;font-size:15px}
.pnd-compra__moneda{font-size:16px}