@media only screen and (min-width: 1024px) {

    /*----------  Inicio Grupo Bloques Header  ----------*/
    .field--name-field-tp-grup-bloq-head-bloqs-bp {
        max-width: 85%;
        grid-template:         
        "A B D"        
        "A C C";
        grid-template-columns: 15% 74% 10%;
        padding: 7px 0;
    }

    .gr-opc-cont-head .field--name-field-tipprg-hcont-label {
        display: inherit;
        color: black;
        font-weight: bold;
    }

    .gr-opc-cont-head .field--name-field-tipprg-hcont-text {
        display: inherit;
        color: black;
    }

    .field--name-field-tip-bloq-links-head-lnk {
        display: flex;
        justify-content: right;
        column-gap: 2%;
    }
    .field--name-field-tip-bloq-links-head-lnk a {
        color: black;
    }
    #block-bloqopccontactheader .field--name-field-tb-opc-cont-head-prghcon {
        display: flex;
        justify-content: right;
        column-gap: 2%;
    }
    /*
    .field--name-field-tipbq-ghlinks-buttoms {
        display: flex;
        justify-content: right;
        align-items: center;
        column-gap: 2%;
    }

    .field--name-field-tipbq-ghlinks-buttoms > .field__item {
        font-weight: 500;
    }

    .field--name-field-tipbq-ghlinks-buttoms > .field__item:nth-child(1) {

    }

    .field--name-field-tipbq-ghlinks-buttoms > .field__item:nth-child(1) a {
        display: inline-block;
        padding: 7px 15px;
        background: #008b39;
        color: #ffffff;
        color: white;
        border-radius: 20px;
    }

    .field--name-field-tipbq-ghlinks-buttoms > .field__item:nth-child(2) {

    }

    .field--name-field-tipbq-ghlinks-buttoms > .field__item:nth-child(2) a {
        display: inline-block;
        padding: 5px 13px;
        color: #008b39;
        border: 2px solid #008b39;
        border-radius: 20px;
    }
    */

    .field--name-field-tp-grup-bloq-head-bloqs-bp > .field__item:nth-child(4) #block-advancedlanguageselectorblock {
        text-align: right;
    }

