@media only screen and (min-width: 1024px) {
/*-----------------Bloque Header-------------*/
div#block-apusuyotravel-bloquecontenidoheadergeneral {
   #block-logoheader{
    img {
    width: 200px;
    }
    
  }

.paragraph--type--parraffo-header-contactos {
    display: flex;
    align-items: center;
    gap: 10px;
}

#block-contactosheader .field--name-field-parraf-header-contac-img img {
    width: 35px;
}
#block-contactosheader .field--name-field-parraf-header-contac-link {
  display: flex;
}

div#block-linksheader {
    display: flex;
    .field--name-field-header-links {
    display: flex;
    gap: 15px;
    a{
        border: solid 1px #19d600;
        border-radius: 10px;
        padding: 5px 20px;
        font-weight: bolder;
        font-size: 0.9em;
    }
   
}
.field--name-field-header-links .field__item a:hover{
    background-color: rgb(1, 143, 43);
    color: white;
    border: solid 1px #02af36;

}
}



  


}

/*-------------------- TE MEGAMENU--------------*/

.tb-megamenu {
   
    justify-content: center;
}

.tb-megamenu .nav-collapse {
    background: #006e21;
   }
.tb-megamenu .nav-collapse .nav > li > a {
      color: white !important;
    
}
/*.tb-megamenu .nav-collapse .nav > li > a, .tb-megamenu .nav-collapse .dropdown-menu a, .tb-megamenu .nav-collapse .nav > li > span.tb-megamenu-no-link, .tb-megamenu .nav-collapse .dropdown-menu span.tb-megamenu-no-link {
    color: black;
}
*/

/*---------------------Slider pricnipal--------------*/
.grupo01_slider_principal {
    width:85%;
    margin: 0 auto;
    display:flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    
    .field--name-field-bloq-slider-princi-body {
    padding: 0 100px;
    text-align: justify;
    }
}


/*-------------- CUALIDADES DE LA EMPRESA-------------*/
div#block-apusuyotravel-bloquecualidadesempresa {
  padding-top: 30px;
  width: 85%;
  margin: auto;
  .field--name-field-tipbloq-home-presenta-agen {
    width: 60%;
    margin: auto;
    }
  .field--name-field-tipbloq-home-cualid-empres {
    .field__item {
        width: 20%;
       

    }
    
    
}
}

/*----------------- BLOPQUE TOURS MAS POPULARES------------*/
/*------------------------BLOQUE TOURS MAS POPULARES------------------*/
#block-apusuyotravel-bloquetourspopulareshome {
    
    .field--name-field-bloq-tours-popul-home-vist{
      .view-content{
        display: flex;
        flex-wrap: wrap;
        column-gap: 1.5%;
        justify-content: center;


        .views-row {
        width: 100%;
        max-width: 23%;
        
        }
      }
      
    }

}

/*---------------------BLOQUE TURISMO MACHUPICCHU----------*/

div#block-apusuyotravel-bloquetoursmachupicchu {
    
    .field--name-field-bloq-tours-popul-home-vist{
      .view-content{
        display: flex;
        flex-wrap: wrap;
        column-gap: 1.5%;
        justify-content: center;


        .views-row {
        width: 100%;
        max-width: 23%;
        }
      }
      
    }

}
/*---------------- BLOQUE TOURS TREKKING ----------------*/
div#block-apusuyotravel-bloquetrekking {
    
    .field--name-field-bloq-tours-popul-home-vist{
      .view-content{
        display: flex;
        flex-wrap: wrap;
        column-gap: 1.5%;
        justify-content: center;


        .views-row {
        width: 100%;
        max-width: 23%;
        }
      }
      
    }

}

/*----------------------- BLOQUE TOURS NACIONALES-------------*/
div#block-apusuyotravel-bloquetoursnacionales {
     
    .field--name-field-bloq-tours-popul-home-vist{
      .view-content{
        display: flex;
        flex-wrap: wrap;
        column-gap: 1.5%;
        justify-content: center;


        .views-row {
        width: 100%;
        max-width: 23%;
        }
      }
      
    }

}

/*--------------------- SLIDE HOME----------------*/
div#block-apusuyotravel-bloqueslidehomemachupicchu {
  /*height: 60vh;*/
  .field--name-field-bloq01-slid-mapi-hom-img {
    /*height: 60vh;*/
  }
    

