/* ============================================================
   IPGuard · estilos compartidos para todas las páginas internas
   ============================================================ */
html{scroll-behavior:smooth}
body{font-family:Figtree,sans-serif;background:#fff;color:#0b1017;-webkit-font-smoothing:antialiased}
.wrap{max-width:1340px;margin-inline:auto;padding-inline:36px}
@media (max-width:640px){.wrap{padding-inline:20px}}
.disp{font-family:Figtree,sans-serif}
.kover{letter-spacing:.18em}
.ln{border-color:#e6e8ee}

/* Header */
#hdr{transition:background .35s ease, box-shadow .35s ease, color .35s ease, border-color .35s ease}
#hdr .nl{color:rgba(255,255,255,.9)}
#hdr .bdark{display:none}
#hdr.solid{background:rgba(255,255,255,.96);backdrop-filter:saturate(1.3) blur(10px);box-shadow:0 1px 0 #e6e8ee}
#hdr.solid .nl{color:#28303f}
#hdr .brand-txt{color:#fff}
#hdr.solid .brand-txt{color:#0b1017}
#hdr.solid .blight{display:none}
#hdr.solid .bdark{display:block}
#hdr.solid .util{color:#5a6474;border-color:#e6e8ee}
#hdr .util{color:rgba(255,255,255,.65);border-color:rgba(255,255,255,.16)}

/* Mega menu */
.mega{opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s ease, transform .2s ease, visibility .2s;pointer-events:none}
.hm:hover .mega{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.hm:hover .cz{transform:rotate(180deg)}

/* Reveal on scroll */
.rv{opacity:0;transform:translateY(22px);transition:opacity .85s cubic-bezier(.2,.7,.2,1), transform .85s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
.rv.d1{transition-delay:.09s}.rv.d2{transition-delay:.18s}.rv.d3{transition-delay:.27s}
.ul-ani{background-image:linear-gradient(currentColor,currentColor);background-size:100% 2px;background-repeat:no-repeat;background-position:0 100%;padding-bottom:6px}

/* Marquee */
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.marquee-track{animation:marquee 32s linear infinite}
.marquee-track:hover{animation-play-state:paused}
.marquee-mask{-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}

/* Offset para páginas internas (cabecera fija) */
.page-offset{padding-top:112px}