@media only screen and (max-height: 630px) {
    .preguntar{
      margin-top: 11vh;
    }
  }


/* media query tablet */
@media (min-width: 641px) and (max-width: 1140px) 
{

  .tercera_section--titulo {
    position: absolute;
    padding-bottom: 0px;
    left: 50%;
    transform: translate(-46%, 6%);
    text-align: center;
    position: absolute;
    top: -2vh;
    width: 52%;
  }

  .section_carousel--section2 {
    position: absolute;
    width: 100%;
    height: 78vh;
  }

    .contenedor_tercer--section {
        position: relative;
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        width: 100%;
      }
    
    .carrusel2-inner.carru2 {
        position: relative;
        left: auto;
        right: auto;
        transform: translate(0, 63%);
        margin-top: -179px;
      }

      .fondo_section--tres {
        top: 0;
        left: 0;
        width: 100%;
         height: 100vh; 
      }

      .hero-index_section--tres {
        position: relative;
        height: 83vh;
        background-size: cover;
      }
}

/*  */
@media only screen and (min-width: 1140px) and (max-height: 740px) {

    .carrusel2-inner.carru2 {
        position: relative;
        left: auto;
        right: auto;
        transform: translate(0, 70%);
        margin-top: -83px;
      }

      .fondo_section--tres {
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
      } 
      .contenedor_tercer--section {
        position: relative;
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        width: 100%;
      }

      .section_carousel--section2 {
        position: absolute;
        width: 100%;
        height: auto;
      }
    
      .hero-index_section--tres {
        position: relative;
        height: 65vh;
        background-size: cover;
        margin-top: 10vh;
      }

      .tercera_section--titulo {
        position: absolute;
        padding-bottom: 0px;
        left: 50%;
        transform: translate(-50%, -76%);
        text-align: center;
        position: absolute;
        top: 10vh;
        margin-top: -15vh;
      }
    
}


@media screen and (min-width: 300px) and (max-width: 640px){
    .carrusel2-inner.carru2 {
      position: relative;
      left: auto;
      right: auto;
      transform: translate(0, -35%);
      /* margin-top: -40px; */
  }

  .hero-index_section--tres {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  
  }

  @media only screen and (max-width: 640px) {

    .tercera_section--titulo {
      position: absolute;
      padding-bottom: 0px;
      left: 50%;
      transform: translate(-50%, -60%);
      text-align: center;
      position: absolute;
      top: 3vh;
      width: 80%;
    }
    /* Estilos para dispositivos móviles */
    .fondo_section--tres {
        display: none;
      }
      .section_carousel--section2 {
        position: relative;
        width: 100%;
        height: auto;
      }

      .hero-index_section--tres {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
        height: 65vh;
        background-size: cover;
      }
      .fund2 {
        background-image: url(../asset/imagenes/section_tres_optima_ajustada.webp);
        background-size: cover;
        background-repeat: no-repeat;
        margin-top: 13%;
        filter: drop-shadow(-1px 6px 43px #000);
        height: auto;
      }
  }

  @media (min-width: 1141px) and (min-height: 740px) {
    /* your styles here */
  .carrusel2-inner.carru2 {
        position: relative;
        left: auto;
        right: auto;
        transform: translate(0, 70%);
        margin-top: -83px;
      }

      .fondo_section--tres {
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
      } 
      .contenedor_tercer--section {
        position: relative;
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        width: 100%;
      }

      .section_carousel--section2 {
        position: absolute;
        width: 100%;
        height: auto;
      }
    
      .hero-index_section--tres {
        position: relative;
      
        background-size: cover;
        margin-top: 10vh;
      }

      .tercera_section--titulo {
        position: absolute;
        padding-bottom: 0px;
        left: 50%;
        transform: translate(-50%, -76%);
        text-align: center;
        position: absolute;
        top: 8vh;
        margin-top: -15vh;
      }
  }