.grup.slide.home.texto {
    /*padding: 0 200px;*/
    width: 50%;
    /*padding: 10% 0 0 0;*/
    /*bottom: 200px;*/
    }

}
div#block-apusuyotravel-bloqueslidehometoursnacionales {
  /*height: 60vh;*/
  .field--name-field-bloq01-slid-mapi-hom-img {
    /*height: 60vh;*/
  }
    
.grup.slide.home.texto {
    width: 50%;
    padding: 350px 0 50px 0;
    }

}

div#block-apusuyotravel-bloqueslidehometurismovicencial {
  /*height: 60vh;*/
  .field--name-field-bloq01-slid-mapi-hom-img {
    /*height: 60vh;*/
  }
    
.grup.slide.home.texto {
    /*padding: 0 200px;*/
    width: 50%;
    /*padding: 10% 0 0 0;*/
    /*bottom: 200px;*/
    }

}

/*--------------------- BLOQUE BLOGS HOME---------------*/
  /*-------------------------- BLOQUE BLOGS HOME ------------------*/
div#block-apusuyotravel-tipobloqueblogshome {
     .field--name-field-bloq-blogs-home-vista {
      .view-content {
        display: flex;
        flex-wrap: wrap;
        column-gap: 1.5%;
        justify-content: center;
        .views-row{
          width: 100%;
          max-width: 23%;
          .views-field.views-field-field-pag-blog-imag-slider {
          height: 300px;
          overflow: hidden;
              .field-content {
                height: 300px;
                img {
                  width: 100%;
                  height: 100%;
                  object-fit: cover;


              }
              }
              
          }
          
          .views-field.views-field-fieldset{
            .grupo01-blogs-home{
              .views-field.views-field-title{
                text-align: center;
                font-weight: bolder;
                color: green;
                padding: 10px 0 0 0;
              }
              .views-field.views-field-field-pag-blog-body{
                font-size: 0.8em;
                padding: 0 20px;
              }
              .views-field.views-field-created {
              background: #f5f5f5;
              font-style: italic;
              text-align: center;
              font-size: 0.8em;
              }
              .views-field.views-field-view-node {
              text-align: center;
              padding: 15px;
              a {
                border: solid 1px #00a900;
                background: #defcde;
                padding: 5px 20px;
                border-radius: 5px;
              }
              }

            }
            
          }

        }
      }

    }

}

/*----------------------- BLOQUE FOOTER ------------------*/
div#block-apusuyotravel-bloquecontenedorgeneralfooter{
  padding: 50px 0 0;
  .field--name-field-bloque-cont-gral-logo {
    display: flex;
    justify-content: space-evenly;
    div#block-bloqueredessocialesfooter {
      padding: 0;
    }
  }

}

/*-------------PAGINA TOURS-------------*/

#block-apusuyotravel-views-block-vista-slider-pagina-tours-block-1 .view-content .views-row {
  .views-field.views-field-field-page-tour-img-slider{
     height: 70vh;
    .field-content {
     }
   }
 }

#block-apusuyotravel-views-block-vista-slider-pagina-tours-block-1 .view-content .views-row {
 
  .views-field.views-field-fieldset{
    padding: 15% 0;
   
  }
 

}


.path-node.page-node-type-pagina-tour {
  div#contenedor {
    display: flex;
    width: 90%;
    margin: auto;
    div#contenido{
      width: 70%;
    }
    aside#sidebar_right {
        width: 100%;
        max-width: 28%;
        position: sticky;
        top: 0;
        align-self: flex-start;
        padding: .5em 0 1em;
}
}
}

.path-node.page-node-type-pagina-tour 
.field--name-field-page-tour-galleria {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
   .field__item {
    width:30%;
    height: 180px;

    
    }
}

