html {
  min-height: 100%;
  width: 100%;
  position: relative;
  background-color: #eae7e0;
}

body  {
   /*margin: 0;*/
    margin-bottom: 40px;
    background-color: #eae7e0;
}
    /*logo de inicio de sesión*/
.logo {

    width: 30%; 
}

.footer {
  background-color: #eae7e0;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  
  color:  #244064;
  text-align: center;
}

.btn-ingresar:hover{

  background-color: #244064;
  

}


.btn2 {
  background-color: #244064;
  text-align: center;
  
}

.btn2:hover {
  background-color: #d04a31;
}

.btn3 {
  background-color: #244064;
  text-align: center;
  
}

.btn3:hover {
  background-color: #d04a31;
}


.btn4 {
  background-color: #244064;
  text-align: center;
  
}

.btn4:hover {
  background-color: #d04a31;
}

.btn5 {
  background-color: #244064;
  text-align: center;
  
}

.btn5:hover {
  background-color: #d04a31;
}


.btn6 {
  background-color: #a31a24; /* Cambia el color de fondo del botón */
  color: #FFFFFF; /* Cambia el color del texto del botón */
  /* Agrega otros estilos según sea necesario */
}



#main-footer {
  display: none;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 999;
}

body::after {
  content: "";
  display: block;
  height: 100px; /* Ajusta la altura para determinar cuánto contenido debe desplazarse antes de mostrar el footer */
}

body.show-footer #main-footer {
  display: block;
}

.left-aligned-textarea {
  text-align: left;
  padding-top: 0;
}
.left-aligned-textarea {
  text-align: left;
  padding-top: 0;
}


.edit-icon {
  font-size: 30px; /* Tamaño más grande para el ícono */
  color: #2b87c8; /* Color azul */
  cursor: pointer; /* Cambio de cursor */
}

/* Cambio de color al hacer hover */
.edit-icon:hover {
  color: #3498db; /* Cambio de color al hacer hover (azul más claro) */
}