Haga lo que hicimos

/* Espaciado entre imagen y texto en la presentación */ .presentacion { display: flex; flex-direction: row; gap: 2rem; }

/* Media Queries para ajustes en pantallas pequeñas / @media (max-width: 1200px) { .presentacion { flex-direction: column-reverse; / Imagen sobre el texto */ } }

@media (max-width: 1023px) { .presentacion { flex-direction: column; /* Imagen sobre texto en menor a 1023px */ align-items: center; } }

/* Encabezado */ .encabezado { padding: 1.5rem 3rem; display: flex; justify-content: space-between; }

/* Ajustes de encabezado en pantallas pequeñas */ @media (max-width: 768px) { .encabezado { padding: 1rem; flex-direction: column; align-items: center; justify-content: center; } }

/* Menú de encabezado */ .header__menu { display: flex; justify-content: center; align-items: center; }

@media (max-width: 768px) { .header__menu { flex-direction: column; } }