/*=============================================
=        Reglas comunes desde 768px           =
=============================================*/

@media (min-width: 768px) {
  #block-views-block-vista-hero-movil-tours-v2-block-1 {
    display: none;
  }
  #block-views-block-vista-pagina-tour-v2-titulo-block-1 {
    position: relative;
  }
  #block-views-block-vista-pagina-tour-v2-titulo-block-1 h1 {
    color: #194157;
  }
  #block-views-block-vista-pagina-tour-v2-titulo-block-1 h1::before {
    width: 0;
    height: 0;
  }
  #block-trexperienceperu-breadcrumbs-2 {
    display: block;
  }
  .item-itin {
    padding-left: 34px !important;
  }
  .item-itin:before {
    position: absolute;
    content: "";
    width: 1px;
    height: calc(100% + 16px);
    top: 0;
    border-left: 2px dashed #15a1f0;
    left: 12px;
  }
  .page-node-type-pagina-tour-v2 .gr-tp-bq-pqvn-txcat-tcpr-md-a {
    max-width: 75%;
  }
  .page-node-type-pagina-tour-v2
    .gr-tp-bq-pqvn-txcat-tcpr-md-a
    .field--type-text-with-summary
    p {
    margin: 1rem 15% 1rem;
  }
  .page-node-type-pagina-tour-v2
    .gr-tp-bq-pqvn-txcat-tcpr-md-a
    .field--name-field-tp-bq-pqvn-txct-tcp-gal-cf {
    grid-template-areas:
      "A A B C"
      "D E F F";
    grid-template-columns: auto;
  }
  .page-node-type-pagina-tour-v2
    .gr-tp-bq-pqvn-txcat-tcpr-md-a
    .field--name-field-tp-bq-pqvn-txct-tcp-gal-cf
    .field__item:nth-child(1) {
    grid-area: A;
  }
  .page-node-type-pagina-tour-v2
    .gr-tp-bq-pqvn-txcat-tcpr-md-a
    .field--name-field-tp-bq-pqvn-txct-tcp-gal-cf
    .field__item:nth-child(2) {
    grid-area: B;
  }
  .page-node-type-pagina-tour-v2
    .gr-tp-bq-pqvn-txcat-tcpr-md-a
    .field--name-field-tp-bq-pqvn-txct-tcp-gal-cf
    .field__item:nth-child(3) {
    grid-area: C;
  }
  .page-node-type-pagina-tour-v2
    .gr-tp-bq-pqvn-txcat-tcpr-md-a
    .field--name-field-tp-bq-pqvn-txct-tcp-gal-cf
    .field__item:nth-child(4) {
    grid-area: D;
  }
  .page-node-type-pagina-tour-v2
    .gr-tp-bq-pqvn-txcat-tcpr-md-a
    .field--name-field-tp-bq-pqvn-txct-tcp-gal-cf
    .field__item:nth-child(5) {
    grid-area: E;
  }
  .page-node-type-pagina-tour-v2
    .gr-tp-bq-pqvn-txcat-tcpr-md-a
    .field--name-field-tp-bq-pqvn-txct-tcp-gal-cf
    .field__item:nth-child(6) {
    grid-area: F;
  }
  .page-node-type-pagina-tour-v2
    .gr-tp-bq-pqvn-txcat-tcpr-md-a
    .field--name-field-tp-bq-pqvn-txct-tcp-gal-cf
    .field--name-value
    img {
    height: 300px;
  }
  #block-views-block-vista-tours-v2-relacionados-block-1
    .trex-tour-card
    .trex-tour-card__footer {
    flex-direction: row;
    align-items: flex-end;
    gap: 16px;
  }
  #quicktabs-vista-pestanas-pagina-paquete-turistico .quicktabs-tabs {
    overflow-x: inherit;
    flex-wrap: wrap;
  }
  #quicktabs-vista-pestanas-pagina-paquete-turistico .quicktabs-tabs li a {
    padding: 16px 16px 12px;
    font-size: 18px;
  }
}

/*=============================================
=               Section Tablet                =
=============================================*/

