/*
 * Hoja de estilos personalizada para Uneed
 * Autor: Uneed Team
 * Versión: 1.0
 */

/* ======== FUENTE Y FONDO BASE ======== */
body {
    font-family: 'Poppins', sans-serif;
    background-color: #0A0A1A; /* Un azul muy oscuro para el fondo general */
}

/* ======== VARIABLES DE COLOR DE LA MARCA ======== */
:root {
    --brand-blue: #291984;
    --brand-mint: #20FFCF;
}

/* ======== CLASES DE UTILIDAD PERSONALIZADAS ======== */

/* Colores de la marca */
.bg-brand-blue { background-color: var(--brand-blue); }
.text-brand-mint { color: var(--brand-mint); }
.border-brand-mint { border-color: var(--brand-mint); }

/* Sombras y Focos */
.shadow-mint { box-shadow: 0 0 15px 0 rgba(32, 255, 207, 0.4); }
.focus-ring-mint:focus {
    --tw-ring-color: var(--brand-mint);
    border-color: var(--brand-mint);
}

/* Estilo para el enlace de navegación activo */
.active-nav {
    color: var(--brand-mint);
    font-weight: 700;
}

/* ======== ESTILOS DE SECCIÓN REUTILIZABLES ======== */

/* Títulos de sección */
.section-title {
    /* Estas clases son de Tailwind, pero se definen aquí para reutilizarlas fácilmente */
    @apply text-3xl md:text-4xl font-bold text-white mb-2;
}

/* Subtítulos de sección */
/.section-subtitle {
    @apply text-lg text-brand-mint font-semibold mb-12;
}

/* ======== ESTILOS PARA SECCIONES ESPECÍFICAS ======== */

/* Logos de Partners */
.partner-logo {
    filter: grayscale(100%) brightness(0.7) contrast(1.2);
    transition: all 0.3s ease-in-out;
}

.partner-logo:hover {
    filter: grayscale(0%) brightness(1) contrast(1);
    transform: scale(1.1);
}