/*---------------------------------------
*        PAGINA DESTINOS
*----------------------------------------
*/

@media (min-width:768px) {
   .destinos ._barra-busqueda {
      height: 80px;
      position: sticky;
      top: 0;
   }
   .destinos ._barra-busqueda .search-container {
      bottom: 0;
   }
}
.contenedor {
   padding: 0 20px;
}
.portada-destinos {
   background-image: url("../../img/update-servicios/destinos/arequipa-2.jpg");
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   padding: 100px 0;
}
.destinos {
   padding: 0;
}

.destinos .portada-destinos .texto {
   text-align: center;
   color: white;
}
.destinos .portada-destinos .texto h3 {
   font-size: 50px;
   font-weight: 800;
}
.contenido-destinos {
   margin: 20px 50px;
}
.destinos .contenido-destinos h3{
   font-size: 30px;
   text-align: justify;
}
@media (min-width:768px) {
   .destinos .destinos-comentario h3{
      text-align: center;
      margin: 30px 0;

   }
   .destinos .destinos-comentario  h3, .destinos .destinos-comentario span{
      font-size: 40px;
      font-weight: 800;
   }
}

.destinos .contenido-destinos span{
   font-size: 30px;
   color: red;
}

.destinos .card-destino {
   border-radius: 20px;
   margin: 10px 0;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);

}

.card-destino img {
   border-top-right-radius: 20px;
   border-top-left-radius: 20px;
   width: 100%;
   background-repeat: no-repeat;
   object-fit: cover;
}
.card-destino .destino {
   display: flex;
   align-items: center;
}
.card-destino .destino h3 {
   margin-left: 10px;
}

.card-destino .destino img {
   height: 20px;
   width: 20px;
   background-repeat: no-repeat;
   object-fit: cover;
}
.card-destino .descripcion {
   background-color: #e1e1e1;
   border-bottom-left-radius: 20px;
   border-bottom-right-radius: 20px;
   padding: 10px 20px;
}

@media (min-width:768px) {
   .contenido-destinos {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
   }
   .list-destinos {
      display: grid;
      grid-template-columns: repeat(2,1fr);
      gap: 20px;
   }

   .list-destinos div:nth-child(1) {
      grid-column: 1/2;
      grid-row: 1/3;
   }
   .list-destinos div:nth-child(2) {
      grid-column: 2/3;
      grid-row: 1/2;
   }
   .list-destinos div:nth-child(3) {
      grid-column: 2/3;
      grid-row: 2/3;
   }
   .card-tacna {
      height: 500px;
   }
   .card-tacna img{
      height: 100%;
   }

}

@media (min-width:1440px) {
   .card-tacna {
      height: 1000px;
   }
}