/* UltraVPN — estilos personalizados */
html { scroll-behavior: smooth; }

/* Contenedor global para layout consistente */
.container { width: 100%; max-width: 1200px; margin-inline: auto; padding-inline: 1rem; }

/* Asegura bordes suaves en elementos con sombra en fondos oscuros */
.shadow-soft { box-shadow: 0 10px 30px rgba(2, 6, 23, 0.1); }

/* Mejora del botón flotante de WhatsApp */
#waChat { transition: transform 0.2s ease, box-shadow 0.2s ease; }
#waChat:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(0,0,0,0.3); }

/* Utilidad para contenido ilustrativo */
.bg-grid { background-size: 20px 20px; }