@font-face {
    font-family: "Gotham";
    src: url(../fonts/Gotham-Thin.woff2) format("woff2"), url(../fonts/Gotham-Thin.woff) format("woff");
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: "Gotham";
    src: url(../fonts/Gotham-Light.woff2) format("woff2"), url(../fonts/Gotham-Light.woff) format("woff");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Gotham";
    src: url(../fonts/Gotham-Book.woff2) format("woff2"), url(../fonts/Gotham-Book.woff) format("woff");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Gotham";
    src: url(../fonts/Gotham-Medium.woff2) format("woff2"), url(../fonts/Gotham-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Gotham";
    src: url(../fonts/Gotham-Bold.woff2) format("woff2"), url(../fonts/Gotham-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Gotham";
    src: url(../fonts/Gotham-Black.woff2) format("woff2"), url(../fonts/Gotham-Black.woff) format("woff");
    font-weight: 900;
    font-style: normal;
}

.btn {
    border: 0 none;
    border-radius: 6.25rem;
    color: #ffffff;
    line-height: 1;
    font-family: "Manrope";
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0.875rem 1.5rem;
    transition: 0.3s background-color;
    width: 100%;
}

@media (min-width: 1200px) {
    .btn {
        width: auto;
    }
}

.btn.btn-primary {
    background-color: #E30A18;
}

    .btn.btn-primary:hover, .btn.btn-primary:focus {
        background-color: #a30511;
    }

    .btn.btn-primary:active {
        background-color: #4c4c4c;
    }

    .btn.btn-primary:disabled {
        background-color: #c8c8c8;
    }

.btn.btn-secondary {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    color: #000000;
    transition: 0.3s border-color, 0.3s background-color;
}

.btn.btn-secondary2nd {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    color: #000000;
    transition: 0.3s border-color, 0.3s background-color;
}

.btn.btn-secondary.transparent {
    background-color: transparent;
    border: 0 none;
}

.btn.btn-secondary:hover, .btn.btn-secondary:focus {
    border-color: #E30A18;
}

.btn.btn-secondary:active, .btn.btn-secondary.active {
    background-color: #4c4c4c;
    border-color: #4c4c4c;
    color: #ffffff;
}

.btn.btn-secondary:disabled {
    background-color: #c8c8c8;
}

.btn.btn-terciary {
    background-color: transparent;
    border: 1px solid #eeeeee;
    color: #2e2e2e;
    font-weight: 500;
    transition: 0.3s border-color, 0.3s background-color;
}

    .btn.btn-terciary:hover {
        background-color: #f8f8f8;
    }

    .btn.btn-terciary:active {
        background-color: transparent;
        border-color: #2e2e2e;
    }

.btn.btn-sm {
    padding: 0.625rem 0.5rem;
}

.btn.btn-md {
    padding: 1rem 1.5rem;
}

.btn.btn-lg {
    padding: 1.375rem 1.5rem;
}

.btn.btn-xl {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.375rem 1.5rem;
    height: 3.5rem;
}

    .btn.btn-xl i {
        font-size: 1.25rem;
    }

.btn.btn-menu {
    background-color: #4c4c4c;
    border-radius: 50%;
    font-size: 1.5rem;
    transition: background-color 0.3s, transform 0.3s;
    width: 3.5rem;
    height: 3.5rem;
    padding: 0;
}

.btn.btn-icon {
    background-color: transparent;
    border-radius: 100%;
    color: #313131;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    padding: 0;
    transition: 0.3s background-color;
    height: 2.75rem;
    width: 2.75rem;
}

    .btn.btn-icon:hover {
        background-color: #f1f1f1;
    }

.btn.btn-rounded {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    padding: 0;
    height: 2.5rem;
    width: 2.5rem;
}

@media (min-width: 1200px) {
    .btn.btn-rounded {
        font-size: 1.25rem;
        height: 3.5rem;
        width: 3.5rem;
    }
}

.btn.btn-cart {
    background-color: #f8f8f8;
    border: 1px solid #f8f8f8;
    color: rgba(154, 154, 154, 0.6);
    transition: 0.3s border-color;
    height: 1.875rem;
    width: 1.875rem;
}

    .btn.btn-cart:hover {
        border-color: #ff3232;
    }

.link-cta {
    color: #8a8a8a;
    font-family: "Manrope", sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1;
    transition: 0.3s color;
    text-decoration: none;
}

    .link-cta:hover {
        color: #4c4c4c;
        text-decoration: underline;
    }

.btn-voice-sku__recording {
    color: #E30A18;
    display: none;
}

.btn-voice-sku.recording .btn-voice-sku__recording {
    display: block;
}

.btn-voice-sku.recording .btn-voice-sku__mic {
    display: none;
}

.card {
    height: auto;
    width: 100%;
    max-width: 20.25rem;
    border: transparent;
    border-radius: 1rem;
    overflow: hidden;
    background-color: transparent;
    margin: 0 auto;
    cursor: pointer;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

/* Asegurar que las cards no se salgan del contenedor en móvil */
@media (max-width: 991px) {
    .card {
        max-width: 100%;
        width: 100%;
    }

    .catalog__products-row {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

        .catalog__products-row .col-12,
        .catalog__products-row [class*="col-"] {
            padding-left: 0.5rem;
            padding-right: 0.5rem;
            max-width: 100%;
            box-sizing: border-box;
            flex: 0 0 auto;
            width: 100%;
        }
}

/* Cards en tablets (2 columnas) */
@media (min-width: 576px) and (max-width: 991px) {
    .catalog__products-row .col-sm-6 {
        width: 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

/* Tablet específico (768px - 991px) */
@media (min-width: 768px) and (max-width: 991px) {
    .catalog__products-row {
        padding-left: 1rem;
        padding-right: 1rem;
    }

        .catalog__products-row .col-sm-6 {
            padding-left: 0.75rem;
            padding-right: 0.75rem;
        }

    .card {
        max-width: 100%;
    }

        .card .card-img-top {
            max-width: 100%;
            width: 100%;
        }

    .catalog__nav {
        padding: 0.75rem 1.5rem;
        flex-wrap: wrap;
    }

    .catalog__nav-item {
        font-size: 0.9rem;
        padding: 0.6rem 1rem;
        margin: 0.25rem;
    }
}

@media (min-width: 768px) {
    .card {
        align-items: normal;
    }

        .card:hover .card-img-top {
            transform: scale(1.1);
        }

        .card:hover .card__actions {
            opacity: 1;
        }
}

@media (min-width: 992px) {
    .card {
        align-items: center;
    }
}

@media (min-width: 1200px) {
    .card {
        align-items: normal;
    }
}

.card .card-body {
    margin-top: 1rem;
    padding: 0;
    width: 100%;
}

.card .card-img-container {
    overflow: hidden !important;
    border-radius: 1rem;
    position: relative;
}

    .card .card-img-container .badge {
        position: absolute !important;
        z-index: 10 !important;
    }

.card .card-img-top {
    max-width: 20.25rem;
    max-height: 18.75rem;
    border-radius: 1rem;
    background-color: #ffffff;
    object-fit: cover;
    transition: 1s transform ease-in-out;
    z-index: -1;
}

.card__discount-tag {
    color: #3dab56;
    background-color: #deffe5;
    border: 0;
    border-radius: 0.74125rem;
    width: 4.5rem;
    height: 2.375rem;
    gap: 0.745rem;
    padding: 0.745rem;
    font-family: "Manrope";
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 0.9rem;
    position: absolute;
    z-index: 50;
    top: 0.5rem;
    right: 0.5rem;
}

@media (min-width: 992px) {
    .card__discount-tag {
        right: 0.875rem;
    }
}

.card__text {
    color: #8a8a8a;
    font-size: 1rem;
    font-weight: 400;
    font-family: "Manrope";
    line-height: 1.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 2.8rem;
    margin-bottom: 0.5rem;
}

.card__brand {
    color: #4a5568;
    font-size: 0.875rem;
    margin: 0.25rem 0 0.75rem 0;
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.card__prize {
    color: #4c4c4c;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.5rem;
}

.card__actions {
    display: flex;
    opacity: 1;
    justify-content: space-between;
    transition: 0.8s opacity ease-in-out;
    width: 100%;
}

@media (min-width: 400px) {
    .card__actions {
        align-items: center;
    }
}

@media (min-width: 768px) {
    .card__actions {
        flex-direction: row;
    }
}

@media (min-width: 992px) {
    .card__actions {
        flex-direction: column;
    }
}

@media (min-width: 1200px) {
    .card__actions {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        display: flex;
        opacity: 0;
    }
}

.card__amount {
    color: #8a8a8a;
    background-color: #ffffff;
    border: 0;
    border-radius: 0.75rem;
    width: 3.0625rem;
    height: 1.875rem;
    gap: 0.625rem;
    padding: 0.5rem;
    font-size: 1rem;
    line-height: 0.956875rem;
    font-family: "Gotham", sans-serif;
    font-weight: 400;
    text-align: center;
}

    .card__amount::-webkit-outer-spin-button, .card__amount::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    .card__amount[type=number] {
        -moz-appearance: textfield;
    }

@media (min-width: 1200px) {
    .card__amount {
        margin-left: 0.125rem;
        margin-right: 0.125rem;
        margin-bottom: 0rem;
    }
}

.card__controls {
    align-items: center;
    display: flex;
    gap: 0.125rem;
}

@media (min-width: 400px) {
    .card__controls {
        margin-bottom: 0.3rem;
    }
}

@media (min-width: 768px) {
    .card__controls {
        max-width: 10rem;
    }
}

.card__btn {
    width: 1.875rem !important;
    height: 1.875rem !important;
    color: #8a8a8a !important;
    padding: 0.5rem;
    gap: 0.653125rem;
    border-radius: 62.5rem;
}

    .card__btn:hover {
        background-color: #ffffff !important;
        border: 0.03125rem solid #E30A18;
    }

@media (min-width: 1200px) {
    .card__btn {
        margin-bottom: 0rem;
    }
}

.card__btn-sum {
    min-width: 1.875rem;
    color: #8a8a8a;
}

.card__btn-num {
    min-width: 3.0625rem;
    color: #8a8a8a !important;
}

.card__btn-cart {
    min-width: 9.8125rem;
    padding: 1.25rem 1.25rem;
    font-weight: 600;
    color: #2e2e2e !important;
    margin-left: 0.5rem;
    max-width: 12rem;
    width: auto;
}

    .card__btn-cart > i {
        display: none;
    }

@media (min-width: 1400px) {
    .card__btn-cart > i {
        display: inline-block;
    }
}

@media (min-width: 1400px) {
    .card__btn-cart {
        padding: 1.25rem 1.5rem;
        margin-left: 0rem;
    }
}

.card__btn-cart:hover {
    opacity: 1;
    border: 0.03125rem solid #E30A18;
    background-color: #ffffff !important;
}

.card--collapse {
    background-color: #ffffff;
    border-radius: 0.75rem;
    padding: 1rem;
}

.card--collapse__top {
    gap: 1rem;
    align-items: flex-start;
    position: relative;
}

.card--collapse__img {
    border: none !important;
    border-radius: 0 !important;
    height: 12rem;
    width: 12rem;
    min-width: 12rem;
    object-fit: cover;
    flex-shrink: 0;
}

.card--collapse__captions {
    gap: 0.5rem;
    flex: 1;
    min-width: 0;
    padding-right: 2.5rem;
    position: relative;
}

.card--collapse__title {
    color: #4c4c4c;
    text-align: left;
    margin-right: 0;
    font-family: "Manrope", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-bottom: 0;
}

.card--collapse__collapse-btn {
    border: 1px solid #eeeeee;
    border-radius: 100%;
    color: rgba(154, 154, 154, 0.6);
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    height: 1.875rem;
    width: 1.875rem;
    transition: 0.3s transform;
    flex-shrink: 0;
    margin-left: 0.5rem;
}

    .card--collapse__collapse-btn:focus, .card--collapse__collapse-btn:hover, .card--collapse__collapse-btn:active {
        border: 1px solid #eeeeee !important;
        color: rgba(154, 154, 154, 0.6) !important;
    }

    .card--collapse__collapse-btn:not(.collapsed) {
        transform: rotate(180deg);
    }

.card--collapse__label {
    color: #c8c8c8;
    font-family: "Manrope", sans-serif;
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
}

.card--collapse__caption {
    color: #4c4c4c;
    font-family: "Manrope", sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
}

.card--collapse__price {
    color: #000000;
    font-family: "Gotham", sans-serif;
    font-size: 1rem;
    font-weight: 500;
}

.card--collapse__price-container {
    width: 100%;
}

.card--collapse__price-original {
    font-size: 0.875rem;
    color: #8a8a8a;
}

.card--collapse__discount-badge {
    font-size: 0.7rem;
    padding: 0.25em 0.5em;
    background-color: #28a745 !important;
}

.card--collapse__prices-small {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    font-size: 0.7rem;
    color: #6c757d;
    line-height: 1.2;
}

.card--collapse__price-small {
    font-size: 0.7rem;
    color: #6c757d;
    white-space: nowrap;
}

.card--collapse__controls {
    gap: 0.125rem;
}

.card--collapse__amount {
    background-color: #f8f8f8;
    border-radius: 0.75rem;
    color: rgba(154, 154, 154, 0.6);
    height: 1.875rem;
    width: 3.125rem;
}

.card--collapse__btn-cart.btn {
    border: 1px solid #eeeeee;
    padding: 0.625rem 0.75rem;
}

    .card--collapse__btn-cart.btn i {
        font-size: 1.25rem;
    }

.card--list {
    background-color: #ffffff;
    border-radius: 0.75rem;
}

.card--list__img {
    border-radius: 0.75rem;
    object-fit: cover;
    height: 5rem;
    width: 5rem;
}

.card--list__title {
    color: #8a8a8a;
    font-family: "Manrope", sans-serif;
    max-width: 27.125rem;
}

.card--list__brand {
    color: #8a8a8a;
    font-family: "Manrope", sans-serif;
}

.card--list__amount {
    background-color: #f8f8f8;
    border-radius: 0.75rem;
    color: rgba(154, 154, 154, 0.6);
    height: 1.875rem;
    width: 3.125rem;
}

.card--list__actions {
    gap: 1rem;
}

.card--list__controls {
    gap: 0.25rem;
}

.card--list__btn-cart.btn {
    border: 1px solid #eeeeee;
    border-radius: 30px !important;
    color: #4c4c4c;
    padding: 0;
    height: 3.5rem;
    width: 3.5rem;
}

    .card--list__btn-cart.btn i {
        font-size: 1.5rem;
    }

/* Estilos para el nuevo diseño de marcas sin imágenes */
.brands-list-container {
    width: 100%;
}

.brands-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

@media (min-width: 576px) {
    .brands-grid {
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    }
}

@media (min-width: 768px) {
    .brands-grid {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        gap: 2rem;
    }
}

@media (min-width: 992px) {
    .brands-grid {
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    }
}

.brand-card {
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem 1.5rem;
    background: #ffffff;
    border: 2px solid #e5e7eb;
    border-radius: 12px;
    transition: all 0.3s ease;
    cursor: pointer;
    min-height: 180px;
}

    .brand-card:hover {
        border-color: #E30A18;
        box-shadow: 0 4px 12px rgba(250, 65, 0, 0.15);
        transform: translateY(-4px);
        text-decoration: none;
    }

.brand-card__icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: linear-gradient(135deg, #E30A18 0%, #d73800 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    box-shadow: 0 4px 8px rgba(250, 65, 0, 0.2);
}

.brand-card__initial {
    font-size: 1.75rem;
    font-weight: 700;
    color: #ffffff;
    font-family: "Gotham", sans-serif;
    line-height: 1;
    letter-spacing: 0.05em;
}

.brand-card__title {
    font-size: 1rem;
    font-weight: 500;
    color: #333333;
    text-align: center;
    margin: 0;
    font-family: "Manrope", sans-serif;
    line-height: 1.4;
    word-break: break-word;
}

.brand-card:hover .brand-card__title {
    color: #E30A18;
}

.no-brands-message {
    grid-column: 1 / -1;
    text-align: center;
    padding: 3rem;
    color: #666666;
    font-size: 1.1rem;
}

/* Estilos para paginación */
.brands-pagination {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid #e5e7eb;
}

.pagination-wrapper {
    flex-wrap: wrap;
    gap: 0.5rem;
}

.pagination-btn {
    min-width: 40px;
    height: 40px;
    padding: 0.5rem 1rem;
    border: 1px solid #e5e7eb;
    background: #ffffff;
    color: #333333;
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    font-family: "Manrope", sans-serif;
}

    .pagination-btn:hover:not(.active):not(:disabled) {
        border-color: #E30A18;
        color: #E30A18;
        background: #fff5f5;
    }

    .pagination-btn.active {
        background: #E30A18;
        border-color: #E30A18;
        color: #ffffff;
    }

    .pagination-btn:disabled {
        opacity: 0.5;
        cursor: not-allowed;
    }

.pagination-ellipsis {
    padding: 0 0.5rem;
    color: #999999;
    display: flex;
    align-items: center;
}

.pagination-info {
    color: #666666;
    font-size: 0.875rem;
    font-family: "Manrope", sans-serif;
}

.card--brand {
    text-decoration: none;
    flex-basis: 100%;
}

@media (min-width: 400px) and (max-width: 992px) {
    .card--brand {
        flex-basis: 48%;
    }
}

@media (min-width: 992px) {
    .card--brand {
        flex-basis: auto;
    }
}

.card--brand__img-wrapper {
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.125rem;
    height: 11.25rem;
}

@media (min-width: 992px) {
    .card--brand__img-wrapper {
        width: 11.25rem;
    }
}

.card--brand__img {
    max-width: 100%;
    height: auto;
    width: 3.125rem;
    transition: 0.3s transform;
}

:hover > .card--brand__img {
    transform: scale(1.4);
}

.card--brand__title {
    color: #4c4c4c;
    font-family: "Manrope", sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1;
    margin-top: 1rem;
    margin-left: 0.5rem;
}

.card--comment__img {
    border-radius: 100%;
    height: 5rem;
    width: 5rem;
}

.card--comment__author {
    color: #2e2e2e;
    font-family: "Manrope", sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
}

.card--comment__location {
    color: #4c4c4c;
    font-family: "Manrope", sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1;
}

.card--comment__date {
    color: #8a8a8a;
    font-family: "Manrope", sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1;
}

.card--comment__star {
    color: #c8c8c8;
}

.card--comment__divider {
    color: #8a8a8a;
}

.card--comment__text {
    color: #4c4c4c;
    font-family: "Manrope", sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
}

.catalog {
    padding-top: 1.5rem;
}

@media (max-width: 991.98px) {
    .catalog {
        padding-top: 0.5rem !important;
        margin-top: 0 !important;
    }
}

@media (min-width: 1200px) {
    .catalog {
        padding-top: 5rem;
    }
}

.catalog__container {
    overflow-x: hidden;
    max-width: 100%;
    width: 100%;
}

.catalog__products {
    overflow-x: hidden;
    max-width: 100%;
    width: 100%;
}

.catalog__products-row {
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    overflow-x: hidden;
}

    .catalog__products-row .row {
        margin-left: 0;
        margin-right: 0;
        max-width: 100%;
    }

@media (min-width: 1200px) {
    .catalog__container {
        overflow-x: visible !important;
    }
}

.catalog__nav {
    align-items: center;
    display: flex;
    gap: 0;
    padding-top: 2rem;
}

@media (max-width: 768px) {
    .catalog__nav {
        margin: 0 -1rem;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

        .catalog__nav::-webkit-scrollbar {
            display: none;
        }
}

.catalog__nav-item {
    color: #c8c8c8;
    font-size: 1.2rem;
    font-weight: 900;
    text-decoration: none;
    margin: 0 1.25rem;
    white-space: nowrap;
    transition: 0.3s color;
}

@media (min-width: 1200px) {
    .catalog__nav-item {
        font-size: 1.8rem;
        margin: 0 2rem;
    }
}

.catalog__nav-item:hover {
    color: #8a8a8a;
}

.catalog__nav-item.active {
    color: #373737;
}

@media (max-width: 992px) {
    .catalog__nav-item.active {
        order: -1;
    }
}

.catalog__nav-form {
    position: relative;
    margin-left: auto;
}

.catalog__nav-form-icon {
    color: #8a8a8a;
    position: absolute;
    top: 50%;
    left: 0.6rem;
    transform: translateY(-45%);
}

@media (min-width: 1200px) {
    .catalog__nav-form-icon {
        left: 1.8rem;
    }
}

.catalog__nav-form-control.form-control {
    background-color: transparent;
    border: 1px solid #8a8a8a;
    border-radius: 6.25rem;
    color: #2e2e2e;
    font-family: "Manrope", sans-serif;
    font-size: 0.875rem;
    padding: 0.5rem 1rem 0.5rem 2rem;
    height: auto;
}

@media (min-width: 1200px) {
    .catalog__nav-form-control.form-control {
        padding: 0.875rem 1rem 0.875rem 3.5rem;
    }
}

.catalog__nav-form-control.form-control::placeholder {
    color: #8a8a8a;
}

.catalog__nav-form-control.form-control:hover {
    border-color: #E30A18;
}

.catalog__filter {
    display: inline-block;
}

.catalog__filter-form {
    background-color: #eeeeee;
    border-radius: 1rem;
    margin-top: 2rem;
    padding: 1rem;
    width: 100%;
}

    .catalog__filter-form .select2-container {
        flex: 1;
        width: auto !important;
    }

.catalog__filter-title {
    color: #2e2e2e;
    font-family: "Manrope", sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.catalog__filter-content {
    display: flex;
    gap: 0.5rem;
}

.catalog__filter-license-btn {
    height: 3.25rem;
}

.catalog__products {
    display: flex;
    margin-top: 0.5rem;
}

@media (min-width: 1200px) {
    .catalog__products {
        margin-top: 2rem;
    }
}

.catalog__products-col {
    margin-bottom: 2rem;
}

@media (min-width: 1200px) {
    .catalog__products-col {
        margin-bottom: 6.25rem;
    }

        .catalog__products-col:nth-last-child(-n+4) {
            margin-bottom: 0;
        }
}

.catalog__products-card {
    margin-top: 1rem;
}

/* Contenedor para productos en mobile - muestra varios productos uno abajo del otro */
@media (max-width: 991.98px) {
    .catalog__products-card-mobile {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        width: 100%;
        margin: 0;
        padding: 0;
    }

        /* Asegurar que cada producto collapse se muestre correctamente en mobile */
        .catalog__products-card-mobile .card--collapse {
            width: 100% !important;
            margin-bottom: 0 !important; /* Sobrescribir mb-2 del componente */
            margin-top: 0 !important;
            display: block !important;
            flex-shrink: 0;
        }

            .catalog__products-card-mobile .card--collapse:last-child {
                margin-bottom: 0 !important;
            }

        /* Ajustes responsive para imagen y precio en mobile */
        .catalog__products-card-mobile .card--collapse__img {
            border: none !important;
            border-radius: 0 !important;
            height: 10rem;
            width: 10rem;
            min-width: 10rem;
        }

        .catalog__products-card-mobile .card--collapse__price {
            font-size: 1.25rem !important;
        }
}

/* Ajustes adicionales para pantallas muy pequeñas */
@media (max-width: 375px) {
    .card--collapse__img {
        border: none !important;
        border-radius: 0 !important;
        height: 9rem;
        width: 9rem;
        min-width: 9rem;
    }

    .card--collapse__price {
        font-size: 1.1rem !important;
    }
}

.catalog__list-col {
    color: #8a8a8a;
    font-family: "Manrope", sans-serif;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.catalog__pagination {
    margin-top: 3rem;
}

@media (min-width: 1200px) {
    .catalog__pagination {
        margin-top: 2rem;
    }
}

.catalog__side-filter {
    height: 88%;
    top: 1rem;
    max-width: 0;
    min-width: 0;
    opacity: 0;
    overflow: hidden;
    transition: 0.3s max-width, 0.3s min-width, 0.3s opacity;
    width: 100%;
}

@media (min-width: 1200px) {
    .catalog__side-filter.active {
        margin-right: 1.5rem;
        max-width: 20.25rem;
        min-width: 20.25rem;
        opacity: 1;
    }
}

.catalog__filters {
    display: flex;
    gap: 4.75rem;
    margin-top: 2rem;
    opacity: 0;
    overflow: hidden;
    max-height: 0;
    transition: 0.3s max-height, 0.3s opacity;
}

@media (min-width: 1200px) {
    .catalog__filters.active {
        opacity: 1;
        max-height: 3.5rem;
    }
}

.catalog__filters-btn {
    align-items: center;
    justify-content: space-between;
    background-color: transparent;
    border: 0 none;
    color: #2e2e2e;
    display: flex;
    font-family: "Manrope", sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    gap: 0.5rem;
}

@media (min-width: 1200px) {
    .catalog__filters-btn-icon.btn-rounded.btn {
        height: 2.5rem;
        width: 2.5rem;
    }
}

.modal--filter__dialog {
    max-width: 1368px;
}

.modal--filter__content {
    border: 0 none;
    border-radius: 1rem;
    box-shadow: 0 0.25rem 3.125rem rgba(0, 0, 0, 0.15);
}

.modal--filter__header {
    align-items: center;
    border: 0 none;
    justify-content: space-between;
    padding: 1rem 1.5rem 0;
}

@media (min-width: 1200px) {
    .modal--filter__header {
        align-items: flex-end;
    }
}

.modal--filter__title {
    font-family: "Manrope", sans-serif;
    font-size: 1rem;
}

.modal--filter__body {
    padding: 2rem 1.5rem;
}

.modal--filter__multidropdown .dropdown-menu {
    padding: 0;
}

.dropdown--multi {
    position: relative;
}

    .dropdown--multi .dropdown--multi__submenu .dropdown--multi__menu {
        position: absolute;
        left: 0;
        top: 0;
        transform: translateX(120%);
    }

    .dropdown--multi .dropdown--multi__menu {
        background-color: transparent;
        border: 0 none;
        height: auto;
        position: static;
        max-width: 18.75rem;
        min-width: 12.5rem;
        max-height: none;
        width: 21vw;
    }

        .dropdown--multi .dropdown--multi__menu li {
            padding: 0.25rem 0;
        }

        .dropdown--multi .dropdown--multi__menu a {
            border-radius: 0.5rem;
            color: #8a8a8a;
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-family: "Manrope", sans-serif;
            font-size: 0.875rem;
            padding: 0.25rem 0.5rem;
            text-decoration: none;
            transition: 0.3s background-color, 0.3s color;
        }

            .dropdown--multi .dropdown--multi__menu a:hover, .dropdown--multi .dropdown--multi__menu a:has(+ .show) {
                background-color: #f8f8f8;
                color: #000000;
            }

                .dropdown--multi .dropdown--multi__menu a:hover i, .dropdown--multi .dropdown--multi__menu a:has(+ .show) i {
                    opacity: 1;
                }

                .dropdown--multi .dropdown--multi__menu a:has(+ .show) i {
                    color: #000000;
                }

            .dropdown--multi .dropdown--multi__menu a i {
                color: #c8c8c8;
                opacity: 0;
                transition: 0.3s opacity, 0.3s color;
            }

.dropdown.dropdown--filter .dropdown--filter__btn i {
    display: inline-block;
    margin-left: 0.25rem;
    transition: 0.3s transform;
}

.dropdown.dropdown--filter .dropdown--filter__btn.show {
    border-color: transparent;
}

    .dropdown.dropdown--filter .dropdown--filter__btn.show i {
        transform: rotate(180deg);
    }

.dropdown.dropdown--filter .dropdown--filter__menu {
    border: 0 none;
    box-shadow: 0 0.25rem 3.125rem rgba(0, 0, 0, 0.15);
    padding: 1.5rem;
    height: auto;
    width: auto;
}

    .dropdown.dropdown--filter .dropdown--filter__menu li {
        margin: 0.5rem 0 0 0;
    }

        .dropdown.dropdown--filter .dropdown--filter__menu li:first-child {
            margin: 0;
        }

.dropdown.dropdown--filter .dropdown--filter__item {
    color: #8a8a8a;
    font-family: "Manrope", sans-serif;
    height: auto;
    max-width: none;
    margin: 0;
    padding: 0.25rem 0.5rem;
    transition: 0.3s background-color;
}

    .dropdown.dropdown--filter .dropdown--filter__item:hover {
        color: #2e2e2e;
    }

.accordion {
    min-width: 20.5rem;
    padding: 1rem;
    border-radius: 0.75rem;
    background-color: #ffffff;
    --bs-accordion-active-color: #6a6a6a;
    --bs-accordion-active-bg: transparent;
    --bs-accordion-border-color: transparent;
    --bs-accordion-btn-focus-box-shadow: transparent;
}

.accordion-img {
    min-width: 9rem;
    max-width: 9rem;
    height: 3.8125rem;
    border-radius: 0.571875rem;
    border: 0.035625rem solid #e8e8e8;
    margin-top: 1.5rem;
    padding: 1rem;
}

@media (min-width: 768px) {
    .accordion-img {
        margin-top: 0;
        margin-right: 1.5rem !important;
    }
}

.accordion-button {
    padding: 0;
    font-family: "Manrope";
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.25rem;
    color: #6a6a6a;
}

.accordion-body {
    padding: 0;
    margin-top: 1.5rem;
}

.accordion-item-content {
    min-width: 19.5rem;
    height: 3.5625rem;
}

@media (min-width: 768px) {
    .accordion-item-content {
        max-width: 82.5rem;
    }
}

.accordion-item-description {
    max-width: 16.5rem;
    height: 3.5625rem;
    font-family: "Manrope";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2rem;
    text-align: left;
    color: #2e2e2e;
}

@media (min-width: 768px) {
    .accordion-item-description {
        min-width: 42rem;
    }
}

@media (min-width: 992px) {
    .accordion-item-description {
        min-width: 58rem;
    }
}

@media (min-width: 1400px) {
    .accordion-item-description {
        min-width: 82.5rem;
    }
}

.accordion-item-ico {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 1rem;
}

.accordion-second-item {
    margin-top: 0.5rem;
}

.accordion-item .accordion-collapse.collapsing,
.accordion-item .accordion-collapse.show {
    max-height: 22.4375rem;
}

.accordion--filter {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.accordion--filter__item {
    background: transparent;
    border: 1px solid #c8c8c8;
    border-radius: 1rem;
}

.accordion--filter__button {
    background-color: transparent;
    border: 0 none;
    border-radius: 0;
    font-family: "Manrope", sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    padding: 1.25rem 1.5rem;
}

    .accordion--filter__button:after {
        background-size: cover;
        opacity: 0.8;
        height: 0.7rem;
        width: 0.7rem;
    }

    .accordion--filter__button:focus, .accordion--filter__button:not(.collapsed) {
        background-color: transparent;
        border-color: #000000;
        box-shadow: none;
        color: #000000;
    }

.accordion--filter__body {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0 1.5rem 1.5rem;
}

.select2-container--default .select2-selection--single {
    background-color: #ffffff;
    border-color: #eeeeee;
    border-radius: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 3.5rem;
    padding: 0 0.8rem;
}

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        position: relative;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #8a8a8a;
        font-family: "Manrope", sans-serif;
        font-size: 0.875rem;
        font-weight: 400;
        padding: 0;
    }

.select2-container--default.select2-container--open .select2-selection--single {
    border-color: #000000;
    border-bottom: 0 none;
}

    .select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered {
        color: #000000;
    }

.select2-results {
    border-radius: 0 0 0.75rem 0.75rem;
    overflow: hidden;
}

.select2-container--open .select2-dropdown--below {
    border-color: #000000;
    border-radius: 0 0 0.75rem 0.75rem;
}

.select2-container--default .select2-results > .select2-results__options {
    padding: 0 1rem 1rem;
    scrollbar-color: #E30A18 #eeeeee;
    scrollbar-width: thin;
}

.select2-results__option--selectable {
    color: #8a8a8a;
    font-family: "Manrope", sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    padding: 0.25rem 0.5rem;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #eeeeee;
    border-radius: 0.5rem;
    color: #000000;
}

.form-control {
    border: 1px solid #eeeeee;
    border-radius: 0.75rem;
    color: #8a8a8a;
    caret-color: #E30A18;
    display: flex;
    font-family: "Manrope", sans-serif;
    font-size: 0.875rem;
    justify-content: center;
    height: 3.5rem;
    padding: 0 1rem;
}

    .form-control:hover, .form-control:focus {
        border-color: #8a8a8a;
        box-shadow: none;
    }

    .form-control[type=file] {
        width: 0.1px;
        height: 0.1px;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        z-index: -1;
    }

        .form-control[type=file] + label {
            align-items: center;
            justify-content: flex-start;
        }

            .form-control[type=file] + label span {
                white-space: nowrap;
                overflow: hidden;
                max-width: 14rem;
                text-overflow: ellipsis;
            }

        .form-control[type=file].is-invalid + label {
            border-color: #E30A18;
        }

    .form-control.is-date {
        background: none;
    }

.form-radio {
    gap: 1rem;
}

.form-radio__box {
    background-color: #eeeeee;
    border: 1px solid transparent;
    border-radius: 1rem;
    padding: 1.5rem;
    transition: 0.3s border-color, 0.3s background-color;
    width: 100%;
}

    .form-radio__box:has(.form-radio__check-input:checked) {
        background-color: transparent;
        border-color: #2e2e2e;
    }

        .form-radio__box:has(.form-radio__check-input:checked) .form-radio__actions {
            max-height: 3rem;
            margin-top: 1rem;
        }

        .form-radio__box:has(.form-radio__check-input:checked) .form-radio__btn-wrapper {
            max-height: 3.125rem;
        }

@media (min-width: 1200px) {
    .form-radio__box:has(.form-radio__check-input:checked) .form-radio__btn-wrapper {
        max-width: 5.875rem;
    }
}

.form-radio__box:has(.form-radio__check-input:checked) .form-radio__box-inner {
    gap: 1rem;
}

.form-radio__box-inner {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 1rem;
}

@media (min-width: 1200px) {
    .form-radio__box-inner {
        flex-direction: row;
        justify-content: space-between;
    }
}

.form-radio__btn-wrapper {
    overflow: hidden;
    max-height: 0;
    transition: 0.3s max-height;
    width: 100%;
}

@media (min-width: 1200px) {
    .form-radio__btn-wrapper {
        max-width: 0;
        transition: 0.3s max-width;
    }
}

.form-radio__label {
    color: #2e2e2e;
    cursor: pointer;
    font-family: "Manrope", sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
}

.form-radio__check-input {
    border-color: #c8c8c8;
    cursor: pointer;
    transition: 0.3s border-color, 0.3s background-color;
}

    .form-radio__check-input:hover {
        border-color: #E30A18;
    }

    .form-radio__check-input:checked {
        background-color: #E30A18;
        border-color: #E30A18;
    }

    .form-radio__check-input:focus {
        box-shadow: none;
        outline: 0 none;
    }

.form-radio__selects {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 1rem;
}

    /* Estilos de carga para selects desktop */
    .form-radio__selects .form-select.filter-loading {
        background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%) !important;
        background-size: 200% 100% !important;
        border-color: #d0d0d0 !important;
        opacity: 0.85 !important;
        position: relative !important;
        overflow: hidden !important;
        pointer-events: none !important;
        min-height: 38px !important;
        animation: shimmer-loading-bg 1.5s infinite !important;
        color: transparent !important;
        cursor: wait !important;
    }

        .form-radio__selects .form-select.filter-loading::after {
            content: '' !important;
            position: absolute !important;
            top: 0 !important;
            left: -100% !important;
            width: 100% !important;
            height: 100% !important;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.8), transparent) !important;
            animation: shimmer-sweep-desktop 1.5s infinite !important;
            z-index: 10 !important;
        }

/* Usar la misma animación que el sidebar para consistencia */

.form-radio .select2 {
    display: block;
}

.form-radio__vstack {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
}

.form-radio__actions {
    height: 100%;
    max-height: 0;
    overflow: hidden;
    transition: 0.3s max-height, 0.3s margin-top;
}

.form--review {
    background-color: #ffffff;
    border-radius: 1rem;
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    position: relative;
    transition: 0.3s all;
}

@media (min-width: 1200px) {
    .form--review {
        padding: 2rem;
    }
}

.form--review__title {
    font-size: 1.25rem;
    font-weight: 400;
}

@media (min-width: 1200px) {
    .form--review__title {
        font-size: 1.5rem;
    }
}

.form--review__textarea {
    height: 11.625rem;
    padding: 1rem;
    resize: none;
}

.form--review__feedback {
    position: absolute;
    left: 0;
    bottom: -1rem;
    white-space: nowrap;
}

.form--review .invalid-feedback {
    font-size: 0.75rem;
}

.form--review__fields {
    transition: 0.3s opacity, 0.3s max-height;
}

    .form--review__fields.hide {
        height: 100%;
        max-height: 15.625rem;
        opacity: 0;
        pointer-events: none;
    }

.form--review__success {
    color: #E30A18;
    font-size: 1.125rem;
    font-family: "Manrope", sans-serif;
    font-weight: 500;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: 0.3s opacity;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

    .form--review__success.show {
        opacity: 1;
        pointer-events: visible;
        z-index: 2;
    }

.form--review__success-icon {
    font-size: 2rem;
}

.offcanvas.offcanvas-bottom.offcanvas--filter {
    background-color: #ffffff;
    border-radius: 2rem 2rem 0 0;
    height: auto;
}

    .offcanvas.offcanvas-bottom.offcanvas--filter .offcanvas--filter__body {
        border-radius: 2rem 2rem 0 0;
        padding: 1.5rem 1rem;
    }

    .offcanvas.offcanvas-bottom.offcanvas--filter:before {
        background-color: #ffffff;
        border-radius: 6rem;
        content: "";
        position: absolute;
        top: -1rem;
        left: 50%;
        transform: translateX(-50%);
        height: 0.5rem;
        width: 7.5rem;
    }

.offcanvas.offcanvas-bottom.offcanvas--order {
    background-color: #ffffff;
    border-radius: 2rem 2rem 0 0;
    height: 100vh;
}

    .offcanvas.offcanvas-bottom.offcanvas--order:before {
        background-color: #ffffff;
        border-radius: 6rem;
        content: "";
        position: absolute;
        top: -1rem;
        left: 50%;
        transform: translateX(-50%);
        height: 0.5rem;
        width: 7.5rem;
    }

    .offcanvas.offcanvas-bottom.offcanvas--order .offcanvas--order__header {
        height: auto;
        padding: 1.5rem 1rem 1rem;
    }

    .offcanvas.offcanvas-bottom.offcanvas--order .offcanvas--order__title {
        color: #2e2e2e;
        font-family: "Manrope", sans-serif;
        font-size: 1rem;
        font-weight: 600;
        line-height: 1;
    }

    .offcanvas.offcanvas-bottom.offcanvas--order .offcanvas--order__body {
        padding: 0 0 1.5rem;
    }

    .offcanvas.offcanvas-bottom.offcanvas--order .offcanvas--order__dropdown-menu {
        border: 0 none;
        display: flex;
        position: relative;
        flex-direction: column;
        gap: 0.5rem;
        padding: 0 1rem;
        height: auto;
        min-width: auto;
    }

    .offcanvas.offcanvas-bottom.offcanvas--order .offcanvas--order__item {
        display: flex;
        color: #6a6a6a;
        font-family: "Manrope", sans-serif;
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1;
        margin: 0;
        padding: 0.5rem;
        height: auto;
        width: 100%;
        max-width: none;
    }

        .offcanvas.offcanvas-bottom.offcanvas--order .offcanvas--order__item:active, .offcanvas.offcanvas-bottom.offcanvas--order .offcanvas--order__item.active {
            background-color: #f1f1f1;
            border-radius: 0.5rem;
            color: #2e2e2e;
        }

.badge, .badge--filter, .badge--secondary, .badge--warning, .badge--danger, .badge--success {
    align-items: center;
    border-radius: 0.75rem;
    display: inline-flex;
    font-family: "Manrope", sans-serif;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1;
    gap: 0.25rem;
    padding: 0.25rem 0.5rem;
    text-transform: uppercase;
    white-space: nowrap;
}

    .badge.badge-lg, .badge-lg.badge--filter, .badge-lg.badge--secondary, .badge-lg.badge--warning, .badge-lg.badge--danger, .badge-lg.badge--success {
        font-size: 0.875rem;
        padding: 0.25rem 0.75rem;
    }

    .badge.badge-xl, .badge-xl.badge--filter, .badge-xl.badge--secondary, .badge-xl.badge--warning, .badge-xl.badge--danger, .badge-xl.badge--success {
        font-size: 1.5rem;
        font-weight: 900;
        padding: 1rem;
    }

.badge--success {
    background-color: #deffe5;
    color: #3dab56;
}

.badge--danger {
    background-color: #fff1f1;
    color: #ff3232;
}

.badge--warning {
    background-color: #fff7e3;
    color: #f2a000;
}

.badge--secondary {
    background-color: #f8f8f8;
    color: #6a6a6a;
}

.badge--filter {
    border: 1px solid #eeeeee;
    border-radius: 2rem;
    color: #2e2e2e;
    font-family: "Manrope", sans-serif;
    font-size: 0.75rem;
    font-weight: 500;
    height: auto;
    gap: 0.375rem;
    padding: 0.3rem 0.75rem;
    text-transform: none;
}

.badge--filter__close.btn-close {
    background-color: transparent;
    font-size: 0.6rem;
    margin: 0 !important;
    padding: 0;
    height: 1.5rem;
    width: 1.5rem;
}

    .badge--filter__close.btn-close:active {
        box-shadow: none;
        outline: 0 none;
    }

.tooltip {
    --bs-tooltip-bg: #ffffff;
    --bs-tooltip-color: #383133;
}

    .tooltip .tooltip-inner {
        border-radius: 0.5rem;
        box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15);
        font-family: "Gotham", sans-serif;
        font-size: 0.75rem;
        padding: 0.5rem;
    }

        .tooltip .tooltip-inner > span {
            background-color: #eeeeee;
            border-radius: 100%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            height: 1.375rem;
            width: 1.375rem;
        }

.pagination {
    gap: 0.25rem;
    justify-content: space-between;
}

@media (min-width: 992px) {
    .pagination {
        justify-content: flex-end;
    }
}

.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link {
    background-color: #ffffff;
    border-radius: 100%;
}

.pagination .page-item:first-child {
    margin-right: 0.75rem;
}

.pagination .page-item:last-child {
    margin-left: 0.75rem;
}

.pagination .page-link {
    background-color: #f8f8f8;
    border-color: #f8f8f8;
    border-radius: 0.25rem;
    color: #2e2e2e;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s background-color, 0.3s border-color, 0.3s color;
    height: 1.875rem;
    width: 1.875rem;
}

    .pagination .page-link:hover {
        border-color: #E30A18;
    }

.pagination .page-item.active .page-link {
    background-color: #4c4c4c;
    color: #ffffff;
}

.side-filter {
    background-color: #eeeeee;
    border-radius: 1rem;
    padding: 1.5rem 1rem;
    width: 20.25rem;
}

.side-filter__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.side-filter__title {
    color: #2e2e2e;
    font-family: "Manrope", sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
}

.side-filter__close.btn {
    height: 2.5rem;
    width: 2.5rem;
}

.side-filter__label {
    margin-top: 1rem;
    color: #2e2e2e;
    font-family: "Manrope", sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
}

.side-filter__selects {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin-top: 0.5rem;
}

.side-filter__accordion {
    background: transparent;
    padding: 0;
    min-width: auto;
}

.side-filter__accordion-item {
    background-color: transparent;
    border: 0 none;
}

.side-filter__accordion-collapse.accordion-collapse.show {
    max-height: none;
}

.side-filter__accordion-body {
    padding: 0;
}

.side-filter__accordion-btn {
    background-color: transparent;
    margin-top: 1rem;
    color: #2e2e2e;
    font-family: "Manrope", sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    padding: 0;
}

    .side-filter__accordion-btn:not(.collapsed) {
        background-color: transparent;
        box-shadow: none;
        color: #2e2e2e;
        outline: 0;
    }

    .side-filter__accordion-btn:focus {
        box-shadow: none;
        outline: 0;
    }

    .side-filter__accordion-btn:after {
        transform: scale(0.8);
    }

.side-filter__accordion-group {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.navigation-config {
    width: 14.5rem !important;
}

.navigation-config__item {
    color: #010101;
    opacity: 0.5;
}

    .navigation-config__item.active {
        width: 14.5rem;
        height: 2.5625rem;
        background-color: #ffffff;
        opacity: 1;
        color: #010101 !important;
        border-radius: 1rem;
        padding-top: 5%;
    }

        .navigation-config__item.active:hover {
            background-color: #ffffff;
            opacity: 1;
        }

.navigation-config__select {
    width: auto;
    text-decoration: none;
    color: #010101;
    opacity: 0.5;
    border-radius: 0.75rem;
    cursor: pointer;
}

    .navigation-config__select.active {
        width: 14.5rem;
        height: 2.5625rem;
        background-color: #ffffff;
        opacity: 1;
        color: #010101 !important;
        border-radius: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .navigation-config__select.active:hover {
            background-color: #ffffff;
            opacity: 1;
        }

    .navigation-config__select:hover {
        background-color: #EBEBEB;
        opacity: 1;
    }

.navigation-config__emoji.active {
    width: 1.25rem;
    height: 1.25rem;
    opacity: 1;
    color: #010101 !important;
}

    .navigation-config__emoji.active:hover {
        background-color: #ffffff;
        opacity: 1;
    }

.navigation-config__emoji:hover {
    background-color: #EBEBEB;
    opacity: 1;
    color: #010101;
}

.tab__link-tab {
    min-width: 19rem;
    height: 4.375rem;
    border-bottom: 0.0625rem solid #eeeeee;
    padding: 0;
}

.tab__link-item {
    padding: 0;
}

.nav-link, .nav-tabs {
    padding: 0;
    color: #373737;
    margin-bottom: 0 !important;
    border: none !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

    .nav-link:hover, .nav-tabs:hover {
        color: #373737;
    }

    .nav-link .active, .nav-tabs .active {
        padding: 0;
        color: #373737 !important;
        border-bottom: 2px solid #E30A18 !important;
    }

.form-check-switch {
    background-color: #d2d5da !important;
    width: 2.25rem !important;
    height: 1.25rem !important;
    padding: 0.125rem 1.125rem 0.125rem 0.125rem !important;
    border-radius: 6.25rem !important;
    cursor: pointer;
    outline: none !important;
    box-shadow: none !important;
}

    .form-check-switch:hover {
        background-color: #c8c8c8 !important;
        outline: none !important;
        box-shadow: none !important;
    }

    .form-check-switch:checked {
        background-color: #ff3232 !important;
        border-color: #ff3232 !important;
    }

        .form-check-switch:checked:hover {
            background-color: #a90411 !important;
        }

    .form-check-switch:focus, .form-check-switch:active {
        outline: none !important;
        box-shadow: none !important;
    }

        .form-check-switch:focus:not(:checked), .form-check-switch:active(:checked) {
            background-color: #d2d5da !important;
        }

thead,
tr {
    border-bottom: transparent;
}

.bootstrap-table .fixed-table-container .fixed-table-body {
    height: auto;
}

.table-content {
    height: auto;
    border-radius: 1rem;
    background-color: #ffffff;
    padding: 2rem 2rem 1rem 2rem;
    width: 100%;
}

.table-title {
    max-width: 6.625rem;
    height: auto;
    color: #000000;
    opacity: 0.5;
    font-family: "Manrope";
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.125rem;
}

.table-ico {
    width: 1rem;
    height: 1rem;
    color: #000000;
    opacity: 0.5;
}

.table-info {
    max-width: 10.375rem;
    height: auto;
    font-family: "Manrope";
    font-weight: 400;
    text-align: left;
    font-size: 0.875rem;
    color: #000000;
    line-height: 1.3125rem;
}

.sort-table {
    border-color: transparent;
    border-radius: 1rem;
    overflow: hidden;
    border-collapse: collapse;
}

    .sort-table thead th .th-inner {
        background-position: 90% 2.2rem !important;
        color: #8a8a8a;
        font-family: "Manrope", sans-serif;
        font-size: 0.75rem;
        font-weight: 600;
        line-height: 1;
        padding: 1rem 1rem 1rem !important;
        text-transform: uppercase;
        margin: 0;
    }

    .sort-table tbody tr:hover td {
        --bs-table-bg-state: #f5f5f5;
        margin: 0;
    }

    .sort-table tbody td {
        background-color: transparent;
        color: #000000;
        font-family: "Manrope", sans-serif;
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1;
    }

.custom-padding {
    padding-top: 20px;
}

@media (min-width: 1200px) {
    .sort-table tbody td {
        background-color: #ffffff;
        padding-left: 1.5rem !important;
    }
}

.sort-table .card-views {
    background-color: #ffffff;
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.5rem 1rem;
}

    .sort-table .card-views .card-view-title {
        color: #8a8a8a;
        font-family: "Manrope", sans-serif;
        font-size: 0.75rem;
        font-weight: 400;
        line-height: 1;
        text-transform: uppercase;
    }

    .sort-table .card-views .card-view-value {
        color: #000000;
        font-family: "Manrope", sans-serif;
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1.2;
    }

.sort-table .card-view {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.sort-table.columns-sm-2 .card-views {
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 0;
}

.sort-table.columns-sm-2 .card-view {
    width: 50%;
}

.sort-table-search-bar {
    color: #8a8a8a;
    position: relative;
}

.sort-table-search-icon {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.3s color;
}

.sort-table-search-control {
    background: transparent;
    border: 1px solid #8a8a8a;
    border-radius: 6rem;
    color: #8a8a8a;
    font-family: "Manrope", sans-serif;
    font-size: 0.875rem;
    line-height: 1;
    padding: 0.5rem 2.75rem;
    width: 100%;
}

@media (min-width: 1200px) {
    .sort-table-search-control {
        width: 17rem;
    }
}

.list-group--definition .list-group-item {
    background-color: transparent;
    padding: 1rem 0;
}

.list-group--definition__title {
    color: #E30A18;
    font-family: "Manrope", sans-serif;
    font-weight: 500;
    font-size: 1.125rem;
}

.list-group--definition__description {
    color: #909090;
    font-family: "Manrope", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.2;
    margin: 0;
    max-width: 28.75rem;
}

.daterangepicker {
    font-family: "Manrope", sans-serif;
}

    .daterangepicker.show-calendar .drp-buttons {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
    }

@media (min-width: 1200px) {
    .daterangepicker.show-calendar .drp-buttons {
        justify-content: flex-end;
    }
}

.daterangepicker .drp-selected {
    margin-right: auto;
}

.daterangepicker .drp-buttons .btn {
    height: 2.5rem;
    margin: 0;
}

@media (min-width: 1200px) {
    .daterangepicker .drp-buttons .btn {
        max-width: 7rem;
    }
}

.daterangepicker td.in-range {
    background-color: rgba(250, 65, 0, 0.2);
}

    .daterangepicker td.in-range:hover {
        background-color: rgba(250, 65, 0, 0.6);
    }

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #E30A18;
}

.reviews {
    background-color: #eeeeee;
    border-radius: 1rem;
    padding: 1rem;
}

@media (min-width: 1200px) {
    .reviews {
        padding: 2rem;
    }
}

.reviews__badge {
    color: #000000;
}

    .reviews__badge i {
        color: #E30A18;
    }

.reviews__text {
    color: #4c4c4c;
    font-family: "Manrope", sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0;
}

.reviews__col {
    margin-bottom: 2rem;
}

    .reviews__col:last-child {
        margin-bottom: 0;
    }

@media (min-width: 1200px) {
    .reviews__col {
        margin-bottom: 7.5rem;
    }

        .reviews__col:nth-last-child(-n+2) {
            margin-bottom: 0;
        }
}

.product {
    padding-top: 1rem;
}

@media (min-width: 1200px) {
    .product {
        padding-top: 1.5rem;
    }
}

/* Asegurar que el contenido no quede debajo del navbar fijo en la página de producto */
main.main .product {
    padding-top: 0;
    margin-top: 0;
}

    main.main .product .product__container:first-child {
        margin-top: 0;
    }

    main.main .product .product__data {
        padding-top: 0.5rem;
    }

@media (min-width: 768px) {
    .product__container.container-xxl {
        overflow: visible;
    }
}

.product__subtitle {
    font-weight: 700;
    margin-bottom: 1rem;
}

@media (min-width: 992px) {
    .product__subtitle {
        margin-bottom: 2rem;
    }
}

@media (min-width: 768px) {
    .product__data {
        margin-top: 0.5rem;
    }
}

@media (max-width: 992px) {
    .product__data-pictures {
        border-top: 1px solid #dadada;
        margin-top: 1rem;
        padding-top: 1rem;
    }
}

@media (min-width: 1200px) {
    .product__data-pictures {
        height: 100%;
        top: 2rem;
    }
}

.product__data-img-wrapper {
    background-color: #ffffff;
    border-radius: 1rem;
    overflow: hidden;
    position: relative;
    height: 21.75rem;
    width: 100%;
    max-width: 30rem;
}

@media (min-width: 992px) {
    .product__data-img-wrapper {
        height: 36rem;
        max-width: 100%;
        background-color: #ffffff;
        border: 1px solid #ebebeb;
        border-radius: 0.5rem;
        margin-bottom: 0.5rem;
    }
}

@media (min-width: 1200px) {
    .product__data-img-wrapper {
        max-width: 100%;
        height: 40rem;
    }
}

.product__data-img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.product__data-badge {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    padding: 1rem;
}

.product__data-thumbs-wrapper {
    border-radius: 1rem;
    display: flex;
    margin: 1rem -1rem;
    padding: 0 1rem;
    gap: 0.25rem;
    white-space: nowrap;
}

@media (min-width: 992px) {
    .product__data-thumbs-wrapper {
        background-color: transparent;
        margin: 0.5rem 0 0;
        padding: 0;
        width: 100%;
        gap: 0.5rem;
    }
}

@media (min-width: 1200px) {
    .product__data-thumbs-wrapper {
        width: 100%;
    }
}

.product__data-thumbs-wrapper .simplebar-offset {
    border-radius: 1rem;
    overflow: hidden;
}

.product__data-thumb-btn {
    background-color: #ffffff;
    border-radius: 1rem;
    border: 1px solid #eeeeee;
    padding: 0;
    height: 4.5rem;
    width: 4.5rem;
    min-width: 4.5rem;
    transition: 0.3s border-color;
}

@media (max-width: 992px) {
    .product__data-thumb-btn:last-child {
        margin-right: 1rem;
    }
}

.product__data-thumb-btn:hover {
    border-color: #c8c8c8;
}

.product__data-thumb-btn.active {
    border-color: #8a8a8a;
}

.product__data-thumb {
    pointer-events: none;
    object-fit: cover;
    max-width: 100%;
}

.product__data-info {
    margin: 0 auto;
    max-width: 41.875rem;
    width: 100%;
    padding-top: 0;
}

@media (max-width: 991.98px) {
    .product__data-info {
        padding-top: 0;
    }
}

.product__data-sold {
    color: #313131;
    font-family: "Manrope", sans-serif;
    font-size: 0.75rem;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase;
}

.product__data-title {
    color: #E30A18;
    font-family: "Manrope", sans-serif;
    font-size: 30px;
    font-weight: 200;
    line-height: 1.2;
    letter-spacing: -0.01rem;
    max-width: 32.5rem;
    margin: 1rem 0;
}

@media (min-width: 992px) {
    .product__data-title {
        font-size: 30px;
        margin: 0.5rem 0 0.75rem 0;
    }
}

.product__data-review {
    background-color: #f2f2f2;
}

    .product__data-review i {
        color: #E30A18;
    }

.product__data-price {
    color: #000000;
    font-size: 20px;
}

@media (min-width: 992px) {
    .product__data-price {
        margin: 1rem 0 1.5rem 0;
    }

    /* Estilos estilo MercadoLibre para desktop */
    .product__data-price-original-desktop {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        margin-bottom: 0.5rem;
    }

        .product__data-price-original-desktop .text-decoration-line-through {
            font-size: 1.125rem;
            color: #666666;
        }

    .product__data-discount-badge-desktop {
        background-color: #00a650;
        color: #ffffff;
        font-size: 0.75rem;
        font-weight: 600;
        padding: 0.25rem 0.5rem;
        border-radius: 0.25rem;
        text-transform: uppercase;
    }

    .product__data-prices-small-desktop {
        font-size: 0.875rem;
        color: #666666;
        margin-bottom: 0.5rem;
        line-height: 1.5;
    }

    .product__data-price-main-desktop {
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
    }

        .product__data-price-main-desktop .product__data-price-label {
            font-size: 0.875rem;
            color: #666666;
            font-weight: 400;
        }

        .product__data-price-main-desktop .product__data-price-value {
            font-size: 2.5rem;
            font-weight: 400;
            color: #000000;
            line-height: 1;
            letter-spacing: -0.02em;
        }

    /* Mejorar layout general del producto en desktop - reducir espacios */
    .product__data {
        max-width: none;
        padding: 0;
        margin-top: 0;
    }

    .product__container.container-xxl {
        max-width: 1180px;
        margin: 0 auto;
        padding: 0 1rem;
    }

    .product__data-info {
        max-width: none;
        flex: 1;
        padding-left: 1rem;
        padding-top: 0;
    }

    .product__data-pictures {
        flex: 0 0 52%;
        max-width: 52%;
    }

    /* Reducir gap entre columnas */
    .product__data > .product__container.container-xxl.d-flex {
        gap: 1.5rem !important;
    }

    /* Reducir espacios en secciones */
    .product__data-info-main {
        padding-right: 1rem;
    }

    /* Mejorar título - reducir espacios */
    .product__data-title {
        font-size: 1.75rem;
        font-weight: 300;
        line-height: 1.3;
        color: #000000;
        margin: 0.5rem 0 0.75rem 0;
        max-width: 100%;
    }

    /* Mejorar botones de compra */
    .product__data-btn-buy {
        flex: 1;
        padding: 1rem 2rem;
        font-size: 1rem;
        font-weight: 600;
        height: auto;
        min-height: 3.5rem;
    }

    /* Mejorar contador de cantidad */
    .product__data-btn.btn {
        height: 3.5rem;
        width: 3.5rem;
        font-size: 1.5rem;
        border-radius: 0.5rem;
    }

    .product__data-btn.jsProductDetailCardAmount {
        height: 3.5rem;
        min-width: 4rem;
        text-align: center;
        font-size: 1.125rem;
        border-radius: 0.5rem;
    }

    /* Layout de acciones de compra - reducir espacios */
    .product__data-info .d-flex.gap-3 {
        gap: 1rem !important;
        margin-top: 1.5rem;
    }

    /* Mejorar thumbnails en desktop */
    .product__data-thumb-btn {
        border-radius: 0.5rem;
        border: 2px solid #e6e6e6;
        transition: all 0.2s;
    }

        .product__data-thumb-btn:hover {
            border-color: #3483fa;
        }

        .product__data-thumb-btn.active {
            border-color: #3483fa;
            border-width: 2px;
        }

    /* Mejorar imagen principal */
    .product__data-img {
        object-fit: contain;
        padding: 1rem;
    }

    /* Mejorar sección de stock y SKU - reducir espacios */
    .product__data-stock-sku {
        margin-bottom: 1rem;
    }

    /* Ajustar espaciado general */
    .product__data-info-main {
        padding-right: 0;
    }

    /* Reducir padding del contenedor principal */
    .product__container.container-xxl {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}

.product__data-btn.btn {
    padding: 0;
    height: 1.875rem;
    width: 1.875rem;
}

.product__data-counter {
    background-color: #ffffff;
    border-radius: 0.75rem;
    color: #8a8a8a;
    font-weight: 400;
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.875rem;
    width: 3.125rem;
}

.product__data-btn-buy.btn i {
    font-size: 1.5rem;
}

.product__data-info-details {
    margin-top: 20px;
}

@media (min-width: 992px) {
    .product__data-info-details {
        border-top: 1px solid #ebebeb;
        padding-top: 1.5rem;
        margin-top: 2rem;
        max-width: 100%;
        width: 100%;
    }

    .product__subtitle {
        font-size: 1.5rem;
        font-weight: 600;
        margin-bottom: 1.5rem;
        color: #000000;
    }

    .list-group--definition__title {
        font-weight: 600;
        color: #666666;
        margin-bottom: 0.5rem;
        font-size: 0.875rem;
        text-transform: uppercase;
    }

    .list-group--definition__description {
        color: #000000;
        font-size: 1rem;
        line-height: 1.6;
        margin-bottom: 0;
    }

    .list-group-item {
        padding: 1.25rem 0;
        border-bottom: 1px solid #ebebeb;
    }

        .list-group-item:last-child {
            border-bottom: none;
        }
}

.product__section {
    margin-top: 4rem;
}

@media (min-width: 1200px) {
    .product__section {
        margin-top: 5rem;
    }
}

.traveler-container {
    overflow-x: hidden;
}

@media (min-width: 1200px) {
    .traveler-container {
        overflow-x: visible !important;
    }
}

@media (min-width: 1200px) {
    .traveler {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}

.traveler__nav {
    align-items: center;
    display: flex;
    gap: 2.5rem;
}

@media (max-width: 768px) {
    .traveler__nav {
        gap: 0;
        margin: 1.5rem -1rem 2rem;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

        .traveler__nav::-webkit-scrollbar {
            display: none;
        }
}

@media (min-width: 992px) {
    .traveler__nav {
        margin-top: 1rem;
    }
}

.traveler__title {
    padding: 2rem 1rem;
    margin: 0 -1rem;
    max-width: 25.3125rem;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

    .traveler__title::-webkit-scrollbar {
        display: none;
    }

@media (min-width: 768px) {
    .traveler__title {
        justify-content: left;
        margin-left: 0rem;
        overflow-x: visible;
        padding: 2rem 0rem;
    }
}

@media (min-width: 1200px) {
    .traveler__title {
        justify-content: normal;
    }
}

.traveler__title-ico {
    color: #8a8a8a;
}

.traveler__title-li {
    list-style: none;
}

.traveler__title-text {
    text-decoration: none;
    font-family: "Gotham";
    font-size: 1.5rem;
    font-weight: 900;
    line-height: 1.65rem;
    height: 1.625rem;
    color: #c8c8c8;
    transition: 0.3s color;
    margin: 0 1rem;
}

    .traveler__title-text:hover {
        color: #8a8a8a;
    }

@media (min-width: 992px) {
    .traveler__title-text {
        font-size: 2.5rem;
        line-height: 3rem;
        height: 3rem;
        margin: 0;
    }
}

.traveler__title-text.active {
    color: #373737;
}

@media (max-width: 992px) {
    .traveler__title-text.active {
        order: -1;
    }
}

.traveler__btn-action {
    max-width: 7.8125rem;
}

.traveler__btn-filter {
    max-width: 6.1875rem;
}

.traveler__btn-filter-lg .icon-collapsed {
    display: inline;
}

.traveler__btn-filter-lg .icon-not-collapsed {
    display: none;
}

.traveler__btn-filter-lg:not(.collapsed) {
    background-color: #E30A18;
    color: #ffffff;
}

    .traveler__btn-filter-lg:not(.collapsed) .icon-collapsed {
        display: none;
    }

    .traveler__btn-filter-lg:not(.collapsed) .icon-not-collapsed {
        display: inline;
    }

@media (min-width: 768px) {
    .traveler__content {
        display: flex;
        justify-content: normal;
        align-items: center;
        margin-top: 1rem;
    }
}

@media (min-width: 1200px) {
    .traveler__content {
        justify-content: center;
        max-width: 33.375rem;
        height: 3.5rem;
    }
}

.traveler__btn {
    height: 3.5rem;
    padding: 1rem 1.5rem;
    border-radius: 6.5325rem;
}

    .traveler__btn:hover {
        border: 0.0625rem solid #E30A18;
        background-color: #ffffff !important;
    }

@media (min-width: 768px) {
    .traveler__btn {
        max-width: 20rem;
        margin-right: 1rem;
    }
}

@media (min-width: 1200px) {
    .traveler__btn {
        max-width: 13rem;
        margin-right: 1rem;
        height: 3.5rem;
    }
}

.traveler__btn-text {
    height: 1.3125rem;
    width: 8.25rem;
    color: #2e2e2e;
    font-family: "Manrope";
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.3125rem;
    text-align: left;
    margin-right: 0.5rem;
}

@media (min-width: 1200px) {
    .traveler__btn-text {
        margin-right: 0;
    }
}

.traveler__btn-emoji-plus {
    width: 1.5rem;
    height: 1.5rem;
    color: #646464;
}

@media (min-width: 1200px) {
    .traveler__btn-emoji-plus {
        justify-content: center;
    }
}

.traveler__search {
    padding: 1rem 0;
}

@media (min-width: 768px) {
    .traveler__search {
        padding: 0;
    }
}

.traveler__search-item {
    width: 100%;
}

.traveler__search-item-input {
    background-color: transparent;
    width: 100%;
    height: 3.5rem;
    border-radius: 6.5325rem;
    border: 0.0625rem solid #4c4c4c;
    color: #4c4c4c;
    caret-color: #E30A18;
    position: relative;
    cursor: pointer;
    text-indent: 2.5rem;
}

    .traveler__search-item-input:focus {
        outline: #4c4c4c;
    }

    .traveler__search-item-input:hover {
        border: 0.0625rem solid #E30A18;
        color: #2e2e2e;
    }

@media (min-width: 992px) {
    .traveler__search-item-input {
        max-width: 12.5rem;
        height: 3.5rem;
    }
}

.traveler__search__input {
    width: 100%;
    height: 3.5rem;
    padding: 1rem;
    border-radius: 0.75rem;
    border: 0.0625rem solid #eeeeee;
}

.traveler__search-input-ico {
    position: absolute;
    padding-left: 1.5rem;
    color: #8a8a8a;
    width: 1.5625rem;
    height: 1.5625rem;
}

.traveler__search-select {
    min-width: 5.3125rem;
    height: 1.875rem;
    color: #646464;
    background-color: transparent;
    border: none;
}

@media (min-width: 992px) {
    .traveler__search-select {
        max-width: 6.5rem;
        height: 1.875rem;
    }
}

.traveler__search-select-text {
    height: 1.875rem;
    font-family: "Manrope";
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: -0.011em;
    text-align: left;
    position: relative;
    cursor: pointer;
}

.traveler__search-select-ico {
    width: 1rem;
    height: 1rem;
}

.traveler__item {
    padding: 1rem;
    min-width: 20.5rem;
    height: 13rem;
    border-radius: 1rem;
    background-color: #ffffff;
}

.traveler__item-content {
    max-width: 8.75rem;
    height: 3.0625rem;
}

.traveler__item-info {
    height: 7.1875rem;
}

.traveler__item-title {
    width: 5.0625rem;
    height: auto;
    font-family: "Manrope";
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 0.78375rem;
    letter-spacing: -0.011em;
    text-align: left;
    margin: 0;
    color: #6a6a6a;
}

.traveler__item-description {
    font-family: "Manrope";
    margin-top: 0.5rem;
    width: 8.75rem;
    height: auto;
    color: #000000;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: -0.011em;
    text-align: left;
    margin-bottom: 0;
}

.traveler__item-tag {
    font-family: "Manrope";
    font-size: 0.625rem;
    font-weight: 500;
    width: 5rem;
    height: 1.5rem;
    border-radius: 6.25rem;
    background-color: #f4fff4;
    color: #54b669;
    line-height: 1.25rem;
    letter-spacing: -0.011em;
    position: relative;
    top: 0.2rem;
    margin: 0rem 2rem 0rem 0rem;
}

@media (min-width: 768px) {
    .traveler__item-tag {
        left: 0.5rem;
    }
}

@media (min-width: 992px) {
    .traveler__item-tag {
        left: 4rem;
    }
}

@media (min-width: 1200px) {
    .traveler__item-tag {
        left: 7.6rem;
    }
}

.traveler__item-tag-yellow {
    background-color: #fff7e3;
    color: #f2a000;
    font-family: "Manrope";
    font-size: 0.625rem;
    font-weight: 500;
    width: 5rem;
    height: 1.5rem;
    border-radius: 6.25rem;
    line-height: 1.25rem;
    letter-spacing: -0.011em;
    justify-content: center;
    position: relative;
    top: 0.2rem;
    margin: 0rem 2rem 0rem 0rem;
}

@media (min-width: 768px) {
    .traveler__item-tag-yellow {
        left: 0.5rem;
    }
}

@media (min-width: 992px) {
    .traveler__item-tag-yellow {
        left: 4rem;
    }
}

@media (min-width: 1200px) {
    .traveler__item-tag-yellow {
        left: 7.6rem;
    }
}

.traveler__item-result {
    margin-top: 1.5rem;
    height: 2.3125rem;
}

.traveler__btn-repeat {
    background-color: #f5f5f5;
    max-width: 5.125rem;
    height: 1.875rem;
    padding: 0.5rem 1rem;
    border-radius: 62.5rem;
    border: 0.0625rem solid #eeeeee;
}

    .traveler__btn-repeat:hover {
        background-color: #dadada;
    }

.traveler__btn-repeat-text {
    width: 2.625rem;
    height: auto;
    font-family: "Manrope";
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 0.9rem;
    color: #2e2e2e;
    margin-right: 0.5rem;
}

.traveler__btn-repeat-text-ico {
    width: 0.875rem;
    height: 0.875rem;
}

.traveler__section {
    overflow-x: hidden;
}

.traveler__menu-filter {
    padding: 0;
    height: calc(100vh - 5rem) !important;
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
    background-color: #ffffff !important;
}

.traveler__menu-filter-body {
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
    overflow-y: auto;
    padding: 1.5rem 1rem !important;
}

.traveler__rectangule-filter {
    margin-bottom: 0.5rem;
    max-width: 7.5rem;
    width: 100%;
    height: 0.5rem;
    border-radius: 6.25rem;
    background-color: #ffffff;
    position: absolute;
    top: -1rem;
    left: 50%;
    transform: translateX(-50%);
}

.traveler__menu-filter-content {
    min-width: 20.5rem;
    height: auto;
    padding: 1.5rem;
    border-radius: 1rem;
    background-color: #f6f6f6;
}

.traveler__menu-filter-text {
    color: #2e2e2e;
    font-family: "Manrope";
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.5rem;
    letter-spacing: -0.011em;
    text-align: left;
}

.traveler__input {
    width: 100%;
    height: 3.5rem;
    padding: 1rem;
    border-radius: 0.75rem;
    caret-color: #E30A18;
    border: 1px solid #eeeeee;
}

    .traveler__input:hover {
        border: 1px solid #8a8a8a;
    }

.traveler__input-amount {
    max-width: 8.25rem;
    height: 3.5rem;
    padding: 1rem;
    border-radius: 0.75rem;
    caret-color: #E30A18;
    border: 1px solid #eeeeee;
}

    .traveler__input-amount:hover {
        border: 1px solid #8a8a8a;
    }

.traveler__menu-date {
    width: 100%;
    height: 3.5rem;
    padding: 1rem 1rem 1rem 2.5rem;
    border-radius: 0.75rem;
    color: #8a8a8a;
    caret-color: #E30A18;
    border: 1px solid #eeeeee;
}

.traveler__menu-date-icon {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
}

.traveler__btn-result {
    height: 3.5rem;
    border: 1px solid #eeeeee !important;
    border-radius: 6.53125rem;
}

.traveler__btn-trash {
    border: 1px solid #eeeeee !important;
    padding: 1rem 1.5rem;
    border-radius: 6.53125rem;
    height: 3.5rem;
}

.traveler__title-content {
    font-family: "Manrope";
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 4.355;
    letter-spacing: -0.011em;
    text-align: left;
}

@media (min-width: 1200px) {
    .traveler__title-content {
        font-size: 1.5rem;
    }
}

.traveler__btn-table {
    border: 1px solid #eeeeee !important;
    padding: 0.5rem 0.5rem;
    border-radius: 6.53125rem;
    height: 1.875rem;
    background-color: transparent !important;
    font-family: "Manrope";
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 0.9rem;
    color: #2e2e2e !important;
}

.traveler__filters {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}


.traveler__heading {
    color: #4c4c4c;
    font-family: "Manrope", sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
}

@media (min-width: 768px) {
    .traveler__heading {
        margin-top: 1rem;
    }
}

.traveler__actions {
    width: 100%;
}

@media (min-width: 768px) {
    .traveler__actions {
        margin-top: 1rem;
    }
}

@media (min-width: 1200px) {
    .traveler__actions {
        width: auto;
    }
}

.traveler-form {
    background-color: #ffffff;
    border-radius: 2rem;
    padding: 2rem;
}

.traveler-form__boxes {
    display: flex;
    gap: 1rem;
}

.traveler-form__box {
    min-width: auto;
    width: 100%;
}

    .traveler-form__box .select2 {
        min-width: 100%;
    }

.toast-content {
    box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.1);
    max-width: 21.6875rem;
    width: 100%;
    height: 3.875rem;
    padding: 1rem;
    border-radius: 1rem;
    background-color: #ffffff;
    border: 1px solid transparent;
    position: fixed;
    top: 1.5rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2000;
}

@media (min-width: 768px) {
    .toast-content {
        transform: translateX(0);
        left: 25.1rem;
        width: 21.6875rem;
    }
}

@media (min-width: 992px) {
    .toast-content {
        left: 40.2rem;
    }
}

@media (min-width: 1200px) {
    .toast-content {
        right: 1rem;
        left: auto;
        top: 1rem;
    }
}

.toast-text {
    color: #2e2e2e;
    font-family: "Manrope";
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.3125rem;
    text-align: left;
}

.toast-ico {
    width: 2rem;
    height: 2rem;
    margin-right: 0.5rem;
    color: #2e2e2e;
}

.denied {
    color: #E30A18;
}

.denied-border {
    border: 1px solid #E30A18;
}

.toast-btn {
    width: 1.875rem !important;
    height: 1.875rem !important;
    position: relative;
    left: 3.5rem;
    padding: 0.5rem !important;
    background-color: transparent !important;
    border-radius: 62.5rem !important;
    border: 0.0625rem solid #eeeeee;
    margin-right: 1rem !important;
}

body {
    background-color: #f6f6f6;
    font-family: "Gotham", sans-serif;
    overflow-x: hidden;
}

main {
    width: 100vw;
    margin-top: 50px;
}

@media (min-width: 1400px) {
    .container-xl {
        max-width: 1280px;
    }
}

.container-xxl {
    overflow-x: hidden;
}

.account .container-xxl {
    overflow-x: visible;
}

@media (min-width: 1400px) {
    .container-xxl {
        padding: 0;
        max-width: 1368px;
    }
}

.slick-list {
    padding: 0 14% 0 0;
}

.slick-slide {
    margin: 0 1rem;
}

.slick-desktop {
    position: relative;
}

@media (min-width: 1200px) {
    .slick-desktop .slick-list {
        padding: 0;
        overflow: visible;
    }
}

.slick-desktop .slick-arrow {
    position: absolute;
    right: 1rem;
    top: -5.25rem;
}

    .slick-desktop .slick-arrow.slick-prev {
        right: 3.75rem;
    }

@media (min-width: 1200px) {
    .slick-desktop .slick-arrow {
        top: -5.4rem;
    }

        .slick-desktop .slick-arrow.slick-prev {
            right: 4.75rem;
        }
}

.license-plate {
    background: transparent url("../images/license-plate.png") no-repeat center center/contain;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding-bottom: 0.5rem;
    height: 4rem;
    width: 9.625rem;
}

.license-plate__control {
    background-color: transparent;
    border: 0 none;
    caret-color: #E30A18;
    padding: 0 0.25rem;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    height: 2rem;
    width: 100%;
    z-index: 1;
}

    .license-plate__control:focus {
        outline: none;
    }

    .license-plate__control::placeholder {
        color: #eeeeee;
        font-family: "Manrope", sans-serif;
        font-size: 1.75rem;
        font-weight: 500;
        opacity: 1;
        position: relative;
        text-transform: uppercase;
        transform: translateY(10%);
        z-index: -1;
    }

.rating {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
}

    .rating > input {
        display: none;
    }

    .rating > label {
        position: relative;
        width: 1em;
        font-size: 1.875rem;
        font-weight: 300;
        color: #8a8a8a;
        cursor: pointer;
    }

        .rating > label::before {
            font-family: "tabler-icons";
            content: "\f6a6";
            position: absolute;
            opacity: 0;
        }

        .rating > label:hover:before,
        .rating > label:hover ~ label:before {
            color: #E30A18;
            opacity: 1 !important;
        }

    .rating > input:checked ~ label:before {
        color: #E30A18;
        opacity: 1;
    }

    .rating:hover > input:checked ~ label:before {
        color: #E30A18;
        opacity: 0.4;
    }

.site-nav {
    background-color: rgba(0, 0, 0, 0.05);
    border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.1);
    padding: 0;
    width: 100vw;
}

    .site-nav.navbar.navbar-expand-lg {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 1100 !important;
        background: #f8f9fa !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
        border-bottom: 1px solid #e5e7eb !important;
        transition: all 0.3s ease !important;
    }

/* Altura del navbar en mobile */
@media (max-width: 767.98px) {
    #react-navbar-root .site-nav, 
    div#react-navbar-root .site-nav, 
    #react-navbar-root > nav.site-nav, 
    div#react-navbar-root > nav.site-nav, 
    #react-navbar-root nav.site-nav.navbar, 
    div#react-navbar-root nav.site-nav.navbar-expand-lg {
        height: 90px !important;
    }
}

.site-nav__container {
    padding: 0 1.25rem;
}

@media (min-width: 1200px) {
    .site-nav__container {
        padding: 0 2.375rem;
    }
}

.site-nav__navbar {
    padding: 0;
}

.site-nav__navbar-nav {
    flex-direction: row;
    margin: 1.75rem 0;
}

.site-nav__brand {
    display: flex;
    align-items: center;
    margin-right: 0.375rem;
    padding: 0;
}

.site-nav__item {
    margin: 0 1.375rem;
}

.site-nav__item--secondary {
    margin: 0 1rem;
}

    .site-nav__item--secondary:last-child {
        margin-right: 0;
    }

.site-nav__link {
    border-bottom: 3px solid transparent;
    color: #000000;
    display: flex;
    align-items: center;
    font-size: 1rem;
    height: 100%;
    padding: 2.375rem 0;
    opacity: 0.5;
    transition: 0.3s opacity;
    text-decoration: none;
}

    .site-nav__link.active, .site-nav__link:hover {
        opacity: 1;
    }

    .site-nav__link.active {
        border-bottom-color: #E30A18;
    }

.site-nav__link--icon {
    color: #000000;
    display: flex;
    align-items: center;
    height: 100%;
    font-size: 1.5rem;
    text-decoration: none;
}

.site-nav__avatar {
    background-color: #8a8a8a;
    border-radius: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    height: 2.625rem;
    width: 2.625rem;
    cursor: pointer;
}

    .site-nav__avatar:hover {
        border: 0.0625rem solid #E30A18;
    }

    .site-nav__avatar img {
        object-fit: cover;
        height: 100%;
        width: 100%;
    }

.site-nav__search-bar {
    color: #8a8a8a;
    position: relative;
}

    .site-nav__search-bar:hover {
        color: #2e2e2e;
    }

.site-nav__search-icon {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.3s color;
}

.site-nav__search-control {
    background: transparent;
    border: 1px solid #8a8a8a;
    border-color: none;
    border-radius: 6rem;
    color: #8a8a8a;
    font-family: "Manrope", sans-serif;
    font-size: 0.875rem;
    line-height: 1;
    padding: 0.875rem 2.75rem;
    width: 12rem;
}

    .site-nav__search-control:hover {
        background: transparent;
        border-color: none;
    }

    .site-nav__search-control:focus {
        color: #2e2e2e;
        caret-color: #E30A18;
        box-shadow: none;
        outline: 0;
    }

@media (min-width: 1200px) {
    .site-nav__search-control {
        width: 21.125rem;
    }
}

.dropdown-container {
    position: relative;
    right: 13.2rem;
}

.dropdown-menu {
    position: absolute;
    border-radius: 1rem;
    height: auto;
    max-height: 17.8125rem;
    min-width: 13.6875rem;
    padding: 1.5rem;
    width: 100%;
    min-width: 16rem;
    text-align: left;
}

.dropdown-item {
    max-width: 10.6875rem;
    height: 1.8125rem;
    padding: 0.25rem 0.5rem 0.25rem 0.5rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

    .dropdown-item:hover {
        background-color: #eeeeee;
        border-radius: 0.25rem;
        max-width: 20.6875rem;
    }

.menu-avatar-desktop {
    left: -2.7rem !important;
    top: 2rem !important;
}

.offcanvas-header {
    max-width: 98%;
    height: 6.125rem;
    width: 100%;
    padding: 1.75rem 1.25rem;
    position: relative;
}

.btn-close {
    border-radius: 50%;
    padding: 0.625rem;
    width: 2.75rem;
    height: 2.75rem;
    background-color: rgba(154, 154, 154, 0.6);
    margin: 0 !important;
    margin-right: 1rem !important;
}

.navigation__title {
    font-family: "Gotham";
    font-size: 1.125rem;
    font-weight: 900;
    line-height: 1.35rem;
    text-align: left;
    color: #373737;
    margin-left: 0.96875rem;
}

.navigation__body {
    border-top: 0.046875rem solid #eeeeee;
    min-width: 15.125rem;
    padding: 2rem 3.4375rem 4rem 1.25rem;
    overflow-y: auto;
}


.navigation__list {
    margin-top: 2rem;
    overflow-y: auto;
}

.navigation__list-cero {
    padding: 0.65625rem 0 0.65625rem 0.75rem;
}

.navigation__list-one {
    margin-top: 0.9375rem;
    padding: 0.65625rem 0 0.65625rem 0.75rem;
    display: flex;
    align-items: center;
    gap: 8px;
}

.navigation__list-two {
    margin-top: 22.25rem;
    padding: 0.65625rem 0 0.65625rem 0.75rem;
}

/*.navigation__list-responsive-two {
    margin-top: 20.25rem;
    padding: 0.65625rem 0 0.65625rem 0.75rem;
    display: flex !important;
}*/

.navigation__list-scroll {
    max-height: 20vh; /* Ajusta según necesidad */
    overflow-y: auto;
}

.navigation__list-responsive-two {
    max-height: 20vh; /* Limita la altura para activar el scroll */
    overflow-y: auto; /* Habilita el desplazamiento vertical */
    display: flex !important;
    flex-direction: column; /* Asegura que los elementos se apilen */
    align-items: center; /* Centra los elementos */
}

@media (min-width: 992px) {
    .navigation__list {
        margin-top: 0rem;
    }
}

.navigation__item {
    color: #8a8a8a;
    font-family: "Manrope";
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.3125rem;
    text-align: left;
    text-decoration: none;
    margin-left: 0.03125;
    display: flex;
    align-items: center;
    margin: 0;
    line-height: 1;
    overflow-y: auto;
}

.navigation__emoji {
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.5rem;
    display: flex;
}

.navigation__header {
    background-color: rgba(0, 0, 0, 0.1019607843);
    height: 6.125rem;
    width: 100%;
    z-index: 1;
    padding: 1.75rem 1.25rem;
}

.navigation__btn {
    border-radius: 50%;
    background-color: rgba(154, 154, 154, 0.6);
    width: 2.625rem;
    height: 2.625rem;
    padding: 0.625rem;
    position: relative;
    bottom: 0.45rem;
    border: none;
    margin-top: 1rem;
}

.navigation__icon {
    color: #ffffff;
    height: 1.5rem;
}

.navigation__dropdown-item {
    font-family: "Gotham", sans-serif;
    font-size: 3rem;
    font-weight: 700;
    line-height: 44.321875rem;
    letter-spacing: -0.011em;
    text-align: left;
    margin-top: 3.5rem;
    padding-left: 1.25rem;
    color: white;
}

.cart {
    width: 100vw;
    position: relative;
}

    .cart .offcanvas.offcanvas-end {
        width: 100% !important;
        height: 100vh;
        z-index: 1111;
    }


.cart__inner {
    backdrop-filter: blur(6.25rem);
    position: sticky;
    top: 0;
    padding-left: 1.25rem;
    z-index: 2;
    border-bottom: 0.046875rem solid #dadada;
}

@media (min-width: 992px) {
    .cart__inner {
        border: none;
    }
}

@media (min-width: 1200px) {
    .cart__inner {
        padding-left: 2rem;
    }
}

.cart__header {
    height: 5.25rem;
}

@media (min-width: 1200px) {
    .cart__header {
        max-width: 34.75rem;
        height: 5rem;
    }
}

.cart__btn {
    width: 2.625rem;
    height: 2.625rem;
    border-radius: 50%;
    border: none;
    background-color: rgba(154, 154, 154, 0.6);
    padding: 0.75rem;
    position: relative;
    bottom: 0.45rem;
    color: #ffffff;
    margin-right: 1rem;
    top: 0rem;
}

@media (min-width: 992px) {
    .cart__btn {
        width: 2.75rem;
        height: 2.75rem;
        color: #383133;
        background-color: #ffffff;
    }

        .cart__btn:hover {
            border-radius: 50%;
            border: none;
            background-color: rgba(154, 154, 154, 0.6);
            padding: 0.75rem;
            color: #ffffff;
        }
}

.cart__title {
    font-family: "Gotham", sans-serif;
    font-size: 1.125rem;
    font-weight: 900;
    line-height: 1.35rem;
    text-align: left;
    color: #373737;
}

@media (min-width: 1200px) {
    .cart__title {
        line-height: 1.65rem;
        font-size: 1.5rem;
    }
}

.cart__section-content {
    margin-top: 5.28125rem;
}

@media (min-width: 992px) {
    .cart__section-content {
        min-width: 32rem;
    }
}

.cart__empty-square {
    min-width: 5.125rem;
    height: 5rem;
    border-radius: 1rem;
    background-color: #f8f8f8;
    padding: 1.5rem 1.5625rem;
}

.cart__emoji {
    font-size: 2rem;
    position: absolute;
    color: #E30A18;
}

.cart__empty-text {
    height: 1.5rem;
    font-family: "Manrope";
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
    text-align: center;
    margin-top: 1.5rem;
}

.cart__section-container {
    padding: 2rem 1.25rem;
    height: 10.9375rem;
    width: 100%;
    min-width: 19.8125rem;
}

@media (min-width: 992px) {
    .cart__section-container {
        padding: 0.5rem 1rem 1rem 2.75rem;
    }
}

.cart__section-container--result {
    padding: 0 1.25rem;
    margin-top: 2rem;
    margin-bottom: auto;
    padding-bottom: 1.5rem;
}

@media (min-width: 992px) {
    .cart__section-container--result {
        padding: 0rem;
        flex-direction: row !important;
        padding-left: 2.5rem;
        justify-content: space-around !important;
        margin-top: 4rem;
        height: 1.625rem;
        margin-bottom: 4.375rem;
        min-width: 32rem;
    }
}

@media (min-width: 1200px) {
    .cart__section-container--result {
        padding-left: 0;
    }
}

.cart__content {
    padding: 2rem 0;
    border-bottom: 0.046875rem solid #dadada;
    height: 10.9375rem;
    min-width: 17.3125rem;
}

@media (min-width: 992px) {
    .cart__content {
        min-width: 23.5rem;
        height: 9.375rem;
    }
}

@media (min-width: 1200px) {
    .cart__content {
        padding: 1.5rem 0rem 1.5625rem 0rem;
        min-width: 32rem;
    }
}

.cart__col-elements {
    min-width: 3.25rem;
    position: absolute;
    left: -0.3rem;
}

@media (min-width: 992px) {
    .cart__col-elements {
        left: 0.4rem;
        padding: 0;
    }
}

.cart__product {
    margin-bottom: 1.5rem;
    max-width: 17.3125rem;
    height: 3.5625rem;
    position: relative;
    left: 1rem;
}

@media (min-width: 992px) {
    .cart__product {
        max-width: 25.5rem;
        height: 2.5rem;
        margin-bottom: 1rem;
    }
}

.cart__product-img {
    width: 4.25rem;
    height: 4.25rem;
    border-radius: 0.4875rem;
    border: 0.04625rem solid #3dab56;
    position: relative;
    top: 0;
    left: -0.7rem;
    margin-right: 1.125rem;
}

@media (min-width: 992px) {
    .cart__product-img {
        width: 5rem;
        height: 5rem;
        border-radius: 0.75rem;
        margin-right: 0;
    }
}

.cart__product-description {
    padding: 0 1.125rem 0rem 0;
    height: 3.5625rem;
    position: absolute;
    left: -1rem;
}

@media (min-width: 992px) {
    .cart__product-description {
        padding: 0rem;
    }
}

.cart__product-text {
    height: 3.5625rem;
    max-width: 9.3125rem;
    font-family: "Manrope";
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
    text-align: left;
    color: #6a6a6a;
    margin-left: 0.5rem;
    position: relative;
    left: 4rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (min-width: 992px) {
    .cart__product-text {
        font-size: 1rem;
        line-height: 1.2rem;
        min-width: 15rem;
        width: 100%;
        height: 2.5rem;
        left: 5.5rem;
        margin-left: 1.5rem;
        margin-right: 2rem;
    }
}

@media (min-width: 1200px) {
    .cart__product-text {
        min-width: 21rem;
        left: 5.6rem;
    }
}

.cart__emoji-trash {
    width: 2.5rem;
    height: 2.5rem;
    color: #000000;
    border: 0.0625rem solid #eeeeee;
    border-radius: 6.5325rem;
    padding: 1rem;
    position: relative;
    top: 0rem;
    left: 13.2rem;
    background-color: transparent;
}

    .cart__emoji-trash:hover {
        background-color: #eeeeee;
        transition: background-color 0.5s ease;
    }

@media (min-width: 992px) {
    .cart__emoji-trash {
        left: 20.3rem;
    }
}

@media (min-width: 1200px) {
    .cart__emoji-trash {
        left: 28.5rem;
    }
}

.cart__emoji-trash .is-active-trash {
    transition: transform 0.8s ease-out;
}

.cart__control-product {
    padding-left: 0;
    padding-right: 2.2rem;
}

@media (min-width: 992px) {
    .cart__control-product {
        padding-right: 2rem;
    }
}

@media (min-width: 992px) {
    .cart__control-elements {
        max-width: 25.5rem;
        position: relative;
        left: 5.2rem;
        bottom: 0.5rem;
    }
}

.cart__controls {
    align-items: center;
    display: flex;
    gap: 0.125rem;
}

@media (min-width: 768px) {
    .cart__controls {
        max-width: 10rem;
    }
}

.cart__btn-action {
    width: 1.875rem !important;
    height: 1.875rem !important;
    color: #8a8a8a !important;
    padding: 0rem !important;
    gap: 0.653125rem;
    border-radius: 62.5rem;
    background-color: #f8f8f8 !important;
}

    .cart__btn-action:hover {
        background-color: #ffffff !important;
        border: 0.03125rem solid #E30A18;
    }

@media (min-width: 992px) {
    .cart__btn-action {
        margin-bottom: 0.3rem;
    }
}

@media (min-width: 1200px) {
    .cart__btn-action {
        margin-bottom: 0rem;
    }
}

.cart__amount {
    color: #8a8a8a !important;
    background-color: #f8f8f8 !important;
    border: 0;
    border-radius: 0.75rem;
    width: 3.0625rem;
    height: 1.875rem;
    gap: 0.625rem;
    padding: 0.5rem;
    font-size: 1rem;
    line-height: 0.956875rem;
    font-family: "Gotham", sans-serif;
    font-weight: 400;
    text-align: center;
}

    .cart__amount::-webkit-outer-spin-button, .cart__amount::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    .cart__amount[type=number] {
        -moz-appearance: textfield;
    }

.cart__prize-content {
    width: 8.1875rem;
    height: 1rem;
    position: relative;
    top: 0.5rem;
    left: 0rem;
}

@media (min-width: 992px) {
    .cart__prize-content {
        left: -1.5rem;
    }
}

@media (min-width: 1200px) {
    .cart__prize-content {
        left: 6.4rem;
    }
}

.cart__prize-offer {
    border: 0.00390625rem solid #c8c8c8;
    width: 4rem;
    position: absolute;
    left: -0.01rem;
}

.cart__prize {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1rem;
    font-family: "Gotham", sans-serif;
}

.cart__prize--product {
    color: #c8c8c8;
    margin-right: 0.5rem;
}

.cart__prize--discount {
    color: #343a32;
}

.cart__result-text {
    font-family: "Gotham", sans-serif;
    font-size: 1.125rem;
    line-height: 2rem;
    font-weight: 400;
    letter-spacing: -0.011em;
    color: #4c4c4c;
    text-align: right;
    min-width: 7.1875rem;
    height: 0.8125rem;
    margin-bottom: 1rem;
    margin-top: 2rem;
}

@media (min-width: 992px) {
    .cart__result-text {
        font-family: "Gotham", sans-serif;
        margin-bottom: 0;
        line-height: 1.65rem;
        font-weight: 900;
        color: #373737;
        text-align: left;
        min-width: 10.125rem;
        height: 1.625rem;
        display: flex;
        justify-content: start;
    }
}

.cart__result-total {
    height: 1.625rem;
    font-family: "Gotham", sans-serif;
    font-weight: 900;
    font-size: 1.5rem;
    color: #1a1a1a;
    line-height: 1.65rem;
}

@media (min-width: 992px) {
    .cart__result-total {
        color: #373737;
        text-align: right;
        min-width: 8.125rem;
        position: relative;
        left: 0.3rem;
        height: 1.625rem;
    }
}

@media (min-width: 1200px) {
    .cart__result-total {
        left: 3.3rem;
    }
}

.cart__button-sticky {
    position: sticky;
    bottom: 0;
    flex: 1;
    background-color: #ededed;
    min-width: 19.8125rem;
    max-height: 11.625rem;
    padding: 2rem 1.25rem;
    margin-top: auto;
}

@media (min-width: 992px) {
    .cart__button-sticky {
        min-width: 31rem;
    }
}

@media (min-width: 1200px) {
    .cart__button-sticky {
        min-width: 38.75rem;
    }
}

.cart__button-sticky--first {
    font-family: "Manrope";
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.3125rem;
    height: 3.3125rem;
    min-width: 17.3125rem;
    margin-bottom: 1rem;
}

@media (min-width: 992px) {
    .cart__button-sticky--first {
        max-width: 23.75rem;
        margin-left: auto;
        margin-right: auto;
    }
}

.cart__button-sticky--second {
    font-family: "Manrope";
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.3125rem;
    height: 3.3125rem;
    min-width: 17.3125rem;
    background-color: #ffffff;
}

@media (min-width: 992px) {
    .cart__button-sticky--second {
        max-width: 23.75rem;
        margin-left: auto;
        margin-right: auto;
    }
}

.cart__button-sticky--second:hover {
    border: 1px solid #E30A18;
    background-color: #ffffff !important;
}

.cart__deliver {
    height: 100vh;
}

.cart__deliver-text {
    font-family: "Manrope";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2rem;
    text-align: left;
    color: #6a6a6a;
    min-width: 10.5rem;
    height: 2.1875rem;
}

.cart__deliver-content {
    margin: 2rem 1rem;
    border-bottom: 1px solid #c8c8c8;
}

@media (min-width: 992px) {
    .cart__deliver-content {
        margin: 1.5rem 2rem 0 4.75rem;
    }
}

.cart__deliver-amount {
    min-width: 5.3125rem;
    height: 1rem;
    font-family: "Gotham", sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1rem;
    text-align: left;
    color: #343a32;
}

.cart__data-shipment-btn-background {
    background-color: transparent;
}

.cart__data-shipment-desktop {
    max-width: 34.75rem;
    height: 3.3125rem;
}

.cart__data-shipment-btn {
    max-width: 10.3125rem;
    height: 3.3125rem;
    padding: 1rem 1.5rem;
}

.cart__purchase-canvas {
    height: 100vh;
}

@media (min-width: 992px) {
    .cart__purchase-canvas {
        height: 41vh;
    }
}

.cart__purchase-completed {
    min-width: 17.3125rem;
    height: 22rem;
    border-radius: 0.75rem;
    background-color: #f6f6f6;
    margin: 1.5rem 1.25rem;
    padding: 0.5rem 1rem;
}

@media (min-width: 992px) {
    .cart__purchase-completed {
        margin: 1.5rem 2rem 1.5rem 4.75rem;
        min-width: 32rem;
        height: 22.5rem;
        padding: 5.3125rem 5.75rem;
    }
}

.cart__purchase-square {
    height: 4.625rem;
    width: 4.625rem;
    border-radius: 1rem;
    padding: 1.25rem;
    background-color: #ffffff;
}

.cart__purchase-ico {
    color: #3dab56;
    font-size: 1rem;
}

.cart__purchase-text {
    min-width: 15.3125rem;
    height: 2.75rem;
    font-family: "Manrope";
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.35rem;
    text-align: center;
    color: #4c4c4c;
}

@media (min-width: 992px) {
    .cart__purchase-text {
        max-width: 20.5rem;
    }
}

.cart__purchase-subtext {
    min-width: 15.3125rem;
    height: 2.625rem;
    font-family: "Manrope";
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.3125rem;
    text-align: center;
    color: #8a8a8a;
}

@media (min-width: 992px) {
    .cart__purchase-subtext {
        max-width: 20.5rem;
    }
}

.cart__purchase-btn {
    max-width: 34.75rem;
    height: 3.3125rem;
    margin: 1.5rem 2rem 1.5rem 4.75rem;
}

.cart__purchase-btn-desktop {
    max-width: 9.5625rem;
    height: 3.3125rem;
}

.cart-before-purchase {
    z-index: 10;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.cart-full {
    z-index: 9;
    display: none;
}

.cart-data-shipment {
    z-index: 8;
    display: none;
}

.cart-payment-done {
    z-index: 7;
    display: none;
}

.cart-purchase-completed {
    z-index: 6;
    display: none;
}

.cart-begore-purchase,
.cart-full,
.cart-data-shipment,
.cart-payment-done,
.cart-purchase-completed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.cart-form {
    height: 100%;
}

.cart-steps {
    height: 100%;
}

    .cart-steps .content,
    .cart-steps .body {
        height: 100%;
    }

    .cart-steps .body {
        display: flex;
        flex-direction: column;
    }

        .cart-steps .body label.error {
            color: #E30A18;
            font-family: "Manrope", sans-serif;
            font-size: 0.75rem;
            position: absolute;
            right: 2.5rem;
            top: 50%;
            transform: translateY(-50%);
            z-index: 2;
        }

        .cart-steps .body .recipt-sm label.error {
            transform: translateY(30px);
            right: 0;
        }

    .cart-steps .title,
    .cart-steps .steps {
        display: none;
    }

    .cart-steps .is-invalid.select2-container--default .select2-selection--single {
        border-color: #E30A18;
    }

.header.is-home .site-nav {
    background-color: #000000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.header.is-home .site-nav__link, .header.is-home .site-nav__link--icon {
    color: #ffffff;
}

.header.is-home .site-nav__search-bar {
    display: none;
}

.hero {
    background-color: #000000;
    display: flex;
    min-height: 100vh;
    width: 100vw;
    overflow-x: hidden;
    align-items: flex-end;
    background-image: url("../images/background-img/background-wheels-mobile.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding-bottom: 11.5625rem;
}

@media (max-width: 767px) {
    .hero {
        background-size: cover;
        background-position: center center;
    }
}

@media (max-width: 480px) {
    .hero {
        background-size: cover;
        background-position: center 20%;
    }
}

/* Tablet (768px - 991px) */
@media (min-width: 768px) and (max-width: 991px) {
    .hero {
        background-image: url("../images/background-img/background-wheels-desktop.png");
        background-size: cover;
        background-position: center center;
        padding-bottom: 8rem;
    }
}

@media (min-width: 992px) {
    .hero {
        background-image: url("../images/background-img/background-wheels-desktop.png");
        background-size: 100%;
        background-position: 10% 2rem;
        background-repeat: no-repeat;
        overflow: hidden;
        padding-bottom: 3.5rem;
    }
}

.hero__title {
    color: #c8c8c8;
    font-family: "Gotham", sans-serif;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.018em;
    margin-bottom: 1rem;
    margin-top: 21.6875rem;
    font-size: clamp(3.5rem, 12vw, 8.875rem);
}

/* Tablet (768px - 991px) */
@media (min-width: 768px) and (max-width: 991px) {
    .hero__title {
        margin-top: 12rem;
        margin-bottom: 2rem;
        font-size: clamp(4.5rem, 10vw, 7rem);
    }
}

@media (min-width: 992px) {
    .hero__title {
        min-width: 50.625rem;
        height: 6.1875rem;
        width: 100%;
        margin-bottom: 3rem;
        line-height: 9.7625rem;
        margin-top: 14.125rem;
    }
}

.hero__search {
    border: 1px solid #8a8a8a;
    min-width: 19.9375rem;
    height: 3.5rem;
    background-color: rgba(255, 255, 255, 0.02);
    backdrop-filter: blur(1rem);
    font-family: "Manrope";
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.3125rem;
    text-align: left;
    color: #8a8a8a;
    border-radius: 6.25rem;
    padding: 1rem 2rem 1rem 5.5rem;
    cursor: pointer;
    position: absolute;
    z-index: 2;
}

    .hero__search:focus {
        outline: none;
    }

    .hero__search:hover {
        border: 0.0625rem solid #E30A18;
        transition: border-color 0.3s ease;
    }

    .hero__search.on-click {
        border: 0.0625rem solid #E30A18 !important;
    }

@media (min-width: 768px) {
    .hero__search {
        min-width: 32rem;
    }
}

/* Tablet (768px - 991px) */
@media (min-width: 768px) and (max-width: 991px) {
    .hero__search {
        min-width: 36rem;
        max-width: 90%;
    }
}

@media (min-width: 992px) {
    .hero__search {
        min-width: 41.625rem;
        padding: 1rem 2rem 1rem 3.5rem;
    }
}

@media (min-width: 1200px) {
    .hero__search {
        width: 100%;
        max-width: 50.625rem;
    }
}

@media (min-width: 1400px) {
    .hero__search {
        margin: 0;
    }
}

.hero__input {
    height: 3.5rem;
    caret-color: #E30A18;
    margin-bottom: 5.5625rem;
    max-width: 19.9375rem;
    border-radius: 6.25rem;
    position: relative;
    width: 100%;
}

@media (min-width: 400px) {
    .hero__input {
        min-width: 19.9375rem;
        width: 100%;
    }
}

@media (min-width: 768px) {
    .hero__input {
        min-width: 31.9375rem;
    }
}

/* Tablet (768px - 991px) */
@media (min-width: 768px) and (max-width: 991px) {
    .hero__input {
        min-width: 36rem;
        max-width: 90%;
        margin-bottom: 8rem;
    }
}

@media (min-width: 992px) {
    .hero__input {
        margin-bottom: 11.8125rem;
        min-width: 41.375rem;
    }
}

@media (min-width: 1400px) {
    .hero__input {
        max-width: 50.625rem;
        width: 100%;
    }
}

.hero__input-ico-search {
    color: #8a8a8a;
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    left: 3.5rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
}

.hero__input-mic {
    background: none;
    border-radius: 100%;
    border: none;
    cursor: pointer;
    position: absolute;
    color: #8a8a8a;
    width: 2rem;
    height: 2rem;
    top: 50%;
    left: 0.75rem;
    transform: translateY(-50%);
    transition: 0.3s background-color;
    z-index: 3;
}

    .hero__input-mic:hover {
        background-color: rgba(76, 76, 76, 0.5);
    }

.hero__input-mic-recording {
    display: none;
    color: #E30A18;
}

.hero__input-mic.recording .hero__input-mic-idle {
    display: none;
}

.hero__input-mic.recording .hero__input-mic-recording {
    display: block;
}

/* Estilos para el botón de tipo de búsqueda del hero */
.hero__search-type-button {
    background: rgba(255, 255, 255, 0.05);
    border: none;
    border-left: 1px solid rgba(138, 138, 138, 0.3);
    padding: 8px 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    color: #8a8a8a;
    border-radius: 30px;
    white-space: nowrap;
    transition: background-color 0.2s ease;
    min-width: 100px;
    justify-content: space-between;
    margin-right: 5px;
    position: absolute;
    right: 3.5rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    height: 2.5rem;
}

    .hero__search-type-button:hover {
        background: rgba(255, 255, 255, 0.1);
    }

    .hero__search-type-button:focus {
        outline: none;
        background: rgba(255, 255, 255, 0.1);
    }

.hero__search-type-text {
    font-weight: 500;
    color: #8a8a8a;
}

.hero__search-type-icon {
    font-size: 12px;
    transition: transform 0.2s ease;
}

.hero__search-type-button.active .hero__search-type-icon {
    transform: rotate(180deg);
}

/* Ajustar padding del input para el botón */
#heroSearchInput {
    padding-right: 120px !important;
    transition: padding-right 0.2s ease;
}

/* Aumentar padding-right cuando el icono de limpiar está visible */
.hero__input.has-clear-icon #heroSearchInput {
    padding-right: 150px !important;
}

/* Estilos para el dropdown del hero */
#heroSearchTypeDropdown {
    position: absolute;
    top: 100%;
    right: 0;
    left: auto;
    width: 200px;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(138, 138, 138, 0.3);
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    z-index: 1000;
    padding: 1rem;
    margin-top: 2px;
}

    #heroSearchTypeDropdown .dropdown-item {
        padding: 8px 16px;
        font-size: 14px;
        color: #333;
        text-decoration: none;
        display: block;
        transition: background-color 0.2s ease;
        border: none;
        background: none;
        width: 100%;
        text-align: left;
        margin-bottom: 0.3rem;
        cursor: pointer;
    }

        #heroSearchTypeDropdown .dropdown-item:hover {
            background-color: rgba(248, 249, 250, 0.8);
            color: #333;
            border-radius: 30px;
        }

        #heroSearchTypeDropdown .dropdown-item.active {
            color: #E30A18;
            border-radius: 30px;
        }

            #heroSearchTypeDropdown .dropdown-item.active:hover {
                color: #E30A18;
                border-radius: 30px;
            }

/* Ajustar posición del icono de limpiar */
#heroClearFiltersIcon {
    position: absolute;
    right: 8.5rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 4;
}

.hero__text {
    color: #c8c8c8;
    min-height: 4.125rem;
    max-width: 19.9375rem;
    font-size: 1.125rem;
    line-height: 1.35rem;
    font-weight: 500;
    font-family: "Manrope";
    text-align: center;
}

@media (min-width: 768px) {
    .hero__text {
        min-width: 22rem;
        height: 2.75rem;
        max-width: 25.875rem;
    }
}

/* Tablet (768px - 991px) */
@media (min-width: 768px) and (max-width: 991px) {
    .hero__text {
        min-width: 24rem;
        max-width: 28rem;
        font-size: 1.25rem;
        line-height: 1.5rem;
    }
}

@media (min-width: 992px) {
    .hero__text {
        min-width: 25.875rem;
    }
}

.hero__custom-dropdown-item {
    max-width: 18.7rem;
    color: #8a8a8a;
    height: 1.8125rem;
    padding: 0.25rem 0rem;
    line-height: 1.3125rem;
    margin-top: 0;
    margin-bottom: 0;
    text-decoration: none;
    padding-left: 0.5rem;
}

    .hero__custom-dropdown-item:hover {
        background-color: #4c4c4c;
        color: #eeeeee;
        border-radius: 0.5rem;
        opacity: 0.7;
        transition: background-color 0.3s ease-in-out;
    }

@media (min-width: 992px) {
    .hero__custom-dropdown-item {
        min-width: 40.2rem;
    }
}

@media (min-width: 1200px) {
    .hero__custom-dropdown-item {
        min-width: 49.25rem;
    }
}

.hero__custom-ico {
    margin-right: 0.5rem;
}

.hero__custom-dropdown-menu {
    width: 100%;
    height: 14.5625rem;
    padding: 2rem 1rem 2rem 1rem;
    border-radius: 1rem;
    border: 0.0625rem solid #8a8a8a;
    background-color: rgba(255, 255, 255, 0.02);
    backdrop-filter: blur(0.5rem);
    z-index: 2;
}

    .hero__custom-dropdown-menu .hero__dropdown-link:nth-child(-n+4) {
        margin-bottom: 0.625rem;
    }

    .hero__custom-dropdown-menu .hero__dropdown-link:nth-child(5) {
        margin-top: 0.625rem;
    }

.hero__dropdown-link {
    width: 50.625rem;
    height: 1.8125rem;
    padding: 0;
}

.best-sellers {
    background-color: #f8f8f8;
}

.best-sellers__reeller-wrapper {
    display: flex;
    margin-top: 3.625rem;
    margin-bottom: 4.375rem;
    height: 5.3125rem;
}

@media (min-width: 992px) {
    .best-sellers__reeller-wrapper {
        margin-top: 3.8125rem;
        margin-bottom: 8.6875rem;
    }
}

.best-sellers__reeller-img {
    margin-right: 6.125rem;
}

.best-sellers__title {
    color: #c8c8c8;
    font-family: "Gotham", sans-serif;
    font-weight: 700;
    font-size: 2.25rem;
    line-height: 2.5rem;
    margin-bottom: 2rem;
    max-width: 20rem;
    letter-spacing: -0.011em;
}

@media (min-width: 992px) {
    .best-sellers__title {
        font-size: 6.125rem;
        min-width: 50.9375rem;
        margin-bottom: 1.5rem;
        letter-spacing: -0.018em;
        line-height: 6.125rem;
    }
}

@media (min-width: 1200px) {
    .best-sellers__title {
        font-size: 8.125rem;
        min-width: 68.9375rem;
        margin-bottom: 1.5rem;
        letter-spacing: -0.018em;
        line-height: 8.125rem;
        height: 16.25rem;
    }
}

@media (min-width: 992px) {
    .best-sellers__container-cards {
        height: 29.375rem;
    }
}

.best-sellers__btn {
    margin-top: 2rem;
    height: 3.3125rem;
    max-width: 19.6875rem;
}

@media (min-width: 992px) {
    .best-sellers__btn {
        max-width: 13rem;
    }
}

.best-sellers__btn-sum {
    max-width: 3.75rem;
}

.best-sellers__btn-num {
    max-width: 5rem;
}

.best-sellers__interest {
    margin-top: 4.375rem;
    margin-bottom: 3.5rem;
}

@media (min-width: 768px) {
    .best-sellers__interest {
        margin-top: 3.75rem;
        margin-bottom: 3.75rem;
    }
}

.best-sellers__interest-title {
    font-family: "Gotham", sans-serif;
    text-align: left;
    color: #c8c8c8;
    font-weight: 700;
    font-size: 2rem;
    letter-spacing: -0.002em;
    line-height: 2.4rem;
    max-width: 20rem;
    margin-bottom: 2rem;
}

@media (min-width: 768px) {
    .best-sellers__interest-title {
        max-width: 68.75rem;
        font-weight: 900;
        font-size: 2.5rem;
        line-height: 3rem;
    }
}

/* Tablet (768px - 991px) */
@media (min-width: 768px) and (max-width: 991px) {
    .best-sellers__interest-title {
        font-size: 2.25rem;
        line-height: 2.75rem;
    }

    .best-sellers__title {
        font-size: 1.25rem;
    }
}

.best-sellers .carousel-item {
    text-align: center;
    width: 100%;
}

.best-sellers .carousel-control-prev,
.best-sellers .carousel-control-next {
    width: 5%;
    position: absolute;
    overflow-x: hidden;
}

.best-sellers .carousel-cart {
    width: 100%;
}

@media (min-width: 992px) {
    .best-sellers .carousel-cart {
        opacity: 0;
    }
}

.best-sellers .carousel-cart:hover {
    opacity: 1;
    transition: opacity 0.9s ease-in-out;
    border: 0.03125rem solid #E30A18;
    background-color: #ffffff !important;
}

.menu-cta {
    position: fixed;
    z-index: 1000;
    right: 2rem;
    bottom: 1.625rem;
}

.offcanvas.offcanvas-bottom {
    height: calc(100vh - 4.125rem);
    top: auto;
    background-color: #1a1a1a;
}

.offcanvas--mobile-menu {
    padding: 2rem 1.25rem;
}

.offcanvas--mobile-menu__btn {
    background-color: rgba(154, 154, 154, 0.6);
    border: 0 none;
    border-radius: 100%;
    color: #ffffff;
    font-size: 1.5rem;
    height: 2.625rem;
    width: 2.625rem;
}

.offcanvas-body {
    max-height: 43.875rem;
    padding: 0rem 1.25rem;
}

.offcanvas-body__dropdown-item {
    font-family: "Gotham", sans-serif;
    font-size: 3rem;
    font-weight: 700;
    letter-spacing: -0.011em;
    text-align: left;
    margin-top: 4rem;
    color: #8a8a8a;
    line-height: 3rem;
    text-decoration: none;
    cursor: pointer;
}

    .offcanvas-body__dropdown-item:first-child {
        color: #eeeeee;
    }

.offcanvas-body__content {
    max-height: 20.5rem;
}

.footer {
    background-color: #f8f8f8;
    padding-top: 3.5rem;
    overflow-x: hidden;
    width: 100vw;
}

@media (min-width: 768px) {
    .footer {
        padding-top: 3rem;
    }
}

@media (min-width: 1200px) {
    .footer {
        padding-top: 6rem;
    }
}

.footer__content-banner {
    cursor: pointer;
    position: relative;
    background-color: #060303;
    background-image: url("../images/home-page/car-light-left.png"), url("../images/home-page/car-light-right.png");
    background-position: left center, right center;
    background-repeat: no-repeat;
    background-size: 15.5625rem;
    z-index: 1;
    max-width: 60rem;
    width: 100%;
    margin-bottom: 2rem;
    border-radius: 1rem;
}

@media (min-width: 768px) {
    .footer__content-banner {
        max-width: none;
        background-size: 10.5625rem;
    }
}

@media (min-width: 1200px) {
    .footer__content-banner {
        margin: 0 auto 1rem;
        position: relative;
        left: 0;
    }
}

.footer__text-desktop {
    font-size: 1.25rem;
    color: #c8c8c8;
    font-weight: 300;
    line-height: 1.4rem;
    letter-spacing: -0.002em;
    padding: 3.15625rem;
    z-index: 1;
}

    .footer__text-desktop:hover {
        cursor: pointer;
        transition: opacity 0.9s ease-in-out !important;
    }

@media (min-width: 1200px) {
    .footer__text-desktop {
        min-width: 52rem;
        font-family: "Gotham", sans-serif;
        font-size: 2rem;
        font-weight: 400;
        line-height: 2.4rem;
    }
}

.footer__section-desktop {
    border: 0.0625rem solid #c8c8c8;
    z-index: 2;
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #ffffff;
    border-radius: 1rem;
    font-size: 1.25rem;
    font-family: "Manrope";
    font-weight: 500;
    line-height: 1.35rem;
    color: #2e2e2e;
    top: 0rem;
    transition: 0.3s opacity;
    z-index: 4;
}

@media (min-width: 1200px) {
    .footer__section-desktop {
        max-width: 85.5rem;
        transition: opacity 0.7s ease-in-out;
    }
}

.footer__form-desktop {
    background-color: #ffffff;
    border: 0.0625rem solid #c8c8c8;
    border-radius: 1rem;
    cursor: auto;
    z-index: 3;
    position: absolute;
    width: 100%;
    height: 100%;
    justify-content: center !important;
    display: flex !important;
    align-items: center !important;
    top: 0rem;
}

@media (min-width: 1200px) {
    .footer__form-desktop {
        max-width: 85.5rem;
    }
}

.footer__form-desktop-input {
    height: 3.5rem;
    border-radius: 0;
    border: 0rem solid transparent;
    border-bottom: 0.0625rem solid #eeeeee;
    caret-color: #E30A18;
    margin-right: 1.70375rem;
    min-width: 21.5625rem;
    transition: opacity 0.7s ease-in-out;
}

    .footer__form-desktop-input:focus-visible {
        box-shadow: none;
        outline: 0 none;
    }

    .footer__form-desktop-input::placeholder {
        width: 100%;
        max-width: 21.5625rem;
        padding: 0.5rem 0rem 0.5rem 0rem;
    }

.footer__form-container {
    position: relative;
    margin-bottom: 1rem;
}

.footer__form-error-message {
    color: #E30A18;
    font-size: 0.75rem;
    position: absolute;
    left: 12%;
    z-index: 50;
    top: 3.5rem;
}

@media (min-width: 992px) {
    .footer__form-error-message {
        left: 0%;
        top: 3.6rem;
    }
}

.footer__form-desktop-button {
    border-radius: 6.5325rem;
    border: 0.0625rem solid #eeeeee;
    padding: 1rem 1.5rem 1rem 1.5rem;
    width: 100%;
    max-width: 5.5625rem;
    height: 3.3125rem;
    color: #2e2e2e;
    font-family: "Manrope";
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.3125rem;
    background-color: #ffffff;
    margin-right: -5rem;
}

    .footer__form-desktop-button:disabled {
        cursor: not-allowed;
        background-color: #ffffff;
        opacity: 0.7;
    }

    .footer__form-desktop-button:hover {
        background-color: #eeeeee;
        transition: background-color 0.8s ease-in-out;
        opacity: 1;
    }

.footer__text-second-desktop {
    font-size: 1.25rem;
    color: #c8c8c8;
    cursor: auto;
    font-weight: 300;
    line-height: 1.4rem;
    letter-spacing: -0.002em;
    position: absolute;
    transition: 0.3s opacity;
    width: 100%;
    height: 100%;
    padding: 3.15625rem;
    top: 0rem;
    z-index: 1;
}

@media (min-width: 1200px) {
    .footer__text-second-desktop {
        min-width: 52rem;
        font-family: "Gotham", sans-serif;
        font-size: 2rem;
        font-weight: 400;
        line-height: 2.4rem;
        transition: opacity 0.7s ease-in-out;
    }
}

.footer .footer__section-desktop,
.footer .footer__form-desktop,
.footer .footer__text-second-desktop {
    opacity: 0;
}

.footer .footer__content-banner:hover .footer__section-desktop {
    opacity: 1;
}

.footer__content-banner-mobile {
    width: 100%;
    position: relative;
}

.footer__banner-mobile {
    height: 12.5rem;
    width: 100%;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}

.footer__content-mobile {
    margin-bottom: 1.5rem;
    line-height: 1.5rem;
    flex-direction: column;
    background: #060303;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

.footer__text-mobile {
    font-family: "Manrope";
    font-weight: 400;
    font-size: 1.25rem;
    color: #c8c8c8;
    margin-bottom: 1.5rem;
    margin-top: -2rem;
    line-height: 1.5rem;
    transition: opacity 0.7s ease-in-out;
}

.footer__content-mobile {
    position: relative;
    justify-content: space-between;
}

.footer__input-mobile-wrapper {
    position: relative;
    width: 100%;
    margin-left: 0.5rem;
    max-width: 20.5rem;
    cursor: pointer;
    transition: opacity 0.7s ease-in-out;
}

.footer__input-mobile {
    border-radius: 0.75rem;
    border: 0.0625rem solid #eeeeee;
    width: 100%;
    max-width: 16.75rem;
    height: 3.5rem;
    background-color: transparent;
    color: #8a8a8a;
    font-family: "Manrope";
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.3125rem;
    margin-bottom: 2.9375rem;
    padding: 1.09375rem 1rem;
}

    .footer__input-mobile:hover {
        border: 0.0625rem solid #8a8a8a !important;
        outline: none;
    }

        .footer__input-mobile:hover::placeholder {
            color: #8a8a8a;
        }

.footer__btn-mobile {
    background-color: transparent;
    border: 0 none;
    color: #8a8a8a;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 2rem;
    height: 3.5rem;
    width: 2.5rem;
}

.footer__text-second-mobile {
    font-family: "Manrope";
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.5rem;
    text-align: center;
    color: #c8c8c8;
    max-width: 16.75rem;
    width: 100%;
    margin-bottom: 2.4375rem;
    margin: 0 1.625rem;
    position: absolute;
    opacity: 0;
    top: 0;
    transition: opacity 0.7s ease-in-out;
    pointer-events: none;
}

.footer__text {
    flex-direction: column;
    padding: 1.5rem 1rem;
}

/* Estilos para el logo del footer */
.footer__logo {
    max-width: 100%;
    height: auto;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.footer__text a:hover .footer__logo {
    transform: scale(1.05);
}

.footer__text-letter {
    font-family: "Manrope";
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.3125rem;
}

@media (min-width: 992px) {
    .footer__text-letter {
        flex-direction: row;
        font-weight: 300;
        line-height: 1rem;
        font-size: 0.875rem;
        padding: 3rem 0.75rem;
    }
}

@media (min-width: 1200px) {
    .footer__text-letter {
        flex-direction: row;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.2rem;
        padding: 3rem 0.75rem;
    }
}

.footer__text-letter-email {
    font-family: "Manrope";
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.3125rem;
    text-decoration: none;
    color: #000000;
}

@media (min-width: 992px) {
    .footer__text-letter-email {
        flex-direction: row;
        font-weight: 300;
        line-height: 1rem;
        font-size: 0.875rem;
    }
}

@media (min-width: 1200px) {
    .footer__text-letter-email {
        flex-direction: row;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.2rem;
    }
}

.footer__text-letter-email:hover {
    text-decoration: underline;
}

.footer__bottom {
    flex-direction: column;
    background-color: #000000;
    color: #ffffff;
    font-size: 0.75rem;
    width: 100vw;
    overflow-x: hidden;
    padding: 1.875rem 1.40625rem;
}

@media (min-width: 992px) {
    .footer__bottom {
        flex-direction: row;
        width: 100%;
        justify-content: space-around;
        align-items: center;
        padding: 1.09375rem 5rem;
    }
}

.footer__bottom-text {
    min-width: 26.25rem;
    width: 100%;
    font-family: "DM Sans", sans-serif;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.05em;
}

@media (min-width: 768px) {
    .footer__bottom-text {
        font-size: 0.625rem;
        text-align: left !important;
    }
}

.footer__bottom-consciously-mobile {
    display: flex;
    flex-direction: row;
    color: #f6f6f6;
    min-width: 6.375rem;
    margin-bottom: 0rem !important;
}

@media (min-width: 400px) {
    .footer__bottom-consciously-mobile {
        background-color: initial;
        width: 22.191875rem;
        align-items: center !important;
    }
}

.footer__social-media-content {
    text-decoration: none;
}

.footer__social-media-ico {
    height: 2.5rem;
    width: 2.5rem;
    color: #000000;
    border-radius: 100%;
    font-size: 1.5rem;
    transition: 0.3s background-color, 0.3s transform, 0.3s color;
}

    .footer__social-media-ico:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 0;
        height: 0;
        background-color: #E30A18;
        border-radius: 100%;
        transition: width 0.6s ease, height 0.6s ease;
        transform: translate(-50%, -50%);
        z-index: -1;
    }

    .footer__social-media-ico:hover {
        color: #ffffff;
        transform: scale(0.8);
    }

        .footer__social-media-ico:hover:after {
            width: 100%;
            height: 100%;
        }

.login-page {
    background-image: url("../images/login/login-logo-background.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #f6f6f6;
    position: relative;
    overflow-x: hidden;
}

.hero-login-head {
    width: 100vw;
    height: 6.25rem;
    border-bottom: 0.046875rem solid rgba(0, 0, 0, 0.1);
}

@media (min-width: 768px) {
    .hero-login-head {
        border-bottom: none;
        position: absolute;
        left: 0;
        top: 0;
    }
}

.hero-login-head__img {
    position: absolute;
    left: 1.25rem;
    top: 1rem;
    z-index: 100;
}

.hero-login__content {
    max-width: 25rem;
    height: 100%;
}

@media (min-width: 768px) {
    .hero-login__content {
        align-items: center;
    }
}

/* Tablet (768px - 991px) */
@media (min-width: 768px) and (max-width: 991px) {
    .login-page {
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }

    .hero-login__container {
        min-height: auto !important;
        height: auto !important;
        padding-top: 5rem !important;
        padding-bottom: 2rem !important;
        overflow-y: visible !important;
    }

    .hero-login__content {
        max-width: 100% !important;
        width: 100% !important;
        padding: 1.5rem !important;
        height: auto !important;
        min-height: auto !important;
    }

    .hero-login__row {
        min-height: auto !important;
        height: auto !important;
        align-items: flex-start !important;
    }

    .hero-login__title {
        font-size: 2.25rem !important;
        line-height: 2.75rem !important;
        margin-bottom: 0.75rem !important;
    }

    .hero-login__description {
        font-size: 1rem !important;
        line-height: 1.3rem !important;
        margin-bottom: 1.5rem !important;
    }

    .hero-login__input {
        min-width: 100% !important;
        width: 100% !important;
        padding: 0.875rem 1rem !important;
        margin-bottom: 0.75rem !important;
        min-height: 3.25rem !important;
    }

    .hero-login__forgot-password {
        margin-bottom: 1.5rem !important;
    }

    .login__btn {
        width: 100% !important;
        padding: 0.875rem 1.5rem !important;
        margin-bottom: 1rem !important;
        min-height: 3.5rem !important;
    }

    .hero-login-video {
        min-height: auto !important;
        height: auto !important;
        padding: 1rem !important;
    }

    .hero-login-video__desktop {
        max-height: 35rem !important;
        width: 100% !important;
    }
}

@media (min-width: 1200px) {
    .hero-login__content {
        justify-content: center;
    }
}

.hero-login__title {
    color: #c8bbbf;
    font-size: 2rem;
    font-family: "Gotham", sans-serif;
    font-weight: 700;
    line-height: 2.4rem;
    letter-spacing: -0.05em;
    margin-bottom: 0.5rem;
}

@media (min-width: 768px) {
    .hero-login__title {
        font-size: 2.5rem;
        line-height: 3.85rem;
    }
}

/* Tablet (768px - 991px) */
@media (min-width: 768px) and (max-width: 991px) {
    .hero-login__title {
        font-size: 2.75rem;
        line-height: 3.5rem;
    }

    .hero-login__description {
        font-size: 1.125rem;
        line-height: 1.4rem;
    }

    .hero-login__input {
        min-width: 20rem;
    }
}

@media (min-width: 1200px) {
    .hero-login__title {
        font-size: 3.5rem;
        line-height: 3.85rem;
    }
}

.hero-login__description {
    color: #8a8a8a;
    font-size: 1rem;
    font-family: "Gotham", sans-serif;
    font-weight: 400;
    line-height: 1.2rem;
    justify-content: flex-start;
    margin-bottom: 2.5rem;
}

@media (min-width: 768px) {
    .hero-login__description {
        align-self: flex-start;
    }
}

.hero-login__input {
    min-width: 18.5rem;
    min-height: 3.5rem;
    border: none;
    border-radius: 1rem;
    font-family: "Manrope";
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.3125rem;
    color: #8a8a8a;
    padding: 1rem;
    width: 100%;
    margin-bottom: 0.5rem;
}

    .hero-login__input:hover {
        border: 0.0625rem solid #8a8a8a;
        transition: border-color 0.3s ease;
    }

    .hero-login__input:focus {
        caret-color: #E30A18;
        border-color: #4c4c4c;
    }

    .hero-login__input.is-invalid {
        border: 0.0625rem solid #E30A18 !important;
    }

.hero-login__error {
    font-size: 0.75rem;
    color: #E30A18;
}

.hero-login__forgot-password {
    font-family: "Manrope";
    font-size: 0.875rem;
    line-height: 1.225rem;
    color: #8a8a8a;
    margin-bottom: 2.5rem;
}

@media (min-width: 768px) {
    .hero-login__forgot-password {
        align-self: flex-end;
    }
}

.hero-login__input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.hero-login__input-icon {
    position: absolute;
    color: #8a8a8a;
    right: 0.75rem;
    cursor: pointer;
    width: 1rem;
    height: 1rem;
}

.hero-login__container {
    min-height: calc(100vh - 6.25rem);
}

@media (min-width: 1400px) {
    .hero-login__container {
        max-width: 1368px;
        min-height: 100vh;
    }
}

@media (min-width: 768px) {
    .hero-login__row {
        min-height: 100vh;
    }
}

@media (min-width: 768px) {
    .hero-login-video {
        min-height: 100vh;
    }
}

.hero-login-video__desktop {
    border-radius: 1rem;
    max-height: 37.5rem;
    overflow: hidden;
    object-fit: cover;
}

/* Tablet (768px - 991px) */
@media (min-width: 768px) and (max-width: 991px) {
    .hero-login-video__desktop {
        max-height: 45rem;
        width: 100%;
        max-width: 100%;
    }

    .hero-login-video {
        padding: 2rem 1rem;
    }
}

@media (min-width: 992px) {
    .hero-login-video__desktop {
        position: relative;
        max-width: 41.375rem;
        height: calc(100vh - 10rem);
    }
}

@media (min-width: 1200px) {
    .hero-login-video__desktop {
        max-height: 53.75rem;
    }
}

@media (min-width: 1200px) {
    .btn {
        width: 100%;
    }
}

.notification {
    width: 100vw;
}

@media (min-width: 992px) {
    .notification {
        border-bottom: none;
    }
}

@media (min-width: 1200px) {
    .notification {
        width: 100%;
    }
}

.notification .offcanvas.offcanvas-end {
    max-width: 19.8125rem !important;
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
}

@media (min-width: 992px) {
    .notification .offcanvas.offcanvas-end {
        max-width: 30.75rem !important;
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .notification .offcanvas.offcanvas-end {
        max-width: 38.75rem !important;
        width: 100%;
    }
}

.notification__inner {
    backdrop-filter: blur(6.25rem);
    position: sticky;
    top: 0;
    padding-left: 1.25rem;
    z-index: 2;
    border-bottom: 0.046875rem solid #dadada;
}

@media (min-width: 992px) {
    .notification__inner {
        border: none;
    }
}

@media (min-width: 1200px) {
    .notification__inner {
        padding-left: 2rem;
    }
}

.notification__header {
    margin-top: 1.25rem;
}

@media (min-width: 1200px) {
    .notification__header {
        max-width: 34.75rem;
        margin-top: 1.5rem;
    }
}

.notification__btn {
    width: 2.625rem;
    height: 2.625rem;
    border-radius: 50%;
    border: none;
    background-color: rgba(154, 154, 154, 0.6);
    padding: 0.75rem;
    position: relative;
    bottom: 0.45rem;
    color: #ffffff;
    margin-right: 1rem;
    top: 0rem;
}

@media (min-width: 992px) {
    .notification__btn {
        width: 2.75rem;
        height: 2.75rem;
        color: #383133;
        background-color: #ffffff;
    }

        .notification__btn:hover {
            border-radius: 50%;
            border: none;
            background-color: rgba(154, 154, 154, 0.6);
            padding: 0.75rem;
            color: #ffffff;
        }
}

.notification__title {
    font-family: "Gotham", sans-serif;
    font-size: 1.5rem;
    font-weight: 900;
    line-height: 1.35rem;
    text-align: left;
    color: #373737;
}

@media (min-width: 1200px) {
    .notification__title {
        line-height: 1.65rem;
    }
}

.notification__subtitle {
    margin-top: 1.1875rem;
}

@media (min-width: 992px) {
    .notification__subtitle {
        margin-top: 2rem;
    }
}

.notification__subtitle-text {
    min-width: 4.75rem;
    height: 1.625rem;
    font-family: "Gotham", sans-serif;
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.1rem;
    text-align: left;
    margin-bottom: 1.25rem;
    cursor: pointer;
    color: #c8c8c8;
    padding: 0;
}

    .notification__subtitle-text.active {
        color: #373737;
        background-color: transparent;
        opacity: 1;
    }

    .notification__subtitle-text:hover {
        color: #8a8a8a;
    }

    .notification__subtitle-text:focus {
        color: #373737;
    }

    .notification__subtitle-text .nav-pill {
        color: #373737;
        background-color: transparent;
        opacity: 1;
    }

    .notification__subtitle-text:first-child {
        margin-right: 2.875rem;
    }

@media (min-width: 992px) {
    .notification__subtitle-text:first-child {
        margin-left: 2rem;
    }
}

@media (min-width: 1200px) {
    .notification__subtitle-text:first-child {
        margin-left: 2.75rem;
    }
}

.notification__subtitle-text:nth-child(3) {
    color: #c8c8c8;
}

@media (min-width: 992px) {
    .notification__subtitle-text:nth-child(3) {
        margin-left: 0rem;
    }
}

@media (min-width: 1200px) {
    .notification__subtitle-text:nth-child(3) {
        margin-left: 0rem;
    }
}

@media (min-width: 992px) {
    .notification__subtitle-text {
        margin-bottom: 0rem;
    }
}

.notification__subtitle-link {
    min-width: 4.75rem;
    height: 1.625rem;
    font-family: "Gotham", sans-serif;
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.1rem;
    text-align: left;
    margin-bottom: 1.25rem;
    cursor: pointer;
    color: #c8c8c8;
    padding: 0;
}

    .notification__subtitle-link.active {
        color: #373737;
        background-color: transparent;
        opacity: 1;
    }

    .notification__subtitle-link:hover {
        color: #8a8a8a;
    }

    .notification__subtitle-link:focus {
        color: #373737;
    }

    .notification__subtitle-link .nav-pill {
        color: #373737;
        background-color: transparent;
        opacity: 1;
    }

.notification-not-read {
    padding: 0.625rem 1.25rem 0.625rem 1.25rem;
    position: relative;
    max-width: 19.8125rem;
}

@media (min-width: 992px) {
    .notification-not-read {
        padding: 1.25rem 2rem 1.5625rem 3.25rem;
        max-width: 30.4rem;
    }
}

@media (min-width: 1200px) {
    .notification-not-read {
        padding: 0rem 2rem 1.5625rem 4.75rem;
        min-width: 38.75rem;
    }
}

.notification-not-read__card {
    position: absolute;
    max-width: 17.3125rem;
    width: 100%;
    height: 7.875rem;
    border-radius: 0.75rem;
    margin-bottom: 1.5rem;
}

@media (min-width: 992px) {
    .notification-not-read__card {
        min-width: 25rem;
        height: 12.875rem;
    }
}

@media (min-width: 1200px) {
    .notification-not-read__card {
        min-width: 32rem;
        margin-left: 0rem;
    }
}

.notification-not-read__content {
    position: relative;
    margin-top: 1.5rem;
    border-bottom: 0.046875rem solid #dadada;
    top: 7.5rem;
    width: 100%;
}

@media (min-width: 992px) {
    .notification-not-read__content {
        min-width: 25rem;
        margin-top: 1.5rem;
        top: 12.3rem;
    }
}

@media (min-width: 1200px) {
    .notification-not-read__content {
        min-width: 32rem;
        top: 14.3rem;
    }
}

.notification-not-read__first {
    border-bottom: 0.046875rem solid #dadada;
    margin-bottom: 2rem;
    width: 100%;
    min-width: 17.2rem;
    max-height: 9rem;
}

.notification-not-read__square {
    min-width: 2.5rem;
    height: 2.5rem;
    border-radius: 1rem;
    background-color: #f5f5f5;
    position: relative;
}

.notification-not-read__emoji {
    width: 0.9375rem;
    height: 0.9375rem;
    position: absolute;
    bottom: 1rem;
    top: 0.75rem;
    left: 0.78125rem;
}

.notification-not-read__section {
    min-width: 17.3125rem;
    border-bottom: 0.046875rem solid #dadada;
    margin-bottom: 2rem;
    margin-top: 2rem;
    --bs-gutter-x: 0rem;
}

@media (min-width: 992px) {
    .notification-not-read__section {
        min-width: 25rem;
    }
}

@media (min-width: 1200px) {
    .notification-not-read__section {
        max-width: 32rem;
    }
}

.notification-not-read__elements {
    width: 2.5rem;
}

.notification-not-read__second {
    min-width: 12.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 992px) {
    .notification-not-read__second {
        max-width: 25rem;
        left: 0.75rem;
        position: relative;
    }
}

@media (min-width: 1200px) {
    .notification-not-read__second {
        max-width: 32rem;
    }
}

.notification-not-read__second-circle {
    position: relative;
    width: 0.5625rem;
    height: 0.5625rem;
    border-radius: 50%;
    background-color: #E30A18;
    top: -3.2rem;
    left: 13.2rem;
}

@media (min-width: 992px) {
    .notification-not-read__second-circle {
        top: -2rem;
        left: 20.3rem;
    }
}

@media (min-width: 1200px) {
    .notification-not-read__second-circle {
        left: 27.22rem;
    }
}

.notification-not-read__red-circle {
    position: relative;
    width: 0.5625rem;
    height: 0.5625rem;
    border-radius: 50%;
    background-color: #E30A18;
    top: -3.2rem;
    left: 16.6rem;
}

@media (min-width: 992px) {
    .notification-not-read__red-circle {
        top: -2rem;
        left: 24.5rem;
    }
}

@media (min-width: 1200px) {
    .notification-not-read__red-circle {
        left: 31.4rem;
    }
}

.notification-not-read__description {
    font-family: "Manrope";
    max-width: 15.25rem;
    height: 7.5rem;
}

@media (min-width: 992px) {
    .notification-not-read__description {
        max-width: 32rem;
    }
}

.notification-not-read__description:first-child {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #343a32;
    height: 3rem;
    margin-bottom: 0.5rem;
}

@media (min-width: 992px) {
    .notification-not-read__description:first-child {
        height: 1.5rem;
    }
}

.notification-not-read__description:nth-child(3) {
    min-width: 12.25rem;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.2rem;
    color: #6a6a6a;
    height: 2.375rem;
    margin-bottom: 0.5rem;
    position: relative;
    top: -0.5rem;
}

@media (min-width: 992px) {
    .notification-not-read__description:nth-child(3) {
        height: 1.1875rem;
        min-width: 29.9375rem;
    }
}

.notification-not-read__description:nth-child(4) {
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1.125rem;
    color: #6a6a6a;
    height: 1.125rem;
    margin-bottom: 1.25rem;
    position: relative;
    top: -0.5rem;
}

.notification-not-read__btn {
    min-width: 5.75rem;
    height: 1.875rem;
    padding: 0.5rem 1rem 0.5rem 1rem;
    border-radius: 62.5rem;
    background-color: transparent;
    border: 0.0625rem solid #eeeeee;
    font-family: "Manrope";
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 0.9rem;
    margin-bottom: 1.5rem;
    position: relative;
    left: 8rem;
    top: -0.5rem;
}

@media (min-width: 992px) {
    .notification-not-read__btn {
        left: 15.1rem;
        top: 0.1rem;
    }
}

@media (min-width: 1200px) {
    .notification-not-read__btn {
        left: 22rem;
        top: -0.5rem;
        margin-bottom: 1.25rem;
    }
}

.notification-not-read__third-section {
    min-width: 17.3125rem;
    margin-bottom: 2rem;
    --bs-gutter-x: 0rem;
}

@media (min-width: 992px) {
    .notification-not-read__third-section {
        min-width: 25rem;
        top: 15.5rem;
    }
}

@media (min-width: 1200px) {
    .notification-not-read__third-section {
        max-width: 32rem;
    }
}

.notification-not-read__third-description {
    font-family: "Manrope";
    max-width: 15.25rem;
    height: 7.5rem;
}

@media (min-width: 992px) {
    .notification-not-read__third-description {
        max-width: 32rem;
    }
}

.notification-not-read__third-description:first-child {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #343a32;
    height: 1.5rem;
    margin-bottom: 0.5rem;
}

.notification-not-read__third-description:nth-child(3) {
    min-width: 12.25rem;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.2rem;
    color: #6a6a6a;
    height: 3.5625rem;
    margin-bottom: 0.5rem;
    position: relative;
    top: -0.5rem;
}

@media (min-width: 992px) {
    .notification-not-read__third-description:nth-child(3) {
        height: 2.1875rem;
    }
}

.notification-not-read__third-btn {
    min-width: 5.75rem;
    height: 1.875rem;
    padding: 0.5rem 1rem 0.5rem 1rem;
    border-radius: 62.5rem;
    background-color: transparent;
    border: 0.0625rem solid #eeeeee;
    font-family: "Manrope";
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 0.9rem;
    margin-bottom: 1.5rem;
    position: relative;
    left: 7.3rem;
    top: -0.5rem;
}

@media (min-width: 992px) {
    .notification-not-read__third-btn {
        left: 14.4rem;
    }
}

@media (min-width: 1200px) {
    .notification-not-read__third-btn {
        left: 21.2rem;
    }
}

.notification-not-read__third-circle {
    position: relative;
    width: 0.5625rem;
    height: 0.5625rem;
    border-radius: 50%;
    background-color: #E30A18;
    top: -2rem;
    left: 13.2rem;
}

@media (min-width: 992px) {
    .notification-not-read__third-circle {
        left: 20.3rem;
    }
}

@media (min-width: 1200px) {
    .notification-not-read__third-circle {
        left: 27.1rem;
    }
}

.notification-read {
    padding: 0.625rem 1.25rem 0.625rem 1.25rem;
    position: relative;
    max-width: 19.8125rem;
}

@media (min-width: 992px) {
    .notification-read {
        padding: 1.25rem 2rem 1.5625rem 3.25rem;
        max-width: 30.4rem;
    }
}

@media (min-width: 1200px) {
    .notification-read {
        min-width: 38.75rem;
        padding: 2rem 2rem 1.5625rem 4.75rem;
    }
}

.notification-read__section {
    border-bottom: 0.046875rem solid #dadada;
    --bs-gutter-x: 0rem;
    margin-bottom: 2rem;
}

@media (min-width: 992px) {
    .notification-read__section {
        min-width: 25rem;
    }
}

@media (min-width: 1200px) {
    .notification-read__section {
        min-width: 32rem;
    }
}

.notification-read__second {
    max-width: 13.8125rem;
    padding-left: 1rem;
}

@media (min-width: 992px) {
    .notification-read__second {
        max-width: 25rem;
        padding-left: 2rem;
    }
}

@media (min-width: 1200px) {
    .notification-read__second {
        max-width: 32rem;
    }
}

.notification-read__elements {
    padding-left: 0;
    width: 2.5rem;
}

.notification-read__description {
    font-family: "Manrope";
    min-width: 13.81rem;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.2rem;
    color: #6a6a6a;
    height: 2.375rem;
    margin-bottom: 0.5rem;
}

@media (min-width: 992px) {
    .notification-read__description {
        max-width: 32rem;
        height: 2.125rem;
    }
}

@media (min-width: 1200px) {
    .notification-read__description {
        min-width: 32rem;
        height: 1.125rem;
    }
}

.notification-read__description-second-item {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #343a32;
    height: 1.5rem;
    margin-bottom: 0.5rem;
}

.notification-read__description-time {
    min-width: 12.25rem;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.2rem;
    color: #6a6a6a;
    height: 1.125rem;
    margin-bottom: 0.5rem;
    position: relative;
}

.notification-read__btn {
    min-width: 5.75rem;
    height: 1.875rem;
    padding: 0.5rem 1rem 0.5rem 1rem;
    border-radius: 62.5rem;
    background-color: transparent;
    border: 0.0625rem solid #eeeeee;
    font-family: "Manrope";
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 0.9rem;
    margin-bottom: 1.5rem;
    position: relative;
    left: 7.9rem;
}

@media (min-width: 992px) {
    .notification-read__btn {
        left: 14.8rem;
    }
}

@media (min-width: 1200px) {
    .notification-read__btn {
        left: 21.7rem;
    }
}

.notification-read__second-section {
    border-bottom: 0.046875rem solid #dadada;
    position: relative;
    --bs-gutter-x: 0rem;
}

@media (min-width: 992px) {
    .notification-read__second-section {
        min-width: 25rem;
    }
}

@media (min-width: 1200px) {
    .notification-read__second-section {
        min-width: 32rem;
    }
}

.notification-read__second-btn {
    min-width: 5.75rem;
    height: 1.875rem;
    padding: 0.5rem 1rem 0.5rem 1rem;
    border-radius: 62.5rem;
    background-color: transparent;
    border: 0.0625rem solid #eeeeee;
    font-family: "Manrope";
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 0.9rem;
    margin-bottom: 1.5rem;
    position: relative;
    left: 6rem;
}

@media (min-width: 992px) {
    .notification-read__second-btn {
        left: 11.9rem;
    }
}

@media (min-width: 1200px) {
    .notification-read__second-btn {
        left: 18.7rem;
    }
}

.notification-none {
    margin-top: 3.15625rem;
}

.notification-none__square {
    min-width: 5.125rem;
    height: 5rem;
    border-radius: 1rem;
    background-color: #f5f5f5;
    position: absolute;
}

.notification-none__emoji {
    z-index: 50;
}

.notification-none__text {
    max-width: 19.8125rem;
    height: 1.5rem;
    font-family: "Manrope";
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
    text-align: center;
    color: #343a32;
    margin-top: 3rem;
}

@media (min-width: 992px) {
    .notification-none__text {
        max-width: 32rem;
    }
}

@media (min-width: 992px) {
    .notification-none {
        min-width: 25rem;
    }
}

@media (min-width: 1200px) {
    .notification-none {
        min-width: 32rem;
    }
}

.order {
    background-color: #f8f8f8;
}

@media (min-width: 768px) {
    .order {
        margin-bottom: 1rem;
    }
}

@media (min-width: 1200px) {
    .order {
        margin-bottom: 4rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}

.order__title {
    padding: 2rem 1rem;
    margin: 0 -1rem;
    max-width: 25.3125rem;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

    .order__title::-webkit-scrollbar {
        display: none;
    }

@media (min-width: 768px) {
    .order__title {
        justify-content: left;
        margin-left: 0rem;
        overflow-x: visible;
        padding: 2rem 0rem;
    }
}

@media (min-width: 1200px) {
    .order__title {
        justify-content: normal;
        margin-top: 3rem;
    }
}

.order__title-ico {
    color: #8a8a8a;
}

.order__title-li {
    list-style: none;
}

.order__title-text {
    text-decoration: none;
    font-family: "Gotham";
    font-size: 1.5rem;
    font-weight: 900;
    line-height: 1.65rem;
    text-align: left;
    min-width: 9.1875rem;
    height: 1.625rem;
    color: #373737;
}

    .order__title-text:first-of-type {
        margin-right: 2rem;
    }

@media (min-width: 1200px) {
    .order__title-text:first-of-type {
        margin-right: 2.5rem;
    }
}

@media (min-width: 992px) {
    .order__title-text {
        font-size: 2.5rem;
        line-height: 3rem;
        min-width: 15.25rem;
        height: 3rem;
    }
}

.order__title-text-second {
    color: #c8c8c8;
    min-width: 13.125rem;
    text-decoration: none;
    font-family: "Gotham";
    font-size: 1.5rem;
    font-weight: 900;
    line-height: 1.65rem;
    text-align: left;
    min-width: 9.1875rem;
    height: 1.625rem;
}

    .order__title-text-second:hover {
        color: #8a8a8a;
    }

@media (min-width: 992px) {
    .order__title-text-second {
        font-size: 2.5rem;
        line-height: 3rem;
        min-width: 21.4375rem;
        height: 3rem;
    }
}

@media (min-width: 768px) {
    .order__content {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

@media (min-width: 768px) {
    .order__content {
        justify-content: normal;
    }
}

@media (min-width: 1200px) {
    .order__content {
        justify-content: center;
        max-width: 33.375rem;
        height: 3.5rem;
        margin-top: 3rem;
    }
}

.order__btn {
    height: 3.5rem;
    padding: 1rem 1.5rem;
    border-radius: 6.5325rem;
}

    .order__btn:hover {
        border: 0.0625rem solid #E30A18;
        background-color: #ffffff !important;
    }

@media (min-width: 768px) {
    .order__btn {
        max-width: 20rem;
        margin-right: 1rem;
    }
}

@media (min-width: 1200px) {
    .order__btn {
        max-width: 13rem;
        margin-right: 1rem;
        height: 3.5rem;
    }
}

.order__btn-text {
    height: 1.3125rem;
    width: 8.25rem;
    color: #2e2e2e;
    font-family: "Manrope";
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.3125rem;
    text-align: left;
    margin-right: 0.5rem;
}

@media (min-width: 1200px) {
    .order__btn-text {
        margin-right: 0;
    }
}

.order__btn-emoji-plus {
    width: 1.5rem;
    height: 1.5rem;
    color: #646464;
}

@media (min-width: 1200px) {
    .order__btn-emoji-plus {
        justify-content: center;
    }
}

.order__search {
    padding: 1rem 0;
}

@media (min-width: 768px) {
    .order__search {
        padding: 0;
    }
}

.order__search-item {
    margin-right: 1rem;
}

.order__search-item-input {
    background-color: transparent;
    min-width: 14.1875rem;
    height: 3.5rem;
    border-radius: 6.5325rem;
    border: 0.0625rem solid #4c4c4c;
    color: #4c4c4c;
    caret-color: #E30A18;
    position: relative;
    cursor: pointer;
    text-indent: 2.5rem;
}

    .order__search-item-input:focus {
        outline: #4c4c4c;
    }

    .order__search-item-input:hover {
        border: 0.0625rem solid #E30A18;
        color: #2e2e2e;
    }

@media (min-width: 992px) {
    .order__search-item-input {
        max-width: 12.5rem;
        height: 3.5rem;
    }
}

.order__search-input-ico {
    position: absolute;
    padding-left: 1.5rem;
    color: #8a8a8a;
    width: 1.5625rem;
    height: 1.5625rem;
}

.order__search-select {
    min-width: 5.3125rem;
    height: 1.875rem;
    color: #646464;
    background-color: transparent;
    border: none;
}

@media (min-width: 992px) {
    .order__search-select {
        max-width: 6.5rem;
        height: 1.875rem;
    }
}

.order__search-select-text {
    height: 1.875rem;
    font-family: "Manrope";
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: -0.011em;
    text-align: left;
    position: relative;
    cursor: pointer;
}

.order__search-select-ico {
    width: 1rem;
    height: 1rem;
}

.order__item {
    padding: 1rem;
    min-width: 20.5rem;
    height: 13rem;
    border-radius: 1rem;
    background-color: #ffffff;
}

.order__item-content {
    max-width: 8.75rem;
    height: 3.0625rem;
}

.order__item-info {
    height: 7.1875rem;
}

.order__item-title {
    width: 5.0625rem;
    height: auto;
    font-family: "Manrope";
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 0.78375rem;
    letter-spacing: -0.011em;
    text-align: left;
    margin: 0;
    color: #6a6a6a;
}

.order__item-description {
    font-family: "Manrope";
    margin-top: 0.5rem;
    width: 8.75rem;
    height: auto;
    color: #000000;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: -0.011em;
    text-align: left;
    margin-bottom: 0;
}

.order__item-tag {
    font-family: "Manrope";
    font-size: 0.625rem;
    font-weight: 500;
    width: 5rem;
    height: 1.5rem;
    border-radius: 6.25rem;
    background-color: #f4fff4;
    color: #54b669;
    line-height: 1.25rem;
    letter-spacing: -0.011em;
    position: relative;
    top: 0.2rem;
    margin: 0rem 2rem 0rem 0rem;
}

@media (min-width: 768px) {
    .order__item-tag {
        left: 0.5rem;
    }
}

@media (min-width: 992px) {
    .order__item-tag {
        left: 4rem;
    }
}

@media (min-width: 1200px) {
    .order__item-tag {
        left: 7.6rem;
    }
}

.order__item-tag-yellow {
    background-color: #fff7e3;
    color: #f2a000;
    font-family: "Manrope";
    font-size: 0.625rem;
    font-weight: 500;
    width: 5rem;
    height: 1.5rem;
    border-radius: 6.25rem;
    line-height: 1.25rem;
    letter-spacing: -0.011em;
    justify-content: center;
    position: relative;
    top: 0.2rem;
    margin: 0rem 2rem 0rem 0rem;
}

@media (min-width: 768px) {
    .order__item-tag-yellow {
        left: 0.5rem;
    }
}

@media (min-width: 992px) {
    .order__item-tag-yellow {
        left: 4rem;
    }
}

@media (min-width: 1200px) {
    .order__item-tag-yellow {
        left: 7.6rem;
    }
}

.order__item-result {
    margin-top: 1.5rem;
    height: 2.3125rem;
}

.order__btn-repeat {
    background-color: #f5f5f5;
    max-width: 5.125rem;
    height: 1.875rem;
    padding: 0.5rem 1rem;
    border-radius: 62.5rem;
    border: 0.0625rem solid #eeeeee;
}

    .order__btn-repeat:hover {
        background-color: #dadada;
    }

.order__btn-repeat-text {
    width: 2.625rem;
    height: auto;
    font-family: "Manrope";
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 0.9rem;
    color: #2e2e2e;
    margin-right: 0.5rem;
}

.order__btn-repeat-text-ico {
    width: 0.875rem;
    height: 0.875rem;
}

.order__section {
    overflow-x: hidden;
}

.order__table-desktop {
    min-width: 46rem;
    margin-top: 4rem;
    border-radius: 1rem;
    background-color: #ffffff;
}

@media (min-width: 992px) {
    .order__table-desktop {
        min-width: 62.5rem;
    }
}

@media (min-width: 1200px) {
    .order__table-desktop {
        min-width: 85.5rem;
    }
}

.order__table-content {
    padding: 2rem 2rem 2.5rem 2rem;
}

@media (min-width: 992px) {
    .order__table-content {
        width: 4.6875rem;
    }
}

.order__table-content-data {
    padding: 2rem 2rem 2.5rem 0rem;
}

@media (min-width: 992px) {
    .order__table-content-data {
        width: 1rem;
    }
}

.order__table-title {
    max-width: 4.6875rem;
    height: auto;
    color: #000000;
    opacity: 0.5;
    font-family: "Manrope";
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.125rem;
    text-align: left;
}

.order__table-title-ico {
    width: 1rem;
    height: 1rem;
    color: #000000;
    opacity: 0.5;
}

.order__table-info {
    max-width: 10.375rem;
    height: auto;
    font-family: "Manrope";
    font-weight: 400;
    text-align: left;
    font-size: 0.875rem;
    color: #000000;
    line-height: 1.3125rem;
}

.order__table-info-date {
    padding: 0rem 1rem 2.5rem 2rem;
}

.order__table-info-client {
    height: 1.25rem;
    padding: 0 2rem 2.5rem 0;
}

.order__table-info-data {
    padding: 0 1rem 2.5rem 0;
}

@media (min-width: 992px) {
    .order__table-info-data {
        position: relative;
        left: 2.8rem;
    }
}

@media (min-width: 992px) {
    .order__table-info-data {
        left: 3.2rem;
    }
}

@media (min-width: 1200px) {
    .order__table-info-data {
        left: 6.5rem;
    }
}

.order__table-info-order {
    text-align: right;
    padding: 0 2rem 2.5rem 0;
}

    .order__table-info-order:last-child {
        padding: 0 2rem 1rem 0 !important;
    }

.order-bottom {
    width: 26.5625rem;
    height: 13.25rem !important;
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
    padding: 2rem 1rem;
    background-color: #ffffff !important;
}

.order__rectangule {
    margin-bottom: 0.5rem;
    max-width: 7.5rem;
    width: 100%;
    height: 0.5rem;
    border-radius: 6.25rem;
    background-color: #ffffff;
    position: relative;
    top: -1.5rem;
    left: 50%;
    transform: translateX(-50%);
}

.order__search-select::after {
    display: none;
}

.order__menu-desktop {
    padding: 1rem 1rem;
    height: 12.2rem;
    min-width: 12.7rem;
}

@media (min-width: 992px) {
    .order__menu-desktop {
        padding: 1.5rem 1.5rem;
        height: 13.2rem;
    }
}

.order__desktop-body a:hover {
    max-width: 10.6875rem;
    height: 1.8125rem;
    border-radius: 0.5rem;
    background-color: #f1f1f1;
    color: #2e2e2e;
}

.order__desktop-item {
    padding: 0.25rem 0.5rem;
    text-decoration: none;
    font-family: "Manrope";
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.3125rem;
    text-align: left;
    color: #8a8a8a;
}

    .order__desktop-item:nth-child(1), .order__desktop-item:nth-child(2), .order__desktop-item:nth-child(3) {
        margin-bottom: 1rem;
    }

.order__info-pay-content {
    position: relative;
}

.order__info-pay {
    z-index: 1;
}

    .order__info-pay .select2.select2-container {
        flex: 1;
        width: 100% !important;
    }

@media (min-width: 992px) {
    .order__info-pay .select2.select2-container {
        width: auto !important;
    }
}

.order__info-succesfull {
    z-index: 5;
    display: none;
}

.order__pay-succesfull-btn {
    height: 3.3125rem;
}

@media (min-width: 992px) {
    .order__pay-succesfull-btn {
        max-width: 6.4375rem;
    }
}

.order__pay-section {
    position: absolute;
    top: 0rem;
    left: 0;
    height: 90vh !important;
    display: none;
}

.order__pay-succesfull-btn-desktop {
    max-width: 34.75rem;
}

.offcanvas-order__content {
    position: relative;
    top: -1.5rem;
}

.offcanvas-order__body a:hover {
    max-width: 21.1875rem;
    height: 1.8125rem;
    border-radius: 0.5rem;
    background-color: #f1f1f1;
    color: #2e2e2e;
}

@media (min-width: 400px) {
    .offcanvas-order__body a:hover {
        max-width: 25.1875rem;
    }
}

.offcanvas-order__item {
    padding: 0.25rem 0.5rem;
    text-decoration: none;
    font-family: "Manrope";
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.3125rem;
    text-align: left;
    color: #8a8a8a;
}

    .offcanvas-order__item:nth-child(1), .offcanvas-order__item:nth-child(2), .offcanvas-order__item:nth-child(3) {
        margin-bottom: 1rem;
    }

.offcanvas-backdrop {
    min-width: 26.5625rem !important;
}

.account {
    background-color: #f8f8f8;
}

@media (min-width: 768px) {
    .account {
        margin-bottom: 1rem;
    }
}

@media (min-width: 1200px) {
    .account {
        margin-bottom: 4rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}

.account__title {
    padding: 1.5rem 1rem;
    margin: 0;
    max-width: 100%;
    overflow-x: visible;
    white-space: normal;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 1rem;
    display: flex !important;
}

    .account__title::-webkit-scrollbar {
        display: none;
    }

@media (min-width: 768px) {
    .account__title {
        flex-direction: row;
        justify-content: left;
        margin-left: 0rem;
        overflow-x: visible;
        padding: 2rem 0rem;
        white-space: nowrap;
        align-items: center;
    }
}

/* Tablet (768px - 991px) */
@media (min-width: 768px) and (max-width: 991px) {
    .account__title {
        max-width: 100%;
        padding: 2rem 1rem;
    }

    .account__title-text,
    .account__title-text-second {
        font-size: 2rem;
        line-height: 2.5rem;
    }

    .account__content {
        padding: 0 1rem;
    }

    .account__search {
        flex-wrap: wrap;
        gap: 1rem;
        padding: 0 1rem;
    }

    .account__search-item {
        flex: 1 1 auto;
        min-width: 200px;
    }
}

@media (min-width: 1200px) {
    .account__title {
        justify-content: normal;
        margin-top: 3rem;
    }
}

.account__title-li {
    list-style: none;
}

@media (max-width: 767px) {
    /* Ajustes al contenedor principal */
    main.main.account {
        margin-top: 4.5rem !important;
        overflow-x: visible !important;
    }

    /* Asegurar que el container no tenga overflow */
    .account .container-xxl {
        padding-left: 0 !important;
        padding-right: 0 !important;
        overflow-x: visible !important;
        max-width: 100% !important;
    }

    /* Contenedor interno de account */
    .account {
        overflow-x: visible !important;
    }

    /* Lista de títulos - en fila con wrap */
    .account__title {
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        padding: 0 !important;
        margin: 0 0 1.5rem 0 !important;
        gap: 0.75rem !important;
        overflow: visible !important;
        width: 100% !important;
        list-style: none !important;
    }

    /* Items de la lista */
    .account__title-li {
        width: auto !important;
        max-width: 48% !important;
        display: inline-block !important;
        margin: 0 !important;
        padding: 0 !important;
        flex: 0 0 auto !important;
    }

    /* Textos de título - tamaño más pequeño para que quepan ambos */
    .account__title-text,
    .account__title-text-second {
        font-size: 1.15rem !important;
        line-height: 1.4rem !important;
        display: inline-block !important;
        width: auto !important;
        max-width: 100% !important;
        white-space: nowrap !important;
        min-width: auto !important;
        height: auto !important;
        overflow: visible !important;
        padding: 0.35rem 0 !important;
        margin: 0 !important;
        text-overflow: clip !important;
    }

    .account__content {
        padding: 0 !important;
        margin-top: 0.5rem !important;
    }

    .account__search {
        padding: 1rem 0 !important;
    }
}

.account__title-ico {
    color: #8a8a8a;
}

.account__title-text {
    text-decoration: none;
    font-family: "Gotham";
    font-size: 1.1rem;
    font-weight: 900;
    line-height: 1.3rem;
    text-align: left;
    min-width: auto;
    height: auto;
    color: #373737;
}

.account__title-text-third {
    text-decoration: none;
    font-family: "Gotham";
    font-size: 1.5rem;
    font-weight: 900;
    line-height: 1.65rem;
    text-align: left;
    min-width: 9.1875rem;
    height: 1.625rem;
    color: #373737;
}

.account__title-text:first-of-type {
    margin-right: 2rem;
}

@media (max-width: 767px) {
    .account__title-text:first-of-type {
        margin-right: 0;
        margin-bottom: 0.5rem;
    }
}

@media (min-width: 1200px) {
    .account__title-text:first-of-type {
        margin-right: 2.5rem;
    }
}

@media (min-width: 992px) {
    .account__title-text {
        font-size: 2.5rem;
        line-height: 3rem;
        min-width: 15.25rem;
        height: 3rem;
    }
}

.account__title-text-second {
    color: #c8c8c8;
    text-decoration: none;
    font-family: "Gotham";
    font-size: 1.1rem;
    font-weight: 900;
    line-height: 1.3rem;
    text-align: left;
    min-width: auto;
    height: auto;
}

    .account__title-text-second:hover {
        color: #8a8a8a;
    }

@media (max-width: 767px) {
    .account__title-text-second {
        margin-right: 0;
        margin-top: 0;
    }
}

@media (min-width: 768px) {
    .account__title-text-second {
        margin-right: 2rem;
        margin-top: 0;
    }
}

@media (min-width: 992px) {
    .account__title-text-second {
        font-size: 2.5rem;
        line-height: 3rem;
        height: 3rem;
    }
}

@media (min-width: 768px) {
    .account__content {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

@media (min-width: 768px) {
    .account__content {
        justify-content: normal;
    }
}

@media (min-width: 1200px) {
    .account__content {
        justify-content: center;
        max-width: 33.375rem;
        height: 3.5rem;
        margin-top: 3rem;
    }
}

.account__btn {
    height: 3.5rem;
    padding: 1rem 1.5rem;
    border-radius: 6.5325rem;
}

    .account__btn:hover {
        border: 0.0625rem solid #E30A18;
        background-color: #ffffff !important;
    }

@media (min-width: 768px) {
    .account__btn {
        max-width: 20rem;
        margin-right: 1rem;
    }
}

@media (min-width: 1200px) {
    .account__btn {
        max-width: 13rem;
        margin-right: 1rem;
        height: 3.5rem;
    }
}

.account__btn-text {
    height: 1.3125rem;
    width: 8.25rem;
    color: #2e2e2e;
    font-family: "Manrope";
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.3125rem;
    text-align: left;
    margin-right: 0.5rem;
}

@media (min-width: 1200px) {
    .account__btn-text {
        margin-right: 0;
    }
}

.account__btn-emoji-plus {
    width: 1.5rem;
    height: 1.5rem;
    color: #646464;
}

@media (min-width: 1200px) {
    .account__btn-emoji-plus {
        justify-content: center;
    }
}

.account__search {
    padding: 1rem 0;
}

@media (min-width: 768px) {
    .account__search {
        padding: 0;
    }
}

.account__search-item {
    margin-right: 1rem;
}

.account__search-item-input {
    background-color: transparent;
    min-width: 14.1875rem;
    height: 3.5rem;
    border-radius: 6.5325rem;
    border: 0.0625rem solid #4c4c4c;
    color: #4c4c4c;
    caret-color: #E30A18;
    position: relative;
    cursor: pointer;
    text-indent: 2.5rem;
}

    .account__search-item-input:hover {
        border: 0.0625rem solid #E30A18;
        color: #2e2e2e;
    }

@media (min-width: 992px) {
    .account__search-item-input {
        max-width: 12.5rem;
        height: 3.5rem;
    }
}

.account__search-input-ico {
    position: absolute;
    padding-left: 1.5rem;
    color: #8a8a8a;
    width: 1.5625rem;
    height: 1.5625rem;
}

.account__search-select {
    min-width: 5.3125rem;
    height: 1.875rem;
    color: #646464;
    background-color: transparent;
    border: none;
}

@media (min-width: 992px) {
    .account__search-select {
        max-width: 6.5rem;
        height: 1.875rem;
    }
}

.account__search-select-text {
    height: 1.875rem;
    font-family: "Manrope";
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: -0.011em;
    text-align: left;
    position: relative;
    cursor: pointer;
}

.account__search-select-ico {
    width: 1rem;
    height: 1rem;
}

.account__item {
    padding: 1rem;
    min-width: 20.5rem;
    height: 13rem;
    border-radius: 1rem;
    background-color: #ffffff;
}

.account__item-content {
    max-width: 8.75rem;
    height: 3.0625rem;
}

.account__item-title {
    width: 5.0625rem;
    height: auto;
    font-family: "Manrope";
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 0.78375rem;
    letter-spacing: -0.011em;
    text-align: left;
    margin: 0;
    color: #6a6a6a;
}

.account__item-description {
    font-family: "Manrope";
    margin-top: 0.5rem;
    width: 8.75rem;
    height: auto;
    color: #000000;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: -0.011em;
    text-align: left;
    margin-bottom: 0;
}

.account__item-result {
    margin-top: 1.5rem;
}

.account__btn-repeat {
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    max-width: 6.25rem;
    height: 1.875rem;
    color: #2e2e2e;
    padding: 0.5rem 1rem;
    border-radius: 62.5rem;
    border: 0.0625rem solid #eeeeee;
}

    .account__btn-repeat:hover {
        background-color: #eeeeee;
    }

.account__btn-repeat-text {
    max-width: 6.25rem;
    height: auto;
    font-family: "Manrope";
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 0.9rem;
    color: #2e2e2e;
    margin-right: 0.5rem;
}

.account__btn-repeat-text-ico {
    width: 0.875rem;
    height: 0.875rem;
}

.account__section {
    overflow-x: hidden;
}

.account__table-desktop {
    min-width: 46rem;
    margin-top: 4rem;
    border-radius: 1rem;
    background-color: #ffffff;
}

@media (min-width: 992px) {
    .account__table-desktop {
        min-width: 62.5rem;
    }
}

@media (min-width: 1200px) {
    .account__table-desktop {
        min-width: 85.5rem;
    }
}

.account__table-content {
    padding: 2rem 2rem 2.5rem 2rem;
}

@media (min-width: 992px) {
    .account__table-content {
        width: 4.6875rem;
    }
}

.account__table-content-data {
    padding: 2rem 2rem 2.5rem 0rem;
}

@media (min-width: 992px) {
    .account__table-content-data {
        width: 1rem;
    }
}

.account__table-title {
    max-width: 6.625rem;
    height: auto;
    color: #000000;
    opacity: 0.5;
    font-family: "Manrope";
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.125rem;
    text-align: left;
}

.account__table-title-ico {
    width: 1rem;
    height: 1rem;
}

.account__table-info {
    max-width: 10.375rem;
    height: auto;
    font-family: "Manrope";
    font-weight: 400;
    text-align: left;
    font-size: 0.875rem;
    color: #000000;
    line-height: 1.3125rem;
}

.account__table-info-date {
    padding: 0rem 1rem 2.5rem 2rem;
}

.account__table-info-client {
    height: 1.25rem;
    padding: 0 2rem 2.5rem 0;
}

.account__table-info-data {
    padding: 0 1rem 2.5rem 0;
}

@media (min-width: 768px) {
    .account__table-info-data {
        position: relative;
        left: 0.5rem;
    }
}

@media (min-width: 992px) {
    .account__table-info-data {
        left: 4.5rem;
    }
}

@media (min-width: 1200px) {
    .account__table-info-data {
        left: 9rem;
    }
}

.account__table-info-order {
    text-align: right;
    padding: 0 2rem 2.5rem 0;
}

    .account__table-info-order:last-child {
        padding: 0 2rem 1rem 0 !important;
    }

.account__toast {
    box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.1);
    max-width: 21.6875rem;
    width: 100%;
    height: 3.875rem;
    padding: 1rem;
    border-radius: 1rem;
    background-color: #ffffff;
    border: 1px solid transparent;
    position: fixed;
    top: 1.5rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2000;
}

@media (min-width: 768px) {
    .account__toast {
        transform: translateX(0);
        left: 25.1rem;
        width: 21.6875rem;
    }
}

@media (min-width: 992px) {
    .account__toast {
        left: 40.2rem;
    }
}

@media (min-width: 1200px) {
    .account__toast {
        right: 1rem;
        left: auto;
        top: 1rem;
    }
}

.account__toast-ico {
    width: 2rem;
    height: 2rem;
    color: #2e2e2e;
    margin-right: 0.5rem;
}

.account__text {
    color: #2e2e2e;
    font-family: "Manrope";
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.3125rem;
    text-align: left;
}

.account__toast-btn {
    width: 1.875rem;
    height: 1.875rem;
    position: relative;
    left: 6.8rem;
    padding: 0.5rem;
    background-color: transparent;
    border-radius: 62.5rem;
    border: 0.0625rem solid #eeeeee;
    margin-right: 1rem !important;
}

.account__payment {
    max-width: 19.8125rem !important;
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
}

@media (min-width: 992px) {
    .account__payment {
        min-width: 30.75rem !important;
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .account__payment {
        min-width: 38.75rem !important;
        width: 100%;
    }
}

.account__info-pay-content {
    position: relative;
}

.toast {
    box-shadow: none;
    border: none;
}

.empty-purchases__content {
    padding: 2rem 2rem 1rem 2rem;
    background-color: #ffffff;
    border-radius: 1rem;
    margin-top: 1rem;
    height: 22.25rem;
}

@media (min-width: 768px) {
    .empty-purchases__content {
        padding: 2rem 0rem 1rem 0rem;
    }
}

@media (min-width: 1200px) {
    .empty-purchases__content {
        min-width: 85.5rem;
    }
}

.empty-purchases__text {
    width: 15.75rem;
    height: 2.75rem;
    font-family: "Manrope";
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.35rem;
    text-align: center;
    margin-top: 1.5rem;
    position: relative;
    top: 1rem;
}

.empty-purchases__square {
    width: 5.125rem;
    height: 5rem;
    border-radius: 1rem;
    background-color: #f8f8f8;
    padding: 1.5rem 1.5625rem;
    position: absolute;
}

.empty-purchases__ico {
    color: #E30A18;
    width: 2rem;
    height: 2rem;
    position: relative;
}

.offcanvas-payment__inner {
    backdrop-filter: blur(6.25rem);
    position: sticky;
    top: 0;
    padding-left: 1.25rem;
    z-index: 2;
    border-bottom: 0.046875rem solid #dadada;
}

@media (min-width: 992px) {
    .offcanvas-payment__inner {
        border: none;
    }
}

@media (min-width: 1200px) {
    .offcanvas-payment__inner {
        padding: 0 2rem;
    }
}

.offcanvas-payment__header {
    height: 5.25rem;
}

@media (min-width: 1200px) {
    .offcanvas-payment__header {
        max-width: 34.75rem;
        margin-top: 1.5rem;
        height: 3.5rem;
    }
}

.offcanvas-payment__payment-title {
    font-family: "Gotham", sans-serif;
    font-size: 1.125rem;
    font-weight: 900;
    line-height: 1.35rem;
    text-align: left;
    color: #373737;
}

@media (min-width: 1200px) {
    .offcanvas-payment__payment-title {
        line-height: 1.65rem;
        font-size: 1.5rem;
    }
}

.offcanvas-payment__payment-btn {
    width: 2.625rem;
    height: 2.625rem;
    border-radius: 50%;
    border: none;
    background-color: rgba(154, 154, 154, 0.6);
    padding: 0.75rem;
    position: relative;
    bottom: 0.45rem;
    color: #ffffff;
    margin-right: 1rem;
    top: 0rem;
}

@media (min-width: 992px) {
    .offcanvas-payment__payment-btn {
        width: 2.75rem;
        height: 2.75rem;
        color: #383133;
        background-color: #ffffff;
    }

        .offcanvas-payment__payment-btn:hover {
            border-radius: 50%;
            border: none;
            background-color: rgba(154, 154, 154, 0.6);
            padding: 0.75rem;
            color: #ffffff;
        }
}

.offcanvas-payment__content {
    padding: 1.5rem 1.25rem 2rem 1.25rem;
    height: 90vh;
}

@media (min-width: 992px) {
    .offcanvas-payment__content {
        padding: 1.5rem 2rem 1.5rem 4.75rem;
    }
}

.offcanvas-payment__content .select2-container {
    min-width: 100%;
}

.offcanvas-payment__input {
    min-width: 17.3125rem;
    width: 100%;
    height: 3.5rem;
    padding: 1rem;
    border-radius: 0.75rem;
    border: 0.0625rem solid #eeeeee;
    caret-color: #E30A18;
    color: #8a8a8a;
    font-family: "Manrope";
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.3125rem;
    text-align: left;
}

    .offcanvas-payment__input.is-invalid {
        border: 0.0625rem solid #E30A18 !important;
    }

@media (min-width: 992px) {
    .offcanvas-payment__input {
        min-width: 11.5rem;
    }
}

@media (min-width: 1200px) {
    .offcanvas-payment__input {
        min-width: 15.5rem;
    }
}

.offcanvas-payment__box {
    margin-bottom: 1rem;
    position: relative;
    width: 100% !important;
}

    .offcanvas-payment__box .select2 {
        flex: 1;
        width: auto !important;
        min-width: 100%;
    }

.offcanvas-payment__type-pay {
    border-radius: 0.75rem;
}

    .offcanvas-payment__type-pay.is-invalid {
        border: 0.0625rem solid #E30A18 !important;
    }

.offcanvas-payment__ico {
    color: #646464;
    position: absolute;
    width: 1.25rem;
    height: 1.25rem;
    background: none;
    border: none;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
}

.offcanvas-payment__btn-pay {
    margin-top: 8.6rem;
    font-family: "Manrope";
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.3125rem;
    text-align: left;
    color: #ffffff;
}

@media (min-width: 992px) {
    .offcanvas-payment__btn-pay {
        margin-top: 2rem;
        max-width: 6.4375rem;
    }
}

@media (min-width: 992px) {
    .offcanvas-payment__ico-desktop {
        color: #646464;
        position: absolute;
        z-index: 0;
        cursor: pointer;
        top: 50%;
        right: 1rem;
        transform: translateY(-50%);
    }
}

.offcanvas-payment__btn-pay-desktop {
    max-width: 9.6875rem;
    height: 3.3125rem;
    margin-top: 0.5rem;
    font-family: "Manrope";
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.3125rem;
    text-align: left;
    color: #ffffff;
    position: relative;
    left: 13.2rem;
}

.offcanvas-payment__btn-pay-desktop2 {
    max-width: 9.6875rem;
    height: 3.3125rem;
    margin-top: 0.5rem;
    font-family: "Manrope";
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.3125rem;
    text-align: left;
    color: #000000;
    position: relative;
    left: 6rem; /* Reduje el valor de left para que el botón no esté tan corrido a la derecha */
    border: 1px solid #000000; /* Borde negro */
}

@media (min-width: 1200px) {
    .offcanvas-payment__btn-pay-desktop {
        left: 22.2rem;
    }
}

.offcanvas-payment__input-bottom {
    max-width: 32rem;
    width: 100%;
    height: 3.5rem;
    padding: 1rem;
    border-radius: 0.75rem;
    border: 0.0625rem solid #eeeeee;
    caret-color: #E30A18;
    color: #8a8a8a;
    font-family: "Manrope";
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.3125rem;
    text-align: left;
}

.offcanvas-payment__background {
    min-width: 17.3125rem;
    height: 22.5rem;
    padding: 0.5rem 1rem;
    border-radius: 0.75rem;
    background-color: #f6f6f6;
}

@media (min-width: 992px) {
    .offcanvas-payment__background {
        height: 22rem;
        min-width: 24rem;
    }
}

@media (min-width: 1200px) {
    .offcanvas-payment__background {
        min-width: 32rem;
    }
}

.offcanvas-payment__square {
    min-width: 4.625rem;
    height: 4.5rem;
    padding: 2rem 1.5625rem;
    border-radius: 1rem;
    background-color: #ffffff;
}

.offcanvas-payment__ico-succesfull {
    color: #3dab56;
    position: relative;
    top: -2.85rem;
    font-size: 1.25rem;
}

.offcanvas-payment__text {
    font-family: "Manrope";
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.35rem;
    text-align: center;
    color: #4c4c4c;
    min-width: 15.3125rem;
    height: 1.375rem;
}

.offcanvas-payment__no-report-ico {
    font-size: 1.5rem;
    color: #E30A18;
    top: 16.7rem;
    position: absolute;
}

@media (min-width: 992px) {
    .offcanvas-payment__no-report-ico {
        top: 15.5rem;
    }
}

.offcanvas-payment__no-report-btn {
    max-width: 9.6875rem;
    height: 3.3125rem;
}

.offcanvas-payment__is-invalid-data {
    background-color: rgba(250, 65, 0, 0.1019607843);
    border-radius: 0.5rem;
    padding: 1rem;
    display: none !important;
}

@media (min-width: 992px) {
    .offcanvas-payment__is-invalid-data {
        margin-bottom: 1.5rem;
    }
}

.offcanvas-payment__is-invalid-ico {
    color: #E30A18;
    font-size: 1.25rem;
    opacity: 1;
}

.offcanvas-payment__is-invalid-text {
    font-family: "Manrope";
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.3125rem;
    text-align: left;
    color: #E30A18;
    opacity: 1;
}

.offcanvas-payment__submit {
    flex: 0;
    padding: 0 1.25rem;
}

.warranties {
    padding-top: 1.5rem;
    background-color: #f8f8f8;
}

@media (min-width: 1200px) {
    .warranties {
        padding-top: 5rem;
    }
}

.warranties__content-desktop {
    max-width: 85.375rem;
}

.warranties__title {
    text-decoration: none;
    font-family: "Gotham";
    font-size: 1.5rem;
    font-weight: 900;
    line-height: 1.65rem;
    text-align: left;
    min-width: 9.1875rem;
    height: 1.625rem;
    color: #373737;
    margin-bottom: 2rem;
}

@media (min-width: 768px) {
    .warranties__title {
        font-size: 1.5rem;
        height: 3rem;
        line-height: 3rem;
        min-width: 8.5rem;
        margin-bottom: 1rem;
    }
}

@media (min-width: 992px) {
    .warranties__title {
        max-width: 27.75rem;
        font-size: 1.8rem;
        margin-bottom: 0rem;
        margin-right: 1rem;
    }
}

@media (min-width: 1200px) {
    .warranties__title {
        font-size: 2.5rem;
    }
}

.warranties__btn-download {
    font-family: "Manrope";
    font-weight: 500;
    font-size: 0.875rem;
    color: #2e2e2e !important;
    line-height: 1.3125rem;
    height: 3.5rem;
    min-width: 20.5rem;
    border-radius: 6.5rem;
    background-color: #ffffff;
    padding: 1rem 1.5rem;
    margin-bottom: 0.5rem;
}

    .warranties__btn-download:hover {
        border: 0.0625rem solid #E30A18;
        background-color: #ffffff !important;
    }

    .warranties__btn-download:active {
        background-color: #ffffff !important;
        border: 0.0625rem solid #E30A18;
    }

@media (min-width: 768px) {
    .warranties__btn-download {
        min-width: 15rem;
        margin-right: 0.5rem;
        margin-bottom: 0rem;
    }
}

@media (min-width: 992px) {
    .warranties__btn-download {
        width: 100%;
        min-width: 12.5rem;
    }
}

.warranties__ico-download {
    color: #2e2e2e;
    height: 1.5rem;
    width: 1.5rem;
}

.warranties__btn-complaint {
    color: #ffffff;
    font-family: "Manrope";
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.3125rem;
    height: 3.5rem;
    min-width: 20.5rem;
    padding: 1rem 1.5rem;
    border-radius: 6.5rem;
    margin-bottom: 2rem;
}

@media (min-width: 768px) {
    .warranties__btn-complaint {
        margin-bottom: 0rem;
        min-width: 15rem;
    }
}

@media (min-width: 992px) {
    .warranties__btn-complaint {
        min-width: 12.5rem;
    }
}

.warranties__description {
    height: 2.75rem;
    max-width: 20.5rem;
    font-family: "Manrope";
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.35rem;
    text-align: left;
    color: #8a8a8a;
    margin-bottom: 1rem;
}

@media (min-width: 768px) {
    .warranties__description {
        max-width: 35.0625rem;
        font-size: 1.5rem;
    }
}

@media (min-width: 1200px) {
    .warranties__description {
        max-width: 50.0625rem;
        font-size: 2rem;
        font-weight: 400;
        line-height: 1.8rem;
        margin-top: 5rem !important;
    }
}

.warranties__search {
    padding: 1rem 0;
    position: relative;
}

@media (min-width: 768px) {
    .warranties__search {
        padding: 0;
        min-width: 15rem;
        margin-right: 0.5rem;
        position: relative;
    }
}

@media (min-width: 992px) {
    .warranties__search {
        width: 100%;
        max-width: 12.5rem;
        position: relative;
    }
}

.warranties__search-item-input {
    background-color: transparent;
    height: 3.5rem;
    min-width: 20.5rem;
    width: 100%;
    border-radius: 6.5325rem;
    border: 0.0625rem solid #4c4c4c;
    color: #4c4c4c;
    caret-color: #E30A18;
    position: relative;
    cursor: pointer;
    text-indent: 2.5rem;
    margin-bottom: 1rem;
}

    .warranties__search-item-input:focus {
        outline: #4c4c4c;
    }

    .warranties__search-item-input:hover {
        border: 0.0625rem solid #E30A18;
        color: #2e2e2e;
    }

@media (min-width: 768px) {
    .warranties__search-item-input {
        margin-bottom: 0rem;
        min-width: 15rem;
    }
}

@media (min-width: 992px) {
    .warranties__search-item-input {
        width: 100%;
        max-width: 12.5rem;
        min-width: 0;
        position: relative;
        left: 2.5rem;
    }
}

.warranties__search-input-ico {
    color: #8a8a8a;
    width: 1.5625rem;
    height: 1.5625rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 1rem;
    z-index: 1;
}

@media (min-width: 400px) {
    .warranties__search-input-ico {
        left: 1rem;
    }
}

@media (min-width: 768px) {
    .warranties__search-input-ico {
        left: 1rem;
        top: 50%;
        transform: translateY(-50%);
    }
}

@media (min-width: 992px) {
    .warranties__search-input-ico {
        left: 3.5rem;
        top: 50%;
        transform: translateY(-50%);
    }
}

.warranties__dropdown {
    width: 100%;
    height: 3.5rem;
    padding: 1rem;
    border-radius: 0.75rem;
    border: 0.0625rem solid #eeeeee;
    caret-color: #E30A18;
    color: #8a8a8a;
    font-family: "Manrope";
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.3125rem;
    text-align: left;
    margin-bottom: 1rem;
}

    .warranties__dropdown:hover {
        cursor: pointer;
        border: 0.0625rem solid #8a8a8a;
        color: #646464;
    }

    .warranties__dropdown:active {
        color: #4c4c4c;
        border: 0.0625rem solid #4c4c4c;
    }

.warranties__dropdown-info {
    overflow-y: auto;
    padding: 0.5rem;
}

    .warranties__dropdown-info:hover {
        cursor: pointer;
        border: 0.0625rem solid #8a8a8a;
        color: #646464;
    }

    .warranties__dropdown-info:active {
        color: #4c4c4c;
        border: 0.0625rem solid #4c4c4c;
    }

.warranties__dropdown-item {
    height: 1.8125rem;
    padding: 0.25rem 2.5rem 0.25rem 0.5rem;
    color: #8a8a8a;
    font-family: "Manrope";
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.3125rem;
    text-align: left;
    margin-top: 0;
    margin-bottom: 0 !important;
}

    .warranties__dropdown-item:hover {
        min-width: 30.6875rem;
    }

@media (min-width: 768px) {
    .warranties__dropdown-item {
        width: 21.125rem;
    }
}

.warranties__send-claim {
    max-width: 17.3125rem;
    height: 3.3125rem;
    font-family: "Manrope";
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.3125rem;
    text-align: left;
    margin-top: 7.8rem;
    color: #ffffff;
}

@media (min-width: 768px) {
    .warranties__send-claim {
        position: relative;
        left: 11.6rem;
        max-width: 5.5625rem;
    }
}

@media (min-width: 992px) {
    .warranties__send-claim {
        left: 18.3rem;
        margin-top: 0.5rem;
    }
}

@media (min-width: 1200px) {
    .warranties__send-claim {
        left: 26.3rem;
        margin-top: 0.5rem;
    }
}

.warranties__content-mobile {
    overflow-y: hidden;
    flex: 2;
}

    .warranties__content-mobile > div {
        height: 100%;
        display: flex;
        flex-direction: column;
    }

.warranties__coment {
    width: 100%;
    height: 11.6875rem;
    font-family: "Manrope";
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.3125rem;
    text-align: left;
    color: #ffffff;
    caret-color: #E30A18;
    color: #8a8a8a;
    padding: 1rem;
    border-radius: 0.75rem;
    border: 0.0625rem solid #eeeeee;
    resize: none;
    overflow: auto;
    padding: 10px;
    box-sizing: border-box;
}

.warranties__claim-succesfull {
    min-width: 17.3125rem;
    height: 22.5rem;
    padding: 1rem;
    border-radius: 0.75rem;
    background-color: #f6f6f6;
}

.warranties__btn-claim {
    min-width: 19.8125rem;
}

@media (min-width: 400px) {
    .warranties__btn-claim {
        min-width: 21.8125rem;
    }
}

@media (min-width: 768px) {
    .warranties__btn-claim {
        margin-top: 2rem;
        min-width: 17.3125rem;
    }
}

@media (min-width: 992px) {
    .warranties__btn-claim {
        margin-top: 2rem;
        max-width: 23.5625rem;
    }
}

@media (min-width: 1200px) {
    .warranties__btn-claim {
        min-width: 32rem;
    }
}

.warranties__btn-claim-succesfull {
    margin: 2rem 0rem;
    margin-top: 13.8rem;
    height: 3.5rem;
}

@media (min-width: 400px) {
    .warranties__btn-claim-succesfull {
        margin-top: 13.8rem;
    }
}

@media (min-width: 768px) {
    .warranties__btn-claim-succesfull {
        margin: 0;
        max-width: 9.9375rem;
    }
}

.warranties__claim-content {
    min-width: 17.3125rem;
    height: 22.5rem;
    padding: 0rem 4.875rem;
    border-radius: 0.75rem;
    background-color: #f6f6f6;
}

.warranties__offcanvas-claim {
    overflow: scroll;
    max-width: 19.8125rem !important;
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
}

@media (min-width: 992px) {
    .warranties__offcanvas-claim {
        min-width: 38.8125rem !important;
    }
}

.warranties__content-btn-delete {
    position: sticky;
    bottom: 0;
    flex: 1;
    background-color: #ffffff;
    min-width: 19.8125rem;
    max-height: 7.5rem;
    padding: 2rem 1.25rem;
}

@media (min-width: 1200px) {
    .warranties__content-btn-delete {
        display: none !important;
    }
}

.warranties__btn-claim-delete {
    color: #ffffff;
    min-width: 17.3125rem;
    font-weight: 500;
    font-size: 0.875rem;
    font-family: "Manrope";
    height: 3.5rem;
    padding: 1rem;
    border: 1px solid #eeeeee;
    border-radius: 6.5rem;
    background-color: #f6f6f6;
}

@media (min-width: 992px) {
    .warranties__btn-claim-delete {
        width: 0;
        min-width: 11.75rem;
    }
}

.warranties__claim-pending-content {
    padding: 1.5rem 1.25rem 2rem 1.25rem;
}

.warranties__claim-pending {
    height: 8.5rem;
    min-width: 17.3125rem;
    width: 100%;
    padding: 1rem;
    border-radius: 0.75rem;
    background-color: #FFFAED;
    margin-bottom: 1rem;
}

.warranties__claim-pending-text {
    text-align: left;
    font-family: "Gotham", sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    letter-spacing: -0.01em;
    min-width: 5.9375rem;
    height: 1.5rem;
    color: #EF7300;
}

.warranties__claim-pending-info {
    text-align: left;
    font-family: "Manrope";
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: -0.011em;
    max-width: 15.3125rem;
    height: 4.5rem;
    color: #EF7300;
}

.warranties__claim-info-reclaim {
    min-width: 17.3125rem;
    width: 100%;
    padding-bottom: 1rem;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 1.5rem;
}

@media (min-width: 992px) {
    .warranties__claim-info-reclaim {
        justify-content: initial !important;
    }
}

.warranties__claim-data {
    min-width: 7.6875rem;
    height: auto;
    color: #000000;
    opacity: 0.5;
    font-family: "Manrope";
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 0.78375rem;
    text-align: left;
    margin-top: 1.5rem;
}

.warranties__claim-data-info {
    color: #373737;
    margin-top: 0.5rem;
    font-family: "Manrope";
    font-size: 0.75rem;
    font-weight: 400;
    min-width: 7.6875rem;
}

.warranties__claim-detail-content {
    min-width: 17.3125rem;
    width: 100%;
    padding: 1rem 0;
    border-bottom: 1px solid #eeeeee;
}

.warranties__claim-detail-title {
    font-family: "Manrope";
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1rem;
    letter-spacing: -0.011em;
    text-align: left;
    min-width: 4.75rem;
    height: 1rem;
    color: #2A2A2A;
    margin-bottom: 1.5rem;
}

.warranties__claim-coment-content {
    min-width: 17.3125rem;
    padding-top: 1rem;
}

@media (min-width: 992px) {
    .warranties__claim-coment-content {
        padding-top: 1.5rem;
    }
}

.warranties__claim-container {
    position: relative;
}

.warranties__claim-send {
    display: flex;
    flex-direction: column;
    height: 100%;
    z-index: 1;
}

.warranties__watch-my-claims {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
}

.my-profile {
    min-height: calc(100vh - 6.09375rem - 2.9375rem);
    background-color: #f8f8f8;
}

.my-profile__title {
    font-family: "Gotham", sans-serif;
    font-size: 1.5rem;
    font-weight: 900;
    line-height: 1.65rem;
    color: #373737;
    min-width: 10.8125rem;
    margin-top: 1.25rem;
    height: 1.625rem;
}

@media (min-width: 992px) {
    .my-profile__title {
        font-size: 2.5rem;
        height: 3rem;
        line-height: 3rem;
        margin: 4.5rem 0;
    }
}

@media (min-width: 1200px) {
    .my-profile__title {
        margin: 5rem 0;
    }
}

.my-profile__subtitle {
    font-family: "Manrope";
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.5rem;
    color: #373737;
    min-width: 10.8125rem;
    margin-top: 2rem;
    height: 0.875rem;
    margin-bottom: 2rem;
}

@media (min-width: 992px) {
    .my-profile__subtitle {
        font-size: 1.5rem;
        height: 1.8125rem;
        line-height: 1.8rem;
        min-width: 5.5rem;
        margin-bottom: 2rem;
    }
}

.my-profile__desktop-content {
    justify-content: center;
}

@media (min-width: 992px) {
    .my-profile__desktop-content {
        justify-content: space-between;
    }
}

.my-profile__content {
    background-color: #ffffff;
    border-radius: 1rem;
    padding: 0.75rem;
    height: 35.8125rem;
}

@media (min-width: 992px) {
    .my-profile__content {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 20.9375rem;
        width: 100%;
        max-width: 63.625rem;
        padding: 1.5rem;
    }
}

@media (min-width: 1200px) {
    .my-profile__content {
        width: 100%;
        min-width: 63.625rem;
        justify-content: initial;
    }
}

.my-profile__content-picture {
    position: relative;
}

@media (min-width: 768px) {
    .my-profile__content-picture {
        display: flex;
        align-items: center;
        max-width: 19rem;
    }
}

@media (min-width: 992px) {
    .my-profile__content-picture {
        margin-right: 4rem;
    }

        .my-profile__content-picture:hover .my-profile__content-overlay,
        .my-profile__content-picture:hover .my-profile__content-circle,
        .my-profile__content-picture:hover .my-profile__content-ico {
            opacity: 1;
        }
}

.my-profile__content-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(192, 42, 42, 0.5411764706);
    z-index: 1;
    pointer-events: none;
    border-radius: 0.75rem;
    transition: 0.3s opacity;
}

@media (min-width: 768px) {
    .my-profile__content-overlay {
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: 25rem;
    }
}

@media (min-width: 992px) {
    .my-profile__content-overlay {
        opacity: 0;
    }
}

.my-profile__content-file-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    object-fit: cover;
}

.my-profile__content-img {
    min-width: 19rem;
    height: 15.375rem;
    border-radius: 0.75rem;
    width: 100%;
    object-fit: cover;
}

@media (min-width: 992px) {
    .my-profile__content-img {
        height: 17.9375rem;
        max-width: 15.125rem;
        width: 100%;
        cursor: pointer;
    }
}

.my-profile__content-circle {
    cursor: pointer;
    width: 2.75rem;
    height: 2.75rem;
    background-color: #f1f1f1;
    padding: 0.75rem;
    border-radius: 6.25rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 0.3s opacity;
    z-index: 2;
}

@media (min-width: 992px) {
    .my-profile__content-circle {
        opacity: 0;
    }
}

.my-profile__content-ico {
    height: 1.25rem;
    width: 1.25rem;
    color: #313131;
    z-index: 3;
}

@media (min-width: 992px) {
    .my-profile__content-ico {
        opacity: 0;
    }
}

.my-profile__content-info {
    margin-top: 1.5rem;
}

@media (min-width: 992px) {
    .my-profile__content-info {
        margin-top: 0;
    }
}

.my-profile__content-wrapper {
    position: relative;
}

.my-profile__content-data {
    color: #2e2e2e;
    font-family: "Manrope";
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.3125rem;
    text-align: left;
    height: 1.3125rem;
    margin: 0.5rem 0;
}

.my-profile__content-data-input {
    cursor: pointer;
    background-color: #ffffff;
    min-width: 19rem;
    width: 100%;
    height: 3.5rem;
    padding: 1rem;
    border-radius: 0.75rem;
    border: 0.0625rem solid #eeeeee;
    caret-color: #E30A18;
    color: #8a8a8a;
}

    .my-profile__content-data-input:hover {
        border: 0.0625rem solid #8a8a8a;
    }

.my-profile__content-input-cuit {
    cursor: default;
}

    .my-profile__content-input-cuit:hover {
        border: 0.0625rem solid #eeeeee;
    }

.my-profile__content-cuit {
    margin-bottom: 0.75rem;
    position: relative;
}

.my-profile__toast-btn {
    width: 1.875rem;
    height: 1.875rem;
    position: relative;
    left: 5rem;
    padding: 0.5rem;
    background-color: transparent;
    border-radius: 62.5rem;
    border: 0.0625rem solid #eeeeee;
    margin-right: 1rem !important;
}

.my-profile__ico-lock {
    position: absolute;
    right: 1.25rem;
    top: 65%;
    transform: translateY(-50%);
    width: 1rem;
    height: 1rem;
    color: #8a8a8a;
    cursor: pointer;
}

.my-profile__input-icon {
    position: absolute;
    right: 1.25rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1rem;
    height: 1rem;
    color: #8a8a8a;
    cursor: pointer;
}

.my-profile__section-btn {
    padding: 1.5rem 1rem;
}

.my-profile__btn-save-change {
    max-width: 20.5rem;
    height: 3.3125rem;
}

.my-profile__btn-content {
    display: flex !important;
    justify-content: flex-end !important;
}

.my-profile__btn-desktop {
    max-width: 12.3125rem;
}

.my-profile__sing-out {
    margin-top: 16.4375rem !important;
}

.my-profile__user-desktop {
    margin-top: 0 !important;
}

.navigation-config {
    width: 14.5rem !important;
    max-height: 32.6875rem;
    position: sticky;
    top: 2rem;
}

.navigation-config__item {
    color: #010101;
    opacity: 0.5;
}



    .navigation-config__item.active:hover {
        background-color: #ffffff;
        opacity: 1;
    }

.navigation-config__select {
    width: auto;
    text-decoration: none;
    color: #010101;
    opacity: 0.5;
    border-radius: 0.75rem;
    cursor: pointer;
}

    .navigation-config__select.active {
        width: 14.5rem;
        height: 2.5625rem;
        background-color: #ffffff;
        opacity: 1;
        color: #010101 !important;
        border-radius: 1rem;
    }

        .navigation-config__select.active:hover {
            background-color: #ffffff;
            opacity: 1;
        }

    .navigation-config__select:hover {
        background-color: #EBEBEB;
        opacity: 1;
    }

.navigation-config__emoji.active {
    width: 1.25rem;
    height: 1.25rem;
    opacity: 1;
    color: #010101 !important;
}

    .navigation-config__emoji.active:hover {
        background-color: #ffffff;
        opacity: 1;
    }

.navigation-config__emoji:hover {
    background-color: #EBEBEB;
    opacity: 1;
    color: #010101;
}

.catalog__container .no-results,
.container-xxl .no-results {
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    gap: 1.5rem;
    padding: 5rem 1rem !important;
    width: calc(100% + var(--bs-gutter-x, 1.5rem)) !important;
    max-width: calc(100% + var(--bs-gutter-x, 1.5rem)) !important;
    margin-left: calc(-1 * var(--bs-gutter-x, 1.5rem) * 0.5) !important;
    margin-right: calc(-1 * var(--bs-gutter-x, 1.5rem) * 0.5) !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    box-sizing: border-box !important;
    text-align: center !important;
    position: relative !important;
}

.no-results {
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    gap: 1.5rem;
    padding: 5rem 1rem !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    box-sizing: border-box !important;
    text-align: center !important;
    position: relative !important;
}

    .no-results[style*="block"],
    .no-results.show {
        display: flex !important;
    }

.no-results__box {
    background-color: #ffffff;
    border-radius: 1rem;
    color: #E30A18;
    font-size: 1.5rem;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 5rem;
    width: 5rem;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    flex-shrink: 0;
}

.no-results__text {
    color: #4c4c4c;
    font-family: "Manrope", sans-serif;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.3;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    display: block !important;
    float: none !important;
    clear: both !important;
}

@media (min-width: 1200px) {
    .no-results__text {
        max-width: 100% !important;
    }
}

.configuration__title {
    font-family: "Gotham", sans-serif;
    font-size: 1.5rem;
    font-weight: 900;
    line-height: 1.65rem;
    color: #373737;
    min-width: 10.8125rem;
    margin-top: 1.25rem;
    height: 1.625rem;
}

@media (min-width: 992px) {
    .configuration__title {
        font-size: 2.5rem;
        height: 3rem;
        line-height: 3rem;
        margin: 4.5rem 0;
    }
}

@media (min-width: 1200px) {
    .configuration__title {
        margin: 5rem 0;
    }
}

.configuration__subtitle {
    font-family: "Manrope";
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.5rem;
    color: #373737;
    min-width: 10.8125rem;
    margin-top: 2rem;
    height: 0.875rem;
    margin-bottom: 2rem;
}

@media (min-width: 992px) {
    .configuration__subtitle {
        font-size: 1.5rem;
        height: 1.8125rem;
        line-height: 1.8rem;
        min-width: 5.5rem;
        margin-bottom: 2rem;
        margin-top: 0;
    }
}

.configuration__content {
    background-color: #ffffff;
    border-radius: 1rem;
    padding: 0.75rem;
    min-width: 21rem;
    height: auto;
    min-height: 24.625rem;
}

@media (min-width: 992px) {
    .configuration__content {
        display: flex;
        align-items: center;
        justify-content: center;
        height: auto;
        width: 100%;
        max-width: 46.5rem;
        padding: 1.5rem;
        min-height: 17.59rem;
    }
}

@media (min-width: 1200px) {
    .configuration__content {
        width: 100%;
        min-width: 63.625rem;
        justify-content: initial;
    }
}

@media (min-width: 1400px) {
    .configuration__content--expanded {
        min-width: 83rem;
    }
}

.configuration__profile {
    height: auto;
    min-height: 20.9375rem;
}

.my-profile {
    min-height: calc(100vh - 6.09375rem - 2.9375rem);
    background-color: #f8f8f8;
}

.my-profile__desktop-content {
    justify-content: center;
}

@media (min-width: 992px) {
    .my-profile__desktop-content {
        justify-content: space-between;
    }
}

.my-profile__content-picture {
    position: relative;
}

@media (min-width: 768px) {
    .my-profile__content-picture {
        display: flex;
        align-items: center;
        max-width: 19rem;
    }
}

@media (min-width: 992px) {
    .my-profile__content-picture {
        margin-right: 4rem;
    }
}

.my-profile__content-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(192, 42, 42, 0.5411764706);
    z-index: 1;
    pointer-events: none;
    border-radius: 0.75rem;
    transition: 0.3s opacity;
}

@media (min-width: 768px) {
    .my-profile__content-overlay {
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: 25rem;
    }
}

@media (min-width: 992px) {
    .my-profile__content-overlay {
        opacity: 0;
    }
}

.my-profile__content-img {
    min-width: 19rem;
    height: 15.375rem;
    border-radius: 0.75rem;
    width: 100%;
    object-fit: cover;
}

@media (min-width: 992px) {
    .my-profile__content-img {
        height: 17.9375rem;
        max-width: 15.125rem;
        width: 100%;
        cursor: pointer;
    }
}

.my-profile__content-circle {
    cursor: pointer;
    width: 2.75rem;
    height: 2.75rem;
    background-color: #f1f1f1;
    padding: 0.75rem;
    border-radius: 6.25rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 0.3s opacity;
    z-index: 2;
}

@media (min-width: 992px) {
    .my-profile__content-circle {
        opacity: 0;
    }
}

.my-profile__content-ico {
    height: 1.25rem;
    width: 1.25rem;
    color: #313131;
    z-index: 3;
}

@media (min-width: 992px) {
    .my-profile__content-ico {
        opacity: 0;
    }
}

.my-profile__content-info {
    margin-top: 1.5rem;
}

@media (min-width: 992px) {
    .my-profile__content-info {
        margin-top: 0;
    }
}

.my-profile__content-wrapper {
    position: relative;
}

.my-profile__content-data {
    color: #2e2e2e;
    font-family: "Manrope";
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.3125rem;
    text-align: left;
    height: 1.3125rem;
    margin: 0.5rem 0;
}

.my-profile__content-data-input {
    cursor: pointer;
    background-color: #ffffff;
    min-width: 19rem;
    width: 100%;
    height: 3.5rem;
    padding: 1rem;
    border-radius: 0.75rem;
    border: 0.0625rem solid #eeeeee;
    caret-color: #E30A18;
    color: #8a8a8a;
}

    .my-profile__content-data-input:hover {
        border: 0.0625rem solid #8a8a8a;
    }

.my-profile__content-input-cuit {
    cursor: default;
}

    .my-profile__content-input-cuit:hover {
        border: 0.0625rem solid #eeeeee;
    }

.my-profile__content-cuit {
    margin-bottom: 0.75rem;
    position: relative;
}

@media (min-width: 992px) {
    .my-profile__content:hover .my-profile__content-overlay,
    .my-profile__content:hover .my-profile__content-circle,
    .my-profile__content:hover .my-profile__content-ico {
        opacity: 1;
    }
}

.my-profile__ico-lock {
    position: absolute;
    right: 1.25rem;
    top: 65%;
    transform: translateY(-50%);
    width: 1rem;
    height: 1rem;
    color: #8a8a8a;
    cursor: pointer;
}

.my-profile__input-icon {
    position: absolute;
    right: 1.25rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1rem;
    height: 1rem;
    color: #8a8a8a;
    cursor: pointer;
}

.my-profile__section-btn {
    padding: 1.5rem 0rem;
}

.my-profile__btn-save-change {
    max-width: 20.5rem;
    height: 3.3125rem;
}

.my-profile__btn-content {
    display: flex !important;
    justify-content: flex-end !important;
}

.my-profile__btn-desktop {
    max-width: 12.3125rem;
}

.my-profile__sing-out {
    margin-top: 16.4375rem !important;
    opacity: 0.5;
}

    .my-profile__sing-out:hover {
        background-color: #EBEBEB;
        width: auto;
        text-decoration: none;
        opacity: 1;
        border-radius: 0.75rem;
        color: #010101;
    }

.my-profile__user-desktop {
    margin-top: 0 !important;
}

.my-seller {
    min-height: calc(100vh - 6.09375rem - 2.9375rem);
    background-color: #f8f8f8;
}

.my-seller__content-info {
    max-width: 15.1875rem;
    height: 2.375rem;
    margin-bottom: 1.5rem;
}

.my-seller__title-info {
    font-family: "Manrope";
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.125rem;
    text-align: left;
    color: #c8c8c8;
    height: 1.125rem;
    margin: 0;
}

.my-seller__subtitle-info {
    font-family: "Manrope";
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.3125rem;
    color: #000000;
    margin: 0;
    height: 1.3125rem;
}

.my-seller__profile-img {
    min-width: 19rem;
    height: 16.5rem;
    border-radius: 0.75rem;
    width: 100%;
    object-fit: cover;
    margin-bottom: 4rem;
}

@media (min-width: 992px) {
    .my-seller__profile-img {
        height: 14.59rem;
        min-width: 0;
        width: 15rem;
        margin-bottom: 0rem;
    }
}

.my-seller__circle {
    margin-left: 0.25rem;
    height: 2.75rem;
    min-width: 2.75rem;
    border: none;
    background-color: transparent;
}

    .my-seller__circle:hover {
        background-color: #e8e8e8;
        border-radius: 6.25rem;
        height: 2.75rem;
        max-width: 2.75rem;
        padding: 0.75rem;
    }

.my-seller__copy-ico {
    width: 100%;
    cursor: pointer;
}

.my-seller__btn {
    max-width: 20.5rem;
    width: 100%;
}

.my-seller__btn-send-whatsapp {
    height: 1.75rem;
    border-radius: 6.5325rem;
    font-family: "Manrope";
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.3125rem;
    text-decoration: none;
    color: #ffffff;
}

@media (min-width: 768px) {
    .my-seller__btn-send-whatsapp {
        max-width: 20.5rem;
    }
}

.my-seller__whatsapp-ico {
    font-size: 1.5rem;
    margin-left: 0.2rem;
}

@media (min-width: 992px) {
    .my-seller__content-desktop {
        width: 63.625rem;
        margin-left: 1.5rem;
    }
}

@media (min-width: 992px) {
    .my-seller__content-desktop_New {
        width: 63.625rem;
        margin-left: 1.5rem;
    }
}

@media (min-width: 1200px) {
    .my-seller__content-desktop {
        margin-left: 0rem;
    }
}

@media (min-width: 992px) {
    .my-seller__content-desktop-info {
        margin-left: 1rem;
        min-width: 14.5rem;
        height: 14.59rem;
    }
}

@media (min-width: 1200px) {
    .my-seller__content-desktop-info {
        margin-left: 4rem;
        margin-right: 13.375rem;
        min-width: 15.125rem;
    }
}

.my-seller__section-btn {
    padding: 1.5rem 1rem;
    position: relative;
    top: 5.6rem;
    left: 1rem;
}

@media (min-width: 1200px) {
    .my-seller__section-btn {
        padding: 0;
        left: 0;
    }
}

.my-seller__btn-send-desktop {
    min-width: 11.9375rem;
    height: 1.75rem;
    border-radius: 6.5325rem;
    font-family: "Manrope";
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.3125rem;
    text-decoration: none;
    color: #ffffff;
}

.my-seller__toast-btn {
    width: 1.875rem;
    height: 1.875rem;
    position: relative;
    left: 1rem;
    padding: 0.5rem;
    background-color: transparent;
    border-radius: 62.5rem;
    border: 0.0625rem solid #eeeeee;
    margin-right: 1rem !important;
}

.prize {
    margin-bottom: 1.5rem;
}

@media (min-width: 992px) {
    .prize {
        min-height: calc(100vh - 7rem - 3.125rem - 5rem);
    }
}

.prize__content {
    min-height: 24.625rem;
}

.prize__content-title {
    border-bottom: 0.0625rem solid #eeeeee !important;
}

@media (min-width: 992px) {
    .prize__content-title {
        justify-content: initial !important;
    }
}

.prize__title {
    font-family: "Manrope";
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.35rem;
    height: 4.375rem;
}

@media (min-width: 992px) {
    .prize__title {
        margin-right: 2rem;
    }
}

.prize__tab-content {
    margin-top: 4rem;
}

@media (min-width: 992px) {
    .prize__tab-content {
        margin-top: 3.03125rem;
        max-width: 21.8125rem;
    }
}

@media (max-width: 991px) {
    .prize__tab-content {
        max-width: 100%;
        width: 100%;
        overflow: visible;
    }
}

.prize__security-text {
    font-family: "Manrope";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2rem;
    min-width: 11.75rem;
    height: 1.1875rem;
}

.prize__general-config-content {
    max-width: 21rem;
    height: 17.125rem;
    padding: 1rem;
    border-radius: 2rem;
    background-color: #f8f8f8;
    margin-bottom: 2rem;
}

@media (min-width: 992px) {
    .prize__general-config-content {
        min-width: 43.625rem;
        height: 12.375rem;
    }
}

@media (min-width: 1200px) {
    .prize__general-config-content {
        min-width: 59.625rem;
        height: 8.375rem;
    }
}

.prize__general-config-title {
    font-family: "Manrope";
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.35rem;
    text-align: left;
    min-width: 14.25rem;
    height: 2.5rem;
    color: #373737;
    text-align: left;
    margin-bottom: 1.5rem;
}

@media (min-width: 992px) {
    .prize__general-config-title {
        margin-bottom: 0rem;
    }
}

.prize__general-config-row {
    height: 4.0625rem;
    min-width: 17rem;
}

@media (min-width: 992px) {
    .prize__general-config-row {
        margin-bottom: 1rem !important;
    }
}

@media (min-width: 1200px) {
    .prize__general-config-row {
        margin-bottom: 0rem !important;
    }
}

.prize__general-config-item {
    font-family: "Manrope";
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.195rem;
    text-align: left;
    color: #8a8a8a;
    min-width: 7.6875rem;
    height: 1.1875rem;
}

.prize__general-config-data {
    font-family: "Gotham", sans-serif;
    color: #8a8a8a;
    text-align: center;
    background-color: #ffffff;
    width: 1.875rem;
    height: 1.875rem;
    padding: 0.5rem;
    border-radius: 62.5rem;
}

    .prize__general-config-data:hover {
        cursor: pointer;
        border: 0.0625rem solid #E30A18 !important;
    }

.prize__general-config-number {
    width: 2.3125rem;
    height: 1.1875rem;
    font-family: "Gotham", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2rem;
    color: #8a8a8a;
    background-color: #ffffff;
    width: 5.3125rem;
    height: 4.0625rem;
    padding: 0.5rem;
    border-radius: 0.75rem;
}

.prize__config-brand {
    min-width: 19rem;
    height: 8rem;
    padding: 1rem 0;
    margin-bottom: 1.5rem;
    border-top: 0.0625rem solid #eeeeee;
}

@media (min-width: 992px) {
    .prize__config-brand {
        min-width: 43.625rem;
        padding: 2rem 0;
        margin-bottom: 1.75rem;
    }
}

@media (min-width: 1200px) {
    .prize__config-brand {
        min-width: 59.625rem;
    }
}

.prize__config-brand-title {
    width: 14.25rem;
    height: 2.5rem;
    font-family: "Manrope";
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.35rem;
    text-align: left;
    color: #373737;
}

@media (min-width: 992px) {
    .prize__config-brand-title {
        height: 4.375rem;
    }
}

.prize__config-brand-input {
    color: #4c4c4c;
    min-width: 20rem;
    height: 3.5rem;
    padding: 1.5rem 1.5rem 1.5rem 0;
    border-radius: 6.5325rem;
    border: 0.0625rem solid #4c4c4c;
    caret-color: #E30A18;
    font-family: "Manrope";
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.3125rem;
    text-align: left;
    padding-left: 3rem;
    background-color: transparent;
}

    .prize__config-brand-input:hover {
        cursor: pointer;
        border: 0.0625rem solid #E30A18 !important;
    }

@media (min-width: 992px) {
    .prize__config-brand-input {
        min-width: 12.5rem;
    }
}

.prize__config-brand-search {
    position: relative;
}

@media (min-width: 992px) {
    .prize__config-brand-search {
        height: 4.375rem;
    }
}

.prize__config-brand-ico {
    position: absolute;
    height: 1.5625rem;
    width: 1.5625rem;
    color: #8a8a8a;
    top: 1.25rem;
    left: 1.5rem;
}

@media (min-width: 992px) {
    .prize__config-brand-ico {
        top: 1.7rem;
    }
}

.prize__config-brand-info {
    border-bottom: 0.0625rem solid #eeeeee;
    min-width: 19.5rem;
    height: 13rem;
    padding: 1.5rem 0rem;
}

@media (min-width: 992px) {
    .prize__config-brand-info {
        min-width: 43.825rem;
    }
}

@media (min-width: 1200px) {
    .prize__config-brand-info {
        min-width: 59.625rem;
    }
}

.prize__config-brand-type {
    width: 7.6875rem;
    height: 3.4375rem;
}

.prize__brand-title {
    font-family: "Manrope";
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.125rem;
    text-align: left;
    color: #8a8a8a;
    height: 1.125rem;
}

@media (min-width: 992px) {
    .prize__brand-title {
        min-width: 9.1875rem;
        height: 1.875rem;
        margin-bottom: 2rem;
    }
}

.prize__brand-name {
    font-family: "Manrope";
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.3125rem;
    height: 1.3125rem;
    text-align: left;
    color: #000000;
}

@media (min-width: 992px) {
    .prize__brand-name {
        min-width: 9.1875rem;
        height: 1.875rem;
        margin-bottom: 2rem;
    }
}

.prize__brand-data {
    font-family: "Gotham", sans-serif;
    color: #8a8a8a;
    text-align: center;
    background-color: #f8f8f8;
    width: 1.875rem;
    height: 1.875rem;
    padding: 0.5rem;
    border-radius: 62.5rem;
}

    .prize__brand-data:hover {
        cursor: pointer;
        border: 0.0625rem solid #E30A18 !important;
    }

.prize__brand-number {
    background-color: #f8f8f8;
    min-width: 5.1875rem;
    height: 1.875rem;
    line-height: 1.2rem;
    padding: 0.5rem;
    border-radius: 0.75rem;
    color: #8a8a8a;
    font-family: "Gotham", sans-serif;
    font-weight: 400;
    font-size: 1rem;
}

.prize__pagination {
    padding: 1.25rem 0 0.25rem 0;
}

@media (min-width: 992px) {
    .prize__pagination {
        min-width: 43.625rem;
        margin-bottom: 3.75rem;
    }
}

@media (min-width: 1200px) {
    .prize__pagination {
        min-width: 59.625rem;
    }
}

@media (min-width: 992px) {
    .prize__btn-content {
        justify-content: flex-end !important;
        min-width: 43.625rem;
    }
}

@media (min-width: 992px) and (min-width: 1200px) {
    .prize__btn-content {
        min-width: 59.625rem;
    }
}

.prize__btn-save-change {
    line-height: 1.3125rem;
    min-width: 7rem;
    padding: 1rem 1.5rem;
    max-width: 12.3125rem;
}

.prize__table-title {
    min-width: 43.625rem;
}

@media (min-width: 1200px) {
    .prize__table-title {
        min-width: 59.625rem;
    }
}

.prize__table-line {
    min-width: 43.625rem;
}

@media (min-width: 1200px) {
    .prize__table-line {
        min-width: 59.625rem;
    }
}

/* Responsive para tabla en mobile */
.prize__table-content {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    max-width: 100%;
}

@media (max-width: 991px) {
    .prize__table-content {
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        border: 1px solid #e0e0e0;
        border-radius: 0.5rem;
        padding: 0.5rem;
        background: #fff;
    }

    .prize__table-title,
    .prize__table-line {
        min-width: auto;
        width: 600px;
    }

    #marcasTable {
        width: 600px;
        font-size: 0.75rem;
        table-layout: fixed;
    }

        #marcasTable thead,
        #marcasTable tbody {
            display: table-header-group;
            width: 100%;
        }

        #marcasTable thead {
            display: table-header-group;
        }

        #marcasTable tbody {
            display: table-row-group;
        }

            #marcasTable thead tr,
            #marcasTable tbody tr {
                display: table-row;
                width: 100%;
            }

        #marcasTable th,
        #marcasTable td {
            padding: 0.5rem 0.25rem;
            font-size: 0.7rem;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

            /* Ocultar columnas de ID en mobile */
            #marcasTable th:nth-child(1),
            #marcasTable th:nth-child(2),
            #marcasTable td:nth-child(1),
            #marcasTable td:nth-child(2) {
                display: none;
            }

    .prize__brand-name {
        max-width: 100px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .prize__brand-data {
        padding: 0.25rem !important;
        font-size: 0.7rem;
    }

    .prize__brand-number input {
        min-width: 3rem !important;
        font-size: 0.7rem !important;
        padding: 0.25rem !important;
    }
}

.claim__config-input {
    min-width: 21rem;
    margin-bottom: 2rem;
}

@media (min-width: 992px) {
    .claim__config-input {
        min-width: 12.5rem;
        margin-bottom: 1rem;
    }
}

.claim__content {
    min-height: 13.75rem;
    margin-bottom: 0.5rem !important;
    padding: 1rem;
    background-color: #ffffff;
    border-radius: 1rem;
    min-width: 20.5rem;
    margin: 0;
}

.claim__content-mobile {
    margin-bottom: 1.5rem;
}

.claim__brand-content {
    height: 3.5rem;
}

.claim__tag {
    width: 5rem;
    height: 1.875rem;
    padding: 0.5rem;
    border-radius: 6.25rem;
    font-family: "Manrope";
    font-size: 12px;
    font-weight: 500;
    line-height: 0.9rem;
    text-align: left;
    color: #f2a000;
    background-color: #fff7e3;
}

.claim__tag-green {
    color: #3dab56;
    background-color: #f4fff4;
}

.claim__ico {
    position: absolute;
    left: 0.75rem;
    font-size: 1.25rem;
}

.claim__ico-content {
    margin-left: 0;
    position: relative;
}

@media (min-width: 1400px) {
    .claim__ico-content {
        margin-left: 0.25rem;
    }
}

.claim__ico-position {
    float: right;
    margin-left: 0;
    position: relative;
}

.claim__position {
    float: right;
    margin-left: 0;
}

.claim__desktop {
    width: 100%;
}

@media (min-width: 768px) {
    .claim__desktop {
        width: 45%;
    }
}

@media (min-width: 992px) {
    .claim__desktop {
        height: 34.125rem;
        border-radius: 1rem;
        background-color: transparent;
        width: 100%;
        margin-left: 1rem;
        margin-bottom: 5rem;
    }
}

@media (min-width: 1200px) {
    .claim__desktop {
        margin-left: 2rem;
    }
}

@media (min-width: 1400px) {
    .claim__desktop {
        margin-left: 0rem;
        max-width: 63.625rem;
    }
}

@media (min-width: 992px) {
    .claim__desktop-subtitle {
        margin-bottom: 0rem;
    }
}

@media (min-width: 992px) {
    .claim__desktop-ico {
        top: 1.25rem;
    }
}

.claim__desktop-table {
    width: 100%;
}

.claim__desktop-table-content {
    height: auto;
    border-radius: 1rem;
    background-color: #ffffff;
    padding: 2rem 2rem 1rem 2rem;
    width: 100%;
}

.claim__desktop-table-title {
    height: auto;
    color: #000000;
    opacity: 0.5;
    font-family: "Manrope";
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.125rem;
    text-align: left;
}

.claim__desktop-table-ico {
    color: #8a8a8a;
}

.claim__desktop-table-tag {
    max-width: 5rem;
    height: 1.875rem;
    padding: 0.5rem;
    border-radius: 6.25rem;
    font-family: "Manrope";
    font-size: 12px;
    font-weight: 500;
    line-height: 0.9rem;
    text-align: left;
    color: #f2a000;
    background-color: #fff7e3;
}

.claim__desktop-table-td {
    height: 2.75rem;
    color: #000000;
    font-family: "Manrope";
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.3125rem;
    width: 25%;
}

@media (min-width: 1200px) {
    .claim__desktop-table__desktop-ico {
        margin-right: 0.5rem;
    }
}

.claim__body-delete {
    height: 70vh;
    margin-top: 2.5rem;
}

@media (min-width: 992px) {
    .claim__body-delete {
        margin: 2.5rem 2rem 0 4.75rem;
        height: 22vh;
    }
}

.claim__delete-side {
    background-color: #f8f8f8;
    width: 4.625rem;
    height: 4.625rem;
    padding: 1.5rem 1.5625rem;
    border-radius: 1rem;
}

.claim__delete-ico-trash {
    color: #E30A18;
    width: 1.5rem;
    height: 1.5rem;
}

.claim__delete-text {
    max-width: 15.3125rem;
    height: 4.125rem;
    text-align: center;
    font-family: "Manrope";
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.35;
    text-align: center;
}

@media (min-width: 992px) {
    .claim__delete-text {
        max-width: 23.25rem;
    }
}

.claim__side-bar {
    max-width: 19.8125rem !important;
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
}

@media (min-width: 992px) {
    .claim__side-bar {
        min-width: 38.75rem !important;
        width: 100%;
    }
}

.claim__side-content {
    padding: 1.5rem 2rem 1.5rem 2rem;
}

@media (min-width: 992px) {
    .claim__side-content {
        padding: 1.5rem 2rem 4.625rem 4.75rem;
    }
}

.claim__desktop-delete {
    width: 85%;
}

@media (min-width: 1200px) {
    .claim__desktop-delete {
        min-width: 31rem;
    }
}

.claim__btn-inner-delete {
    width: 2.75rem;
    height: 2.75rem;
    padding: 0.75rem;
    border-radius: 6.25rem;
    border: 1px solid transparent;
    background-color: transparent;
}

    .claim__btn-inner-delete:hover {
        background-color: #e8e8e8;
        border-radius: 6.25rem;
        height: 2.75rem;
        max-width: 2.75rem;
        padding: 0.75rem;
    }

.claim__pending-content {
    background-color: #FFFAED;
    min-width: 17.3125rem;
    height: 8.5rem;
    padding: 1rem;
    border-radius: 0.75rem;
}

@media (min-width: 992px) {
    .claim__pending-content {
        min-width: 32rem;
        height: 7.3125rem;
        padding: 1.5rem 1.5rem 2rem 1.5rem;
    }
}

.claim__content-btn-delete {
    position: sticky;
    bottom: 0;
    flex: 1;
    min-width: 19.8125rem;
    max-height: 7.5rem;
    padding: 2rem 1.25rem;
}

@media (min-width: 992px) {
    .claim__content-btn-delete {
        position: relative;
        max-height: 7.5rem;
        max-width: 34.75rem;
        margin: 0 2rem 0 4.75rem;
        padding: 2rem 0rem;
    }
}

.claim__container {
    position: relative;
}

.claim__container-delete {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.claim__container-finish {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.claim__confirm-delete {
    padding: 0.5rem 1rem;
    height: 75vh;
}

@media (min-width: 992px) {
    .claim__confirm-delete {
        padding: 1.5rem 2rem 0rem 4.75rem;
        height: 43vh;
    }
}

.claim__confirm-delete-content {
    min-width: 17.3125rem;
    height: 22rem;
    border-radius: 0.75rem;
    background-color: #f6f6f6;
    overflow-y: hidden;
}

.claim__confirm-delete-square {
    background-color: #ffffff;
    width: 4.625rem;
    height: 4.5rem;
    padding: 1.5rem;
    border-radius: 1rem;
}

.claim__confirm-delete-ico {
    color: #3dab56;
    font-size: 1.125rem;
}

.claim__confirm-delete-text {
    max-width: 15.3125rem;
    height: 1.375rem;
    font-family: "Manrope";
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.35rem;
    text-align: center;
    color: #4c4c4c;
}

.claim__content-btn-confirm-delete {
    position: sticky;
    bottom: 0;
    flex: 1;
    max-height: 7.5rem;
    padding: 2rem 0rem;
}

@media (min-width: 992px) {
    .claim__content-btn-confirm-delete {
        position: relative;
        max-height: 7.5rem;
        padding: 0rem 0rem 0rem 3rem;
    }
}

/*# sourceMappingURL=styles.css.map */

.spinner__new {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1051;
    display: flex;
    align-items: center;
    justify-content: center;
}

.spinner__loader-data {
    width: 48px;
    height: 48px;
    border: 3px solid #FFF;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    animation: spinner__rotation 1s linear infinite;
}

    .spinner__loader-data::after {
        content: '';
        box-sizing: border-box;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: 3px solid;
        border-color: #FF3D00 transparent;
    }

@keyframes spinner__rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.spinner__loading-text {
    color: white;
    font-size: 18px;
    margin-top: 10px;
}

.card-sustitutos {
    background-color: white;
    border-radius: 20px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    padding: 2%;
    padding-block: 2%;
    max-width: 50vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.card-body-sust {
    padding: 2%;
    min-height: 35vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .card-body-sust .card-title {
        text-align: center;
        padding-bottom: 1%;
    }

    .card-body-sust p {
        text-align: center;
    }

.card-container img {
    max-width: 30vh;
    padding-block: 3%;
}

.container-sustitutos {
    gap: 3%;
}

.card-filtro {
    padding-inline: 3%;
    padding-block: 1%;
}

.product-carousel {
    position: relative;
    overflow: hidden;
    margin: 0 2rem;
    padding: 0 1rem;
}

    .product-carousel .slick-track {
        display: flex;
        margin-left: 0;
        margin-right: 0;
    }

    .product-carousel .slick-slide {
        margin: 0.8rem;
        height: auto;
        width: calc(100% - 1rem) !important;
        box-sizing: border-box;
    }

        .product-carousel .slick-slide > div {
            height: 100%;
            width: 100%;
        }

        .product-carousel .slick-slide .card {
            height: 100%;
            margin: 0 auto;
            width: 100%;
        }

    .product-carousel .slick-prev,
    .product-carousel .slick-next {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 10;
        width: 40px;
        height: 40px;
        display: flex !important;
        align-items: center;
        justify-content: center;
        background-color: rgba(255, 255, 255, 0.7);
        border-radius: 50%;
        transition: all 0.2s ease;
    }

    .product-carousel .slick-prev {
        left: 0;
    }

    .product-carousel .slick-next {
        right: 0;
    }

        .product-carousel .slick-prev:before,
        .product-carousel .slick-next:before {
            color: #333;
            opacity: 1;
        }

        .product-carousel .slick-prev:hover,
        .product-carousel .slick-next:hover {
            background-color: rgba(0, 0, 0, 0.1);
        }

    .product-carousel .card {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .product-carousel .card-body {
        flex: 1 0 auto;
        display: flex;
        flex-direction: column;
    }

    .product-carousel .card__actions {
        margin-top: auto;
    }

.carousel-item {
    display: block !important;
}

.product-carousel .slick-list {
    margin: 0 -0.8rem;
    overflow: hidden;
}

.product-carousel .slick-track {
    display: flex;
    justify-content: flex-end;
}

.best-sellers__container-cards {
    position: relative;
    overflow: hidden;
    margin: 0 -1rem;
}

    .best-sellers__container-cards .slick-track {
        display: flex;
        margin-left: 0;
        margin-right: 0;
    }

    .best-sellers__container-cards .slick-slide {
        margin: 0.5rem;
        width: calc(20% - 2rem) !important;
        box-sizing: border-box;
        opacity: 1 !important;
    }

        .best-sellers__container-cards .slick-slide .card {
            width: 100%;
            margin: 0 auto;
        }

@media (min-width: 768px) and (max-width: 991px) {
    .best-sellers__container-cards .slick-slide {
        width: calc(33.333% - 1.5rem) !important;
    }
}

@media (max-width: 767px) {
    .best-sellers__container-cards .slick-slide {
        width: calc(50% - 2rem) !important;
    }
}

@media (max-width: 576px) {
    .best-sellers__container-cards .slick-slide {
        width: calc(100% - 2rem) !important;
    }
}

.best-sellers__container-cards .slick-prev,
.best-sellers__container-cards .slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 40px;
    height: 40px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    transition: all 0.2s ease;
}

.best-sellers__container-cards .slick-prev {
    left: 10px;
}

.best-sellers__container-cards .slick-next {
    right: 10px;
}

    .best-sellers__container-cards .slick-prev:before,
    .best-sellers__container-cards .slick-next:before {
        color: #333;
        opacity: 1;
    }

.slick-list {
    padding: 0 !important;
}


.select2-selection__clear {
    margin-left: 8px;
    color: #dc3545;
    font-weight: bold;
    font-size: 1.8em;
    line-height: 1.2;
    cursor: pointer;
}

/* ============================================
   ESTILOS ESPECÍFICOS PARA TABLET (768px - 991px)
   ============================================ */

@media (min-width: 768px) and (max-width: 991px) {
    /* Contenedores principales */
    .container-xxl {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
        max-width: 100% !important;
    }

    main.main {
        padding: 0 !important;
    }

    /* HOME - Hero Section */
    .hero .container-xxl {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    .hero__title {
        margin-top: 8rem !important;
        margin-bottom: 2.5rem !important;
        font-size: 5.5rem !important;
        text-align: center;
    }

    .hero__text {
        font-size: 1.375rem !important;
        line-height: 1.6rem !important;
        max-width: 30rem !important;
        text-align: center;
        padding: 0 1rem;
    }

    /* HOME - Best Sellers */
    .best-sellers {
        padding: 2rem 0 !important;
    }

    .best-sellers__title {
        font-size: 3.5rem !important;
        line-height: 4rem !important;
        margin-bottom: 2rem !important;
        max-width: 100% !important;
    }

    .best-sellers__container-cards {
        padding: 0 1rem !important;
    }

        .best-sellers__container-cards .slick-slide {
            width: calc(33.333% - 1rem) !important;
            margin: 0.5rem !important;
        }

    .best-sellers__interest-title {
        font-size: 2.75rem !important;
        line-height: 3.25rem !important;
        margin-bottom: 2.5rem !important;
    }

    .best-sellers__btn {
        display: none !important;
    }

    /* LOGIN */
    .login-page {
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }

    .hero-login__container {
        padding: 1rem 1.5rem !important;
        min-height: auto !important;
        height: auto !important;
        overflow-y: visible !important;
        display: flex !important;
        align-items: flex-start !important;
        justify-content: center !important;
        padding-top: 5rem !important;
        padding-bottom: 2rem !important;
    }

    .hero-login__row {
        min-height: auto !important;
        height: auto !important;
        align-items: flex-start !important;
        width: 100% !important;
    }

    .hero-login__content {
        max-width: 100% !important;
        width: 100% !important;
        padding: 1.5rem !important;
        height: auto !important;
        min-height: auto !important;
        margin-bottom: 2rem !important;
    }

    .hero-login__title {
        font-size: 2.25rem !important;
        line-height: 2.75rem !important;
        margin-bottom: 0.75rem !important;
    }

    .hero-login__description {
        font-size: 1rem !important;
        line-height: 1.3rem !important;
        margin-bottom: 1.5rem !important;
    }

    .hero-login__input {
        min-width: 100% !important;
        width: 100% !important;
        font-size: 0.9375rem !important;
        padding: 0.875rem 1rem !important;
        margin-bottom: 0.75rem !important;
        min-height: 3.25rem !important;
    }

    .hero-login__forgot-password {
        margin-bottom: 1.5rem !important;
        font-size: 0.875rem !important;
    }

    .login__btn {
        width: 100% !important;
        padding: 0.875rem 1.5rem !important;
        font-size: 1rem !important;
        margin-bottom: 1rem !important;
        min-height: 3.5rem !important;
    }

    .hero-login__continue-without-user {
        font-size: 0.875rem !important;
        margin-top: 0.5rem !important;
    }

    .hero-login-video {
        padding: 1rem !important;
        min-height: auto !important;
        height: auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .hero-login-video__desktop {
        max-height: 35rem !important;
        width: 100% !important;
        border-radius: 1rem !important;
        object-fit: cover !important;
    }

    /* TIENDA - Catalog */
    .catalog__container {
        padding: 1.5rem 2rem !important;
    }

    .catalog__nav {
        padding: 1rem 2rem !important;
        margin-bottom: 1.5rem !important;
    }

    .catalog__nav-item {
        font-size: 0.9rem !important;
        padding: 0.75rem 1.25rem !important;
        margin: 0 0.5rem !important;
    }

    .catalog__products-row {
        padding: 0 1rem !important;
    }

        .catalog__products-row .col-sm-6 {
            padding-left: 0.75rem !important;
            padding-right: 0.75rem !important;
            margin-bottom: 1.5rem !important;
        }

    .card {
        max-width: 100% !important;
        margin: 0 auto !important;
    }

        .card .card-img-top {
            max-width: 100% !important;
            height: auto !important;
            max-height: 20rem !important;
        }

    .card__text {
        font-size: 1.125rem !important;
        line-height: 1.5rem !important;
    }

    .card__prize {
        font-size: 1.75rem !important;
    }

    /* CUENTA CORRIENTE */
    .account {
        padding: 2rem 1.5rem !important;
    }

    .account__title {
        padding: 2rem 0 !important;
        margin: 0 !important;
        max-width: 100% !important;
    }

    .account__title-text,
    .account__title-text-second {
        font-size: 2.25rem !important;
        line-height: 2.75rem !important;
        margin-right: 2rem !important;
    }

    .account__content {
        padding: 1.5rem 0 !important;
    }

    .account__search {
        padding: 1rem 0 !important;
        gap: 1rem !important;
    }

    .account__search-item {
        flex: 1 1 auto !important;
        min-width: 250px !important;
    }

    .account__search-item-input {
        font-size: 1rem !important;
        padding: 0.875rem 1rem !important;
    }

    /* GARANTIAS */
    .warranties {
        padding: 2rem 1.5rem !important;
    }

        .warranties .catalog__nav {
            padding: 1rem 2rem !important;
            margin-bottom: 2rem !important;
        }

    .warranties__search {
        min-width: 250px !important;
        max-width: 350px !important;
    }

    .warranties__search-item-input {
        font-size: 1rem !important;
        padding: 0.875rem 1rem !important;
    }

    .warranties__btn-download {
        padding: 0.875rem 1.5rem !important;
        font-size: 1rem !important;
    }

    /* General - Mejoras de espaciado */
    section {
        padding: 2rem 0 !important;
    }

    .row {
        margin-left: -0.75rem !important;
        margin-right: -0.75rem !important;
    }

        .row > * {
            padding-left: 0.75rem !important;
            padding-right: 0.75rem !important;
        }
}

/* ============================================
   PRODUCTO MOBILE - ESTILO MERCADOLIBRE
   ============================================ */
@media (max-width: 991.98px) {
    .product-mobile {
        width: 100%;
        background-color: #ffffff;
    }

    /* Ocultar secciones desktop en mobile */
    .product__container.container-xxl.mb-2 {
        display: none !important;
    }

    .product__data-info.d-none.d-lg-block {
        display: none !important;
    }

    .product__data-pictures.d-none.d-lg-block {
        display: none !important;
    }

    /* Ocultar contenedor de detalles de desktop en mobile */
    .product__container.container-xxl.d-none.d-lg-block {
        display: none !important;
    }

        /* Ocultar específicamente el contenedor de detalles de desktop */
        .product__container.container-xxl.d-none.d-lg-block .product__data-info-details,
        .product__container.container-xxl.d-none.d-lg-block > .product__data-info-details {
            display: none !important;
        }

    /* Asegurar que product-mobile se muestre */
    .product-mobile.d-block.d-lg-none {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Asegurar que el contenedor padre no oculte el contenido mobile */
    .product__data .product__container.container-xxl {
        flex-direction: column !important;
        display: flex !important;
    }

        .product__data .product__container.container-xxl > .product-mobile {
            display: block !important;
            width: 100% !important;
            order: -1; /* Mostrar primero */
            margin: 0 !important;
            padding: 0 !important;
        }

        /* Ocultar todo lo demás en el contenedor en mobile */
        .product__data .product__container.container-xxl > .product__data-pictures,
        .product__data .product__container.container-xxl > .product__data-info {
            display: none !important;
        }

    /* Asegurar que la imagen mobile sea lo primero visible */
    .product-mobile__image-container {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /* Eliminar padding del contenedor principal en mobile */
    .product__data {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    /* Padding top 0 en mobile para todo */
    body .main,
    main.main {
        padding-top: 0 !important;
    }

    .catalog {
        padding-top: 0.5rem !important;
        margin-top: 0 !important;
    }

    .catalog__container {
        padding-top: 0.5rem !important;
        margin-top: 0 !important;
    }

    .catalog__products {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .catalog__nav {
        margin-top: 0 !important;
        padding-top: 0.75rem !important;
    }

    /* Asegurar que product-mobile esté visible desde el inicio */
    .product-mobile {
        position: relative;
        z-index: 1;
    }

    /* Botones de navegación flotantes en mobile */
    .product-mobile__nav {
        position: fixed !important;
        top: 90px !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 1000 !important;
    }

    /* Imagen principal grande */
    .product-mobile__image-container {
        position: relative;
        width: 100%;
        height: 50vh;
        min-height: 300px;
        max-height: 500px;
        background-color: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

    .product-mobile__main-image {
        width: 100%;
        height: 100%;
        object-fit: contain;
        background-color: #ffffff;
    }

    .product-mobile__image-indicator {
        position: absolute;
        bottom: 1rem;
        right: 1rem;
        background-color: rgba(0, 0, 0, 0.6);
        color: #ffffff;
        padding: 0.5rem 1rem;
        border-radius: 1rem;
        font-size: 0.875rem;
        font-weight: 500;
    }

    /* Thumbnails */
    .product-mobile__thumbnails {
        display: flex;
        gap: 0.5rem;
        padding: 1rem;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

        .product-mobile__thumbnails::-webkit-scrollbar {
            display: none;
        }

    .product-mobile__thumb-btn {
        flex-shrink: 0;
        width: 4rem;
        height: 4rem;
        border: 2px solid #eeeeee;
        border-radius: 0.5rem;
        padding: 0.25rem;
        background-color: #ffffff;
        transition: border-color 0.3s;
    }

        .product-mobile__thumb-btn.active {
            border-color: #3483fa;
        }

    .product-mobile__thumb-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 0.25rem;
    }

    /* Información del producto */
    .product-mobile__info {
        padding: 1.5rem 1rem;
        background-color: #ffffff;
    }

    .product-mobile__title {
        font-family: "Manrope", sans-serif;
        font-size: 1.5rem;
        font-weight: 400;
        color: #333333;
        line-height: 1.3;
        margin: 0 0 1rem 0;
    }

    .product-mobile__meta {
        display: flex;
        align-items: center;
        gap: 1rem;
        margin-bottom: 1.5rem;
        flex-wrap: wrap;
    }

    .product-mobile__stock-badge {
        padding: 0.375rem 0.75rem;
        border-radius: 0.25rem;
        font-size: 0.875rem;
        font-weight: 600;
    }

        .product-mobile__stock-badge.in-stock {
            background-color: #00a650;
            color: #ffffff;
        }

        .product-mobile__stock-badge.out-of-stock {
            background-color: #dc3545;
            color: #ffffff;
        }

    .product-mobile__sku {
        font-size: 0.875rem;
        color: #666666;
    }

    /* Precios */
    .product-mobile__prices {
        margin-bottom: 1.5rem;
    }

    .product-mobile__price-original {
        font-size: 1rem;
        color: #999999;
        text-decoration: line-through;
        margin-bottom: 0.5rem;
    }

    .product-mobile__discount-badge {
        display: inline-block;
        background-color: #00a650;
        color: #ffffff;
        padding: 0.25rem 0.5rem;
        border-radius: 0.25rem;
        font-size: 0.75rem;
        font-weight: 600;
        margin-left: 0.5rem;
    }

    .product-mobile__prices-small {
        font-size: 0.75rem;
        color: #666666;
        margin-bottom: 0.5rem;
        line-height: 1.5;
    }

    .product-mobile__price-main {
        font-family: "Gotham", sans-serif;
        font-size: 2.5rem;
        font-weight: 600;
        color: #000000;
        line-height: 1;
    }

    /* Acciones */
    .product-mobile__actions {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        margin-top: 2rem;
    }

    .product-mobile__quantity {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        justify-content: center;
    }

    .product-mobile__qty-btn {
        width: 3rem;
        height: 3rem;
        border: 1px solid #e0e0e0;
        border-radius: 0.5rem;
        background-color: #ffffff;
        font-size: 1.5rem;
        font-weight: 600;
        color: #333333;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        .product-mobile__qty-btn:hover {
            background-color: #f5f5f5;
        }

    .product-mobile__qty-input {
        width: 4rem;
        height: 3rem;
        border: 1px solid #e0e0e0;
        border-radius: 0.5rem;
        text-align: center;
        font-size: 1.125rem;
        font-weight: 600;
    }

    .product-mobile__buy-btn {
        width: 100%;
        height: 3.5rem;
        background-color: #E30A18;
        color: #ffffff;
        border: none;
        border-radius: 0.5rem;
        font-size: 1rem;
        font-weight: 600;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: background-color 0.3s;
        font-family: "Manrope", sans-serif;
    }

        .product-mobile__buy-btn:hover {
            background-color: #a30511;
        }

        .product-mobile__buy-btn:active {
            background-color: #4c4c4c;
        }

    /* Detalles del producto en mobile */
    .product-mobile__details {
        padding: 1.5rem 1rem;
        background-color: #ffffff;
        border-top: 1px solid #e0e0e0;
        margin-top: 1rem;
    }

    .product-mobile__details-title {
        font-family: "Manrope", sans-serif;
        font-size: 1.25rem;
        font-weight: 600;
        color: #333333;
        margin: 0 0 1.5rem 0;
    }

    .product-mobile__details-list {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .product-mobile__details-item {
        display: flex;
        flex-direction: column;
        padding: 1rem 0;
        border-bottom: 1px solid #f0f0f0;
    }

        .product-mobile__details-item:last-child {
            border-bottom: none;
        }

    .product-mobile__details-label {
        font-size: 0.875rem;
        font-weight: 600;
        color: #666666;
        margin-bottom: 0.5rem;
        text-transform: uppercase;
    }

    .product-mobile__details-value {
        font-size: 1rem;
        color: #333333;
        line-height: 1.5;
    }
}