Cordial saludo
A continuación adjunto codigo utilizado para la actividad
Muchas Gracias
/* Colores principales */
--color-principal: #3498db;
--color-secundario: #2ecc71;
--color-acento: #e74c3c;
/* Tipografía y espaciado */
--font-base: 16px;
--line-height-base: 1.5;
--spacing-md: 1rem;
}
/* Aplicación de variables en estilos globales */
body {
background-color: var(--color-principal);
color: var(--color-secundario);
font-size: var(--font-base);
line-height: var(--line-height-base);
margin: 0;
padding: var(--spacing-md);
}
/* Encabezado */
header {
background-color: var(--color-acento);
color: var(--color-principal);
}
/* Títulos */
h1, h2 {
color: var(--color-secundario);
}
/* Párrafos */
p {
color: var(--color-principal);
}
/* Enlaces destacados */
a, .btn {
color: var(--color-acento);
background-color: var(--color-secundario);
}
/* Navegación encabezado */
nav ul {
display: flex;
list-style: none;
padding: 0;
}
nav ul li a {
text-decoration: none;
padding: 0.5rem 1rem;
}
/* Ejemplo de espacio/esquema visual */
.section {
background-color: var(--color-secundario);
border: 1px solid var(--color-acento);
padding: var(--spacing-md);
}
