/* Portada: el logotipo de PMV como protagonista */
#portada{position:relative;min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:88px 0 40px;overflow:clip;
  background:radial-gradient(900px 620px at 50% 38%,rgba(122,33,233,.26),transparent 66%),radial-gradient(640px 460px at 12% 92%,rgba(0,180,255,.13),transparent 66%),radial-gradient(560px 420px at 92% 88%,rgba(228,52,231,.12),transparent 66%),var(--bg)}
#portada::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;
  background-image:linear-gradient(var(--line-2) 1px,transparent 1px),linear-gradient(90deg,var(--line-2) 1px,transparent 1px);background-size:64px 64px;
  -webkit-mask-image:radial-gradient(ellipse at 50% 42%,#000,transparent 70%);mask-image:radial-gradient(ellipse at 50% 42%,#000,transparent 70%)}
.pt{position:relative;display:grid;justify-items:center;gap:clamp(22px,4vh,40px);text-align:center}
.pt-logo{position:relative;display:block;width:min(760px,86vw);padding:clamp(14px,3vw,28px);border-radius:28px;transform-style:preserve-3d;will-change:transform}
.pt-logo img{width:100%;height:auto;filter:brightness(0) invert(1) drop-shadow(0 0 40px rgba(150,80,255,.35));transition:filter .4s}
.pt-logo::before{content:"";position:absolute;inset:-6%;border-radius:50%;background:radial-gradient(closest-side,rgba(122,33,233,.38),transparent);opacity:.7;filter:blur(30px);z-index:-1;transition:opacity .4s,transform .6s var(--ease)}
.pt-logo:hover::before{opacity:1;transform:scale(1.08)}
.pt-logo:hover img{filter:brightness(0) invert(1) drop-shadow(0 0 56px rgba(180,110,255,.6))}
.pt-hint{display:inline-flex;align-items:center;gap:10px;font-size:.8rem;font-weight:700;color:var(--muted);padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04)}
.pt-hint i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(0,223,125,.6);animation:ping 2.2s infinite}
@keyframes ping{70%{box-shadow:0 0 0 12px rgba(0,223,125,0)}100%{box-shadow:0 0 0 0 rgba(0,223,125,0)}}
.pt-for{display:grid;justify-items:center;gap:12px}
.pt-for small{font-size:.8rem;font-weight:700;color:var(--muted-2)}
.pt-for::before{content:"";width:1px;height:36px;background:linear-gradient(transparent,var(--line))}
.cl{display:flex;align-items:center;gap:14px;min-height:56px}
.cl img{height:44px;width:auto;max-width:240px}
.cl-t{font-size:clamp(1.5rem,3.4vw,2.3rem);font-weight:800;letter-spacing:-.045em;line-height:1}
.cl-t span{display:block;font-size:.8rem;font-weight:700;letter-spacing:0;color:var(--muted);margin-bottom:6px}
.pt-tag{display:grid;gap:6px;justify-items:center;text-align:center}
.pt-tag strong{font-size:clamp(1.7rem,4.4vw,3rem);font-weight:800;letter-spacing:-.04em;line-height:1;color:#fff}
.pt-tag .ai{background:var(--cta,linear-gradient(90deg,#00B4FF,#7A21E9,#E434E7));-webkit-background-clip:text;background-clip:text;color:transparent}
.pt-tag span:not(.ai){font-size:clamp(.82rem,1.7vw,1.02rem);font-weight:600;letter-spacing:.02em;color:var(--muted)}
.pt-scroll{display:inline-flex;align-items:center;gap:10px;font-size:.88rem;font-weight:800;color:#fff;padding:12px 22px;border-radius:999px;border:1.5px solid rgba(176,120,255,.55);background:rgba(122,33,233,.22);transition:background-color .25s,border-color .25s}
.pt-scroll:hover{background:rgba(122,33,233,.4);border-color:#B078FF}
.pt-scroll svg{width:20px;animation:ptb 1.6s ease-in-out infinite}
@keyframes ptb{0%,100%{translate:0 -3px}50%{translate:0 4px}}
@media (prefers-reduced-motion:reduce){.pt-scroll svg{animation:none}}

/* Fórmula (popup) */
.fm{display:grid;gap:22px}
.fm-eq{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 18px;font-size:clamp(1.6rem,4.5vw,3rem);font-weight:800;letter-spacing:-.04em}
.fm-eq em{font-style:normal;color:var(--muted-2);font-weight:600}
.fm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.fm-c{padding:22px;display:grid;gap:8px;align-content:start}
.fm-l{font-size:clamp(2.6rem,5vw,3.8rem);font-weight:800;line-height:1;letter-spacing:-.06em}
.fm-c:nth-child(1) .fm-l,.fm-eq .p{background:var(--growth);-webkit-background-clip:text;background-clip:text;color:transparent}
.fm-c:nth-child(3) .fm-l,.fm-eq .v{background:var(--universe);-webkit-background-clip:text;background-clip:text;color:transparent}
.fm-c h3{font-size:1.05rem;font-weight:800}
.fm-c p{color:var(--muted);font-size:.92rem}
.fm-note{color:var(--muted);text-align:center;max-width:52ch;margin-inline:auto}
@media (max-width:720px){.fm-grid{grid-template-columns:1fr}.fm-c{padding:18px}}

.fm-pp{padding:20px 22px;border-radius:var(--r-md);border:1px solid var(--line);background:linear-gradient(135deg,rgba(76,30,212,.28),rgba(185,28,200,.2));text-align:center}
.fm-pp span{font-size:.78rem;font-weight:700;color:var(--muted)}
.fm-pp p{margin-top:6px;font-size:clamp(1.05rem,2vw,1.35rem);font-weight:700;letter-spacing:-.02em;line-height:1.35;text-wrap:balance}