/* ==========================================================================
   Estilos personalizados para Landing Page - Chatbots WhatsApp E-commerce
   Estilo: Neo-brutalismo (Inspirado en el diseño de referencia)
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root {
    --lime: #B9FF66;
    --dark: #191A23;
    --light: #F3F3F3;
    --white: #FFFFFF;
    --gray-700: #374151;
    --gray-600: #4B5563;
    --gray-400: #9CA3AF;
    --gray-200: #E5E7EB;
}

/* Sombra sólida Neo-brutalista */
.shadow-solid {
    box-shadow: 0 6px 0 0 var(--dark) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.shadow-solid:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 0 0 var(--dark) !important;
}

/* Destacados de texto (Fondo tipo marcador) */
.title-highlight {
    background-color: var(--lime);
    padding: 2px 10px;
    border-radius: 6px;
    display: inline-block;
    color: var(--dark);
}

.title-highlight-white {
    background-color: var(--white);
    color: var(--dark);
    padding: 2px 10px;
    border-radius: 6px;
    display: inline-block;
}

/* Ajustes de transiciones globales */
a, button, input {
    transition: all 0.2s ease-in-out;
}

/* Animación sutil de rotación para elementos del diseño */
@keyframes slow-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.animate-slow-spin {
    animation: slow-spin 20s linear infinite;
}