/* GENERICOS */
html{
    position: relative;
    min-height: 100%;
    font-size: 16px;
}
* {
    outline: none !important;
}
body, html {
    height: 100%;
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5 {
    font-family: 'roboto', serif;
    font-size: 2em ;
}
p {
    font-family: 'roboto', sans-serif;
    font-size: 1em;
}
.margi20{
    margin:20px 0px;
}
.footer-default-logo{
    width: 60px; height: 50px;
}
.footer-mobile-logo{
    width: 60px; height: 0px

}
.custom-button {
    font-size: 1.5rem;
    padding: 15px 30px;
}
.section-container {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.section-with-red-button .container {
    max-width: 75%; /* Adjust the width as needed */
}
.card-featured-news-body {
    width: 100px; /* Adjust the width as needed */
    margin: 0 auto;
}
.navbar-tamano {
    width: 50px;
    height: 50px;
}
.footer-margtop {
    margin-top: 4%;
}
.footer-img {
    max-height: 100px !important;
    margin: 0 30px;
}
.logo-menu{
    margin: 10px;
    height: 8em
}
.card-img-top {
    filter: grayscale(100%); /* Blanco y negro */
    transition: filter 0.3s ease; /* Transición suave */
}

.card-img-top:hover {
    filter: grayscale(0); /* Restaura el color al pasar el mouse */
}
main {
    min-height: calc(100vh - 218px)!important;
}