.boton_inicio{
    background-color: #9191bd;
    color: #fff;
    border-radius: 10px;
    border: none;
    padding: 10px 45px;
    cursor: pointer;
    margin-top: 20px;
    margin-bottom: 10px;
}

.boton_inicio:hover{
    background-color: #7a7a9a;
  }


  *{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
 }
 
 body{
  background-image: linear-gradient(180deg, #e4e4e4 0%, #c7eef3 100%);
}
 
 .mensaje{
   width: 100% ;
   height: 500px;
   padding: 40px 0;
   display: flex;
   margin: 0 auto;
   font-style: oblique;
   font-size: 15pt;
   text-align: center;
   justify-content: center;
   align-items: center;
 }
 
 .intercambio{
  display: block;
  height: auto;
  width: 100%;
  padding: 50px;
  margin: 20px ;
  border-radius: 20px;
  background-color: #eeeeee;
   box-shadow: 
        0 5px 15px rgba(0, 0, 0, 0.1),  /* Sombra suave */
        0 10px 20px rgba(0, 0, 0, 0.1), /* Sombra más profunda */
        0 15px 30px rgba(0, 0, 0, 0.05); /* Sombra adicional para mayor profundidad */
    margin: 30px auto; /* Centrar el div horizontalmente */
    transition: box-shadow 0.3s ease, transform 0.3s ease; /* Transiciones suaves */
 }

 .intercambio-contenido { /* ESTE SE CAMBIA ABLOCK PARA MOVILES*/
  display: flex; /* Usamos flexbox para alinear la imagen y el contenido */
  align-items: center; /* Alinear verticalmente al centro */
}

.imagen-intercambio {
  width: 100px; /* Ajusta el tamaño de la imagen */
  height: auto; /* Mantener la relación de aspecto */
  margin-right: 20px; /* Espacio entre la imagen y el contenido */
}

.info-intercambio {
  flex: 1; /* Hacer que el contenido ocupe el resto del espacio disponible */
}

 .intercambio:hover{
  transform: translateY(-10px); /* Elevar el div al hacer hover */
  box-shadow: 
      0 10px 20px rgba(0, 0, 0, 0.2),  /* Aumentar la sombra */
      0 15px 30px rgba(0, 0, 0, 0.15), 
      0 20px 40px rgba(0, 0, 0, 0.1);  /* Más profundidad al hacer hover */
 }

 .info{
  margin: 5px 0;
 }
 
 .contenedor_libros{

    box-shadow: 0 5px 7px rgba(0, 0, 0, .1);
    background-color: #c7eef3;
    padding: 40px 0;
    width: 90%;
   height: auto;
    transition: all 1s ease;
    margin: 0 auto;
    margin-top: 40px;   
    text-align: center;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
 
 }
 
 .container-form{
  border-radius: 20px;
   
  height: auto;
  width: 100%;
  transition: all 1s ease;
  padding-bottom: 40px;
 
 }


 .contenedor-intercambios{
  width: 100%;
 }
 
 .form-information{
   display: flex;
   align-items: center;
   justify-content: center;
   width: 90%;
   text-align: center;
   background-color: #ffffff;
   border-bottom-left-radius: 20px ;
   border-bottom-right-radius: 20px;
   margin: 0 auto;
 }
 
 .form-information-childs{
    margin-top: 170px;
  display: block;
  align-items: center;
  justify-content: center;
   padding: 0 30px;
   min-height: 500px;
   border-bottom-left-radius: 20px ;
    width: 100%;
    border-bottom-right-radius: 20px;
    box-shadow: 0 5px 7px rgba(0, 0, 0, .1);
 
 }
 
 .form-information-childs h2{
   color: #333;
   font-size: 2rem;
 }
 
 .form-information-childs p{
   color: #555;
 }
 
 .form{
   margin: 30px 0 0 0;
 }

 
 
 
 @media screen and (max-width: 200px){
  *{
     display: none;
  }
}