/* --- 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

Publicar un comentario

0 Comentarios