@tailwind base;
@tailwind components;
@tailwind utilities;

/* --- Configuración Base y Reseteo --- */
html, body {
    max-width: 100%;
    overflow-x: hidden; /* Evita el baile lateral en móviles */
    scroll-behavior: smooth;
    background-color: #1A1A1D;
    -webkit-tap-highlight-color: transparent;
}

body {
    font-family: 'Montserrat', sans-serif;
}

/* --- Tipografías --- */
h1, h2, h3, h4, h5, .font-bebas {
    font-family: 'Bebas Neue', cursive;
}

/* --- Efectos de Texto (Hero) --- */
.stroke-text {
    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.3);
    color: transparent;
}

@media (min-width: 768px) {
    .stroke-text {
        -webkit-text-stroke: 2px rgba(255, 255, 255, 0.4);
    }
}

/* --- Navegación y Navbar --- */
.glass-nav {
    background: rgba(0, 0, 0, 0.95);
    backdrop-filter: blur(15px);
    border-bottom: 1px solid rgba(255, 122, 45, 0.2);
    padding: 0.75rem 1rem !important;
}

/* Estilos específicos para el Menú Móvil Abierto */
@media (max-width: 767px) {
    #nav-links.active {
        display: flex !important;
        flex-direction: column;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: rgba(0, 0, 0, 0.98);
        backdrop-filter: blur(20px);
        padding: 2.5rem 0;
        border-bottom: 2px solid #FF7A2D;
        z-index: 40;
    }

    #nav-links.active li {
        width: 100%;
        text-align: center;
        margin: 1.2rem 0; /* Interlineado aumentado para dedos */
    }

    #nav-links.active li a {
        font-size: 1.4rem;
        letter-spacing: 0.3em;
        display: block;
        padding: 0.6rem 0;
    }
}

/* --- Animaciones de Revelación (Scroll) --- */
.section-reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1);
}

.section-reveal.active {
    opacity: 1;
    transform: translateY(0);
}

/* --- Botón WhatsApp Flotante --- */
@keyframes pulse-green {
	0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); }
	70% { transform: scale(1); box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); }
	100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}

.btn-whatsapp {
    animation: pulse-green 2s infinite;
}

/* --- Elementos de Formulario (Select) --- */
select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23D9A036'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 1.25rem center;
    background-size: 1.25rem;
}

/* --- Efectos de Botones --- */
.btn-neon:active {
    transform: scale(0.96);
}