@layer themes {
    @layer trumps {
        .call-now__cell-icon {
            padding-left: 0;
        }

        .offer-card__finance-button__desktop {
            display: flex;
        }

        .offer-card__finance-button__mobile {
            display: none;
        }

        @media (max-width: 1024px) {
            .offer-card__finance-button__desktop {
                display: none;
            }

            .offer-card__finance-button__mobile {
                display: flex;
            }
        }
    }
    @layer componentes {
        .offer-card {
            max-width: 252px;
            display: flex;
            flex-direction: column;
            border: var(--ids_size_general_1x) solid var(--ids_color_border_soft);
            border-radius: var(--ids_size_general_12x);
        }

        .offer-card__image-container {
            position: relative;
            border-radius: var(--ids_size_general_12x) var(--ids_size_general_12x) 0px 0px;
            overflow: hidden;
        }

        .offer-card__image {
            transition: transform 0.2s;
            object-fit: cover;
            min-height: 207px;
        }

        .offer-card__image:hover {
            transform: scale(1.1);
        }

        .offer-card__image-scale {
            transform: scale(1.1);
        }

        .offer-card__loading-container {
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            top: 0;
        }

        .entrega_facil__icon {
            display: flex;
            justify-content: center;
            align-items: center;
            width: var(--ids_size_general_32x);
            height: var(--ids_size_general_32x);
            border-radius: var(--ids_size_general_16x);
            background-color: var(--ids_color_action_secondary_variant);
        }

        .offer-card__overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%), rgba(0, 0, 0, 0.1);;
        }


        .offer-card__swiper {
            position: relative;
        }

        .offer-card-swiper-controls__container {
            position: absolute;
            bottom: 0;
            right: 0;
            display: flex;
            width: 100%;
            justify-content: space-between;
            align-items: center;
            z-index: 2;
            background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0.65) 100%);
        }

        .swiper-indicator__container {
            display: flex;
            align-items: center;
            gap: var(--ids_size_general_8x);
            padding: var(--ids_size_general_24x);
        }

        .swiper-buttons__container {
            display: flex;
            align-items: center;
        }

        .offer-card__informative-tags-container {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 2;
            padding: var(--ids_size_general_24x);
            display: flex;
            gap: var(--ids_size_general_8x);
        }

        .card-offer__main-content {
            display: flex;
            flex: 1;
            flex-direction: column;
            justify-content: space-between;
            padding: var(--ids_size_general_24x);
        }

        .offer-card__tags-container {

            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: var(--ids_size_general_18x);
        }

        .offer-card__tags-container #chassi {
            background-color: #0B5B38 !important;
        }

        .offer-card__header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: var(--ids_size_general_16x);
        }

        .feirao-offer-card {
            border-color: var(--ids_color_text_highlight);;
        }

        .montadora-offer-card {
            border-color: var(--ids_color_text_link_secondary_base);;
        }

        .offer-card__price-container {
            display: none;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            margin-top: var(--ids_size_general_16x);
            margin-bottom: var(--ids_size_general_32x);
        }

        .offer-card__info {
            display: flex;
            flex-direction: column;
        }

        .offer-card__info-container {
            display: flex;
            gap: var(--ids_size_general_16x);
            justify-content: space-between;
            align-items: center;
            margin: var(--ids_size_general_16x) 0  var(--ids_size_general_16x) 0!important;
        }

        .offer-card__call-now {
            display: none;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            margin-bottom: var(--ids_size_general_24x);
        }

        .call-now__pre-container {
            display: flex;
            align-items: center;
        }

        .offer-card__unique-button {
            width: auto;
        }

        .info-container__dealer-info {
            display: flex;
            align-items: flex-start;
            flex-direction: column !important;
            gap: 0 !important;
        }

        .info-montadora-selo {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .dealer-info__brand-image {
            width: var(--ids_size_general_24x);
            height: var(--ids_size_general_24x);
        }

        .info-container__car-info {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
        }

        .offer-card__especial {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-top: var(--ids_size_general_16x);
            margin-bottom: var(--ids_size_general_24x);
        }

        .offer-card__selo .info-container__selo-info {
            display: flex;
            align-items: center;
            gap: 4px;
        }

        .offer-card__selo .info-container__selo-info .icon-selo {
            color: var(--ids_color_action_neutral_base);
            stroke: var(--ids_color_action_neutral_base);
            stroke-width: 32px;
        }

        .offer-card__selo .info-container__selo-info .loja-parceira button.direction-button {
            cursor: auto!important;
        }

        .offer-card__selo .info-container__selo-info .loja-parceira p.label__neutral {
            font-weight: var(--text_itauText_weight_400)!important;
        }

        .offer-card__selo .info-container__selo-info .text-loja-parceira > svg {
            display: none;
        }

        .card-offer__buttons-container {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: var(--ids_size_general_16x);
        }


        .card-offer__buttons-container button {
            flex-grow: 1;
        }

        /*Swiper modification*/

        #offer-card__swiper-previous-button.swiper-button-disabled,
        #offer-card__swiper-next-button.swiper-button-disabled {
            color: var(--ids_color_contrast_onBrand_medium);
        }

        #offer-card__swiper-previous-button.swiper-button-disabled:hover,
        #offer-card__swiper-next-button.swiper-button-disabled:hover {
            color: var(--ids_color_contrast_onBrand_medium);
        }

        .swiper__progress-bar {
            width: var(--ids_spacing_8x);
            margin: 0 var(--ids_spacing_2x);
            height: var(--ids_spacing_2x);
            border-radius: var(--ids_spacing_3x);
        }

        .swiper__progress-bar::-webkit-progress-bar {
            border-radius: var(--ids_spacing_3x);
            background-color: var(--ids_color_contrast_onBrand_strong);
        }

        .swiper__progress-bar::-webkit-progress-value {
            border-radius: var(--ids_spacing_3x);
            background-color: var(--ids_color_contrast_onBrand_primary);
        }

        #offer-card-SendMsg-login-ab-test {
            display: none;
            visibility: hidden;
        }

        @media (max-width: 1600px) {
            .offer-card {
                max-width: 252px;
            }
        }
        @media (max-width: 1280px) {
            .offer-card {
                max-width: 271px;
            }
        }
        @media (max-width: 1024px) {
            .offer-card {
                max-width: 327px;
            }
            .offer-card__call-now {
                display: flex;
            }
        }
    }
}