.elementor-kit-6{--e-global-color-primary:#E94F1B;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#00A19A;--e-global-color-52e570a:#FFCF37;--e-global-color-c591bb9:#FFFFFF;--e-global-color-4069aaf:#000000;--e-global-color-32a177a:#FFFFFF00;--e-global-typography-primary-font-family:"Nunito";--e-global-typography-primary-font-size:2rem;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1.4em;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-size:1.3rem;--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-line-height:1.4em;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:1rem;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.4em;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-size:1rem;--e-global-typography-accent-font-weight:900;--e-global-typography-accent-line-height:1.4em;color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-6 a{color:var( --e-global-color-52e570a );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-6 h1{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-6 h2{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-6 h3{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-6 h4{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-6 h5{color:var( --e-global-color-primary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-6 h6{color:var( --e-global-color-primary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-6{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-6 a{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-6 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-6 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-6 h3{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-6 h4{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-6 h5{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-6 h6{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-6 a{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-6 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-6 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-6 h3{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-6 h4{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-6 h5{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-6 h6{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --Naranja:#E94F1B; --Turquesa:#00A19A; --Gris:#54595F; --Texto:#7A7A7A; --Blanco:#ffffff; --Negro:#000000; --Transparente:#ffffff; --Titulos:Nunito; --Subtitulos:Montserrat; --Textos:Inter; --Amarillo:#ffcf37; }
/* Start custom CSS */html, body {
	overflow-x:hidden;
}
header {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
}

/* =================================================═
   ENLACES CORPORATIVOS DEL MENÚ (.enlace-corporativo)
   ================================================== */

/* 1. Estado por defecto: Texto Turquesa con tu variable de Elementor */
.enlace-corporativo a.elementor-item {
    color: var(--Turquesa) !important;
    background-color: transparent !important;
    /* Transición limpia y rápida solo para color y fondo */
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out !important;
    border-radius: 100px;
}

/* 2. Estado Hover y Activo: Fondo Naranja y texto blanco */
.enlace-corporativo a.elementor-item:hover,
.enlace-corporativo a.elementor-item:focus,
.enlace-corporativo.current-menu-item a.elementor-item,
.enlace-corporativo a.elementor-item.elementor-item-active {
    background-color: var(--Naranja, #E94F1B) !important;
    color: #ffffff !important;
    border-radius: 100px;
}

/* 3. ELIMINAR EL DESTELLO VERDE: Apagar el 'pointer' nativo de Elementor */
.enlace-corporativo a.elementor-item::before,
.enlace-corporativo a.elementor-item::after {
    display: none !important;
    content: none !important;
    transition: none !important;
    background-color: transparent !important;
}

/* =================================================═
   REVEAL STICKY NAV BAR 
   ================================================== */

/* 1. Barra blanca normal (Usamos tu ID + la clase content-general para evitar el clon de Elementor) */
#navegador-free-tours-elche.content-general {
    position: relative; 
    width: 100%;
    z-index: 9999;
    background-color: #ffffff;
}

/* 2. Barra blanca cuando hacemos scroll */
#navegador-free-tours-elche.content-general.nav-scrolled {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    animation: deslizarDesdeArriba 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) forwards !important;
    
    /* Efecto cristal elegante */
    background-color: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
    
    /* Tamaño exacto reducido a la mitad */
    min-height: 7vh !important;
    height: 7vh !important;
}

/* 3. Animación de entrada fluida */
@keyframes deslizarDesdeArriba {
    0% { transform: translateY(-100%); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
}

/* 4. Logotipo - Estado inicial (Solo le damos transición, Elementor controla el tamaño normal) */
#logotipo-free-tours-elche img {
    transition: all 0.4s ease !important;
}

/* 5. Logotipo - Estado reducido al hacer scroll */
#navegador-free-tours-elche.content-general.nav-scrolled #logotipo-free-tours-elche img {
    height: 50px !important;
    max-height: 50px !important;
    width: auto !important;
    object-fit: contain !important;
}

/* SCROLL */
body::-webkit-scrollbar {
    width: 20px;
}
body::-webkit-scrollbar-thumb {
    background-color: var( --e-global-color-secondary );
}
body::-webkit-scrollbar-track {
    background: var( --e-global-color-primary );
}
/* Solo en pantallas a partir de 769px */
@media (max-width: 767px) {
  /* SCROLL */
  body::-webkit-scrollbar {
      width: 0px;
  }
}
/* Enlaces centrados */

