.elementor-7163 .elementor-element.elementor-element-31b0f67{--display:flex;--min-height:0px;--justify-content:center;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;overflow:visible;}.elementor-7163 .elementor-element.elementor-element-31b0f67.e-con{--align-self:stretch;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-7163 .elementor-element.elementor-element-31b0f67{--min-height:0vh;}}@media(max-width:767px){.elementor-7163 .elementor-element.elementor-element-31b0f67{--min-height:0vh;}}/* Start custom CSS for container, class: .elementor-element-31b0f67 *//* =====================================================
   TARI TOURS - CONTROL DEL ESPACIO DEL HEADER
   ===================================================== */

/*
 * IMPORTANTE:
 * El contenedor del header NO debe estar en height:0
 * globalmente.
 *
 * En páginas internas debe recuperar su altura normal.
 */
.elementor-7163 .elementor-element.elementor-element-31b0f67 {
    width: 100% !important;
    max-width: none !important;

    height: auto !important;
    min-height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}


/* =====================================================
   INICIO
   Aquí SÍ queremos altura 0 porque el header debe
   superponerse sobre el hero.
   ===================================================== */

body.home [data-elementor-type="header"][data-elementor-id="7163"] {
    width: 100% !important;
    max-width: none !important;

    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}


/*
 * El contenedor principal del header también queda
 * en altura 0 SOLO EN INICIO.
 */
body.home [data-elementor-type="header"][data-elementor-id="7163"]
.elementor-element-31b0f67 {
    height: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}


/*
 * Nuestro wrapper personalizado tampoco reserva
 * espacio SOLO EN INICIO.
 */
body.home .tth-header-wrap {
    width: 100% !important;

    height: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =====================================================
   AJUSTE DEL INICIO
   Mantiene los -20px que ya estabas utilizando.
   ===================================================== */

body.home [data-elementor-type="header"][data-elementor-id="7163"] {
    margin-top: -20px !important;
}


/* =====================================================
   PÁGINAS INTERNAS
   Aquí el contenedor DEBE recuperar su altura.
   ===================================================== */

body:not(.home) [data-elementor-type="header"][data-elementor-id="7163"] {
    width: 100% !important;
    max-width: none !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}


/*
 * MUY IMPORTANTE:
 * Sobrescribe el height:0 del contenedor de Elementor
 * en todas las páginas excepto Inicio.
 */
body:not(.home) [data-elementor-type="header"][data-elementor-id="7163"]
.elementor-element-31b0f67 {
    width: 100% !important;
    max-width: none !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}


/*
 * El widget HTML también debe ocupar todo el ancho.
 */
body:not(.home) [data-elementor-type="header"][data-elementor-id="7163"]
.elementor-element-5f33067,
body:not(.home) [data-elementor-type="header"][data-elementor-id="7163"]
.elementor-element-5f33067 > .elementor-widget-container {
    width: 100% !important;
    max-width: none !important;
}


/* =====================================================
   FIX - SLIDESHOW DEL HERO NO DEBE BLOQUEAR CLICS
   ===================================================== */

.elementor-background-slideshow,
.elementor-background-slideshow .swiper-wrapper,
.elementor-background-slideshow .swiper-slide {
    pointer-events: none !important;
}/* End custom CSS */