body {
  padding-bottom: 20px;
}

/* Barra de navegacion */
.navbar {
  margin-bottom: 0; /* Elimina el margen inferior del navbar */ 
}

.text-center {  
  margin-top: 0;  /* Elimina el margen superior de la sección hero */  
}

/* Footer */
footer {  
  margin-top: 0;  /* Elimina el margen superior del footer */  
}

.container {  
  padding-bottom: 0;  /* Elimina el relleno inferior del contenedor */  
}

/* Estilos generales */
.fade {  
  transition: opacity 0.5s ease;  
}  
.show {  
  opacity: 1;  
}  
.hide {  
  opacity: 0;  
  height: 0;  
  overflow: hidden;  
}







/* Adaptable (Responsivo) */

@media screen and (max-width: 400px) {
  .overlay p {
    font-size: 18px;
  }

  .overlay i {
    font-size: 40px;
  }
}

@media screen and (max-width: 768px) {
  .navbar-brand {
    display: none;
  }
}

@media (min-width: 992px) {
  .rounded-lg-3 { border-radius: .3rem; }
}