@import url("./components/heroBanner/heroBanner.css");
@import url("./RTE/RTE.css");
@import url("./components/bannerInformationAlt/bannerInformationAlt.css");
@import url("./components/dynamicForm/dynamicForm.css");
@import url("./components/brandAvailable/brandAvailable.css");
@import url("./components/cardCategory/cardCategory.css");
@import url("./components/blog/blog.css");
@import url("./components/sixItemsBanner/sixItemsBanner.css");
@import url("./components/financeTwoColumns/financeTwoColumns.css");
@import url("./components/thankYouComponent/thankYouComponent.css");
@import url("./components/bannerFeedback/bannerFeedback.css");
@import url("./components/secondaryBanner/secondaryBanner.css");
@import url("./components/accordionPost/accordionPost.css");
@import url("./components/accordion/accordion.css");
@import url("./components/tabsPost/tabsPost.css");
@import url("./components/language_switcher/language_switcher.css");
@import url("./components/informativeWithIcons/informativeWithIcons.css");
@import url("./components/generalParagraph/generalParagraph.css");
@import url("./components/bannerUsedCars/bannerUsedCars.css");
@import url("./components/stockLocator/stockLocator.css");
@import url("./components/stockLocator/filterList.css");
@import url("./components/stockLocator/filterHome.css");
@import url("./components/officialRepresentative/officialRepresentativeComponent.css");
@import url("./components/whySell/whySell.css");
@import url("./components/PopupForm/popup_form.css");
@import url("./components/whatsAppBtn/whatsAppBtn.css");
@import url("./components/vehicleCompare/vehicleCompare.css");
@import url("./components/sitemap/sitemap.css");
@import url("./components/alternatePost/alternatePost.css");
@import url("./components/vehicleDetail/vehicleDetail_Swipper.css");
@import url("./components/vehicleDetail/swipperCarInfoComponent.css");
@import url("./components/vehicleDetail/tabsVehicleDetailComponent.css");
@import url("./components/vehicleDetail/vehicleDetail_tabs_accordeon.css");
@import url("./components/vehicleDetail/swipperContentOffers.css");
@import url("./components/financeCalculator/financeCalculator.css");
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer utilities {
    .heading-xl {
        @apply text-5xl font-bold leading-normal;
    }
    .heading-lg {
        @apply text-4xl font-semibold leading-normal;
    }
    .heading-md {
        @apply text-2xl font-bold leading-normal;
    }
    .heading-sm {
        @apply text-3xl font-normal leading-normal;
    }
    .heading {
        @apply heading-xl leading-normal;
    }
    .body {
        @apply text-normal leading-normal font-normal;
    }
    .body-xl {
        @apply text-xl leading-normal font-normal;
    }
    .body-md {
        @apply text-normal leading-normal font-normal text-justify;
    }
    .body-sm {
        @apply text-sm leading-normal font-normal;
    }
    .body-xs {
        @apply text-xs leading-normalfont-normal;
    }
    .text {
        @apply body;
    }
    .link {
        @apply text-xs leading-normal font-normal;
    }
    .box-shadow {
        @apply border border-solid border-gray-light-3 shadow-normal rounded;
    }
    .box-shadow-strong {
        @apply border border-solid border-gray-light-3 shadow-strongrounded;
    }
    .divide {
        @apply border border-solid border-gray-light-2;
    }
    .badges {
        @apply relative text-gray-dark-1 body-xl md: body w-full md:w-auto flex items-center h-[3.5625rem] md:h-auto gap-[0.62rem] pl-[3.19rem];
        @apply md: text-blue md:bg-white md:p-normal md:rounded-[3.13rem];
    }
    .menu-option_wrapper .menu-option:nth-last-child(4):not(.active)::after {
        width: 0;
    }
    .menu-option_wrapper .menu-option.active svg {
        transition: all 0.5s ease-in-out;
        transform: rotateX(180deg);
    }
    .menu-option.badges::after {
        content: "";
        width: calc(100% - 2.5rem);
        @apply border-b-[1px] border-gray-light-2 bg-gray-light-2 bottom-0 absolute h-[1px] md: w-0;
        left: 1.25rem;
    }
    .menu-option.badges.active+div {
        @apply shadow-bottom;
    }
    .menu-option.badges.active+div div:last-child {
        border: none;
    }
    .menu-option.border-mobile {
        position: relative;
    }
    .border-mobile::after {
        content: "";
        @apply border-b-[1px] border-gray-light-2 bg-gray-light-2 bottom-0 absolute h-[1px];
        width: calc(100% - 2.5rem);
        left: 1.25rem;
    }
    .badges-invert {
        @apply text-white bg-blue rounded-3xl text-base p-normal w-[7.75rem];
    }
    .menu-option_submenu {
        display: none;
    }
    .menu-option.badges.active+.menu-option_submenu {
        @apply block md:hidden;
    }
    .pagination .page {
        @apply w-8 h-8 pt-[1.5%] text-center rounded-full border-[0.5px] border-gray-dark-1 bg-white text-gray-dark-1;
    }
    .pagination .page.active {
        @apply w-8 h-8 pt-[1.5%] text-center rounded-full border-[0.5px] border-blue bg-blue text-white;
    }
    .custom-select {
        appearance: none;
        background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgMTQgOCIgZmlsbD0ibm9uZSI+DQogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTMuODQyMyAwLjY0NjQ0N0MxNC4wNTI2IDAuODQxNzA5IDE0LjA1MjYgMS4xNTgyOSAxMy44NDIzIDEuMzUzNTVMNy4zODA3NSA3LjM1MzU1QzcuMTcwNDcgNy41NDg4MiA2LjgyOTUzIDcuNTQ4ODIgNi42MTkyNSA3LjM1MzU1TDAuMTU3NzExIDEuMzUzNTVDLTAuMDUyNTcxMyAxLjE1ODI5IC0wLjA1MjU3MTMgMC44NDE3MDggMC4xNTc3MTEgMC42NDY0NDZDMC4zNjc5OTQgMC40NTExODQgMC43MDg5MjggMC40NTExODQgMC45MTkyMTEgMC42NDY0NDZMNyA2LjI5Mjg5TDEzLjA4MDggMC42NDY0NDdDMTMuMjkxMSAwLjQ1MTE4NCAxMy42MzIgMC40NTExODQgMTMuODQyMyAwLjY0NjQ0N1oiIGZpbGw9IiM2NUExRDciLz4NCjwvc3ZnPg==")no-repeat right center;
        @apply bg-white bg-[86%_center];
    }
}