/* ============================================================
   ESCRITORIO (≥768px) — tamaño normal, ancho mínimo holgado
   ============================================================ */
  .language-switcher-language-url {
    width: auto;
    min-width: 110px;
    /* min-height heredado de estilos-mobile.css (29px) — mantiene altura estable
       cuando el ul.links pasa a position:absolute al abrir el dropdown. */
    align-self: center;
  }

  .language-switcher-language-url ul.links li a {
    gap: 6px;
    padding: 4px 10px; /* mas bajo: la altura final queda ~30-32px */
    font-size: 0.95rem;
    line-height: 1.3;
  }

  .language-switcher-language-url ul.links li a img.language-icon {
    width: 20px;
    height: 14px;
  }

  .language-switcher-language-url ul.links li.is-active a::after {
    margin-left: auto;
    padding-left: 6px;
    font-size: 0.85em;
  }

  .language-switcher-language-url.is-open ul.links {
    min-width: 130px;
    width: auto;
  }
    /*----------  Fin Grupo Bloques Header  ----------*/
    #menu {
        overflow: initial;
        max-height: 100%;
    }
    #menu .container {
        padding-top: 0;
        position: relative;
        overflow: initial;
        max-height: initial;
        overscroll-behavior: auto;
    }
    #block-x-tremetourbulencia-mainnavigation .tbm-main {
        background: #f5f5f5;
        background: #008b39;
    }
    #block-x-tremetourbulencia-mainnavigation > .tbm-main > .tbm-collapse > .tbm-nav {
        justify-content: center;
    }
    #block-x-tremetourbulencia-mainnavigation > .tbm-main > .tbm-collapse > .tbm-nav .tbm-item.level-1 {
        border-right: 0;
    }
    #block-x-tremetourbulencia-mainnavigation .tbm-main .tbm-nav.level-0 .tbm-item.level-1 .tbm-submenu {
        left: initial;
        width: initial;
    }
    /* Link de menú nivel 1: padding derecho reducido para acercar la flecha al texto */
    #block-x-tremetourbulencia-mainnavigation .tbm-main .tbm-nav.level-0 .tbm-item.level-1 .tbm-link-container .tbm-link.level-1 {
        color: white;
        padding-right: 0.5rem;
    }

    /* Toggle de la flecha: centrado vertical, alto 100% del item, padding-right
       igual al padding-left del link (20px = 1.25rem) para que el espaciado
       izquierda/derecha del item amarillo en hover sea simétrico. */
    .tbm-main .tbm-nav.level-0 .tbm-item.level-1 .tbm-submenu-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        padding: 0 1.25rem 0 0;
        margin: 0;
        background: transparent;
        width: auto;
        line-height: 1;
    }
    .tbm-main .tbm-nav.level-0 .tbm-item.level-1 .tbm-submenu-toggle:before {
        content: "\2304";
        border: 0;
        font-weight: bold;
        color: white;
        display: inline-block;
        line-height: 1;
        vertical-align: middle;
    }

    /* HOVER UNIFICADO: cuando el cursor está sobre el <li>, link Y toggle se ponen amarillos juntos */
    #block-x-tremetourbulencia-mainnavigation .tbm-main .tbm-nav.level-0 .tbm-item.level-1:hover .tbm-link.level-1,
    #block-x-tremetourbulencia-mainnavigation .tbm-main .tbm-nav.level-0 .tbm-item.level-1:hover .tbm-submenu-toggle {
        background: #ffcf00;
        color: #000000;
    }
    #block-x-tremetourbulencia-mainnavigation .tbm-main .tbm-nav.level-0 .tbm-item.level-1:hover .tbm-submenu-toggle:before {
        color: #000000;
    }

    #block-x-tremetourbulencia-mainnavigation .tbm-main .tbm-nav.level-0 .tbm-item.level-1.only-mobile {
        display: none;
        visibility: hidden;
    }

    .tbm-item-extras.tbm-item-extras--default {
        padding: 0.5rem 0;
    }

    .sld-content .field--name-body .field--name-field-media-image {
        display: initial;
    }
    .sld-content {
        max-width: 40%;
        margin: auto 0 0 0;
        padding: 2.5% 2.5em;
        box-sizing: border-box;
    }

    .sld-content:after {
        content: "";
        position: absolute;
        background-color: rgba(4, 53, 24, 0.35);
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        z-index: -1;
    }

    .section-slider-home .field--name-field-tb-slid-home-bg-med .media--type-image .field--name-field-media-image:before {
        background: transparent;
    }


    .gr-explore .field--name-field-tip-bloq-present-tit-head {
        width: 100%;
        max-width: 85%;
        margin: 0 auto;
    }

    .gr-explore .field--name-body {
        width: 100%;
        max-width: 85%;
        margin: 0 auto;
    }

    .gr-explore .field--name-field-tip-bloq-present-certs {
        flex-wrap: nowrap;
        justify-content: center;
        gap: 0;
    }
    .gr-explore .field--name-field-tip-bloq-present-certs .field__item {
        flex: 0 0 auto;        /* ← clave: NO se estira */
        max-width: none;
        padding: 0 20px;       /* espaciado controlado entre logos */
    }
    .gr-explore .field--name-field-tip-bloq-present-certs .field__item img {
        max-width: 160px;      /* tamaño natural de la imagen */
        width: auto;
    }

    /*----------  Inicio Bloque Paquetes Tours Recomendados  ----------*/
    .tb-paq-tou-rec-hom-md .field--name-field-tb-paq-tou-rec-hom-tit-hea {
        width: 100%;
        max-width: 85%;
        margin: 0 auto;
    }

    .tb-paq-tou-rec-hom-md .field--name-body {
        width: 100%;
        max-width: 85%;
        margin: 0 auto;
    }

    .view-vista-paq-tours-rec-home > .view-content {
        display: flex;
        flex-wrap: wrap;
        column-gap: 2%;
    }

    .view-vista-paq-tours-rec-home > .view-content > .views-row {
        max-width: 32%;
    }

    /*----------  Fin Bloque Paquetes Tours Recomendados  ----------*/
    .tb-por-q-eleg-hom-md-a .field--name-field-tb-por-q-eleg-hom-pargwhyc {
        display: flex;
    }


    .section-venture .field--name-field-tipbloq-venby-title {
        width: 100%;
        max-width: 85%;
        margin: 0 auto;
    }

    .section-venture .field--name-body {
        width: 100%;
        max-width: 85%;
        margin: 0 auto;
    }

    .view-vista-home-ventbeyo .view-content {
        display: flex;
        flex-wrap: wrap;
        column-gap: 2%;
    }

    .view-vista-home-ventbeyo .view-content > .views-row {
        max-width: 32%;
    }


    .tb-paq-tou-dia-comp-h-md .field--name-field-tb-paqtou-diacom-h-tit-hea {
        width: 100%;
        max-width: 85%;
        margin: 0 auto;
    }

    .tb-paq-tou-dia-comp-h-md .field--name-body {
        width: 100%;
        max-width: 85%;
        margin: 0 auto;
    }

    .view-vista-paq-tou-dia-comp-home .views-row {
        max-width: 23.5%;
    }

    .view-vista-paq-tou-dia-comp-home .view-content {
        display: flex;
        flex-wrap: wrap;
        column-gap: 2%;
    }


    .tb-res-home-md .field--name-field-tb-res-home-tit-head {
        width: 100%;
        max-width: 85%;
        margin: 0 auto;
    }

    .tb-res-home-md .field--name-body {
        width: 100%;
        max-width: 85%;
        margin: 0 auto;
    }


    /*----------  Inicio Grupo Bloques Footer  ----------*/
    #block-x-tremetourbulencia-bloqgrupofooter .field--name-field-tp-grup-bloq-foot-bg-med .media--type-image .field--name-field-media-image img {
        object-position: 50% 0%;
    }

    .field--name-field-tp-grup-bloq-foot-bloqs-bp {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 20em 0 2.5em;
    }

    .field--name-field-tip-bloq-dat-foot-log-med .field--name-field-media-image img {
        max-width: 15em;
    }

    #block-bloqftofficehour .field--name-field-tipbq-ftoff-hour-prg-ftoff {
        line-height: 2;
        color: white
    }

    #block-bloqftofficehour .field--name-field-tipparg-ft-offhour-title {
        font-weight: bold;
    }

    /*----------  Fin Grupo Bloques Footer  ----------*/

    /* Section About Us Home */
    .view-vista-aboutus-home > .view-content {
        grid-template-columns: repeat(3, 1fr);    
    }
    /* ./Section About Us Home */


    /*=====================================================
    =            Inicio Taxonomia Paquete Tour            =
    =====================================================*/
    .view-vista-tax-cat-paq-tou-slider .views-field-name {
        padding: 15% 0 15%;
    }

    /*=====  Fin Taxonomia Paquete Tour  ======*/
    /*==========================================================
    =            Inicio Tipo Contenido Paquete Tour            =
    ==========================================================*/
    .view-vista-paq-tou-gal-slider {
        width: 100%;
        max-width: 80%;
        margin: 0 auto;
        margin-top: 12px;
    }

    .view-vista-paq-tou-gal-slider .views-field-field-tc-paq-tour-slid-med .gallery-grid a {
        display: inherit;
    }

    .view-vista-paq-tou-gal-slider .views-field-field-tc-paq-tour-slid-med .gallery-grid {
        display: grid;
        grid-template-columns: 4fr 1fr 1fr; /* La izquierda ocupa el doble que las de la derecha */
        /*
        grid-template-rows: auto auto;
        */
        /* Dos filas automáticas */
        gap: 10px; /* Espacio entre las imágenes (ajusta a gusto) */
        grid-auto-rows: 310px;
    }

    .view-vista-paq-tou-gal-slider .views-field-field-tc-paq-tour-slid-med .gallery-grid a {
        display: block;
        overflow: hidden;
        border-radius: 8px; /* Opcional: bordes redondeados como en muchas galerías modernas */
    }

    .view-vista-paq-tou-gal-slider .views-field-field-tc-paq-tour-slid-med .gallery-grid img {
        width: 100%;
        height: 100%;
        object-fit: cover; /* Importante: recorta la imagen manteniendo la proporción */
        display: block;
        transition: transform 0.3s ease; /* Opcional: pequeño zoom al hover */
    }

    .view-vista-paq-tou-gal-slider .views-field-field-tc-paq-tour-slid-med .gallery-grid a:hover img {
        transform: scale(1.05); /* Opcional: efecto hover */
    }

    /* Posicionamiento específico de cada imagen */
    .view-vista-paq-tou-gal-slider .views-field-field-tc-paq-tour-slid-med .gallery-grid a:nth-child(1) {
        grid-row: 1 / span 2; /* La primera ocupa las dos filas de altura */
        grid-column: 1;
    }

    .view-vista-paq-tou-gal-slider .views-field-field-tc-paq-tour-slid-med .gallery-grid a:nth-child(2) {
        grid-row: 1;
        grid-column: 2;
    }

    .view-vista-paq-tou-gal-slider .views-field-field-tc-paq-tour-slid-med .gallery-grid a:nth-child(3) {
        grid-row: 1;
        grid-column: 3;
    }

    .view-vista-paq-tou-gal-slider .views-field-field-tc-paq-tour-slid-med .gallery-grid a:nth-child(4) {
        grid-row: 2;
        grid-column: 2;
    }

    .view-vista-paq-tou-gal-slider .views-field-field-tc-paq-tour-slid-med .gallery-grid a:nth-child(5) {
        grid-row: 2;
        grid-column: 3;
    }

    .view-vista-paq-tou-gal-slider > .view-footer {
        max-width: 100%;
    }

    /* Botones "Gallery" y "Map" flotantes en desktop —
       lado a lado en la esquina inferior derecha de la IMAGEN GRANDE
       (la que ocupa 4/6 del grid 4fr 1fr 1fr).

       Math:
         Right edge de imagen grande, medido desde .image-gallery right edge:
           = 100% × 2/6 + (gap × 4/6)
           = 33.33% + 13.33px
         Para 16px DENTRO del borde derecho de la imagen grande:
           = 33.33% + 13.33px + 16px ≈ 33.33% + 30px
         Map se ancla 122px más a la izquierda (Gallery width 112 + gap 10). */
    .view-vista-paq-tou-gal-slider .open-gallery {
        right: calc(33.333% + 30px);
        bottom: 16px;
        padding: 10px 18px;
        font-size: 0.95rem;
    }

    .view-vista-paq-tou-gal-slider .gr-content-slider .btn-open {
        right: calc(33.333% + 30px + 122px);
        bottom: 16px;
        padding: 10px 18px;
        font-size: 0.95rem;
    }

    .view-vista-tour-gdescripcion .views-row {
        display: flex;
        column-gap: 2%;
    }

    .view-vista-tour-gdescripcion .views-row .views-field-fieldset {
        width: 100%;
        max-width: 69%;
    }

    .view-vista-tour-gdescripcion .views-row .views-field-field-tc-paq-tour-map-img {
        width: 100%;
        max-width: 29%;
    }

    .page-node-type-tc-paq-tour #contenedor {
        display: flex;
        flex-wrap: wrap;
        max-width: 80%;
    }

    .page-node-type-tc-paq-tour #contenido {
        width: 100%;
        max-width: 70%;
        margin-right: 2%;
    }

    .page-node-type-tc-paq-tour #sidebar_right {
        width: 100%;
        max-width: 28%;
        position: sticky;
        top: 70px;
        align-self: flex-start;
    }

    .view-vista-paq-tou-rel .view-content {
        display: flex;
        flex-wrap: wrap;
        column-gap: 2%;
    }
    .view-vista-paq-tou-rel .views-row {
        max-width: 32%;
    }
    /*=====  Fin Tipo Contenido Paquete Tour  ======*/
    /*=============================================
    =            Inicio Taxonomia Blog            =
    =============================================*/
    .view-vista-tax-cat-blog-slider .views-field-name {
        padding: 15% 0 15%;
    }
    .view-vista-tc-blogs-lista .view-content
    {
        display: flex;
        flex-wrap: wrap;
        column-gap: 2%;
    }
    .views-infinite-scroll-content-wrapper {
        display: flex;
        flex-wrap: wrap;
        column-gap: 2%;
        /*
        padding: 20px 15px 0px;
        */
        background: white;
        border-radius: 4px;
    }
    .view-vista-tc-blogs-lista .views-row {
        width: 100%;
        max-width: 32%;
    }

    /*=====  Fin Taxonomia Blog  ======*/
    /*==================================================
    =            Inicio Tipo Contenido Blog            =
    ==================================================*/
    .view-vista-tc-blog-slider .views-field-title {
        padding: 15% 0 15%;
    }

    .page-node-type-tc-blog #contenedor {
        display: flex;
        flex-wrap: wrap;
    }

    .page-node-type-tc-blog #contenido {
        width: 100%;
        max-width: 67%;
        margin-right: 5%;
    }

    .page-node-type-tc-blog #sidebar_right {
        width: 100%;
        max-width: 28%;
    }

    .page-node-type-tc-blog #sidebar_right .region-sidebar-right {
        position: sticky;
        top: 5.65em;
    }

    /*=====  Fin Tipo Contenido Blog  ======*/
    /*=======================================================
    =            Inicio Tipo Contenido Acerca de            =
    =======================================================*/
    .view-vista-tc-acer-de-slider .views-field-title {
        padding: 15% 0 15%;
    }
    /*=====  Fin Tipo Contenido Acerca de  ======*/

    /*=====  Pagina taxonomias tour ======*/
    .view-vista-tc-paq-tou-lista > .view-content {
        grid-template-columns: repeat(3, 1fr);
    }
    /*=====  End Pagina taxonomias tour ======*/

    .field.field--name-field-tb-contact-wf-tit-head {
        padding: 15% 0 15%;
    }

    #webform-submission-wf-contactenos-add-form {
        max-width: 75%;
    }

}