/* assets/css/estilos.css */

/* --- Fuentes --- */
body {
    font-family: 'Lexend', sans-serif;
    background-color: #0f111a;
    color: #d1d5db;
    /* text-gray-300 */
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6,
.font-display {
    font-family: 'Oswald', sans-serif;
}

/* --- Selección de texto --- */
::selection {
    background-color: #E82C63;
    color: white;
}

/* --- Variables de color (para facilitar cambios futuros) --- */
:root {
    --color-evenzi: #E82C63;
    --color-evenzi-hover: #c91e50;
    --glass-bg: #161b22;
    --glass-border: #30363d;
}

/* --- Clases de Utilidad Personalizadas --- */
.text-custom-evenzi {
    color: var(--color-evenzi);
}

.bg-custom-evenzi {
    background-color: var(--color-evenzi);
}

/* --- Componente: Tarjeta de Vidrio (Glassmorphism) --- */
/* Esto reemplaza a las clases largas repetidas en la sección "features" */
.glass-card {
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    transition: all 0.3s ease;
}

.glass-card:hover {
    transform: translateY(-5px);
    border-color: var(--color-evenzi);
    box-shadow: 0 10px 30px -10px rgba(232, 44, 99, 0.2);
}

/* --- Componente: Botón Principal --- */
/* Reemplaza: bg-[#E82C63] hover:bg-[#c91e50] text-white... etc */
.btn-evenzi {
    background-color: var(--color-evenzi);
    color: white;
    font-weight: bold;
    border-radius: 0.75rem;
    /* rounded-xl */
    transition: all 0.3s ease;
    box-shadow: 0 20px 25px -5px rgba(219, 39, 119, 0.2);
    /* shadow-pink-600 */
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
}

.btn-evenzi:hover {
    background-color: var(--color-evenzi-hover);
    transform: translateY(-4px);
}