/* Este archivo CSS puede ser utilizado para estilos globales no cubiertos por Tailwind o para personalizaciones */

/* Importar la fuente Inter (ya cargada en HTML, pero se puede definir aquí si se prefiere) */
/* @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap'); */

/* Estilos base para el cuerpo (ya definidos en el head de cada HTML para Tailwind, pero se pueden centralizar aquí) */
/* body {
    font-family: 'Inter', sans-serif;
    background-color: var(--color-background);
    color: var(--color-primary);
} */

/* Asegura que las imágenes no se desborden y sean responsivas */
img {
    max-width: 100%;
    height: auto;
}

/* Estilos para el formulario de contacto (ejemplo, Tailwind ya maneja gran parte) */
input[type="text"],
input[type="email"],
textarea {
    /* Puedes añadir estilos adicionales aquí si los de Tailwind no son suficientes */
    /* Por ejemplo: border: 1px solid #ccc; */
}

/* Estilos para el carrusel de logos si se implementa con JavaScript (ejemplo) */
/* .logo-carousel-container {
    overflow: hidden;
    white-space: nowrap;
}

.logo-carousel-track {
    display: inline-block;
    animation: scroll-logos 20s linear infinite;
}

.logo-carousel-track img {
    display: inline-block;
    margin: 0 20px;
}

@keyframes scroll-logos {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
} */

/* Clases para animaciones al hacer scroll (ya definidas en el head de cada HTML para Tailwind) */
/* .animate-on-scroll {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.animate-on-scroll.is-visible {
    opacity: 1;
    transform: translateY(0);
} */

/* Estilos para el botón flotante de WhatsApp (ya definidos en el head de cada HTML para Tailwind) */
/* .whatsapp-button {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #25D366;
    color: white;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease;
    z-index: 1000;
}

.whatsapp-button:hover {
    transform: scale(1.1);
} */