.navbar-brand .logo-img {
	max-height: 80px !important;
}

        .hero-badge {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            background: rgba(255, 255, 255, 0.15);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
            padding: 0.5rem 1.25rem;
            border-radius: 50px;
            color: var(--mainnav-link-active-color);
            font-weight: 500;
            margin-bottom: 1.5rem;
        }

        .hero-badge i {
            color: var(--primary-light);
        }

.home #t4-header {
	background: transparent;
	position: absolute;
	z-index: 99;
	width: 100%;
}

.home .t4-header {
	border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.home .t4-megamenu .navbar-nav > li > a, .t4-megamenu .navbar-nav > li > .nav-link {
	color: var(--mainnav-link-color);
}
.t4-megamenu .navbar-nav > li > a, .t4-megamenu .navbar-nav > li > .nav-link {
	color: var(--body-text-color);
}

.t4-megamenu .dropdown-menu a:not(.btn) {
	color: var(--body-text-color);
}

.t4-offcanvas .t4-off-canvas-body .navbar .nav-link, .t4-offcanvas .t4-off-canvas-body .navbar .separator {
	color: var(--body-text-color);
}


div.mod-languages ul li.lang-active {
	background-color: transparent;
}

div.mod-languages li {
	margin: 0;
}


.border-box .ui-item > .uk-panel {
  border: 1px solid #dcdcdc;
  padding: 1rem;
  border-radius: 0.5rem;
}


.uk-tab > .uk-active > a {
	color: var(--color-primary);
	border-color: var(--color-primary);
}

.uk-card-primary {
	--uk-inverse: none;
	background-color: var(--color-primary);
	color: #fff;
	box-shadow: 0 5px 15px rgba(0,0,0,.08);
}

.tm-title{
	font-weight: bold;
}

.uk-card.uk-card-default, .uk-card.uk-card-primary, .location-map > div{
	border-radius: 1rem;
}



.convertforms .cf-input:focus, .convertforms .cf-input:invalid:focus {
	border: solid 1px var(--body-link-color);
	-webkit-box-shadow: none;
	box-shadow: none;
	color: var(--input-color);
}


.auto .tour-item .intro-image {
	background: var(--color-light);
	padding: 1rem;
}

.auto .tour-item .info-article {
	padding: var(--gutter-xs);
}

.item .item_price {
	color: var(--color-primary);
}
.tour-item .tour-label {
	top: var(--gutter-sm);
	left: var(--gutter-sm);
}

.tour-item .tour-price {
	color: var(--color-primary);
	
}
.tour-item .tour-label.label-featured {
	background: var(--color-primary);
}

.tour-item .extra-info-tour .item {
    display: flex;        /* Hace que el item sea un contenedor flexible */
    align-items: center;  /* Alinea verticalmente la imagen y el texto */
    gap: 0.5rem;          /* Espacio entre la imagen y el texto */
    margin: 0 !important; /* Sobrescribe el margin de Bootstrap si es necesario */
	
}


.label-featured.tour-label img {
	width: auto;
	height: auto;
}

.page-header {
	flex: 1;
	min-width: 0;
	max-width: 70%;
  }
  
  .tour-price {
	white-space: nowrap;
	margin-left: auto;
  }

  .uk-link-reset a, a.uk-link-reset {
	color: var(--heading-color) !important;
	text-decoration: none !important;
}


.uk-dotnav > .uk-active > * , .uk-dotnav > * > :hover {
	background-color: var(--color-primary) !important;
	border-color: transparent;
}

.scroll-indicator {
            position: absolute;
            top: 2rem;
            left: 50%;
            transform: translateX(-50%);
            z-index: 3;
            color: rgba(255, 255, 255, 0.7);
            text-align: center;
        }

        .scroll-indicator span {
            display: block;
            font-size: 0.75rem;
            font-weight: 500;
            margin-bottom: 0.5rem;
        }

        .scroll-indicator i {
            animation: bounce 2s infinite;
            font-size: 1.5rem;
        }

         @keyframes bounce {
            0%, 20%, 50%, 80%, 100% {
                transform: translateY(0);
            }
            40% {
                transform: translateY(-10px);
            }
            60% {
                transform: translateY(-5px);
            }
        }


    .section-title-tour {
    color:  var(--color-primary);
    font-size: var(--h3-font-size) !important;
    font-weight: 700;
}       

 .tours-list-slide .section-title-wrap .main-title {
	text-transform: none;
}

.bg-gray {
 background-color: #f9f9f9;
}

.convertforms .cf-heading {
	font-weight: bold;
}

.convertforms.cf-success .cf-response {
	background-color: var(--color-primary) !important;
}