@media (max-width: 767px) {
a, a span {
    text-align: center !important;
}
}

/* SELECCIÓN */
::selection {
  background-color: var( --e-global-color-primary ); 
  color: var( --e-global-color-secondary );
}
/* COOKIES */
div#cmplz-document {
    width: 100%;
    max-width: 100%;
}

/* TAMAÑOS DE LA TIPOGRAFIA */
html{
	font-size: clamp(13px, 1vw ,15px)
}

/* VIDEOS AL 100% */

.elementor-kit-6,
.elementor-kit-6 .elementor-widget-container {
    height: 100% !important;
}

.elementor-kit-6 video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ==========================================
   TÍTULOS H2 (DETALLE DE PUNTOS)
   ========================================== */
h2 {
    position: relative !important;
    padding-bottom: 20px !important; 
    margin-bottom: 30px !important; 
}

h2::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    height: 8px !important; 
    width: 64px !important; 
    border-bottom: 8px dotted #ffcf37 !important;
    line-height: 0 !important;
}

/* ==========================================
   VIÑETAS Y BULLETS AMARILLOS
   ========================================== */
.tf-template-section ul:not(.tf-list),
.highlights-list ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.tf-template-section ul:not(.tf-list) li,
.highlights-list ul li {
    position: relative !important;
    padding-left: 24px !important; 
    margin-bottom: 12px !important; 
    line-height: 1.5;
}

.tf-template-section ul:not(.tf-list) li::before,
.highlights-list ul li::before {
    content: "" !important;
    position: absolute !important;
    left: 4px !important;            
    top: 7px !important;            
    width: 8px !important;           
    height: 8px !important;
    background-color: #ffcf37 !important; 
    border-radius: 50% !important;   
}

/* ==========================================
   SECCIÓN INCLUIDO / EXCLUIDO
   ========================================== */
.tf-inex-inner .tf-list li i {
    color: #ffcf37 !important;
    font-size: 16px !important; 
    margin-right: 8px !important;
}

.tf-inex-inner .tf-list li::before {
    display: none !important;
}

.tf-inex-inner .tf-list li {
    padding-left: 0 !important; 
}

/* ==========================================
   SECCIÓN CONSULTAS (ICONO)
   ========================================== */
.tf-single-enquiry-style-1 i.fa-question-circle-o {
    color: #ffcf37 !important;
    font-size: 70px !important; 
}

/* ==========================================
   CALENDARIO (FLATPICKR)
   ========================================== */
.flatpickr-days .flatpickr-day.today {
    border-color: #ffcf37 !important;
    background: transparent !important;
    color: #333333 !important; 
}

.flatpickr-days .flatpickr-day:hover,
.flatpickr-days .flatpickr-day.today:hover {
    background-color: #ffcf37 !important;
    border-color: #ffcf37 !important;
    color: #ffffff !important;           
}

.flatpickr-days .flatpickr-day.selected,
.flatpickr-days .flatpickr-day.selected:hover {
    background-color: #ffcf37 !important;
    border-color: #ffcf37 !important;
    color: #ffffff !important;
}

/* ==========================================
   DISEÑO CONTENEDOR FICHA TOUR
   ========================================== */
body > .tf-single-template__one {
    background: #12a19a;
}

.tf-tour-single {
    padding: 0 20px;
}

.tf-tour-single .tf-container {
    position: relative;
    z-index: 99; 
    padding: 15px 30px;
    background-color: #ffffff; 
    border-radius: 20px;
    margin-top: -250px;
}
@media (max-width: 767px) {
  .tf-tour-single .tf-container {
    margin-top: -70px;
}
} 

/* ==========================================
   FORMULARIO DE RESERVA: PRECIO Y BOTONES
   ========================================== */
.tf-booking-price p {
    font-size: 32px !important;       
    font-weight: 800 !important;       
    color: #e94f1b !important;         
    margin: 0 !important;
    display: flex !important;
    align-items: baseline !important;  
    gap: 8px !important;               
}

.tf-booking-price p span {
    font-size: 16px !important;       
    font-weight: 500 !important;       
    color: #777777 !important;         
}

.tf_acrselection .acr-select .acr-dec, 
.tf_acrselection .acr-select .acr-inc {
    background-color: #ffcf37 !important;
    color: #ffffff !important;           
    border: none !important;             
    font-size: 20px !important;          
    font-weight: bold !important;        
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;              
    height: 36px !important;             
    border-radius: 50% !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease;
}

