/* Vendecarsubastas Auctions 2.3.3 — frontend scoped styles */
.svc-auctions,
.svc-auctions *,
.svc-account-message,
.svc-account-message *,
.svc-access-modal,
.svc-access-modal * {
    box-sizing: border-box;
}

.svc-auctions {
    --svc-blue: #075fe4;
    --svc-blue-dark: #061a45;
    --svc-blue-soft: #edf5ff;
    --svc-line: #dce4ef;
    --svc-muted: #687386;
    --svc-success: #087a4b;
    --svc-danger: #b42318;
    --svc-radius: 18px;
    --svc-shadow: 0 14px 40px rgba(16, 46, 91, .09);
    width: 100%;
    margin-block: clamp(19px, 4vw, 41px);
    color: var(--svc-blue-dark);
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    line-height: 1.45;
    overflow: hidden;
    overflow: clip;
}

.svc-auctions--full {
    width: 100vw;
    max-width: none;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

@supports (width: 100dvw) {
    .svc-auctions--full {
        width: 100dvw;
        margin-left: calc(50% - 50dvw);
        margin-right: calc(50% - 50dvw);
    }
}

.svc-auctions a {
    color: inherit;
    text-decoration: none;
}

.svc-auctions button,
.svc-auctions input,
.svc-auctions select {
    font: inherit;
}

.svc-auctions__inner {
    width: min(100%, 1240px);
    margin-inline: auto;
    padding-inline: clamp(14px, 4vw, 36px);
}

.svc-auctions__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 19px;
    margin-bottom: 19px;
}

.svc-auctions__header h2 {
    margin: 7px 0 4px;
    color: var(--svc-blue-dark);
    font-size: clamp(1.287rem, 3vw, 2.125rem);
    line-height: 1.08;
    letter-spacing: -.035em;
}

.svc-auctions__header p {
    max-width: 780px;
    margin: 0;
    color: var(--svc-muted);
    font-size: clamp(0.883rem, 1.4vw, 0.918rem);
}

.svc-auctions__kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--svc-blue);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.svc-auctions__summary {
    display: inline-flex;
    align-items: baseline;
    gap: 7px;
    flex: 0 0 auto;
    padding: 10px 13px;
    border: 1px solid var(--svc-line);
    border-radius: 999px;
    background: #fff;
    color: var(--svc-muted);
    box-shadow: 0 5px 18px rgba(20, 45, 80, .05);
}

.svc-auctions__summary strong {
    color: var(--svc-blue);
    font-size: 0.918rem;
}

.svc-auctions--compact-header {
    margin-block: clamp(15px, 3vw, 28px);
}

.svc-auctions--compact-header .svc-auctions__inner {
    width: min(100%, 1240px);
}

.svc-auctions__header--compact {
    align-items: center;
    margin-bottom: 15px;
}

.svc-auctions__header--compact h2 {
    margin: 0 !important;
    color: var(--svc-blue-dark) !important;
    font-family: inherit !important;
    font-size: clamp(0.918rem, 1.45vw, 1.014rem) !important;
    font-weight: 780 !important;
    line-height: 1.2 !important;
    letter-spacing: -.025em;
    white-space: nowrap;
}

.svc-auctions__all-link {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    gap: 8px;
    color: var(--svc-blue) !important;
    font-size: clamp(.78rem, .88vw, 0.81rem);
    font-weight: 750;
    white-space: nowrap;
}

.svc-auctions__all-link .svc-icon {
    width: 18px;
    height: 18px;
    transition: transform .18s ease;
}

.svc-auctions__all-link:hover .svc-icon,
.svc-auctions__all-link:focus-visible .svc-icon {
    transform: translateX(3px);
}

.svc-auctions__compact-subtitle {
    margin: -10px 0 17px !important;
    color: var(--svc-muted) !important;
    font-size: 0.828rem !important;
}

.svc-icon {
    display: inline-flex;
    width: 18px;
    height: 18px;
    flex: 0 0 20px;
    align-items: center;
    justify-content: center;
}

