.modal-mediano {
  max-width: 700px; /* Ajustá según lo que necesites */
}

.mi-enlace {
    color: #75979f; /* Color del texto */
    text-decoration: none; /* Sin subrayado */
    font-weight: bold; /* Texto en negrita */
    display: inline-flex; /* Alineación del texto y el ícono */
    align-items: center; /* Centrar ícono y texto */
    gap: 5px; /* Espaciado entre el ícono y el texto */
    padding: 5px 10px;
   /* border: 2px solid #007bff;*/
    border-radius: 5px;
    background-color: #f9f9f9;
    transition: background-color 0.3s, color 0.3s;
}

.mi-enlace:hover {
    background-color: #75979f;
    color: white;
    text-decoration: none;
}

.mi-enlace i {
    font-size: 14px; /* Tamaño del ícono */
}

@font-face {
    font-family: 'MiFuentePersonalizada';
    src: url('./../fonts/Inter-VariableFont_slnt_wght.ttf') format('truetype');
}

body {
    font-family: 'MiFuentePersonalizada', sans-serif;
}


/* Cambiar tamaño del texto de los títulos principales */
.titulo-principal {
    font-size: 15px; /* Tamaño del texto */
    font-weight: bold; /* Negrita */
    color: #ffecd1; /* clarito */
}

/* Cambiar tamaño del subtítulo */
.subtitulo {
    font-size: 20px; /* Ajusta el tamaño del subtítulo */
    font-weight: normal; /* Texto más ligero */
	color: #ffecd1; /* clarito */
}

/* Cambiar tamaño y estilo de la fecha */
.date {
    font-size: 16px; /* Tamaño del texto de la fecha */
    font-style: italic; /* Estilo cursiva */
    color: #ffecd1; /* Color gris */
}

/* Asegurarse de que los elementos dentro del header se ajusten */
.container {
    max-width: 1200px; /* Ancho máximo */
    margin: 0 auto; /* Centrado */
    padding: 10px;
}

.text-right {
    text-align: right; /* Alineación a la derecha */
}