.tf_acrselection .acr-select .acr-dec:hover, 
.tf_acrselection .acr-select .acr-inc:hover {
    background-color: #e5b92e !important; 
}

/* ==========================================
   PREGUNTAS FRECUENTES (FAQS)
   ========================================== */
.tf-faq-wrapper .tf-faq-single.has-devider {
    border-bottom: 2px dotted #ffcf37 !important; 
}

.tf-faq-wrapper .tf-faq-inner {
    border-top: 2px dotted #ffcf37 !important;
}

.tf-faq-wrapper .tf-faq-single:last-child {
    border-bottom: 2px dotted #ffcf37 !important;
}

.tf-faq-wrapper .faq-icon span i {
    color: #ffcf37 !important;
}

/* ==========================================
   RESPONSIVE
   ========================================== */
   
/* Se oculta solo en pantallas móviles */
@media (max-width: 1024px) {
  .solo-escritorio {
    display: none !important;
  }
}   

/* Esta clase oculta el elemento en pantallas de 768px o más */
@media (min-width: 768px) {
  .solo-movil {
    display: none !important; 
  }
}

/* Esta clase oculta el elemento en movil */
@media (max-width: 768px) {
  .ocultar-en-movil {
    display: none !important;
  }
}  

/* =================================================═
   ANIMACIÓN H1: RASTRO DE PUNTOS UNO A UNO (LENTA)
   ================================================== */

/* 1. Contenedor: Mantiene el overflow hidden y alinea a la derecha */
#titulo-h1 {
    overflow: hidden !important;
    display: flex !important;
    justify-content: flex-end !important;
    width: 100% !important;
}

/* 2. El título H1: Se encoge al tamaño exacto de su texto */
#titulo-h1 h1 {
    position: relative !important;
    display: inline-block !important;
    width: max-content !important;
    margin-left: auto !important; 
    
    /* Velocidad ajustada a 2.4s para una entrada más suave y majestuosa */
    animation: textoViaja 2.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards !important;
}

/* 3. La caja que revela los puntos amarillos */
#titulo-h1 h1::before {
    content: "" !important;
    position: absolute !important;
    right: 100% !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    height: 12px !important;
    margin-right: 15px !important;

    /* Dibujo de los puntos */
    background-image: radial-gradient(circle, #ffcf37 4px, transparent 4.5px) !important;
    background-size: 22px 12px !important;
    background-position: left center !important; 
    background-repeat: repeat-x !important;

    /* Velocidad de la estela sincronizada también a 2.4s */
    animation: revelaPuntos 2.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards !important;
    z-index: 1 !important;
}

/* 4. Fotogramas del texto: de izquierda a derecha */
@keyframes textoViaja {
    0% { transform: translateX(-100vw); }
    100% { transform: translateX(0); }
}

/* 5. Fotogramas de los puntos: desenrollando la alfombra */
@keyframes revelaPuntos {
    0% { width: 0; }
    100% { width: 100vw; }
}

/* =================================================═
   DIVISORIAS EN MENÚS DE TOURS FOOTER (.menus-tours-footer)
   ================================================== */

/* 1. Añadir línea gris súper clara debajo de cada opción */
.menus-tours-footer .elementor-nav-menu > li {
    border-bottom: 1px solid #EAEAEA !important;
}

/* 2. Quitar la línea del último elemento del menú para un final limpio */
.menus-tours-footer .elementor-nav-menu > li:last-child {
    border-bottom: none !important;
}

.menus-tours-footer .elementor-nav-menu > li > a.elementor-item {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

/* =================================================═
   FIX: IMAGEN FICHA TOUR 100% CON ENLACE
   ================================================== */

/* 1. Forzar al enlace a comportarse como un bloque de ancho completo */
.imagen-ficha-tour a {
    display: block !important;
    width: 100% !important;
}

/* 2. Asegurar que la imagen ocupe todo el espacio de su nuevo contenedor */
.imagen-ficha-tour img {
    display: block !important;
    width: 100% !important;
    /* object-fit: cover asegura que la imagen no se deforme si cambian las proporciones */
    object-fit: cover !important; 
}

/* =================================================═
   ARCHIVOS TOUR
   ================================================== */

body.archive .tf-container h3 {
    font-family: var(--Titulos) !important;
    font-weight: 900 !important;
    font-size: 3rem !important;
    color: var(--Turquesa) !important;
}/* End custom CSS */