/*
 * White Web Development - shared styles
 * Utilidades comunes a todas las páginas.
 */
html { scroll-behavior: smooth; }
body { font-family: 'Montserrat', sans-serif; }
.font-brand { font-family: 'Space Grotesk', sans-serif; }
.font-cinzel { font-family: 'Cinzel', 'Times New Roman', serif; letter-spacing: 0.04em; }

/* Patrón de cuadrícula tecnológica */
.bg-tech-grid {
    background-image:
        linear-gradient(to right, #1a1a1a 1px, transparent 1px),
        linear-gradient(to bottom, #1a1a1a 1px, transparent 1px);
    background-size: 40px 40px;
}

.hover-text-brand:hover { color: #40E0D0; transition: color 0.3s ease; }

.hover-glow:hover {
    box-shadow: 0 0 15px rgba(64, 224, 208, 0.15);
    border-color: #40E0D0;
}

.glow-on-hover { transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
.glow-on-hover:hover,
.glow-on-hover:active {
    border-color: #40E0D0 !important;
    box-shadow: 0 0 20px rgba(64, 224, 208, 0.5);
    transform: translateY(-2px);
}

/* Rendimiento: pausa animaciones de secciones fuera de pantalla */
.anim-paused svg *,
.anim-paused .visual-block,
.anim-paused .animate-pulse-drop {
    animation-play-state: paused !important;
}

/* Accesibilidad: respeta la preferencia de movimiento reducido */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
        scroll-behavior: auto !important;
    }
}