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

/* Variables CSS para fácil personalización */
:root {
  --color-primario: #2563eb;
  --color-secundario: #f59e0b;
  --color-texto: #1e293b;
  --color-fondo: #ffffff;
  --fuente-principal: "Segoe UI", system-ui, sans-serif;
}

body {
  font-family: var(--fuente-primaria);
  color: var(--color-texto);
  line-height: 1.6;
}

/* Utilidades */
.contenedor {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
}

/* Animación suave al cargar */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.hero-contenido {
  animation: fadeIn 1s ease-out;
}