.rental-form-v2-wrapper {
            position: inherit !important;
            max-width: 511px;
            width: 100%;
            margin: 0 auto;
            font-family: 'Figtree';
            background: transparent;
        }
        .rental-form-v2-wrapper h2,
        .rental-form-v2-wrapper .rental-form-heading {
            font-family: 'Figtree';
            font-size: 40px;
            font-weight: 700;
            line-height: 42px;
            letter-spacing: 0px;
            color: #000000;
            margin: 0 0 16px 0;
            text-align: left;
        }

        .rental-form-v2-wrapper .rental-promo-badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background-color: #C8E8F8;
            border: 1px solid #C8E8F8;
            border-radius: 8px;
            padding: 6px 14px 6px 10px;
            margin-bottom: 20px;
            box-sizing: border-box;
            max-width: 100%;
        }

        .rental-form-v2-wrapper .rental-promo-badge .rental-promo-icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: #B54708;
            flex-shrink: 0;
        }

        .rental-form-v2-wrapper .rental-promo-badge .rental-promo-icon svg {
            width: 22px;
            height: 22px;
            display: block;
        }

        .rental-form-v2-wrapper .rental-promo-badge .rental-promo-text,
        .rental-form-v2-wrapper > span {
            font-family: 'Figtree';
            font-size: 16px;
            font-weight: 400;
            line-height: 125%;
            color: #000000;
            text-align: left;
        }

        @media (max-width: 767px) {
            .rental-form-v2-wrapper h2,
            .rental-form-v2-wrapper .rental-form-heading {
                font-size: 28px;
                line-height: 32px;
            }
        }

        .form-group-relative {
            position: relative;
            margin-bottom: 16px;
        }

        .main-location-select {
            width: 100%;
            height: 48px;
            border: 1px solid #D0D5DD;
            border-radius: 8px;
            padding: 0 40px 0 14px;
            font-size: 15px;
            font-weight: 400;
            color: #101828;
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            background-color: #fff;
             font-family: 'Figtree';
            outline: none;
            cursor: pointer;
            transition: border-color 0.2s;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23667085' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: right 14px center;
            background-size: 16px 16px;
        }

        .main-location-select:focus {
            border-color: #98A2B3;
        }

        .main-location-select option[value=""] {
            color: #667085;
        }

        .checkbox-wrapper {
            display: flex;
            align-items: center;
            margin-bottom: 16px;
            cursor: pointer;
            user-select: none;
        }

        .checkbox-wrapper input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0;
        }

        .custom-checkbox {
            height: 20px;
            width: 20px;
            background-color: #000000;
            border-radius: 4px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 10px;
            flex-shrink: 0;
        }

        .custom-checkbox::after {
            content: "";
            display: none;
            width: 5px;
            height: 10px;
            border: solid #FFFFFF;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg);
            margin-bottom: 2px;
        }

        .checkbox-wrapper input:checked~.custom-checkbox::after {
            display: block;
        }

        .checkbox-label-text {
             font-family: 'Figtree';
            font-size: 14px;
            font-weight: 500;
            color: #101828;
        }

        .datetime-split-container {
            display: flex;
            border: 1px solid #D0D5DD;
            border-radius: 8px;
            margin-bottom: 18px;
            background: #ffffff;
            cursor: pointer;
            height: 50px;
            overflow: hidden;
            transition: border-color 0.2s;
        }

        .datetime-split-container:hover {
            border-color: #98A2B3;
        }

        .datetime-half {
            flex: 1;
            position: relative;
            height: 100%;
        }

        .datetime-half.pickup-half {
            border-right: 1px solid #D0D5DD;
        }

        .datetime-inner {
            display: flex;
            height: 100%;
            align-items: center;
            justify-content: space-between;
            padding: 0 14px;
            /*width: 100%;*/
        }

        .rental-form-v2-wrapper input.date-input,
        .datetime-inner input.date-input,
        .date-input {
            flex: 1;
            min-width: 0;
            height: 100%;
            border: none !important;
            border-radius: 0 !important;
            box-shadow: none !important;
            padding: 20px 0px !important;
            margin: 0 !important;
            font-size: 15px;
            font-weight: 400;
            font-family: 'Figtree';
            background: transparent !important;
            background-color: transparent !important;
            color: #101828;
            outline: none !important;
            cursor: pointer;
            -webkit-appearance: none !important;
            appearance: none !important;
        }

        .date-input::placeholder {
            color: #667085;
            font-weight: 400;
            opacity: 1;
        }

        .time-display {
            font-family: 'Figtree';
            font-size: 14px;
            font-weight: 700;
            color: #000000;
            padding-left: 6px;
            flex-shrink: 0;
        }

        .btn-buscar {
            width: 100%;
            background-color: #007ac3 !important;
            color: #fff;
            border: none;
            height: 48px;
            border-radius: 9999px;
            font-size: 16px;
            font-weight: 700;
            cursor: pointer;
            transition: background 0.2s ease-in-out, transform 0.1s ease;
             font-family: 'Figtree';
            margin-bottom: 14px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .btn-buscar:hover {
            background-color: #e6b800;
        }

        .btn-buscar:active {
            transform: scale(0.99);
        }

        .help-link {
            font-family: 'Figtree';
            font-size: 16px;
            color: #434244;
            font-weight: 400;
            text-align: left;
        }

        .help-link a {
            color: #434244;
            font-weight: 400;
            font-family: 'Figtree';
            text-decoration: underline;
            text-underline-offset: 3px;
            border-bottom: none;
            padding-bottom: 0;
        }

        .help-link a:hover {
            color: #101828;
        }

        .error-message {
            color: #d32f2f;
            font-size: 13px;
            display: none;
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            background: #fff;
            border: 1px solid #d32f2f;
            border-radius: 4px;
            padding: 8px;
            margin-top: 5px;
            z-index: 1000;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        }

        .error-message.show {
            display: block;
        }

        /* --- CALENDAR MODAL OVERLAY ON THE FORM (MATCHING SCREENSHOT 2) --- */
        .flatpickr-calendar,
        .flatpickr-calendar * {
            font-style: normal !important;
            box-sizing: border-box !important;
        }

        .flatpickr-calendar {
            position: absolute !important;
            top: 0 !important;
            left: 0 !important;
            right: 0 !important;
            bottom: auto !important;
            margin: 0 auto !important;
            width: 100% !important;
                /*max-width: 511px !important;*/
            height: auto !important;
            min-height: 100% !important;
            max-height: none !important;
            background: #ffffff !important;
            border-radius: 24px !important;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12) !important;
            border: none !important;
            padding: 24px 18px 28px 18px !important;
     font-family: 'Figtree';
            user-select: none;
            -webkit-user-select: none;
            z-index: 9999 !important;
            transform: none !important;
            display: none;
        }

        .flatpickr-calendar.open,
        .flatpickr-calendar.inline {
            display: flex !important;
            flex-direction: column !important;
            justify-content: space-between !important;
            height: auto !important;
            min-height: 100% !important;
            max-height: none !important;
        }

        .flatpickr-calendar::before,
        .flatpickr-calendar::after {
            display: none !important;
        }

        /* .flatpickr-calendar.oferta-formulario.open,
        .flatpickr-calendar.oferta-formulario.inline {
            display: flex !important;
            flex-direction: column !important;
            justify-content: flex-start !important;
            height: auto !important;
            max-height: none !important;
            min-height: unset !important;
        }

        .flatpickr-calendar.oferta-formulario .fp-custom-footer {
            margin-top: auto !important;
        } */
        /* Two Months Header */
        .flatpickr-months {
            position: relative !important;
            display: flex !important;
            align-items: center !important;
            padding: 0 2px !important;
            margin-bottom: 12px !important;
            height: 36px !important;
        }

        .flatpickr-months .flatpickr-month {
            height: 36px !important;
            line-height: 1 !important;
            text-align: left !important;
            position: relative !important;
            flex: 1 !important;
            color: #000000 !important;
            overflow: visible !important;
            display: flex !important;
            align-items: center !important;
        }

        .flatpickr-current-month {
            font-size: 16px !important;
            font-weight: 800 !important;
            color: #000000 !important;
            position: static !important;
            width: auto !important;
            padding: 0 0 0 4px !important;
            display: flex !important;
            align-items: center !important;
            gap: 5px !important;
            transform: none !important;
            left: auto !important;
            top: auto !important;
        }

        .flatpickr-current-month .cur-month {
            font-weight: 800 !important;
            font-size: 16px !important;
            color: #000000 !important;
            text-transform: capitalize !important;
            margin: 0 !important;
        }

        .flatpickr-current-month .numInputWrapper {
            width: auto !important;
            display: inline-block !important;
        }

        .flatpickr-current-month input.cur-year {
            font-weight: 800 !important;
            font-size: 16px !important;
            color: #000000 !important;
            padding: 0 !important;
            margin: 0 !important;
            border: none !important;
            background: transparent !important;
            box-shadow: none !important;
            cursor: default !important;
            pointer-events: none !important;
        }

        .flatpickr-current-month .numInputWrapper span {
            display: none !important;
        }

        /* Top Right Navigation Arrows */
        .flatpickr-months .flatpickr-prev-month,
        .flatpickr-months .flatpickr-next-month {
            position: absolute !important;
            top: 4px !important;
            width: 26px !important;
            height: 26px !important;
            padding: 3px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            cursor: pointer !important;
            z-index: 10 !important;
            border-radius: 50% !important;
            transition: background 0.15s ease !important;
        }

        .flatpickr-months .flatpickr-prev-month:hover,
        .flatpickr-months .flatpickr-next-month:hover {
            background: #f1f5f9 !important;
        }

        .flatpickr-months .flatpickr-prev-month {
            right: 32px !important;
            left: auto !important;
        }

        .flatpickr-months .flatpickr-next-month {
            right: 2px !important;
            left: auto !important;
        }

        .flatpickr-months .flatpickr-prev-month svg,
        .flatpickr-months .flatpickr-next-month svg {
            width: 13px !important;
            height: 13px !important;
            fill: #000000 !important;
        }

        /* Weekdays */
        .flatpickr-weekdays {
            margin-bottom: 6px !important;
            height: 24px !important;
        }

        .flatpickr-weekdaycontainer {
            display: flex !important;
            justify-content: space-around !important;
            width: 100% !important;
        }

        span.flatpickr-weekday {
            color: #8E95A5 !important;
            font-weight: 600 !important;
            font-size: 12px !important;
            letter-spacing: 0.5px !important;
            text-transform: uppercase !important;
            flex: 1 !important;
            text-align: center !important;
        }

        /* Days Grid */
        .flatpickr-innerContainer {
            display: flex !important;
            justify-content: center !important;
            overflow: visible !important;
        }

        .flatpickr-rContainer {
            display: flex !important;
            flex-direction: column !important;
        }

        .flatpickr-days {
            width: 100% !important;
            display: flex !important;
            justify-content: space-between !important;
            gap:20px;
        }

        .dayContainer {
            width: 228px !important;
            min-width: 228px !important;
            max-width: 228px !important;
            padding: 0 !important;
            box-shadow: none !important;
        }

        .flatpickr-day {
            max-width: 32px !important;
            height: 32px !important;
            line-height: 32px !important;
            font-size: 13px !important;
            font-weight: 700 !important;
            color: #000000 !important;
            border: none !important;
            border-radius: 50% !important;
            margin: 1px 0 !important;
            transition: background 0.15s ease, color 0.15s ease !important;
        }

        .flatpickr-day:hover {
            background-color: #f1f5f9 !important;
            border-color: transparent !important;
            color: #000000 !important;
        }

        /* Today's date */
        .flatpickr-day.today:not(.selected):not(.startRange):not(.endRange):not(.inRange) {
            background-color: #F1F3F5 !important;
            border-color: transparent !important;
            color: #000000 !important;
            border-radius: 50% !important;
        }

        /* Selected Date / Start & End Range */
        .flatpickr-day.selected,
        .flatpickr-day.startRange,
        .flatpickr-day.endRange {
            background-color: #007ac3 !important;
            border-color: #007ac3 !important;
            color: #fff !important;
            font-weight: 800 !important;
            border-radius: 50% !important;
            box-shadow: none !important;
        }

        /* In-Range Dates */
        .flatpickr-day.inRange {
            background-color: #C8E8F8 !important;
            border-color: #FFF4C8 !important;
            color: #000000 !important;
            border-radius: 0 !important;
            box-shadow: -5px 0 0 #FFF4C8, 5px 0 0 #FFF4C8 !important;
        }

        .flatpickr-day.selected.startRange {
            border-radius: 50% 0 0 50% !important;
        }

        .flatpickr-day.selected.endRange {
            border-radius: 0 50% 50% 0 !important;
        }

        .flatpickr-day.selected.startRange.endRange {
            border-radius: 50% !important;
        }

        /* Hide adjacent month days so calendar months are neat and isolated */
        .flatpickr-day.prevMonthDay,
        .flatpickr-day.nextMonthDay {
            visibility: hidden !important;
        }

        .flatpickr-day.flatpickr-disabled {
            color: #D1D5DB !important;
            cursor: not-allowed !important;
        }

        /* Footer: Time dropdowns & Aplicar button */
        .fp-custom-footer {
            margin-top: 18px !important;
            display: flex !important;
            flex-direction: column !important;
            gap: 14px !important;
            width: 100% !important;
            box-sizing: border-box !important;
        }

        .fp-time-container {
            display: flex !important;
            gap: 12px !important;
            width: 100% !important;
            box-sizing: border-box !important;
        }

        .time-dropdown-wrapper {
            position: relative !important;
            flex: 1 !important;
            border: 1.5px solid #E2E8F0 !important;
            border-radius: 12px !important;
            background-color: #ffffff !important;
            /*padding: 8px 12px 8px 12px !important;*/
            box-sizing: border-box !important;
            display: flex !important;
            flex-direction: column !important;
            justify-content: center !important;
            cursor: pointer !important;
            transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
            
        }

        .time-dropdown-wrapper:hover,
        .time-dropdown-wrapper:focus-within {
            border-color: #CBD5E1 !important;
        }

        .time-dropdown-label {
            font-size: 12px !important;
            font-weight: 500 !important;
            color: #64748B !important;
            margin-bottom: 2px !important;
            font-family: inherit !important;
            display: block !important;
        }

        .time-select-popup {
            width: 100% !important;
            height: auto !important;
            border: none !important;
            padding: 0px 24px 19px 14px !important;
            font-size: 15px !important;
            font-weight: 800 !important;
            color: #000000 !important;
            appearance: none !important;
            -webkit-appearance: none !important;
            background-color: transparent !important;
            font-family: inherit !important;
            outline: none !important;
            cursor: pointer !important;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23475569' stroke-width='2.2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E") !important;
            background-repeat: no-repeat !important;
            background-position: right 14px center !important;
            background-size: 15px 15px !important;
        }

        .time-select-popup:disabled {
            color: #94A3B8 !important;
            cursor: not-allowed !important;
            background-image: none !important;
        }

        .fp-footer-btn {
            width: 100% !important;
            background-color: #007ac3 !important;
            color: #fff !important;
            border: none !important;
            height: 48px !important;
            border-radius: 9999px !important;
            font-size: 16px !important;
            font-weight: 700 !important;
            cursor: pointer !important;
            font-family: inherit !important;
            transition: background-color 0.2s ease, transform 0.1s ease !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
        }

        .fp-footer-btn:hover {
            background-color: #ab206c !important;
        }

        .fp-footer-btn:active {
            transform: scale(0.99) !important;
        }

        .dropoff-location-group {
            max-height: 0;
            opacity: 0;
            margin-bottom: 0 !important;
            overflow: hidden;
            transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out, margin-bottom 0.4s ease-in-out;
        }

        .dropoff-location-group.show-dropoff {
            max-height: 120px;
            opacity: 1;
            margin-bottom: 16px !important;
            overflow: visible;
        }
