[Proyecto] Haga lo que hicimos en aula,

body { background-color: #000000; /* Fondo negro / color: #F6F6F6; / Texto claro */ font-family: Arial, sans-serif; margin: 0; padding: 0; text-align: center; }

header { background-color: #3b82f6; /* Color azul */ padding: 20px; }

nav ul { list-style: none; padding: 0; }

nav ul li { display: inline; margin: 0 15px; }

nav ul li a { color: white; text-decoration: none; font-weight: bold; }

main { padding: 50px 20px; }

.titulo-blog { color: #e74c3c; /* Título en rojo */ font-size: 2em; font-family: 'Arial', sans-serif; }

.texto-destacado { color: #f39c12; /* Texto destacado en dorado */ font-weight: bold; font-size: 1.2em; }

.urgente { color: red; font-weight: bold; background-color: yellow; }

#presentacion p { color: #cdef44; /* Párrafo en verde */ }

#presentacion a { display: inline-block; margin: 10px; padding: 10px 20px; background-color: white; color: #3b82f6; /* Botón azul */ border-radius: 5px; text-decoration: none; font-weight: bold; }

#presentacion a:hover { background-color: lightgray; }

footer { background-color: #3b82f6; padding: 10px; position: absolute; width: 100%; bottom: 0; }

#imagen { background-color: beige; padding: 10px; display: inline-block; border-radius: 10px; max-width: 350px; margin: 0 auto; }

#imagen img { max-width: 45%; height: auto; border-radius: 6px; }

• { margin: 0; padding: 0; box-sizing: border-box; }

.box-example { margin: 20px; padding: 15px; border: 2px solid #ccc; background-color: #f9f9f9; }