/*---------------- PAGINA BLOGS--------------*/
.path-node.page-node-type-pagina-blog div#contenedor {
  display: flex;
  justify-content: space-between;

   .field.field--name-field-pag-blog-body {
      img{
        width: 50%;
        
      }
    }
    div#contenido{
      width: 65%;
      border-right: solid 1px green;
      
      .region.region-content {
      width: 95%;
      }

    }

    aside#sidebar_right {
    width: 30%;
    background: rgb(247, 247, 247);
    div#block-apusuyotravel-bloquemejorestoursblogs {
    width: 85%;
    margin: auto;
     .field--name-field-bloq-mej-tou-pag-blg-vista {
    .view-content{

      .views-row{
        display: flex;
        box-shadow: none;
        background: white;
        .views-field-field-page-tour-thumbnail {
            height: 250px;
            width: 50%;
            overflow: hidden;
        
        }
        .views-field-fieldset{
          width: 50%;
        }


      }

    }


  }
    }
    #block-apusuyotravel-tipobloquecomentariostripadvisor-2 {
    width: 85%;
    margin: auto;
    }
}
}
/*------------------------- TAX CATEGORIAS TOURS MENU ----------------*/
.path-taxonomy div#block-apusuyotravel-views-block-vista-tax-categ-tours-oficial {
    .view-content {
      display: flex;
        flex-wrap: wrap;
        column-gap: 1.5%;
        justify-content: center;
    .views-row {
      width: 100%;
      max-width: 23%;
      .views-field-field-page-tour-thumbnail {
      height: 300px;
      overflow: hidden;
      img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 50% 50%;
      }
      }
          
    }
  }
}

/*-------------------- MENU BLOGS TAXONOMIA ----------------*/
#block-apusuyotravel-views-block-vista-blogs-general-menu {
    .view-content {
      display: flex;
        flex-wrap: wrap;
        column-gap: 1.5%;
        justify-content: center;
    .views-row {
      width: 100%;
      max-width: 23%;
      .views-field-field-pag-blog-imag-portada {
      height: 400px;
      overflow: hidden;
      img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 50% 50%;
      }
      }
          
    }
  }
}

/*--------------------------PAGINA ABOUT US--------------*/
/*---------------- PAGINA BLOGS--------------*/
.path-node.page-node-type-about-us div#contenedor {
  display: flex;
  justify-content: space-between;

   .field.field--name-field-pag-blog-body {
      img{
        width: 50%;
        
      }
    }
    div#contenido{
      width: 65%;
      border-right: solid 1px green;
      
      .region.region-content {
      width: 95%;
      }

    }

    aside#sidebar_right {
    width: 30%;
    background: rgb(247, 247, 247);
    div#block-apusuyotravel-bloquemejorestoursblogs {
    width: 85%;
    margin: auto;
     .field--name-field-bloq-mej-tou-pag-blg-vista {
    .view-content{

      .views-row{
        display: flex;
        box-shadow: none;
        background: white;
        .views-field-field-page-tour-thumbnail {
            height: 250px;
            width: 50%;
            overflow: hidden;
        
        }
        .views-field-fieldset{
          width: 50%;
        }


      }

    }


  }
    }
    #block-apusuyotravel-tipobloquecomentariostripadvisor-2 {
    width: 85%;
    margin: auto;
    }
}
}

/* mi-tema/css/desktop.css */



  /* --- Disposición de las TARJETAS en escritorio (múltiples columnas y centrado) --- */
  .contenedor-tablas-responsivo {
    flex-direction: row; /* Las "tablas" se disponen horizontalmente */
    flex-wrap: wrap; /* Permitir que las "tablas" salten a la siguiente fila */
    justify-content: center; /* CENTRA las "tablas" en la fila actual */
    align-items: stretch; /* Asegura que las tarjetas tengan la misma altura */
    max-width: 1200px; /* Limita el ancho máximo del contenedor para que las "tablas" se centren */
    margin-left: auto; /* Centra el contenedor completo si no ocupa todo el ancho */
    margin-right: auto;
    gap: 20px; /* Espacio entre las "tablas" horizontal y verticalmente */
  }

  .contenedor-tablas-responsivo .tarjeta-personalizada {
    /* Flex-grow y flex-shrink 0, con un ancho base de 300px para cada "tabla" */
    flex: 0 0 300px; /* Ancho fijo de 300px para cada "tabla" completa */
    max-width: 300px; /* Asegura que no crezca más allá de 300px */
    width: 100%; /* Asegura que pueda encogerse si el contenedor es más pequeño */
    margin: 0; /* Reiniciar márgenes si se definieron antes */
  }


.webform-confirmation__message {
    font-size: 2.5em;
   
}


}