@media (min-width: 1024px) {
  :root {
    --width: 90%;
    --max-width: 1440px;
    --font-size-h2: 2.2em;
    --colory : #d1a54b;
  }

  /* Section Header */
  .gr-main-header {
    flex-direction: row;
  }

  .gr-main-header .field--name-field-tipbloq-head-bloq-logo {
    width: 16%;
  }

  .gr-header-redes {
    align-items: center;
    margin-top: 0;
  }

  .gr-info-header {
    align-items: end;
    flex: 1;
    justify-content: end;
    gap: 10px;
  }

  .gr-hd-contacts {
    display: flex;
    justify-content: end;
    gap: 20px;
  }

  .field--name-field-tipbloq-head-bq-hdmn {
    display: block;
  }

  .field--name-field-tipbloq-head-bq-hdmn #block-blockheadmen {
    display: flex;
    gap: 10px;
    align-items: center;
  }

  .language-switcher-language-url .links {
    list-style: none;
    display: flex;
    gap: 5px;
  }

  .language-switcher-language-url .links a {
    font-size: 13px;
  }

  .field--name-field-tipbloq-hmn-link {
    display: flex;
  }

  .field--name-field-tipbloq-hmn-link .field__item>a {
    display: flex;
    gap: 5px;
    color: var(--color-text);
    font-weight: bold;
    font-size: 13px;
    font-style: italic;
  }

  .field--name-field-tipbloq-hmn-link>.field__item {
    padding-left: 5px;
  }

  .field--name-field-tipbloq-hmn-link>.field__item:first-child {
    margin-right: 30px;
  }

  .field--name-field-tipbloq-hmn-link>.field__item:not(:first-child) {
    border-right: 1px solid var(--color-text);
    padding-right: 5px;
  }

  .field--name-field-tipbloq-hmn-link svg {
    width: 1.2em;
    height: 1.2em;
  }

  .gr-info-header .field--name-field-tipbloq-head-link-contact {
    width: auto;
  }

  .field--name-field-tipbloq-head-link-contact .field__item:last-child .link-field-label {
    display: block;
  }

  .field--name-field-tipbloq-head-link-contact .field__item a {
    font-size: 14px;
  }

  /* ./Section Header */

  /* == SECTION HEADER BT_HEAD == */
  #block-sakuraexpeditions-bt-head > .field--name-field-bt-head-bloqs-bp {
    flex-wrap: nowrap;
    justify-content: flex-end;
    gap: 16px;
    padding: 16px 0;
  }

  /* El logo empuja todo lo demas a la derecha */
  #block-sakuraexpeditions-bt-head > .field--name-field-bt-head-bloqs-bp > .field__item:first-child {
    margin-right: auto;
  }

  #block-sitebranding .site-logo img {
    max-width: 240px;
  }

  #block-headercontact .field--name-field-bt-head-contact-parr {
    flex-wrap: nowrap;
  }
  /* == ./SECTION HEADER BT_HEAD == */

  /* == SECTION FOOTER BT_FOOT == */
  #block-sakuraexpeditions-bt-foot .ft-cols {
    padding-top: 55px;
  }

  /* Columnas al ancho de su contenido y repartidas de borde a borde: con
     tracks 'fr' el ultimo se estiraba hasta el margen y dejaba un hueco
     muerto a la derecha, porque el texto se alinea a la izquierda. */
  #block-sakuraexpeditions-bt-foot .field--name-field-bt-foot-bloqs-bp {
    grid-template-columns: minmax(0, 420px) max-content max-content max-content;
    justify-content: space-between;
    gap: 40px;
  }

  /* El copyright ocupa toda la fila de abajo */
  #block-sakuraexpeditions-bt-foot .field--name-field-bt-foot-bloqs-bp > .field__item:last-child {
    grid-column: 1 / -1;
    margin-top: 12px;
  }
  /* == ./SECTION FOOTER BT_FOOT == */
  /* == SECTION MENU == */
  .tbm {
    background-color: var(--color-blue);
  }

  .tbm-collapse {
    width: var(--width);
    max-width: var(--max-width);
    margin: 0 auto;
  }

  .tbm-nav {
    justify-content: center;
  }

  /* position:relative para que el panel se ancle bajo SU item. Sin esto el
     li es static, el panel no tiene offsetParent y su 'left:0' lo lleva al
     borde del viewport en vez de al del item. */
  .tbm-item.level-1 {
    position: relative;
    border-right: none;
  }

  .tbm-link.level-1 {
    color: var(--color-white);
    text-transform: uppercase;
    font-size: 14px;
  }

  .tbm-link.level-1:hover,
  .tbm-link.level-1:focus {
    color: var(--colory);
    background-color: transparent;
  }

  /* El base.css del modulo pone width:100% en .tbm-submenu, y ninguna
     alineacion lo revierte: ese 100% solo esta previsto para
     '.tbm-justify > .tbm-submenu.span12'. En la version que usa
     x-tremetourbulencia esa declaracion no existe y por eso su panel se
     ajusta al contenido. Aqui se reproduce el mismo comportamiento. */
  .tbm-item.level-1 > .tbm-submenu {
    width: auto;
    min-width: 300px;
  }

  /* Las columnas miden en porcentaje (span6 = 50%, span4 = 33%) y dentro de
     un panel con width:auto los porcentajes no lo ensanchan: se quedaria en
     el minimo. Se le da un minimo segun cuantas columnas lleve. */
  .tbm-item.level-1 > .tbm-submenu:has(> .tbm-row > .tbm-column.span6) {
    min-width: 620px;
  }

  .tbm-item.level-1 > .tbm-submenu:has(> .tbm-row > .tbm-column.span4) {
    min-width: 900px;
  }

  /* Cusco tours paso a 4 columnas (span3) al anadir Experiencias culturales.
     Un panel de 1100 px anclado al item se sale por un lado u otro segun donde
     caiga el item en la barra; se ancla a la barra entera (el item deja de ser
     el contexto de posicion) y se centra, con tope para pantallas estrechas. */
  .tbm-item.level-1:has(> .tbm-submenu > .tbm-row > .tbm-column.span3) {
    position: static;
  }

  .tbm-item.level-1:has(> .tbm-submenu > .tbm-row > .tbm-column.span3) > .tbm-submenu {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    min-width: min(1100px, calc(100vw - 40px));
  }

  /* == ./SECTION MENU == */
  /* == Section Slider == */
  .slider__gr-content {
    width: var(--width);
    max-width: var(--max-width);
    margin: 0 auto;
  }

  .slider__gr-content .container-aux {
    width: 50%;
    margin-left: auto;
    padding: 0;
  }

  /* En escritorio el chrome mide 113 + 74 = 187px. */
  :root {
    --alto-chrome: 155px;  /* cabecera 79 + menu 74 + 2 */
  }

  .slider__gr-content h1 {
    font-size: clamp(2.2rem, 3.4vw, 3.5rem);
  }

  .slider__gr-content .field--name-field-tipbloq-sldh-body {
    font-size: medium;
  }

  .slider__gr-content .field--name-field-tipbloq-sldh-links {
    gap: 20px;
    flex-wrap: nowrap;
  }

  .slider__gr-content .field--name-field-tipbloq-sldh-links .field__item {
    flex: 1;
  }

  .slider__gr-content .field--name-field-tipbloq-sldh-links a {
    width: 100%;
  }

  /* == ./Section Slider == */
  /* Section sakura expeditions */
  .gr-abt-home .field--name-field-tipbloq-abt-gallery .field__item:not(:first-child) {
    display: block;
  }

  .gr-abt-home .media-image-only,
  .gr-abt-home .field--type-image {
    height: 100%;
    width: 100%;
  }

  .gr-abt-home .field--name-field-tipbloq-abt-gallery {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }

  .gr-abt-home .field--name-field-tipbloq-abt-gallery img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }

  .gr-abt-home .field--name-field-tipbloq-abt-gallery>.field__item:first-child {
    grid-row: span 2;
  }

  .gr-abt-home {
    flex-direction: row;
    gap: 20px;
    align-items: stretch;
  }

  /* Dos mitades fijas: sin esto el flex reparte por contenido y la columna de
     la imagen se encoge en cuanto deja de ser rejilla. */
  .gr-abt-home > .gr-abt-content,
  .gr-abt-home > .field--name-field-tipbloq-abt-gallery {
    flex: 1 1 0;
    min-width: 0;
  }

  /* La rejilla de 2 columnas esta pensada para tres fotos. Con un solo collage
     (el del Drive, 2000x1203) se quedaba en la primera celda a media anchura:
     un item unico ocupa la columna entera y estira a la altura del texto. */
  .gr-abt-home .field--name-field-tipbloq-abt-gallery:has(> .field__item:only-child) {
    display: block;
  }

  .gr-abt-home .field--name-field-tipbloq-abt-gallery > .field__item:only-child,
  .gr-abt-home .field--name-field-tipbloq-abt-gallery > .field__item:only-child > *,
  .gr-abt-home .field--name-field-tipbloq-abt-gallery > .field__item:only-child > * > * {
    height: 100%;
    width: 100%;
  }

  .gr-abt-home .field--name-field-tipbloq-abt-gallery > .field__item:only-child img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 8px;
  }

  .gr-abt-home .field--name-field-tipbloq-abt-body {
    font-size: medium;
  }

  .gr-abt-content {
    display: flex;
    gap: 20px;
    flex-direction: column;
    align-items: center;
  }

  /* ./Section sakura expeditions */
  /* == Inca trail to machu picchu == */
  .view-vista-tour-cam-inca>.view-content,
  .view-vista-tax-paq-tour>.view-content {
    grid-template-columns: repeat(3, 1fr);
  }

  .gr-inctrail-main .field--name-field-tip-bloq-caminc-title h2 {
    font-size: var(--font-size-h2);
  }

  .gr-inctrail-main .field--name-field-tip-bloq-caminc-body {
    font-size: medium;
    margin-top: 20px;
  }

  /* == ./Inca trail to machu picchu == */
  /* == The best Inca Trail Machu Picchu == */
  .gr-bestmachu-main .field--name-field-tipbloq-bestmhm-title h2 {
    font-size: var(--font-size-h2);
  }

  .gr-bestmachu-main .field--name-field-tipbloq-bestmhm-body {
    font-size: medium;
    margin-top: 20px;
    margin-bottom: 30px;
  }

  .view-vista-tourh-best-inca>.view-content {
    grid-template-columns: 1fr 40%;
    grid-auto-rows: 280px;
  }

  .view-vista-tourh-best-inca>.view-content>.views-row:first-child {
    grid-row: span 2;
  }

  .view-vista-tourh-best-inca>.view-content>.views-row {
    height: 100%;
  }

  /* == ./The best Inca Trail Machu Picchu == */
  /* == Salkantay Trekking == */
  .gr-salka-main .field--name-field-tipbloq-salktr-title h2 {
    font-size: var(--font-size-h2);
  }

  .gr-salka-main .field--name-field-tipbloq-salktr-body {
    font-size: medium;
    margin-top: 20px;
    margin-bottom: 30px;
  }

  .view-vista-tourh-salka-trek>.view-content {
    grid-template-columns: repeat(3, 1fr);
  }

  /* == ./Salkantay Trekking == */
  /* == Lasted Blogs == */
  .view-vista-list-blog-hm>.view-content {
    grid-template-columns: repeat(3, 1fr);
  }

  /* == ./Lasted Blogs == */
  /* == Tours Machu Picchu Machu Picchu by Train ==  */
  .gr-machu-content {
    width: var(--width);
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 5% 20px;
  }

  .gr-machu-content .container-aux {
    width: 50%;
    margin-left: auto;
  }

  .gr-machu-content .field--name-field-tipbloq-sld-machh-title {
    text-align: start;
  }

  .gr-machu-content .field--name-field-tipbloq-sld-machh-title h2 {
    font-size: 2.5em;
  }

  .gr-machu-content .field--name-field-tipbloq-sld-machh-body {
    text-align: start;
    font-size: medium;
  }

  .gr-machu-content .field--name-field-tipbloq-sld-machh-aditi {
    display: flex;
    gap: 10px;
  }

  .gr-machu-content .field--name-field-tipbloq-sld-machh-links {
    flex-direction: row;
    align-items: center;
  }

  /* == ./tours Machu Picchu Machu Picchu by Train == */
  /* == Trust & Security  == */
  .gr-slider-trust .gr-slider-content {
    width: var(--width);
    max-width: var(--max-width);
    margin: 0 auto;
  }

  /* Tantas columnas como segmentos haya: repeat(4) dejaba la cuarta vacia con
     los tres del PDF y el conjunto parecia corrido a la izquierda. */
  .gr-slider-trust .field--name-field-tipbloq-sld-trust-parg-tru {
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    gap: 0;
    margin-top: 30px;
    justify-items: center;
  }

  .paragraph--type--tip-parag-sld-trust .field--name-field-tipparg-sld-tru-icon {
    width: 65px;
    height: 65px;
  }

  .paragraph--type--tip-parag-sld-trust .field--name-field-tipparg-sld-tru-icon svg {
    width: 35px;
    height: 35px;
  }

  .gr-slider-trust .field--name-field-tipbloq-sld-trust-title h2 {
    font-size: 3em;
  }

  .paragraph--type--tip-parag-sld-trust .field--name-field-tipparg-sld-tru-title h3 {
    font-size: 1.1em;
  }

  .paragraph--type--tip-parag-sld-trust .field--name-field-tipparg-sld-tru-body {
    font-size: medium;
  }

  .gr-slider-trust .field--name-field-tipbloq-sld-trust-body {
    font-size: medium;
    margin-bottom: 30px;
  }

  /* == ./Trust & Security  == */
  /* == Latest recommended articles  == */
  .gr-bloghm-main .field--name-field-tipbloq-bloghm-title h2 {
    font-size: var(--font-size-h2);
  }

  .gr-bloghm-main .field--name-field-tipbloq-bloghm-body {
    font-size: medium;
    margin-bottom: 30px;
    margin-top: 20px;
  }

  /* == ./Latest recommended articles   == */
  /* == Certifications  == */
  /* Una sola fila con tantas columnas como logos haya: repeat(6) dejaba el
     septimo colgando. grid-auto-flow column mete cada item nuevo en una
     columna nueva de 1fr, sin fijar el numero. */
  .gr-cert-main .field--name-field-tipbloq-cert-imgs {
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    align-items: center;
    gap: clamp(20px, 3vw, 50px);
  }

  /* == ./Certifications  == */
  /* Footer */
  .gr-footer-blocks {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 2rem 0;
    gap: 50px;
  }

  .gr-footer-blocks .field--name-field-tipbloq-ftsaku-title h2 {
    font-size: 18px;
  }

  .gr-footer-blocks .field--name-field-tipbloq-ftsaku-values .field__item {
    margin-bottom: 5px;
  }

  .gr-footer-blocks .field--name-field-tipbloq-ftsaku-values a {
    font-size: medium;
  }

  .gr-footer-blocks .field--name-field-tipbloq-ftconts-title h2 {
    font-size: 18px;
  }

  .gr-footer-blocks .field--name-field-tipbloq-ftconts-values a {
    font-size: medium;
  }

  .gr-footer-blocks .field--name-field-tipbloq-ftconts-values .field__item {
    margin-bottom: 5px;
  }

  .gr-footer-blocks .field--name-field-tipbloq-desti-title h2 {
    font-size: 18px;
  }

  /* ./Footer */

  /* == PAGINA BLOG == */
  .view-vista-tax-blog-slider .gr-taxblog-content {
    padding: 8% 0;
  }

  .view-vista-tax-blog-slider .field-tax-body {
    font-size: medium;
  }

  .view-vista-tax-list-blog .field-blog-title a {
    font-size: 18px;

    &:hover {
      color: var(--color-brand);
    }
  }

  .view-vista-tax-list-blog .field-blog-introduction {
    font-size: medium;
  }

  .view-vista-tax-list-blog .gr-blog-content {
    display: flex;
    flex-direction: column;
    font-size: medium;
  }

  .view-vista-tax-list-blog>.view-content {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 225px;
  }

  .view-vista-tax-list-blog .gr-authored-info {
    margin-top: auto;
  }

  .view-vista-tax-blog-slider .gr-sld-aux {
    width: 45%;
  }

  /* == ./PAGINA BLOG == */
  /* == PAGINA SINGLE BLOG == */
  .view-vista-slider-blog .slider__content {
    padding: 8% 0;
  }

  .view-vista-slider-blog .slider__content-aux {
    width: 45%;
  }

  .view-vista-slider-blog .field-title h1 {
    font-size: 2.2em;
  }

  .view-vista-slider-blog .field-authored {
    font-size: 14px;
  }

  .page-node-type-page-blog .ct-main {
    display: grid;
    grid-template-columns: 3fr 1fr;
    align-items: start;
    gap: 30px;
  }

  .block-toc-js {
    position: sticky;
    top: 5px;
  }

  /* == ./PAGINA SINGLE BLOG == */
  /* == PAGINA TOUR == */
  @scope (.page-node-type-package-tour) {
    .ct-main {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 30%;
      gap: 30px;
    }

    .entity-ref-tab-formatter-tabs>ul a {
      padding: 20px 20px;
    }
  }

  /* Galeria del hero: una grande a la izquierda y dos pequenas apiladas. */
  .view-vista-slider-tour .gallery-grid {
    --gap: 10px;
    display: grid;
    grid-template-columns: 1fr 30%;
    grid-template-rows: repeat(2, 300px);
    gap: var(--gap);
    padding-left: var(--gap);
    padding-right: var(--gap);
    padding-top: var(--gap);
  }

  .view-vista-slider-tour .gallery-grid a {
    display: block;
  }

  .view-vista-slider-tour .gallery-grid > a:not(:first-child) {
    display: block;
  }

  .view-vista-slider-tour .gallery-grid a:first-child {
    position: relative;
    grid-row: span 2 / span 2;
  }

  /* La sombra va SOLO sobre la foto grande, que es donde cae el titulo.
     Las dos pequenas se quedan limpias. */
  .view-vista-slider-tour .gallery-grid a:first-child::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(rgba(0, 0, 0, 0) 50%,
        rgba(0, 0, 0, 0.2) 70%,
        rgba(0, 0, 0, 0.5) 80%,
        rgba(0, 0, 0, 0.7) 90%,
        rgba(0, 0, 0, 0.9) 100%);
  }

  .view-vista-slider-tour .gallery-grid img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .view-vista-slider-tour .views-field-title {
    position: absolute;
    bottom: 0;
    left: 8%;
    z-index: 2;
  }

  /* El titulo sube para dejar hueco al subtitulo debajo. */
  #block-sakuraexpeditions-hero-tour-dur {
    left: 8%;
    right: auto;
    bottom: 28px;
    text-align: left;
    font-size: 17px;
  }

  .view-vista-slider-tour .views-field-title h1 {
    margin: 0 0 64px;
    color: white;
    font-size: 2.6rem;
    max-width: 62%;
  }

  .view-vista-slider-tour .views-field-title h1::before {
    width: 90px;
    height: 5px;
    margin: 0 0 18px;
  }

  .open-gallery {
    right: 20px;
  }

  .view-vista-related-tours>.view-content {
    grid-template-columns: repeat(3, 1fr);
  }

  /* == END PAGINA TOUR == */
  /* ===  Reviews === */
  .field--name-field-tipbloq-rew-parg-rewv {
    grid-template-columns: repeat(4, 1fr);
  }

  /* === ./Reviews === */

  /* == PAGINA CATEGORIA TOURS (TAX) == */
  .view-vista-slider-tax-paq .gr-slider-content {
    width: 100%;
    max-width: 1440px;
  }

  /* == ./PAGINA CATEGORIA TOURS (TAX) == */

  /*Aqui va el apartado contacto*/

  .webform--wf-contactenos .edit-wf-contactenos-layout {
    width: 100%;
    background-color: red;
  }

  .views-field-field-pgtour-parag-det-tour {
    >.field-content {
      grid-template-columns: 1fr;
    }
  }

  .view-vista-tour-booking {
    .views-field-field-pgtour-price .field-content {
      display: flex;
      flex-direction: column;
    }
  }

  .webform--wf_contactenos #contenedor {
    max-width: 75%;
  }

  #edit-wf-contactenos-layout {
    flex-direction: row;
  }

  #edit-wf-contactenos-layout-a {
    padding: 0 3rem;
  }

  #edit-wf-contactenos-det .icon-message {
    width: 90%;
    margin: 0 auto 1rem;
  }

  #edit-wf-contactenos-det>.advanced-container {
    width: 90%;
    margin: 0 auto;
  }

  /*SECTION ABOUT-US*/

  .view-vista-slider-about-us .field-abtus-slider {
    max-height: 400px;
  }

  .field-abtus-slider {
    width: 100%;
  }

  .view-vista-slider-about-us .field-abtus-slider img {
    margin-top: -450px;
  }

  .field-abtus-slider::before {
    content: "About-Us";
    color: white;
  }

  .node--type-page-about-us .advanced-container:nth-child(2) {
    flex-direction: row;
  }

  .node--type-page-about-us .advanced-container:nth-child(2) .advanced-column:nth-child(1) {
    padding: 0 3rem;
  }

  .node--type-page-about-us .advanced-container:nth-child(2) .advanced-column:nth-child(1) img {
    border-radius: 1rem;
  }

  .node--type-page-about-us .advanced-container:nth-child(3) .advanced-column {
    p {
      padding: 1rem;
    }

    .advanced-container {
      .advanced-column:nth-child(1) {
        margin: 0 0.5rem;
      }

      .advanced-column:nth-child(2) {
        margin: 0 0.5rem;
      }

      .advanced-column:nth-child(3) {
        margin: 0 0.5rem;
      }
    }
  }

  .node--type-page-about-us .advanced-container:nth-child(4) {
    .advanced-column {

      p {
        padding: 1rem 5rem 1rem 1rem;
        margin: auto 0;
      }
    }

    .advanced-column {
      img {
        display: flex;
        padding: 2rem;
        border-radius: 4rem;
      }
    }
  }

  .node--type-page-about-us .advanced-container:nth-child(5) {
    .advanced-column {
      margin: 1rem;
    }
  }

  

