/*
 Theme Name:   Travel Tour Child
 Theme URI:    http://demo.goodlayers.com/infinite
 Description:  Goodlayers Travel Tour Child Theme
 Author:       Goodlayers
 Author URI:   http://goodlayers.com
 Template:     traveltour
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, right-sidebar, responsive-layout
 Text Domain:  traveltour-child

 START YOUR CHILD THEME CSS HERE
*/

/* ==========================================================================
   VARIABLES Y CONFIGURACIÓN GLOBAL
   ========================================================================== */
:root {
    --color-primary: #70bd1f;
    --color-secondary: #a1c51d;
    --color-accent: #e63946;
    --color-dark: #131313;
    --color-gray: #575757;
    --color-light: #f9f9f9;
    --color-white: #ffffff;
    --border-radius: 20px;
    --transition: all 0.3s ease;
}

.seo-oculto{display:none !important;}

/* ====º======================================================================
   ELEMENTOS GENERALES Y RESET
   ========================================================================== */

/* Mix blend mode para navegación */
header:not(.traveltour-fixed-navigation) .traveltour-navigation .sf-menu > li > a {
    mix-blend-mode: difference;
}

/* Estilos generales de texto */
.traveltour-page-title-wrap .traveltour-page-title {
    letter-spacing: 0px;
    font-weight: 900;
    color: var(--color-dark);
}

.hidden-seo{display:none;}

/* ==========================================================================
   HEADER Y NAVEGACIÓN
   ========================================================================== */

/* Logo y navegación fija */
a.traveltour-fixed-nav-logo {
    width: 150px;
}

header.traveltour-fixed-navigation .traveltour-navigation .sf-menu > li > a {
    padding-top: 10px !important;
}

/* Barra de usuario superior */
span.tourmaster-user-top-bar-name {
    color: var(--color-white);
}

.tourmaster-user-top-bar.tourmaster-user.tourmaster-refresh.tourmaster-style-1 {
    background: #131313;
    padding: 5px 10px;
    border-radius: var(--border-radius);
    display: flex;
    align-items: center;
    align-content: center;
}

.tourmaster-user-top-bar.tourmaster-guest.tourmaster-style-1 {
    background: none !important;
}

.traveltour-navigation-login-button .tourmaster-user-top-bar.tourmaster-guest {
    padding: 10px 40px;
    border-radius: 12px;
}

/* Menú home específico */
body.home header:not(.traveltour-fixed-navigation) .menu-item a {
    color: var(--color-white);
    text-shadow: 0 0 8px black;
}

/* ==========================================================================
   PÁGINAS ESPECÍFICAS
   ========================================================================== */

/* Página Sostenibilidad (ID: 6783) */
body.page-id-6783 .traveltour-page-title-wrap {
    height: 85vh;
}

body.page-id-6783 .traveltour-page-title-overlay {
    opacity: 0.3;
}

/* Divisores de página específicos */
body.page-id-4858 .traveltour-page-title-wrap:after {
    content: '';
    height: 53px;
    display: block;
    position: relative;
    bottom: -2px;
    background: url(https://wildpeak.es/wp-content/uploads/2025/11/divider_004.svg) no-repeat;
}

/*Páginas de guías*/
.cabecera-guia .columna-cabecera-guia {
    min-height: 350px;
}
body.single-personnel .gdlr-core-pbf-column-content-margin {display: flex;align-content: center;align-items: center;}

/* ==========================================================================
   COMPONENTES DE TOURS/VIAJES
   ========================================================================== */

/* Títulos de tours */
h1.tourmaster-tour-title-item-title {
    text-shadow: 0 0 10px black;
}

h3.tourmaster-tour-title.gdlr-core-skin-title {
    font-size: 0.9em !important;
    text-transform: none !important;
    letter-spacing: 0px !important;
    font-weight: 600 !important;
}

body:not(.single-tour) .gdlr-core-title-item h3.gdlr-core-title-item-title {
    font-size: 1.5em !important;
    letter-spacing: 0px !important;
    color: var(--color-dark);
}

/* Barra de booking */
#tourmaster-tour-booking-bar-wrap.tourmaster-bottom,
#tourmaster-tour-booking-bar-wrap.tourmaster-top,
#tourmaster-tour-booking-bar-wrap.tourmaster-lock,
#tourmaster-tour-booking-bar-wrap.tourmaster-fixed,
#tourmaster-tour-booking-bar-wrap.tourmaster-fixed-lock {
    transform: scale(0.85) !important;
    transform-origin: center center;
    transition: 0.2s ease-in transform;
}

