/* BIM Ingeza — Portada nebulosa. Todas las clases llevan prefijo .pn para no chocar con estilos.css */
.pn{position:relative;width:100%;height:100vh;min-height:620px;overflow:hidden;background:#02040F;font-family:'Space Grotesk',Helvetica,sans-serif;color:#fff}
.pn-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.pn-cursor{position:absolute;left:0;top:0;width:620px;height:620px;margin:-310px 0 0 -310px;border-radius:50%;background:radial-gradient(circle,rgba(140,200,255,.16) 0%,rgba(139,91,255,.08) 38%,transparent 70%);mix-blend-mode:screen;pointer-events:none;opacity:0;transition:opacity .6s}
.pn-etiquetas{position:absolute;inset:0;left:-46px;top:-136px;pointer-events:none}
.pn-et{position:absolute;left:0;top:0;display:flex;align-items:center;white-space:nowrap;will-change:transform,opacity}
.pn-et span{display:block;border-radius:50%;background:#fff}
.pn-et--principal{gap:9px;font-size:15px;font-weight:500;letter-spacing:.18em;text-shadow:0 0 12px rgba(160,200,255,.7)}
.pn-et--principal span{width:6px;height:6px}
.pn-et--secundaria{gap:7px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.16em;color:rgba(220,228,255,.8)}
.pn-et--secundaria span{width:4px;height:4px}
.pn-et--coord{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.12em;color:rgba(200,215,255,.55)}
.pn-titulo{position:absolute;left:0;right:0;top:max(71%,calc(45% + 110px));display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 24px;pointer-events:none}
.pn-sombra{position:absolute;left:50%;top:50%;width:min(940px,100%);height:280px;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,rgba(2,4,15,.72) 0%,rgba(2,4,15,.35) 45%,transparent 72%)}
.pn-antetitulo{position:relative;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.32em;color:#A9E9FF;text-shadow:0 1px 12px rgba(0,0,0,.9)}
.pn-h1-brillo{position:absolute;left:50%;top:calc(50% - 20px);width:min(620px,90%);height:140px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse at center,rgba(237,205,24,.28) 0%,rgba(255,181,64,.12) 40%,transparent 70%);opacity:.5;pointer-events:none}
.pn-h1{position:relative;margin:14px 0 0;font-size:clamp(44px,7vw,96px);font-weight:700;letter-spacing:-.02em;line-height:1.05;color:transparent;background-image:linear-gradient(100deg,#EDCD18 0%,#FFB540 14%,#EDCD18 26%,#FFF6C8 32%,#FFFFFF 34%,#EDCD18 40%,#FFB540 58%,#8FEAFF 72%,#EDCD18 86%,#EDCD18 100%);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;will-change:transform;transition:letter-spacing 1.6s cubic-bezier(.2,.8,.2,1),opacity 1.2s ease}
.pn-subtitulo{position:relative;margin:18px 0 0;max-width:560px;font-size:clamp(16px,1.6vw,20px);line-height:1.5;color:rgba(235,242,255,.92);text-wrap:pretty;text-shadow:0 1px 14px rgba(2,4,15,.95)}
.pn-rotativo{position:relative;margin:10px 0 0;min-height:20px;font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#8FEAFF;text-shadow:0 1px 10px rgba(2,4,15,.9)}
.pn-rotativo span{display:inline-block;transition:opacity .35s ease}
.pn-cta{position:relative;display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:24px;pointer-events:auto}
@media (max-width:700px){.pn-et--secundaria,.pn-et--coord{display:none}.pn-etiquetas{left:0;top:-60px}}
@media (prefers-reduced-motion:reduce){.pn-h1{transition:none}.pn-rotativo span{transition:none}}
