/* Import components */
@import url('components/header.css');
@import url('components/footer.css');
@import url('components/hero.css');
@import url('components/casos-exito.css'); /* Asegúrate que la ruta sea correcta si moviste archivos */
@import url('components/home.css');
@import url('components/acerca-nosotros.css'); 
@import url('components/contacto.css');
@import url('components/portafolio.css');
@import url('components/animations.css');
@import url('components/politica-privacidad.css');
@import url('components/noticias-detalle.css');

/* Reset básico */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Variables globales */
:root {
    --primary-color: #3A1840; /* Morado oscuro */
    --secondary-color: #FCE60D; /* Amarillo */
    --accent-color: #6949FF; /* Morado brillante */
    --dark-bg: #3A1840; /* Fondo muy oscuro */
    --light-bg: #F3F0FF; /* Fondo claro lila */
    --text-color: #333; /* Texto principal oscuro */
    --text-light: #fff; /* Texto claro */
    --text-muted: #333; /* Texto secundario/gris */
    --font-primary: 'Plus Jakarta Sans', sans-serif;
}

/* Estilos globales */
body {
    font-family: var(--font-primary);
    color: var(--text-color);
    line-height: 1.6; /* Añadir interlineado base */
}

/* Utilidades (Opcional, pero útil) */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem; /* Padding base para contenedores */
}

img {
    max-width: 100%;
    height: auto;
    display: block; /* Evita espacio extra debajo de las imágenes */
}

a {
    color: var(--primary-color);
    text-decoration: none;
    transition: color 0.3s ease;
}

a:hover {
    color: var(--accent-color);
}

/* Puedes añadir más estilos globales aquí */