:root {
  --color-azul: #5034c4;
  --color-morado: #a06ce4;
}

html,
body {
  overflow: auto;
  overflow-x: hidden;
  margin: 0;
}

body {
  display: flex;
  flex-direction: column;
}

main {
  flex: 1;
}

.homeUser_happpy{
  width: 100%;
    height: 400px;
    background-image:  var(--background-image);
    background-size: cover;
    color: #FFF;
}

.happpy_bt_bb_green{
  border-top: 5px solid #d6fc4d;
  border-bottom: 5px solid #d6fc4d;
  padding: 25px;
}

footer {
  height: 10vh;
}

.fondo-azul {
  background-color: #000000;
}

.fondo-rojo {
  background-color: #000000 ;
}

.back-agradecimiento{
  background-color: #ffc628;
  position: fixed;
  bottom: 30%;
  left: 50%;
  transform: translateX(-50%);
}
.color-azul {
  color: #000000;
}

.color-morado {
  color: #000000;
}

.img-navbar {
    display: block; 
    margin-right: auto; 
    margin-left: 2vw; 
    width: 200px;
}

/* Ajuste para pantallas móviles */
@media (max-width: 768px) {
    .img-navbar {
        margin-left: 20px;
    }
}

p {
    color: #000000 !important;
}

.custom-button {
  border: 1px solid #34ADE4;
  color: #34ADE4;
  background-color: #34ADE4;
  color:#fafafb;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid #34ADE4;
  padding: 0 20px 0 20px;
  text-decoration: none;
}
 
#messagesError {
    color: #103682 !important; 
    font-size: 1.1em;
    font-weight: 500;
    line-height: 1.6;
}