@layer base {
    input[type="checkbox"] {
        @apply bg-transparent text-transparent rounded-[0.13rem];
    }
    .menu-option_submenu input[type="checkbox"] {
        @apply ml-[1.81rem];
    }
    input[type="checkbox"]:checked {
        @apply bg-blue text-blue border-blue;
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
        background-position: 0 0;
    }
}

#ranges {
    height: 0.375rem;
    border: none;
    @apply bg-gray-light-2;
    box-shadow: none;
}

#ranges .noUi-connect {
    @apply bg-blue;
}

#ranges .noUi-handle {
    height: 1.75rem;
    width: 1.75rem;
    top: -0.7rem;
    right: -0.875rem;
    border-radius: 50%;
    background: white;
    box-shadow: -3px 0px 8px rgba(0, 0, 0, 0.18);
}

#ranges .noUi-handle:before {
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    width: calc(100% + 1px);
    top: 0;
    left: 0;
    background: url("/img/Lineas.svg") no-repeat;
    background-position: center center;
}

#ranges .noUi-handle:after {
    content: none;
}

.burger--active .navbar__menuBtn--hidden {
    @apply hidden;
}

.burger--active picture .navbar__menuBtn--show {
    @apply block;
}

.dropdown--active span {
    @apply content-iconChevronUp;
}

.disclaimer_pad {
    padding-top: 1.688rem;
}

.link_pad:first-child {
    padding-bottom: 2.313rem;
}