html,
body {
    height: 100%;
    overflow-x: hidden;
}

.logo {
    max-height: 60px;/
}

.navbar-nav .nav-link:hover {
    color: #9C0444 !important;
    /* Change text color on hover */
}

.navbar-nav .nav-link .bi {
    font-size: 1.1rem;
    /* Adjust the size as needed */
}

.navbar-nav .inicio-link .nav-link {
    color: #9C0444 !important;
}

.text-custom-color {
    color: #9C0444;
}

.text-custom-color-white {
    color: #ffffff;
}

.icon-large {
    font-size: 2.5em;
    /* Puedes ajustar este valor según el tamaño que desees */
}

.custom-img-univalle {
    width: 170px;
    /* Define el ancho deseado */
    margin-left: 20px;
    margin-top: 10px;

}

.custom-img-uma {
    width: 200px;
    /* Define el ancho deseado */
    margin-top: 50px;
    /*margin-right: 50px;*/
}

.social-icon i:hover {
    color: #383838;
    /* Cambia el color del icono al pasar el mouse por encima */

}

.border-custom {
    border-top: 3px solid #9C0444;
    /* Define el borde con un grosor de 2px y color #9C0444 */
}

.border-custom-header {
    border-bottom: 3px solid #9C0444;
    /* Define el borde con un grosor de 2px y color #9C0444 */
}

.img-fondo-opacity {
    opacity: 1;
    /* Opacidad al 50% */

}

.text-border {
    -webkit-text-stroke: 1px #ffffff;
    /* Borde negro */
    color: transparent;
    /* Hace que el texto sea transparente para mostrar solo el borde */
    font-weight: bold;
    /* Aplica negrita al texto */
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    /* Sombreado para mejorar la visibilidad */
}

/* CSS personalizado */
/* CSS personalizado */
.custom-button {
    background-color: #9C0444; /* Color de fondo del botón */
    border-color: #ffffff; /* Color del borde del botón */
    border-width: 1px; /* Ancho del borde */
    border-style: solid; /* Estilo del borde */
    color: white; /* Color del texto */
    font-size: 1.5rem; /* Tamaño de la fuente */
    padding: 10px 25px; /* Relleno del botón (arriba/abajo, izquierda/derecha) */
    border-radius: 25px; /* Radio de borde para hacer las esquinas redondeadas */
}

.custom-button:hover {
    background-color: #7F0337; /* Color de fondo del botón al hacer hover */
    border-color: #7F0337; /* Color del borde del botón al hacer hover */
}

.custom-button:active {
    background-color: #4D0220; /* Color de fondo del botón al hacer clic */
    border-color: #4D0220; /* Color del borde del botón al hacer clic */
}
.size-text {
    font-size: 20px; /* Tamaño de fuente en píxeles */
    border: 1px solid #9C0444; /* Borde de 1 píxel de grosor y color #9C0444 */
    border-radius: 15px;
    margin-bottom: 5px;
    
    /* Otros estilos de texto según sea necesario */
}
.custom-button-vermas {
    background-color: #ffffff; /* Color de fondo del botón */
    border-color: #9C0444; /* Color del borde del botón */
    border-width: 1px; /* Ancho del borde */
    border-style: solid; /* Estilo del borde */
    color: #9C0444; /* Color del texto */
    font-size: 1.5rem; /* Tamaño de la fuente */
    padding: 10px 25px; /* Relleno del botón (arriba/abajo, izquierda/derecha) */
    border-radius: 25px; /* Radio de borde para hacer las esquinas redondeadas */
}
.custom-card {
    border: 2px solid #9C0444;
}
.button-card{
    background-color: black; 
    border: 2px solid white;
}
.title-card{
    background-color: #9C0444; 
    border-radius: 5px; padding: 3px;
}