@media (min-width: 769px) and (max-width: 1023px) {
  .block-field-blocknodepagina-tour-v2field-pag-paq-tur-galeria-img {
    display: grid;
    grid-template-columns: 60% 28%;
    grid-column-gap: 2%;
  }
  #block-views-block-vista-pagina-tour-v2-titulo-block-1 {
    max-width: calc(100% - 32px);
  }
  #block-views-block-vista-pagina-tour-v2-titulo-block-1 h1 {
    font-size: 32px;
    line-height: 100%;
    letter-spacing: -0.64px;
    padding-bottom: 0;
    margin-top: 16px;
  }
  #block-trexperienceperu-breadcrumbs-2 {
    max-width: calc(100% - 32px);
  }
  .trex-slider-lite {
    display: flex;
    flex-direction: column-reverse;
    grid-template-columns: 100%;
    grid-template-rows: auto auto;
  }
  .tsl-thumbs {
    flex-direction: row;
    overflow-x: auto;
    overflow-y: hidden;
  }
  .tsl-lightbox-content {
    padding: 16px 32px;
    max-width: 100%;
  }
  .tsl-nav {
    opacity: 1;
    pointer-events: auto;
  }
  .block-field-blocknodepagina-tour-v2field-pag-paq-tur-galeria-img
    .field--name-field-pag-paq-tur-galeria-img {
    grid-row: 1/3;
  }
  .info-itin {
    grid-template-columns: 1fr 1fr;
  }
  .page-node-type-pagina-tour-v2
    .gr-tp-bq-pqvn-txcat-tcpr-md-a
    .field--name-field-tp-bq-pqvn-txct-tcp-gal-cf {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas:
      "A B C"
      "D E F";
  }
  .page-node-type-pagina-tour-v2 .gr-tp-bq-pqvn-txcat-tcpr-md-a {
    max-width: 90%;
  }
  #block-trexperienceperu-bloqueblogsrelacionadosentours
    .field--name-field-pag-paq-tur-b-relacm-dm {
    grid-template-columns: 45% 45% 45%;
  }
  #block-views-block-vista-tours-v2-relacionados-block-1
    .views-field-field-pag-paq-tur-t-relacm
    .field-content {
    grid-template-columns: 45% 45% 45% 45%;
  }
}

/*=============================================
=              Section Escritorio             =
=============================================*/

@media only screen and (min-width: 1024px) {
  .page-node-type-pagina-tour-v2 #contenedor {
    flex-direction: row;
    max-width: 75%;
  }
  .page-node-type-pagina-tour-v2 #contenido {
    width: 100%;
    max-width: 69%;
    margin-right: 3%;
    padding: 0;
  }
  .page-node-type-pagina-tour-v2 #sidebar_right {
    width: 100%;
    max-width: 28%;
    position: relative;
    top: 30px;
  }
  #block-views-block-vista-pagina-tour-v2-titulo-block-1 {
    max-width: 75%;
  }
  #block-views-block-vista-pagina-tour-v2-titulo-block-1 h1 {
    padding: 0;
    margin: 8px 16px;
  }
  .block-field-blocknodepagina-tour-v2field-pag-paq-tur-galeria-img {
    display: block;
  }
  #block-trexperienceperu-breadcrumbs-2 {
    max-width: 75%;
    margin: auto;
  }
  .trex-media-cards .trex-card__image {
    min-height: 236.64px;
  }
  .page-node-type-pagina-tour-v2
    #contenido
    .block-views-blockvista-pag-paq-tou-parr-tax-det-v2-block-1 {
    display: none;
  }
  .page-node-type-pagina-tour-v2
    #sidebar_right
    .block-views-blockvista-pag-paq-tou-parr-tax-det-v2-block-1 {
    display: block;
  }
  .info-itin {
    grid-template-columns: 1fr 1fr 1fr;
  }
  #block-trexperienceperu-bloqueblogsrelacionadosentours {
    max-width: 75%;
  }
  #block-trexperienceperu-bloqueblogsrelacionadosentours
    .field--name-field-pag-paq-tur-b-relacm-dm {
    grid-template-columns: 1fr 1fr 1fr;
  }
  #block-views-block-vista-tours-v2-relacionados-block-1 {
    max-width: 75%;
  }
  #block-views-block-vista-tours-v2-relacionados-block-1
    .views-field-field-pag-paq-tur-t-relacm
    .field-content {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .tour-availability-calendar .field-reservation {
    grid-template-columns: 16% 6% 36% 18% 24%;
  }
  .tour-availability-calendar .filter-advanced-date {
    font-size: 16px;
  }
}