/* --- Paleta de Colores Profesional y Llamativa (Cálidos) --- */
:root {
/* Neutro Oscuro Principal: profesionalismo, solidez */
--color-dark: #20272E;
/* Llamativo/Accento 1 (Cálido): energía, urgencia, atención */
--color-accent-orange: #FF4500; /* Naranja Oscuro Vibrante */
/* Llamativo/Accento 2 (Cálido): visibilidad, optimismo */
--color-accent-yellow: #FFD700; /* Dorado brillante */
/* Fondo Claro: limpieza, contraste */
--color-light: #F4F4F9;
/* Texto Secundario/Destacados */
--color-text-light: #FFFFFF;
--color-text-dark: #333333;
/* Fuente (Opcional: puedes cambiar a 'Roboto', 'Oswald', etc.) */
--font-primary: 'Arial', sans-serif;
}
/* --- Reset Básico y Tipografía --- */
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: var(--font-primary);
line-height: 1.6;
background-color: var(--color-light);
color: var(--color-text-dark);
}
a {
text-decoration: none;
color: var(--color-accent-orange);
}
/* --- Estilos del Encabezado (Header) --- */
.main-header {
background-color: var(--color-dark);
color: var(--color-text-light);
padding: 15px 5%;
display: flex;
justify-content: space-between
0 Comentarios