Haga lo que hicimos en clase.

1. HTML – Agregar el subtítulo dentro del contenedor de enlaces

Coloca el

dentro de la div que contiene los enlaces (ej. .presentacion__enlaces) y asígnale la clase pedida.

Accede a mis redes:

Instagram GitHub

1. CSS – Cambiar a disposición vertical (Flexbox)
   .presentacion__enlaces {
   display: flex;
   flex-direction: column; /* <-- columna (vertical) */
   }

2. CSS – Alinear al centro y espaciado entre elementos
   .presentacion__enlaces {
   display: flex;
   flex-direction: column;
   align-items: center; /* centra subtítulo + botones /
   gap: 32px; / separación entre cada elemento */
   }

3. HTML – Clase para el subtítulo

(ya aplicado arriba)

Accede a mis redes:

1. CSS – Estilizar el subtítulo (Krona One 400, 24px)

Asegúrate de tener importada la fuente en tu CSS global.

/* Ejemplo de import (si aún no lo tienes) */
@import url('https://fonts.googleapis.com/css2?family=Krona+One&display=swap');

.presentacion__enlaces__subtitulo {
font-family: 'Krona One', sans-serif;
font-weight: 400;
font-size: 24px;
}

1. CSS – Nuevo estilo de los botones

Quitar fondo cian, texto blanco, borde cian de 2px, ancho 378px y bordes a 8px.

.presentacion__enlaces__link {
display: inline-block;
text-decoration: none;
color: #F6F6F6; /* texto blanco /
background: transparent; / sin fondo cian /
border: 2px solid #22D4FD; / borde cian /
width: 378px; / ancho solicitado /
border-radius: 8px; / esquinas menos redondeadas /
padding: 14px 24px; / opcional: buen espaciado interno /
text-align: center; / centra el texto dentro del botón /
/ Si usas Montserrat 600, por ejemplo:
font-family: 'Montserrat', sans-serif;
font-weight: 600;
*/
}

/* (Opcional) feedback al pasar el mouse */
.presentacion__enlaces__link:hover {
background-color: rgba(34, 212, 253, 0.1);
}