div#tourmaster-tour-booking-bar-wrap {
    border-radius: 10px;
    overflow: hidden;
    background: var(--color-white);
    box-shadow: 0px 0px 25px #1a1a1a47;
}

.tourmaster-tour-booking-bar-outer {
    background: var(--color-white);
    /*background: linear-gradient(180deg, rgba(161, 197, 29, 1) 0%, rgba(236, 221, 83, 1) 180px, rgba(255, 255, 255, 1) 320px);*/
}

.tourmaster-header-price .tourmaster-tour-price-info {
    color: #1a1a1a;
}

.tourmaster-header-price .tourmaster-tail {
    font-size: 2.3em !important;
}

body:not(.single-tour) .tourmaster-tour-item-style-grid .tourmaster-tail {
    font-size: 1.5em !important;
}

/* Formularios de booking */
body.single-tour .tourmaster-tour-booking-people-input select,
body.single-tour .tourmaster-tour-booking-submit-input input,
.tourmaster-tour-booking-submit-error {
    font-size: 0.9em !important;
}

body.single-tour .tourmaster-form-field select,
.tourmaster-single-tour-booking-fields select,
.tourmaster-single-tour-booking-fields input {
    border-radius: 50px;
    border: 2px solid var(--color-gray) !important;
    text-align: center;
}

body.single-tour .tourmaster-combobox-wrap select:hover {
    color: var(--color-white);
    cursor: pointer;
    background: #2d2d2d;
}

/* Botones de booking */
body .tourmaster-tour-booking-submit input[type="submit"],
body .tourmaster-tour-booking-submit input[type="submit"]:hover,
body .tourmaster-tour-booking-submit .tourmaster-button,
body .tourmaster-enquiry-form .tourmaster-button,
body.single-tour .tourmaster-mobile-booknow-bar .tourmaster-button,
.tourmaster-header-price .tourmaster-header-price-overlay {
    border-radius: 51px !important;
    border: 2px solid var(--color-primary) !important;
    background: transparent !important;
    color: var(--color-primary) !important;
}

body .tourmaster-tour-booking-submit input[type="submit"]:hover {
    background: var(--color-primary) !important;
    color: var(--color-white) !important;
}

/* ==========================================================================
   COMPONENTES DE DISEÑO
   ========================================================================== */

.tourmaster-tour-order-filterer-wrap.tourmaster-item-mglr.clearfix {
    border-radius: var(--border-radius);
}

.tourmaster-tour-search-wrap.clearfix.tourmaster-with-frame {
    border-radius: var(--border-radius);
}

/* Bloques ornamentales */
.gdlr-core-pbf-wrapper.divisor-bottom,
.gdlr-core-pbf-wrapper.divisor-top {
    padding: 0px !important;
}

.gdlr-core-pbf-wrapper.divisor-bottom {
    margin: -3.2rem auto 0px auto !important; 
}

.gdlr-core-pbf-wrapper.divisor-top {
    margin: 0px auto -70px auto !important;
}

