/* 5 - Importar fuente Montserrat peso 600 */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap');
/* 3 - Clase común para los botones /
.boton {
font-family: "Montserrat", sans-serif;
font-weight: 600; / Peso 600 /
text-decoration: none; / Sin subrayado /
color: #000; / Texto negro /
background-color: #22d4fd; / Color de fondo según Figma /
padding: 12px 24px; / 4 - Espaciado interno consistente /
border-radius: 8px; / Bordes redondeados /
font-size: 18px; / 2 - Fuente más grande para visibilidad /
display: inline-block;
margin: 0 10px; / 1 - Espaciado horizontal entre botones /
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); / 2 - Sombra para visibilidad /
transition: background-color 0.3s, transform 0.2s;
border: 2px solid transparent; / Borde para hover accesible */
}
/* 2 - Efectos de hover y foco para accesibilidad */
.boton:hover,
.boton:focus {
background-color: #1bb8de;
transform: translateY(-2px);
border-color: #000;
}