/* Mobile Breakpoint & Calendar Slide-in Animation */
        @-webkit-keyframes slideInRightCalendar {
            0% {
                -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0);
                opacity: 0;
            }
            100% {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
                opacity: 1;
            }
        }
        @keyframes slideInRightCalendar {
            0% {
                -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0);
                opacity: 0;
            }
            100% {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
                opacity: 1;
            }
        }

        body.rental-calendar-modal-open {
            overflow: hidden !important;
        }

        .fp-mobile-close-btn {
            display: none !important;
        }

        @media (max-width: 768px) {

            /* 1. Mobile Form Date Inputs - Two separate stacked 48px boxes */
            .datetime-split-container {
                display: flex !important;
                flex-direction: column !important;
                gap: 12px !important;
                height: auto !important;
                border: none !important;
                background: transparent !important;
                overflow: visible !important;
                margin-bottom: 16px !important;
            }

            .datetime-half {
                width: 100% !important;
                height: 48px !important;
                border: 1px solid #D0D5DD !important;
                border-radius: 8px !important;
                background: #ffffff !important;
                box-sizing: border-box !important;
                position: relative !important;
            }

            .datetime-half.pickup-half,
            .datetime-half.dropoff-half {
                border: 1px solid #D0D5DD !important;
                border-radius: 8px !important;
            }

            .datetime-inner {
                height: 100% !important;
                padding: 0 14px !important;
                display: flex !important;
                align-items: center !important;
                justify-content: space-between !important;
                box-sizing: border-box !important;
                width: 100% !important;
            }

            .rental-form-v2-wrapper input.date-input,
            .datetime-inner input.date-input,
            .date-input {
                border: none !important;
                border-radius: 0 !important;
                box-shadow: none !important;
                background: transparent !important;
                background-color: transparent !important;
                height: 100% !important;
                line-height: 48px !important;
                padding: 20px 0px !important;
                margin: 0 !important;
                outline: none !important;
                -webkit-appearance: none !important;
                appearance: none !important;
                 font-family: 'Figtree';
                font-size: 15px !important;
                font-weight: 400 !important;
                color: #101828 !important;
            }

            .time-display {
                font-size: 14px !important;
            }

            /* 2. Mobile Full Screen Calendar Panel with Side Slide Drawer Transition */
            .flatpickr-calendar {
                position: fixed !important;
                top: 0 !important;
                left: 0 !important;
                right: 0 !important;
                bottom: 0 !important;
                width: 100vw !important;
                max-width: 100vw !important;
                height: 100% !important;
                height: 100dvh !important;
                min-height: 100dvh !important;
                max-height: 100dvh !important;
                border-radius: 0 !important;
                padding: max(24px, env(safe-area-inset-top, 24px)) 20px max(24px, env(safe-area-inset-bottom, 24px)) 20px !important;
                box-shadow: none !important;
                box-sizing: border-box !important;
                background: #ffffff !important;
                z-index: 999999 !important;
                overflow-y: auto !important;
                overflow-x: hidden !important;
                -webkit-overflow-scrolling: touch !important;
                margin: 0 !important;

                /* Side slide drawer initial hidden state */
                display: flex !important;
                flex-direction: column !important;
                justify-content: flex-start !important;
                visibility: hidden !important;
                opacity: 0 !important;
                pointer-events: none !important;
                -webkit-transform: translate3d(100%, 0, 0) !important;
                transform: translate3d(100%, 0, 0) !important;
                -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease, visibility 0.35s ease !important;
                transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease, visibility 0.35s ease !important;
            }

            /* Slide in from right when open */
            .flatpickr-calendar.open,
            .flatpickr-calendar.animate.open,
            .flatpickr-calendar.inline {
                visibility: visible !important;
                opacity: 1 !important;
                pointer-events: auto !important;
                -webkit-transform: translate3d(0, 0, 0) !important;
                transform: translate3d(0, 0, 0) !important;
                animation: none !important;
                -webkit-animation: none !important;
            }

            /* Close Button at Top Right */
            .fp-mobile-close-btn {
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                position: absolute !important;
                top: max(20px, env(safe-area-inset-top, 20px)) !important;
                right: 18px !important;
                width: 36px !important;
                height: 36px !important;
                color: #101828 !important;
                background: transparent !important;
                border: none !important;
                cursor: pointer !important;
                z-index: 9999 !important;
                padding: 0 !important;
                outline: none !important;
            }

            .fp-mobile-close-btn svg {
                width: 22px !important;
                height: 22px !important;
                stroke: #101828 !important;
            }

            /* Hide top navigation arrows on mobile */
            .flatpickr-months .flatpickr-prev-month,
            .flatpickr-months .flatpickr-next-month {
                display: none !important;
            }

            /* Flatten intermediate containers so the 2 months stack vertically in order */
            .flatpickr-months {
                display: contents !important;
            }

            .flatpickr-innerContainer {
                display: contents !important;
            }

            .flatpickr-rContainer {
                display: contents !important;
            }

            .flatpickr-weekdays {
                display: contents !important;
            }

            .flatpickr-days {
                display: contents !important;
            }

            /* Month 1: Title -> Weekdays -> Days */
            .flatpickr-months .flatpickr-month:first-of-type {
                order: 1 !important;
                width: 100% !important;
                height: 38px !important;
                display: flex !important;
                align-items: center !important;
                margin-top: 10px !important;
                margin-bottom: 12px !important;
                padding: 0 4px !important;
            }

            .flatpickr-months .flatpickr-month .flatpickr-current-month {
                font-size: 18px !important;
                font-weight: 800 !important;
                color: #000000 !important;
                padding: 0 !important;
                display: flex !important;
                gap: 6px !important;
            }

            .flatpickr-months .flatpickr-month .flatpickr-current-month .cur-month,
            .flatpickr-months .flatpickr-month .flatpickr-current-month input.cur-year {
                font-size: 18px !important;
                font-weight: 800 !important;
                color: #000000 !important;
            }

            .flatpickr-weekdays .flatpickr-weekdaycontainer:first-of-type {
                order: 2 !important;
                width: 100% !important;
                display: grid !important;
                grid-template-columns: repeat(7, 1fr) !important;
                justify-items: center !important;
                align-items: center !important;
                margin-bottom: 10px !important;
                height: 24px !important;
            }

            .flatpickr-days .dayContainer:first-of-type {
                order: 3 !important;
                width: 100% !important;
                min-width: 100% !important;
                max-width: 100% !important;
                display: grid !important;
                grid-template-columns: repeat(7, 1fr) !important;
                justify-items: center !important;
                align-items: center !important;
                row-gap: 6px !important;
                margin-bottom: 24px !important;
                padding: 0 !important;
            }

            /* Month 2: Title -> Weekdays -> Days */
            .flatpickr-months .flatpickr-month:last-of-type {
                order: 4 !important;
                width: 100% !important;
                height: 38px !important;
                display: flex !important;
                align-items: center !important;
                margin-top: 6px !important;
                margin-bottom: 12px !important;
                padding: 0 4px !important;
            }

            .flatpickr-months .flatpickr-month:last-of-type .flatpickr-current-month {
                font-size: 18px !important;
                font-weight: 800 !important;
                color: #000000 !important;
                padding: 0 !important;
                display: flex !important;
                gap: 6px !important;
            }

            .flatpickr-months .flatpickr-month:last-of-type .flatpickr-current-month .cur-month,
            .flatpickr-months .flatpickr-month:last-of-type .flatpickr-current-month input.cur-year {
                font-size: 18px !important;
                font-weight: 800 !important;
                color: #000000 !important;
            }

            .flatpickr-weekdays .flatpickr-weekdaycontainer:last-of-type {
                order: 5 !important;
                width: 100% !important;
                display: grid !important;
                grid-template-columns: repeat(7, 1fr) !important;
                justify-items: center !important;
                align-items: center !important;
                margin-bottom: 10px !important;
                height: 24px !important;
            }

            .flatpickr-days .dayContainer:last-of-type {
                order: 6 !important;
                width: 100% !important;
                min-width: 100% !important;
                max-width: 100% !important;
                display: grid !important;
                grid-template-columns: repeat(7, 1fr) !important;
                justify-items: center !important;
                align-items: center !important;
                row-gap: 6px !important;
                margin-bottom: 24px !important;
                padding: 0 !important;
            }

            /* Individual Day Circles */
            .flatpickr-day {
                width: 38px !important;
                height: 38px !important;
                line-height: 38px !important;
                max-width: 38px !important;
                font-size: 14px !important;
                font-weight: 700 !important;
                margin: 0 auto !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
            }

            /* Weekday headers */
            span.flatpickr-weekday {
                font-size: 13px !important;
                font-weight: 600 !important;
                color: #8E95A5 !important;
            }

            /* Footer: Time pickers & Aplicar button */
            .fp-custom-footer {
                order: 7 !important;
                width: 100% !important;
                margin-top: 10px !important;
                display: flex !important;
                flex-direction: column !important;
                gap: 16px !important;
                padding-bottom: 12px !important;
            }

            /* Time Pickers: SIDE BY SIDE */
            .fp-time-container {
                display: flex !important;
                flex-direction: row !important;
                gap: 12px !important;
                width: 100% !important;
            }

            .time-dropdown-wrapper {
                flex: 1 !important;
                width: 50% !important;
                min-width: 0 !important;
                height: 52px !important;
                padding: 6px 12px !important;
                border: 1px solid #D0D5DD !important;
                border-radius: 8px !important;
                box-sizing: border-box !important;
                display: flex !important;
                flex-direction: column !important;
                justify-content: center !important;
                background-color: #ffffff !important;
            }

            .time-dropdown-label {
                font-size: 11.5px !important;
                color: #667085 !important;
                margin-bottom: 2px !important;
                line-height: 1.1 !important;
            }

            .time-select-popup {
                font-size: 14px !important;
                font-weight: 700 !important;
                height: auto !important;
                padding-right: 18px !important;
                background-size: 13px 13px !important;
            }

            /* Aplicar Button: Full-width rounded yellow pill */
            .fp-footer-btn {
                height: 50px !important;
                font-size: 16px !important;
                font-weight: 700 !important;
                width: 100% !important;
                border-radius: 9999px !important;
            }
        }

        @media (max-width: 480px) {
            .date-input {
                font-size: 13px !important;
            }
        }


.hero-card .hero-title, .hero-promo{
    display: none;
}