.con-divisorbottom:after  {
    content: '';
    height: 50px;
    display: block;
    background: url(https://wildpeak.es/wp-content/uploads/2025/11/divider_004.svg) no-repeat bottom center;
    position: absolute;
    width: 100%;
    bottom: -1px;
   background-size: cover;
}

.traveltour-page-title-wrap:after {    
	content: '';
    height: 50px;
    display: block;
    background: url(https://wildpeak.es/wp-content/uploads/2025/11/divider_004.svg) no-repeat bottom center;
    position: absolute;
    width: 100%;
    bottom: -1px;
   background-size: cover;
}

.con-divisortop:before  {
      content: '';
    height: 5vh;
    display: block;
    background: url(https://wildpeak.es/wp-content/uploads/2025/11/divider_005.svg) no-repeat bottom center;
    position: absolute;
    width: 100%;
    top: 0;
    background-size: cover;
}

/* Galerías y grids */
.bloque-fotos-us .gdlr-core-gallery-item-holder {
    display: flex;
    flex-wrap: wrap;
}

.bloque-fotos-us .gdlr-core-gallery-item-holder .gdlr-core-item-list {
    width: 50%;
}

.tourmaster-tour-grid-inner {
    border-radius: var(--border-radius);
}

.tourmaster-single-related-tour .tourmaster-tour-thumbnail {
    border-radius: var(--border-radius);
}

.leaflet-container {
    border-radius: var(--border-radius) !important;
}

.tourmaster-single-tour-content-wrap img {
    border-radius: 10px;
}

/* Testimonios */

.gdlr-core-testimonial-frame.clearfix {
    border-radius: var(--border-radius);
}

/* Texto blanco con sombra */
.gdlr-core-page-builder-body [data-skin="White Text"] h3 {
    text-shadow: 0 0 10px #000000;
    font-size: 2.5em !important;
}

/* ==========================================================================
   COMPONENTES PERSONALIZADOS
   ========================================================================== */

/* Sistema de dificultad */
.tourmaster-dificultad-row {
    font-size: 18px;
    color: #131413;
    display: flex;
    justify-content: space-evenly;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 10px;
    flex-direction: row;
}

.tourmaster-dificultad,
.wildpeak-datos-bookingbar {
    padding: 20px;
    border-radius: 12px;
    text-align: center;
}

.tourmaster-template-wrapper-datos {
    margin: 25px 0;
    display: flex;
    justify-content: center;
}

.wildpeak-datos-bookingbar {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 40px;
    padding: 20px 30px;
    border-radius: 12px;
    font-size: 16px;
    align-items: center;
}

.dato-item {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 180px;
    transition: var(--transition);
    font-size: 1.2em;
}

.dato-item:hover {
    transform: translateY(-2px);
}

.dato-icon {
    font-size: 24px;
    color: var(--color-accent);
}

.dato-label {
    font-weight: 600;
    color: #222;
}

.dato-valor {
    color: #555;
}

/* Niveles de dificultad */
.nivel {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    position: relative;
}

.nivel img {
    width: 120px;
    height: auto;
    cursor: pointer;
}

.nivel-texto {
    font-weight: 600;
    text-transform: capitalize;
    cursor: pointer;
}

/* Tooltips */
.tooltip {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    transform: translateX(-50%);
    width: 240px;
    background-color: #333;
    color: var(--color-white);
    text-align: left;
    border-radius: 8px;
    padding: 12px;
    font-size: 13px;
    line-height: 1.4;
    transition: opacity 0.3s ease;
    z-index: 20;
    pointer-events: none;
}

.tooltip:after {
    content: "";
    position: absolute;
    top: 100%;
    margin-left: -6px;
    border-width: 6px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
}

.tooltip-container:hover .tooltip {
    visibility: visible;
    opacity: 1;
}

/* Posicionamiento específico de tooltips */
.tourmaster-dificultad .dificultad-tecnica .tooltip {
    bottom: 114%;
    left: 10%;
}

.tourmaster-dificultad .dificultad-fisica .tooltip {
    bottom: 114%;
    left: 90%;
}

.tourmaster-dificultad .dificultad-fisica .tooltip:after {
    left: 25%;
}

.tourmaster-dificultad .dificultad-tecnica .tooltip:after {
    left: 75%;
}

/* Listas personalizadas */
.lista_incluido ul,
.lista_noincluido ul,
.lista_material ul {
    margin-left: 0;
}

.lista_incluido li,
.lista_noincluido li,
.lista_material li {
    list-style: none;
    padding-left: 30px;
}

.lista_incluido li {
    background: url('http://wildpeak.es/wp-content/uploads/2025/11/001-check.png') no-repeat left 6px;
    background-size: auto 20px;
}

.lista_noincluido li {
    background: url('http://wildpeak.es/wp-content/uploads/2025/11/002-close.png') no-repeat left 6px;
    background-size: auto 20px;
}

.lista_material li {
    background: url('http://wildpeak.es/wp-content/uploads/2025/11/001-circle.png') no-repeat left 6px;
    background-size: auto 20px;
}

/* Columnas */
.two-columns {
    column-count: 2;
    column-gap: 40px;
}

/* ==========================================================================
   PÁGINA INDIVIDUAL DE TOUR
   ========================================================================== */

/* Header del tour */
body.single-tour .tourmaster-single-header {
    height: 100vh;
}

body.single-tour .tourmaster-single-header-container {
    display: none !important;
}

div#viaje-top-wrapper {
    height: 180px !important;
    margin-top: -170px !important;
    background: #000000a8;
    color: var(--color-white);
    background: linear-gradient(0deg, rgba(26, 26, 26, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

.tourmaster-single-tour-content-wrap {
    position: relative;
    top: calc(0vh - 90px);
}

/* Navegación de contenido */
.tourmaster-content-navigation-item-outer {
    background-color: #1a1a1a !important;
}

.tourmaster-content-navigation-item-outer a {
    color: var(--color-white) !important;
}

/* Elementos ocultos */
.tourmaster-booking-bottom.clearfix,
.tourmaster-tour-booking-bar-widget.traveltour-sidebar-area,
.tourmaster-tour-info-outer,
.elevation-control {
    display: none;
}

/* ==========================================================================
   PAGO
   ========================================================================== */
   
   span.tourmaster-user-top-bar-login.tourmaster-hide-on-mobile {
    color: #FFF;
}
   
	.tourmaster-form-field.tourmaster-with-border input[type="text"], .tourmaster-form-field.tourmaster-with-border input[type="email"], .tourmaster-form-field.tourmaster-with-border .tourmaster-combobox-list-display, .tourmaster-form-field .tourmaster-combobox-list-wrap ul, .tourmaster-form-field .tourmaster-combobox-list-wrap ul li, .tourmaster-form-field.tourmaster-with-border input[type="password"], .tourmaster-form-field.tourmaster-with-border textarea, .tourmaster-form-field.tourmaster-with-border select {
    border: 2px solid #b0cb1f !important;
    border-radius: 20px !important;
}
   
	.tourmaster-payment-step-wrap .tourmaster-payment-step-item-title {
		font-size: 18px;
	}
	.tourmaster-tour-booking-bar-deposit-option label {
		border: 2px solid #131313;
		padding: 10px;
		display: flex !important;
		margin-bottom: 13px;
		border-radius: var(--border-radius);
		background: #131313;
	}

	.tourmaster-tour-booking-bar-deposit-option label input:checked + span{
		color: #131313 !important;
		font-weight: 800;
		padding: 10px;
		border-radius: 10px;
		background: #cbcd1f;
		width: 100%;
	}

	.tourmaster-tour-booking-bar-total-price-container * {
		color: #131313 !important;
	}

	input.tourmaster-tour-booking-bar-coupon {
		border-radius: var(--border-radius);
		border: 2px solid #131313 !important;
	}
   
   
   
/* ==========================================================================
   FOOTER
   ========================================================================== */

footer:before {
    content: '';
    display: block;
    height: 60vh;
    background: url(https://wildpeak.es/wp-content/uploads/2025/11/footer_002.svg);
    margin-top: -25dvh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.traveltour-footer-wrapper .widget {
    margin-bottom: 20px;
}

.widget_nav_menu ul li {
    border-bottom: 0px !important;
    margin-bottom: 10px;
    padding-bottom: 0px;
}

/* ==========================================================================
   COMPONENTES ADICIONALES
   ========================================================================== */

/* Toggle boxes */
.gdlr-core-toggle-box-item-content {
    padding: 20px 50px !important;
}

.gdlr-core-toggle-box-item-content p {
    text-align: justify;
}

h4.gdlr-core-toggle-box-item-title {
    font-size: 1.0em !important;
    border-radius: var(--border-radius);
}

/* Búsqueda de tours */
.tourmaster-tour-search-item .tourmaster-type-filter-title {
    font-size: 1.1em;
}

.tourmaster-tour-search-item .tourmaster-type-filter-item-title {
    font-size: 0.8em;
}

.tourmaster-tour-search-wrap .tourmaster-tour-search-field label {
    font-size: 1.1em;
}

.tourmaster-tour-search-field input[type="text"] {
    border-radius: var(--border-radius);
    border-color: #b0cb1f !important;
}

input.tourmaster-tour-search-submit {
    border-radius: var(--border-radius);
}

/* Filtros */
.tourmaster-tour-order-filterer-wrap .tourmaster-combobox-wrap select {
    font-size: 0.8em;
}

/* Guías/Personnel */
.gdlr-core-personnel-item .gdlr-core-hover-opacity {
    opacity: 0.9;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 54%, rgba(0, 0, 0, 0.75) 85%);
}

.gdlr-core-personnel-list-image {
    border-radius: var(--border-radius);
}

a.gdlr-core-social-network-icon i {
    color: var(--color-white);
}



/* ==========================================================================
   MEDIA QUERIES - RESPONSIVE
   ========================================================================== */

@media (max-width: 768px) {
    /* Divisores */
    .gdlr-core-pbf-wrapper.divisor-bottom {
        margin: -0.8rem auto 0px auto !important;
    }
	


    div#bloque-equipo .gdlr-core-personnel-item-holder {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }

    /* Esta es la clase correcta que genera GoodLayers */
    div#bloque-equipo .gdlr-core-personnel-list-column {
        flex: 0 0 47%;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Aseguramos que el item interno no mete padding raro */
    div#bloque-equipo .gdlr-core-personnel-item {
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Esto elimina "saltos" al final */
    div#bloque-equipo .gdlr-core-item-list {
        margin: 0 !important;
        padding: 0 !important;
    }

	
	div#bloque-equipo .gdlr-core-personnel-item-holder .gdlr-core-personnel-list-column img{
		width: 218px !important;
	}
	
	 div#bloque-equipo .gdlr-core-personnel-list-column  .gdlr-core-personnel-list-title{
	        font-size: 0.7em !important;
        line-height: 0.9em;
		letter-spacing: -1px;
	 }

    .gdlr-core-pbf-wrapper.divisor-top {
        margin: 0px auto -40px auto !important;
    }
    
    /* Sistema de dificultad */
    .wildpeak-datos-bookingbar {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
    
    .dato-item {
        min-width: 100%;
    }
    
    .tooltip {
        top: auto;
        bottom: 30%;
    }
    
    /* Página individual de tour */
    body.single-tour .tourmaster-single-header {
        height: calc(100dvh - 120px) !important;
    }
    
    .tourmaster-mobile-booknow-bar {
        font-size: 18px;
        padding: 5px 30px 0px 30px;
    }
    
    h1.tourmaster-tour-title-item-title {
        font-size: 1.3em !important;
        padding: 0px !important;
    }
    
    .tourmaster-tour-title-item {
        margin-bottom: 0px;
    }
    
    body.single-tour .tourmaster-single-header-background-overlay {
        opacity: 1;
        background: linear-gradient(0deg, rgba(26, 26, 26, 1) 5%, rgba(255, 255, 255, 0) 70%);
    }
    
    div#viaje-top-wrapper {
        height: 46dvh !important;
        margin-bottom: -10dvh !important;
        background: linear-gradient(0deg, rgba(26, 26, 26, 1) 29%, rgba(255, 255, 255, 0) 100%);
        bottom: 122px;
    }
    
    /* Elementos móviles específicos */
    .ocultar-escritorio .gdlr-core-column-20 {
        display: flex;
        align-items: center;
        align-content: center;
        flex-direction: row-reverse;
    }
    
    .ocultar-escritorio li.gdlr-core-skin-divider.gdlr-core-column-20.clearfix {
        display: flex;
        align-content: center;
        align-items: center;
        margin-bottom: 0px !important;
    }
    
    /* Columnas responsive */
    .two-columns {
        column-count: 1;
        column-gap: 0;
    }	
}

@media (min-width: 768px) {
    .ocultar-escritorio {
        display: none;
    }
}

/* Elementos de mapa */
.leaflet-control-attribution.leaflet-control {
    display: none !important;
}

/* Ribbon de thumbnails */
.tourmaster-tour-grid-style-3.tourmaster-tour-frame .tourmaster-tour-content-wrap .tourmaster-thumbnail-ribbon {
    top: -25px;
    width: 100%;
    text-align: center;
}

/* Tour relacionado */
.tourmaster-single-related-tour {
    margin-bottom: 15%;
}

/* Menú fijo sin sombra */
div#viaje-menu-fijo .gdlr-core-pbf-background-wrap {
    box-shadow: none !important;
}