.presentacion {
    background-color: #e5cbcb;
    height: 80vh;
    width: 93vw;
    margin-right: 3vw;
    margin-left: 3vw;
    padding: 3%;
    display:flex;
    flex-direction: column;
    align-content: normal;
    align-items: center;
    justify-content: space-around;
  }
  .foto1{
    width: auto;
    max-width: 50px;
    height: 10%;
    border-radius: 2px;
    margin-right: 2px;
  }
  .presentacion-cuerpo{
    display: flex;
    flex-direction: row;
    width: 100vw;
    padding: 5%;
  }
  
  .presentacion-titulo{
    text-align: center;
    font-family: "IM Fell DW Pica", serif;
    font-style: italic;
    color: #7e2c2c;
      font-weight: 300;
      font-size:30px;
  }
  .presentacion-texto{
    margin-right: 15px;
    line-height: 1.6;
    text-align: justify;
    font-family: "IM Fell DW Pica", serif;
    font-style: italic;
    color: rgb(164, 64, 64);
    font-weight: 300;
    font-size:20px;
  }
  .curiosidades {
    background-color: #deabab;
    height: 110vh;
    width: 93vw;
    margin-left: 3vw;
    margin-right: 3vw;
    padding: 2%;
    align-items: center;
    display:grid;
    justify-content: center;
  }
  .curiosidades-title{
    text-align: center;
      font-family: "IM Fell DW Pica", serif;
      font-weight: 400;
      font-style: italic;
      font-size:30px;
      color: #ffffff;
      padding: 2%;
      padding-top: 4%;
      padding-bottom: 4%;
  }
  .lista-curiosidades{
    color:#801e1e;
    list-style-type:none;
    text-align: center;
    justify-content: center;
    align-items: center;
      font-family: "IM Fell DW Pica", serif;
      font-weight: 350;
      font-style: italic;
      font-size:28px;
  }
  .spotify1{
    justify-content: center;
    justify-self: center;
    padding: 2%;
    padding-top: 4%;
  }
  .illia {
    background-color: #e5cbcb;
    color:#7e2c2c;
    text-align: center;
    height: 20vh;
    width: 93vw;
    margin-left: 3vw;
    margin-right: 3vw;
  }
  .illia {
    margin-right: 15px;
    line-height: 1.6;
    text-align: center;
    font-family: "IM Fell DW Pica", serif;
    font-style: italic;
    color: rgb(164, 64, 64);
    font-weight: 300;
    font-size:20px;
  }
  .galeria {
    background-color: #deabab;
    color: #7e2c2c;
    text-align: center;
    height: 91vh;
    width: 93vw;
    margin-left: 3vw;
    margin-right: 3vw;
  }
  .fotos{
    width: 80px;
    height: 50px;
    border-radius: 10px;
    margin-right: 10px;
  }
  .btn-flotante {
    font-size: 16px; /* Cambiar el tamaño de la tipografia */
    text-transform: lowercase; /* Texto en mayusculas */
    font-weight: bold; /* Fuente en negrita o bold */
    color: rgb(255, 255, 255); /* Color del texto */
    border-radius: 5px; /* Borde del boton */
    letter-spacing: 2px; /* Espacio entre letras */
    background-color: #7e2c2c; /* Color de fondo */
    padding: 18px 30px; /* Relleno del boton */
    position: fixed;
    bottom: 40px;
    right: 40px;
    transition: all 300ms ease 0ms;
    box-shadow: 0px 8px 15px rgb(0, 0, 0);
    z-index: 99;
  }
  .btn-flotante:hover {
    background-color: #ac3a3a; /* Color de fondo al pasar el cursor */
    box-shadow: 0px 15px 20px rgb(0, 0, 0);
    transform: translateY(-7px);
  }
  @media only screen and (max-width: 768px) {
    .btn-flotante {
      font-size: 14px;
      padding: 12px 20px;
      bottom: 20px;
      right: 20px;
    }
    .presentacion {
      max-height: 70%;
      height: fit-content;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      padding: 2%;
      font-size: 3vmin;
    }
  
    .presentacion-cuerpo{
      flex-direction: column;
    }
    .presentacion img {
      max-width: 100%;
      height: auto;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      padding: 2%;
    }
    .curiosidades{
      max-height: 70%;
      height: fit-content;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      padding: 2%;
      font-size: 3vmin;
    }
  }