/* ==========================================================================
     CAMBIOS REQUERIDOS (PDF) - pagina 2: cabecera
     ========================================================================== */

  /* El logo marcaba 81px de alto y con el la franja entera. */
  #block-sakuraexpeditions-bt-head .site-logo img {
    max-width: 175px;
  }

  /* Word "Cambios faltantes": la franja blanca mas fina. 59 de logo + 6+6 del
     campo + 4+4 del bloque = 79px (antes 111). */
  #block-sakuraexpeditions-bt-head {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  #block-sakuraexpeditions-bt-head > .field--name-field-bt-head-bloqs-bp {
    padding-top: 6px;
    padding-bottom: 6px;
  }

  /* == CAMBIOS REQUERIDOS (PDF) - pagina 4: experiencias vivenciales == */

  /* La imagen crece a lo alto para dar aire al texto. El alto lo marca el
     bloque: la imagen va a cover dentro de el, asi que un min-height sobre el
     propio img no levantaba nada. */
  #block-sakuraexpeditions-tipbloqslidermachuhome {
    min-height: 680px;
  }

  #block-sakuraexpeditions-tipbloqslidermachuhome .field--name-field-media-image,
  #block-sakuraexpeditions-tipbloqslidermachuhome .field--name-field-media-image img {
    height: 100%;
    min-height: 680px;
    object-fit: cover;
  }

  /* == CAMBIOS REQUERIDOS (PDF) - pagina 7: columnas del pie mas arriba ==
     La imagen va a sangre y mide 0.435 x ancho; la banda tejida acaba al 48%
     (0.209 x ancho). Debajo quedaban ~0.22 x ancho de azul vacio antes de
     las columnas. Se pisan sobre ese azul dejando 60px de aire bajo la banda. */
  #block-sakuraexpeditions-bt-foot .ft-cols {
    margin-top: calc(60px - 22vw);
  }

  /* == CAMBIOS REQUERIDOS (PDF) - pagina 8: hero de tour mas alto == */
  /* Fotografias del hero mas altas.
     El alto lo marcan las filas de la rejilla, no un min-height: la galeria es
     grid con grid-template-rows 300px 300px, y estirando el contenedor las
     fotos se quedaban en 610 px mientras el titulo, que va absolute contra la
     vista, se anclaba 90 px mas abajo y caia fuera de la imagen.
     345 x 2 + 10 de gap = 700. */
  .view-vista-slider-tour .gallery-grid {
    grid-template-rows: 345px 345px;
  }
}