.svc-icon svg {
    width: 100%;
    height: 100%;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

/* Cards */
.svc-auction-grid {
    --svc-card-gap: clamp(14px, 1.65vw, 22px);
    display: grid;
    grid-template-columns: repeat(var(--svc-columns, 5), minmax(0, 1fr));
    gap: var(--svc-card-gap);
    align-items: stretch;
    min-width: 0;
}

.svc-auction-card {
    position: relative;
    display: flex;
    min-width: 0;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #d9e0e9;
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 2px 9px rgba(16, 42, 78, .045);
    isolation: isolate;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.svc-auction-card:hover {
    border-color: #c4d2e5;
    box-shadow: 0 8px 20px rgba(16, 42, 78, .085);
    transform: translateY(-1px);
}

.svc-auction-card__hit-area {
    position: absolute;
    z-index: 2;
    inset: 0;
    border-radius: inherit;
}

.svc-auction-card__hit-area:focus-visible {
    outline: 3px solid rgba(7, 95, 228, .38);
    outline-offset: -3px;
}

.svc-sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.svc-auction-card__media {
    position: relative;
    z-index: 0;
    overflow: hidden;
    aspect-ratio: 2 / 1;
    margin: 7px 7px 0;
    border-radius: 9px;
    background: #f3f5f8;
}

.svc-auction-card__image {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    object-fit: cover;
    object-position: center;
    transition: transform .28s ease;
}

.svc-auction-card:hover .svc-auction-card__image {
    transform: scale(1.018);
}

.svc-badge {
    position: absolute;
    z-index: 3;
    top: 8px;
    left: 8px;
    display: inline-flex;
    min-height: 22px;
    max-width: calc(100% - 16px);
    align-items: center;
    padding: 2px 8px;
    overflow: hidden;
    border: 1.35px solid #075fe4;
    border-radius: 999px;
    background: rgba(255, 255, 255, .96);
    color: #075fe4;
    font-size: .66rem;
    font-weight: 800;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-shadow: none;
    backdrop-filter: blur(5px);
    pointer-events: none;
}

.svc-vfu-marker {
    position: absolute;
    z-index: 3;
    top: 8px;
    right: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 22px;
    padding: 2px 8px;
    border: 1.35px solid #b42318;
    border-radius: 999px;
    background: rgba(255, 255, 255, .96);
    color: #b42318;
    font-size: .66rem;
    font-weight: 900;
    line-height: 1;
    letter-spacing: .04em;
    pointer-events: none;
}

.svc-badge--compra_ya {
    border-color: #0b8a58;
    color: #08774d;
}

.svc-badge--sin_pujas {
    border-color: #d68b17;
    color: #985b00;
}


.svc-badge--finalizada,
.svc-badge--adjudicada,
.svc-badge--vendida,
.svc-badge--cancelada,
.svc-badge--borrador {
    border-color: #8b96a8;
    color: #667085;
}

.svc-auction-card__body {
    position: relative;
    z-index: 0;
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    flex-direction: column;
    padding: 10px 11px 9px;
}

.svc-auction-card__title {
    display: block;
    width: 100%;
    margin: 0 0 6px !important;
    overflow: hidden;
    color: #07183b !important;
    font-family: inherit !important;
    font-size: clamp(0.754rem, .88vw, 0.81rem) !important;
    font-weight: 760 !important;
    line-height: 1.25 !important;
    letter-spacing: -.018em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.svc-auction-card__specs {
    display: flex;
    min-width: 0;
    min-height: 19px;
    align-items: center;
    margin: 0 0 8px;
    overflow: hidden;
    color: #687386;
    font-size: clamp(.71rem, .75vw, .76rem);
    font-weight: 450;
    line-height: 1.3;
    white-space: nowrap;
}

.svc-auction-card__specs span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.svc-auction-card__specs span + span::before {
    content: "·";
    margin-inline: 7px;
    color: #9aa5b4;
}

.svc-auction-card__price {
    display: flex !important;
    min-width: 0;
    align-items: baseline;
    gap: 4px;
    margin: 0 !important;
    overflow: hidden;
    color: #075fe4 !important;
    font-family: inherit !important;
    font-size: clamp(.77rem, .82vw, 0.773rem) !important;
    font-weight: 760 !important;
    line-height: 1.3 !important;
    white-space: nowrap;
}

.svc-auction-card__price span,
.svc-auction-card__price strong {
    color: inherit !important;
    font: inherit !important;
}

.svc-auction-card__price strong {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.svc-auction-card__footer {
    display: flex;
    min-height: 32px;
    align-items: center;
    justify-content: space-between;
    gap: 9px;
    margin-top: auto;
    padding-top: 9px;
}

.svc-countdown {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 6px;
    overflow: hidden;
    color: #606d80;
    font-size: clamp(.71rem, .75vw, .77rem);
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
}

.svc-countdown [data-countdown-text] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.svc-countdown .svc-icon {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
}

.svc-countdown.is-urgent {
    color: #b54708;
}

.svc-countdown.is-ended {
    color: #7b8494;
}

.svc-favorite {
    position: relative;
    z-index: 4;
    display: inline-flex;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    align-items: center;
    justify-content: center;
    margin: -4px -6px -4px 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #657286;
    cursor: pointer;
    box-shadow: none;
    transition: color .18s ease, transform .18s ease, background .18s ease;
}

.svc-favorite:hover,
.svc-favorite:focus-visible {
    background: #eef5ff;
    color: #075fe4;
    transform: scale(1.04);
    outline: none;
}

.svc-favorite .svc-icon {
    width: 22px;
    height: 22px;
    flex-basis: 22px;
}

.svc-favorite.is-active {
    background: transparent;
    color: #075fe4;
}

.svc-favorite.is-active svg {
    fill: currentColor;
}

.svc-favorite.is-loading {
    opacity: .55;
    pointer-events: none;
}

.svc-auction-card--finalizada,
.svc-auction-card--sin_pujas,
.svc-auction-card--vendida,
.svc-auction-card--cancelada,
.svc-auction-card--adjudicada {
    background: #fcfdff;
}

.svc-auction-card--vendida .svc-auction-card__image,
.svc-auction-card--cancelada .svc-auction-card__image {
    filter: saturate(.72);
}

/* Carrusel de destacados */
.svc-auction-carousel {
    position: relative;
    min-width: 0;
}

.svc-auctions--carousel .svc-auction-grid {
    grid-auto-flow: column;
    grid-auto-columns: calc((100% - 88px) / 5);
    grid-template-columns: none;
    gap: 19px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 2px 2px 13px;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
}

.svc-auctions--carousel .svc-auction-grid::-webkit-scrollbar {
    display: none;
}

.svc-auctions--carousel .svc-auction-card {
    scroll-snap-align: start;
    scroll-snap-stop: normal;
}

.svc-carousel-control {
    position: absolute;
    z-index: 8;
    top: 50%;
    display: inline-flex;
    width: 46px;
    height: 46px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid #e6ebf2;
    border-radius: 50%;
    background: #fff;
    color: #075fe4;
    cursor: pointer;
    box-shadow: 0 9px 24px rgba(24, 43, 72, .12);
    transform: translateY(-50%);
    transition: opacity .18s ease, transform .18s ease, box-shadow .18s ease;
}

.svc-carousel-control:hover,
.svc-carousel-control:focus-visible {
    box-shadow: 0 13px 30px rgba(24, 43, 72, .17);
    transform: translateY(-50%) scale(1.04);
    outline: none;
}

.svc-carousel-control .svc-icon {
    width: 21px;
    height: 21px;
}

.svc-carousel-control--prev {
    left: -22px;
}

.svc-carousel-control--prev .svc-icon {
    transform: rotate(180deg);
}

.svc-carousel-control--next {
    right: -22px;
}

.svc-carousel-control:disabled,
.svc-carousel-control[hidden] {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

/* Empty state and pagination */
.svc-empty-state,
.svc-account-message {
    display: grid;
    width: min(100%, 760px);
    justify-items: center;
    margin: 26px auto;
    padding: clamp(22px, 5vw, 38px) 17px;
    border: 1px dashed #c9d5e4;
    border-radius: 18px;
    background: #f9fbfe;
    color: var(--svc-blue-dark, #061a45);
    text-align: center;
}

.svc-empty-state > .svc-icon {
    width: 52px;
    height: 52px;
    margin-bottom: 8px;
    color: #78a8ea;
}

.svc-empty-state h3,
.svc-account-message h3 {
    margin: 0 0 6px;
    font-size: 1.02rem;
}

.svc-empty-state p,
.svc-account-message p {
    max-width: 540px;
    margin: 0 0 16px;
    color: #687386;
}

.svc-empty-state a,
.svc-account-message a {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    border-radius: 9px;
    background: #075fe4;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
}

.svc-pagination {
    margin-top: clamp(20px, 4vw, 29px);
}

.svc-pagination ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 7px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.svc-pagination a,
.svc-pagination span.page-numbers {
    display: inline-flex;
    min-width: 42px;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    padding: 0 11px;
    border: 1px solid #d9e2ee;
    border-radius: 9px;
    background: #fff;
    color: #44526a;
    font-size: 0.791rem;
    font-weight: 700;
}

.svc-pagination span.current,
.svc-pagination a:hover {
    border-color: #075fe4;
    background: #075fe4;
    color: #fff;
}

/* Confirmation modal shared by old and new templates */
.svc-action-modal {
    position: fixed;
    z-index: 999999;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 15px;
    background: rgba(4, 16, 42, .56);
    opacity: 0;
    visibility: hidden;
    transition: opacity .18s ease, visibility .18s ease;
}

.svc-action-modal.is-open {
    opacity: 1;
    visibility: visible;
}

.svc-action-modal__dialog {
    width: min(100%, 430px);
    padding: 19px;
    border-radius: 18px;
    background: #fff;
    color: #061a45;
    box-shadow: 0 28px 70px rgba(0, 0, 0, .28);
    transform: translateY(10px) scale(.98);
    transition: transform .18s ease;
}

.svc-action-modal.is-open .svc-action-modal__dialog {
    transform: translateY(0) scale(1);
}

.svc-action-modal__dialog h3 {
    margin: 0 0 8px;
    color: #061a45;
    font-size: 1rem;
}

.svc-action-modal__dialog p {
    margin: 0;
    color: #637086;
}

.svc-action-modal__actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 19px;
}

.svc-action-modal__actions button {
    min-height: 48px;
    border: 1px solid #d7e0ec;
    border-radius: 10px;
    background: #fff;
    color: #263653;
    font-weight: 750;
    cursor: pointer;
}

.svc-action-modal__actions .svc-action-confirm {
    border-color: #075fe4;
    background: #075fe4;
    color: #fff;
}

body.svc-modal-open {
    overflow: hidden;
}

/* Legacy button polish. Kept scoped by IDs used in existing templates. */
#svc-bid-button,
#svc-buy-now-button {
    min-height: 50px;
    padding: 11px 19px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: #075fe4 !important;
    color: #fff !important;
    font-weight: 750 !important;
    cursor: pointer;
    box-shadow: 0 10px 24px rgba(7, 95, 228, .22) !important;
}

#svc-buy-now-button {
    background: #087a4b !important;
    box-shadow: 0 10px 24px rgba(8, 122, 75, .2) !important;
}

#svc-bid-button:disabled,
#svc-buy-now-button:disabled {
    opacity: .56;
    cursor: not-allowed;
}

#svc-bid-message[data-state="success"],
#svc-buy-message[data-state="success"] { color: #087a4b; }
#svc-bid-message[data-state="error"],
#svc-buy-message[data-state="error"] { color: #b42318; }
#svc-bid-message[data-state="loading"],
#svc-buy-message[data-state="loading"] { color: #075fe4; }

#svc-bid-message,
#svc-buy-message {
    min-height: 24px;
    margin-top: 10px;
    color: #42526a;
    font-size: 0.846rem;
    font-weight: 650;
}

/* Auto-puja: bloque aislado para no alterar los controles rápidos existentes. */
.svc-auto-bid,
.svc-auto-bid * {
    box-sizing: border-box;
}

.svc-auto-bid {
    width: 100%;
    margin-top: 14px;
    padding: 15px;
    border: 1px solid #cbdcf7;
    border-radius: 14px;
    background: linear-gradient(145deg, #f7faff 0%, #eef5ff 100%);
    color: #10213f;
    box-shadow: 0 10px 28px rgba(7, 52, 124, .08);
}

.svc-auto-bid[hidden] {
    display: none !important;
}

.svc-auto-bid.is-active {
    border-color: #8ab6f6;
    box-shadow: 0 12px 30px rgba(7, 95, 228, .12);
}

.svc-auto-bid__heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 8px;
}

.svc-auto-bid__heading > div {
    display: grid;
    gap: 3px;
}

.svc-auto-bid__heading strong {
    color: #071d49;
    font-size: 0.957rem;
    line-height: 1.3;
}

.svc-auto-bid__kicker {
    color: #075fe4;
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .11em;
}

.svc-auto-bid__privacy {
    flex: 0 0 auto;
    padding: 5px 9px;
    border: 1px solid #bfd4f5;
    border-radius: 999px;
    background: #fff;
    color: #315d9e;
    font-size: .71rem;
    font-weight: 800;
    white-space: nowrap;
}

.svc-auto-bid__help {
    margin: 0 0 14px;
    color: #50627c;
    font-size: 0.81rem;
    line-height: 1.55;
}

.svc-auto-bid__controls {
    display: grid;
    grid-template-columns: minmax(150px, 1fr) auto;
    align-items: end;
    gap: 10px;
}

.svc-auto-bid__field {
    display: grid;
    gap: 6px;
    margin: 0;
    color: #34445e;
    font-size: .76rem;
    font-weight: 800;
}

.svc-auto-bid__field input {
    width: 100%;
    min-width: 0;
    height: 50px;
    margin: 0;
    padding: 10px 12px;
    border: 1px solid #afc4e4;
    border-radius: 10px;
    outline: 0;
    background: #fff;
    color: #071d49;
    font: inherit;
    font-size: 0.92rem;
    font-weight: 800;
}

.svc-auto-bid__field input:focus {
    border-color: #075fe4;
    box-shadow: 0 0 0 3px rgba(7, 95, 228, .13);
}

.svc-auto-bid__field input:disabled {
    background: #edf1f6;
    color: #7b8798;
    cursor: not-allowed;
}

.svc-auto-bid__submit {
    min-height: 50px;
    padding: 11px 15px;
    border: 0;
    border-radius: 10px;
    background: #075fe4;
    color: #fff;
    font-size: 0.828rem;
    font-weight: 850;
    line-height: 1.2;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: 0 9px 20px rgba(7, 95, 228, .2);
}

.svc-auto-bid__submit:hover:not(:disabled) {
    background: #054ebd;
}

.svc-auto-bid__submit:focus-visible {
    outline: 3px solid rgba(7, 95, 228, .25);
    outline-offset: 2px;
}

.svc-auto-bid__submit:disabled {
    opacity: .58;
    cursor: not-allowed;
    box-shadow: none;
}

.svc-auto-bid__message {
    min-height: 20px;
    margin: 10px 0 0;
    color: #50627c;
    font-size: .78rem;
    font-weight: 700;
    line-height: 1.45;
}

.svc-auto-bid__message[data-state="success"] { color: #087a4b; }
.svc-auto-bid__message[data-state="error"] { color: #b42318; }
.svc-auto-bid__message[data-state="loading"] { color: #075fe4; }

@media (max-width: 1320px) {

    .svc-auctions--columns-5:not(.svc-auctions--carousel) .svc-auction-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .svc-auctions--carousel .svc-auction-grid {
        grid-auto-columns: calc((100% - 66px) / 4);
    }
}

@media (max-width: 1020px) {
    .svc-auctions__header:not(.svc-auctions__header--compact) {
        align-items: flex-start;
    }

    .svc-auctions--columns-5:not(.svc-auctions--carousel) .svc-auction-grid,
    .svc-auctions--columns-4:not(.svc-auctions--carousel) .svc-auction-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .svc-auctions--carousel .svc-auction-grid {
        grid-auto-columns: calc((100% - 44px) / 3);
    }
}

@media (max-width: 760px) {
    .svc-auctions__inner {
        padding-inline: 14px;
    }

    .svc-auctions--columns-5:not(.svc-auctions--carousel) .svc-auction-grid,
    .svc-auctions--columns-4:not(.svc-auctions--carousel) .svc-auction-grid,
    .svc-auctions--columns-3:not(.svc-auctions--carousel) .svc-auction-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .svc-auctions--carousel .svc-auction-grid {
        grid-auto-columns: calc((100% - 16px) / 2);
        gap: 14px;
    }

    .svc-carousel-control {
        width: 42px;
        height: 42px;
    }

    .svc-carousel-control--prev {
        left: -12px;
    }

    .svc-carousel-control--next {
        right: -12px;
    }
}

@media (max-width: 640px) {
    .svc-auto-bid {
        margin-top: 12px;
        padding: 14px;
        border-radius: 12px;
    }

    .svc-auto-bid__heading {
        gap: 10px;
    }

    .svc-auto-bid__privacy {
        padding: 4px 7px;
        font-size: .66rem;
    }

    .svc-auto-bid__controls {
        grid-template-columns: 1fr;
    }

    .svc-auto-bid__field input,
    .svc-auto-bid__submit {
        width: 100%;
        min-height: 50px;
    }

    .svc-auctions {
        margin-block: 19px 27px;
    }

    .svc-auctions__inner {
        padding-inline: 13px;
    }

    .svc-auctions__header:not(.svc-auctions__header--compact) {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
        margin-bottom: 15px;
    }

    .svc-auctions__header--compact {
        align-items: center;
        flex-direction: row;
        gap: 11px;
        margin-bottom: 13px;
    }

    .svc-auctions__header--compact h2 {
        font-size: 0.975rem !important;
    }

    .svc-auctions__all-link {
        min-height: 36px;
        margin-left: auto;
        font-size: .76rem;
    }

    .svc-auctions__summary {
        padding: 8px 11px;
    }

    .svc-auctions--carousel .svc-auction-grid {
        grid-auto-columns: min(74vw, 238px);
        gap: 13px;
        margin-right: -14px;
        padding-right: 13px;
    }

    .svc-carousel-control {
        display: none;
    }

    .svc-auction-card__body {
        padding: 10px 11px 9px;
    }

    .svc-auction-card__title {
        font-size: 0.791rem !important;
    }

    .svc-auction-card__transmission {
        display: none;
    }

    .svc-auction-card__specs .svc-auction-card__transmission::before {
        display: none;
    }

    .svc-auction-card__price {
        font-size: 0.736rem !important;
    }

    .svc-pagination .prev span,
    .svc-pagination .next span {
        display: none;
    }
}

@media (max-width: 520px) {
    .svc-auctions--columns-5:not(.svc-auctions--carousel) .svc-auction-grid,
    .svc-auctions--columns-4:not(.svc-auctions--carousel) .svc-auction-grid,
    .svc-auctions--columns-3:not(.svc-auctions--carousel) .svc-auction-grid,
    .svc-auctions--columns-2:not(.svc-auctions--carousel) .svc-auction-grid {
        grid-template-columns: 1fr;
    }

    .svc-auctions--compact-header .svc-auctions__inner {
        padding-inline: 11px;
    }

    .svc-auctions--carousel .svc-auction-grid {
        grid-auto-columns: min(72vw, 224px);
        margin-right: -12px;
        padding-right: 11px;
    }
}

@media (max-width: 370px) {
    .svc-auctions__inner {
        padding-inline: 10px;
    }

    .svc-auctions__header--compact {
        gap: 8px;
    }

    .svc-auctions__header--compact h2 {
        font-size: 0.92rem !important;
    }

    .svc-auctions__all-link {
        gap: 4px;
        font-size: .7rem;
    }

    .svc-auctions__all-link .svc-icon {
        width: 17px;
        height: 17px;
    }

    .svc-auctions--carousel .svc-auction-grid {
        grid-auto-columns: min(78vw, 218px);
        margin-right: -10px;
        padding-right: 10px;
    }

    .svc-action-modal__actions {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .svc-auction-card,
    .svc-auction-card__image,
    .svc-action-modal,
    .svc-action-modal__dialog,
    .svc-favorite {
        transition: none !important;
    }
}

/* ==========================================================
   Tarjeta de referencia Vendecarsubastas
   El shortcode [vendecar_subastas] conserva la lógica operativa,
   pero comparte la tarjeta compacta de las maquetas aprobadas.
   ========================================================== */
.svc-auctions .svc-auction-grid {
    --svc-card-gap: clamp(14px, 1.45vw, 22px);
}

.svc-auctions .svc-auction-card {
    min-height: 232px;
    border-radius: 12px;
}

.svc-auctions .svc-auction-card__media {
    margin: 7px 7px 0;
    border-radius: 9px;
    background: #f4f6f8;
}

.svc-auctions .svc-auction-card__body {
    padding: 10px 11px 9px;
}

.svc-auctions .svc-auction-card__title {
    margin-bottom: 6px !important;
    font-size: clamp(0.754rem, .87vw, 0.819rem) !important;
    font-weight: 760 !important;
}

.svc-auctions .svc-auction-card__specs {
    min-height: 18px;
    margin-bottom: 7px;
    font-size: clamp(.70rem, .74vw, .76rem);
}

.svc-auctions .svc-auction-card__price {
    font-size: clamp(.72rem, .81vw, .773rem) !important;
}

.svc-auctions .svc-auction-card__footer {
    min-height: 31px;
    padding-top: 8px;
}

.svc-auctions .svc-countdown {
    font-size: clamp(.70rem, .74vw, .76rem);
}

.svc-auctions .svc-favorite {
    width: 32px;
    height: 32px;
    flex-basis: 32px;
}

/* Cinco tarjetas en escritorio, cuatro en portátil y tres en tablet. */
@media (min-width: 1181px) {
    .svc-auctions--columns-5:not(.svc-auctions--carousel) .svc-auction-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .svc-auctions--carousel .svc-auction-grid {
        grid-auto-columns: calc((100% - 88px) / 5);
    }
}

@media (min-width: 820px) and (max-width: 1180px) {
    .svc-auctions--columns-5:not(.svc-auctions--carousel) .svc-auction-grid,
    .svc-auctions--columns-4:not(.svc-auctions--carousel) .svc-auction-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .svc-auctions--carousel .svc-auction-grid {
        grid-auto-columns: calc((100% - 54px) / 4);
        gap: 15px;
    }
}

@media (min-width: 640px) and (max-width: 819px) {
    .svc-auctions--columns-5:not(.svc-auctions--carousel) .svc-auction-grid,
    .svc-auctions--columns-4:not(.svc-auctions--carousel) .svc-auction-grid,
    .svc-auctions--columns-3:not(.svc-auctions--carousel) .svc-auction-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .svc-auctions--carousel .svc-auction-grid {
        grid-auto-columns: calc((100% - 32px) / 3);
        gap: 14px;
    }
}

/* En móvil el listado se convierte en un carril táctil como la referencia. */
@media (max-width: 639px) {
    .svc-auctions--grid .svc-auction-grid {
        display: grid;
        grid-template-columns: none !important;
        grid-auto-flow: column;
        grid-auto-columns: min(76vw, 238px);
        gap: 13px;
        margin-inline: -14px;
        padding: 2px 13px 13px;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-behavior: smooth;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        overscroll-behavior-inline: contain;
        -webkit-overflow-scrolling: touch;
    }

    .svc-auctions--grid .svc-auction-grid::-webkit-scrollbar {
        display: none;
    }

    .svc-auctions--grid .svc-auction-card {
        min-width: 0;
        scroll-snap-align: start;
        scroll-snap-stop: normal;
    }

    .svc-auctions .svc-auction-card__transmission {
        display: inline;
    }

    .svc-auctions .svc-auction-card__specs .svc-auction-card__transmission::before {
        display: inline;
    }
}

@media (max-width: 390px) {
    .svc-auctions--grid .svc-auction-grid {
        grid-auto-columns: min(80vw, 230px);
        margin-inline: -10px;
        padding-inline: 10px;
    }
}

/* ==========================================================
   Acceso a fichas privadas
   El inventario sigue siendo público; la ficha completa se abre
   únicamente para propietarios asignados, profesionales aprobados
   y administradores.
   ========================================================== */
.svc-auction-card[data-svc-detail-access="restricted"] .svc-auction-card__hit-area {
    cursor: pointer;
}

.svc-access-modal {
    position: fixed;
    z-index: 1000000;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 14px;
    background: rgba(3, 15, 40, .64);
    opacity: 0;
    visibility: hidden;
    transition: opacity .18s ease, visibility .18s ease;
}

.svc-access-modal.is-open {
    opacity: 1;
    visibility: visible;
}

.svc-access-modal__dialog {
    position: relative;
    width: min(100%, 510px);
    padding: clamp(20px, 5vw, 30px);
    border: 1px solid rgba(214, 225, 240, .9);
    border-radius: 24px;
    background: #fff;
    color: #071b43;
    box-shadow: 0 34px 90px rgba(0, 0, 0, .32);
    text-align: center;
    transform: translateY(12px) scale(.98);
    transition: transform .18s ease;
}

.svc-access-modal.is-open .svc-access-modal__dialog {
    transform: translateY(0) scale(1);
}

.svc-access-modal__close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 50%;
    background: #f2f6fc;
    color: #40506a;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
}

.svc-access-modal__icon {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    margin: 0 auto 16px;
    border-radius: 10px;
    background: #edf4ff;
    color: #075fe7;
}

.svc-access-modal__icon svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.svc-access-modal__eyebrow {
    margin: 0 0 7px !important;
    color: #075fe7 !important;
    font-size: .72rem !important;
    font-weight: 850 !important;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.svc-access-modal__dialog h3 {
    margin: 0 !important;
    color: #071b43 !important;
    font-family: inherit !important;
    font-size: clamp(1.209rem, 5vw, 1.875rem) !important;
    font-weight: 850 !important;
    line-height: 1.12 !important;
    letter-spacing: -.035em;
}

.svc-access-modal__dialog > p[data-access-message] {
    margin: 14px 0 0 !important;
    color: #627087 !important;
    font-size: 0.902rem !important;
    line-height: 1.65 !important;
}

.svc-access-modal__actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 19px;
}

.svc-access-modal__actions a {
    min-height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    border: 1px solid #d5dfec;
    border-radius: 11px;
    background: #fff;
    color: #223758;
    font-size: 0.828rem;
    font-weight: 800;
    text-decoration: none;
}

.svc-access-modal__actions .svc-access-modal__primary {
    border-color: #075fe7;
    background: #075fe7;
    color: #fff;
    box-shadow: 0 11px 25px rgba(7, 95, 231, .2);
}

.svc-access-modal__actions a:focus-visible,
.svc-access-modal__close:focus-visible {
    outline: 3px solid rgba(7, 95, 231, .3);
    outline-offset: 3px;
}

@media (max-width: 460px) {
    .svc-access-modal__dialog {
        padding: 22px 15px 17px;
        border-radius: 19px;
    }

    .svc-access-modal__actions {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .svc-access-modal,
    .svc-access-modal__dialog {
        transition: none !important;
    }
}

/* 2.7.3 · Kilometraje, seguro y croquis moderno */
.svc-auction-card__specs span{overflow-wrap:anywhere}
.vcv-page .svc-km-unverified{display:inline-flex!important;min-height:20px;align-items:center;margin-left:7px!important;padding:3px 7px;border:1px solid #c8d8ef;border-radius:999px;background:#f1f6fd;color:#52657f!important;font-size:10px!important;font-weight:850!important;line-height:1!important;letter-spacing:.035em;text-transform:uppercase;vertical-align:middle}
.vcv-page .vcv-spec-value .svc-km-unverified{margin-top:3px!important}
.vcv-page .svc-client-insurance-item{border-color:#b9dfd2!important;background:linear-gradient(145deg,#f5fffb,#eaf9f3)!important}.vcv-page .svc-client-insurance-item strong{color:#087a55!important}
.vcv-page .svc-client-insurance-notice{display:flex;align-items:flex-start;gap:11px;margin-top:15px;padding:14px 14px;border:1px solid #b9dfd2;border-radius:13px;background:linear-gradient(145deg,#f5fffb,#ebfaf4);color:#315e50}.vcv-page .svc-client-insurance-notice>span{display:grid;width:30px;height:30px;flex:0 0 30px;place-items:center;border-radius:10px;background:#087a55;color:#fff;font-size:13px;font-weight:900}.vcv-page .svc-client-insurance-notice p{margin:1px 0 0!important;color:#315e50!important;font-size:12px;line-height:1.6}
.vcv-page .svc-insurance-icon{display:grid;width:18px;height:18px;place-items:center;border-radius:50%;background:#e8f8f1;color:#087a55;font-size:12px;font-weight:900}.vcv-page .svc-insurance-arrow{color:#0861e8;font-size:18px;line-height:1}
.vcv-page .svc-modern-damage-map{position:absolute!important;right:13px!important;top:18px!important;width:108px!important;height:224px!important;color:transparent!important;overflow:visible!important;filter:drop-shadow(0 12px 16px rgba(17,42,84,.14))}.vcv-page .svc-public-car-illustration{pointer-events:none}.vcv-page .svc-public-damage-zone{fill:transparent;stroke:transparent;stroke-width:2;pointer-events:none}.vcv-page .svc-public-damage-zone.is-active{fill:rgba(244,63,94,.30);stroke:#e11d48;filter:drop-shadow(0 0 8px rgba(225,29,72,.32))}
@media(max-width:850px){.vcv-page .svc-modern-damage-map{width:96px!important;height:210px!important;right:10px!important;top:18px!important}}
@media(max-width:520px){.vcv-page .svc-km-unverified{display:flex!important;width:max-content;margin:4px 0 0!important}.vcv-page .svc-client-insurance-notice{padding:12px}.vcv-page .svc-modern-damage-map{width:82px!important;height:190px!important;right:7px!important;top:20px!important}}
@media(max-width:360px){.vcv-page .svc-modern-damage-map{top:auto!important;right:50%!important;bottom:10px!important;width:100px!important;height:190px!important;transform:translateX(50%)!important}}
