h2 {
   padding-top: 1em;
}

h3 {
    padding-top: 1em;
}
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
 }

 .navbar-light .navbar-brand {
    color: white;
 }
 .navbar-light .navbar-brand:hover {
    color: rgb(139, 240, 243);
 }

 .navbar-light .navbar-nav .nav-link {
    color: white;
 }
 .navbar-light .navbar-nav .nav-link:hover {
    color: rgb(139, 240, 243);
 }

 #navbar {
     background-color: #2e2e2e;
     border-bottom: 1.5px solid #9c9a9a;
 }

 .navbar-light .navbar-toggler {
     color: white;
     border-color: transparent;
 }

 .btn-iframe {
    background-color: rgb(70, 100, 126);
    color: white;
    border-radius: 5%;
    transition: 0.5s;
 }

 .btn-iframe:hover {
    background-color: rgb(255, 255, 255);
    color: rgb(70, 100, 126);
    border-color: black;
    font-weight: bold;
 }

 #div-loading-gif {
   display: none;
   position:relative;
   text-align: center;
   color: black; 
   border-radius: 50%;
 }

 /* Resize images */
.div-loading-gif img {
   width: 100%;
   height: auto;
}

#foto_mati {
   width: 50%;
 
   
}

html, body {
   height: 100%;
   display: flex;
   flex-direction: column;
}

.container {
   flex: 1; /* Esto hace que el contenido crezca y empuje el footer hacia abajo */
}

footer {
   background-color: #f8f9fa;
   font-size: 14px;
   color: #6c757d;
   text-align: center;
   padding: 10px;
   width: 100%;
   position: relative;
}