/* Estilos personalizados para page-lux.php (Lux2026) — solo lo que Tailwind no cubra */

@font-face {
    font-family: OswaldBold;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../assets/fonts/Oswald-Bold.ttf") format("truetype");
}

html{
    overflow-x: hidden;
}
body{
    margin:0;
    font-family: 'OswaldBold', sans-serif;
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;
}
.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Línea de escaneo sobre el preview al "analizar con IA" */
@keyframes lux-scan {
    0%   { top: 6%;  opacity: 0; }
    12%  { opacity: 1; }
    88%  { opacity: 1; }
    100% { top: 94%; opacity: 0; }
}
.lux-ia-scanline {
    top: 6%;
    animation: lux-scan 1.1s ease-in-out infinite;
}

/* Línea del footer: se expande del centro hacia los lados al hacer scroll */
.lux-footer-line {
    position: relative;
    transform: scaleX(0);
    background: linear-gradient(90deg, transparent, #7c3aed 25%, #4f8ef7 50%, #7c3aed 75%, transparent);
    box-shadow: 0 0 5px 2px rgba(124, 58, 237, 0.55), 0 0 22px 4px rgba(79, 142, 247, 0.4);
}
.lux-footer-line::before,
.lux-footer-line::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 60px;
    height: 40px;
    transform: translateY(-50%);
    background: #ffffff;
    filter: blur(14px);
    pointer-events: none;
}
.lux-footer-line::before {
    left: -20px;
}
.lux-footer-line::after {
    right: -20px;
}