.header-nav .navbar #mainNav .offcanvas-body .navbar-nav .dropdown-menu li .dropdown-item:hover {
    background: 
color-mix(in srgb, var(--color-primary) 10%, transparent);
}

@media (max-width: 768px) {
    html body .swiper.slider .swiper-slide.has-content:before {
        background: linear-gradient(90deg, rgba(var(--color-primary-rgb), 0.55) 100%, rgba(var(--color-primary-rgb), 0.38) 100%, rgba(var(--color-primary-rgb), 0.18) 100%, rgba(var(--color-primary-rgb), 0) 100%) !important;
    }
}

.header-nav .navbar #mainNav .offcanvas-body .navbar-nav .dropdown-menu .dropdown-item[aria-expanded=true] {
    background-color: 
color-mix(in srgb, var(--color-primary) 10%, transparent);
}

@media (max-width: 991.98px) {
    header .header-middle #logotipo a img {
        width: auto;
    }
}

.disponibilidad.orange {
    background-color: #FF5E31;
}

.disponibilidad.green {
    background-color: #C7FF00;
    color: black;
}

.disponibilidad.red {
    background-color: #E0E0E0;
    color: black;
}

.section-cards .card .card-body .card-date {
    background: #C7FF00;
    color: #000000;
}

.contact-page:before {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65), rgba(15, 15, 15, 0.85)) !important;
}