@import url('./vehicle-detail-theme-2026.css?v=20261005-1');
@import url('./vehicle-detail-actions-2026.css?v=20261005-1');
@import url('./vehicle-related-mobile-2026.css?v=20261005-1');

/* Autos Esquivel — fotografía de unidades en formato cuadrado.
 *
 * Objetivo:
 * - no recortar vehículos;
 * - respetar la fotografía completa con object-fit: contain;
 * - dar más aire visual en cards, inventario, ficha, miniaturas y comparador;
 * - mantener el comportamiento consistente en escritorio y móvil.
 *
 * La paleta de las fichas vive exclusivamente en vehicle-detail-theme-2026.css.
 */

body.public-site-rebuild {
    --ae-vehicle-photo-bg:
        radial-gradient(circle at 50% 46%, rgba(255,255,255,.055), transparent 48%),
        linear-gradient(145deg, #11151a 0%, #07090c 100%);
}

/* Cards de inventario, home, relacionados y favoritos. */
html body.public-site-rebuild .ae-inventory-2026 .vehicle-card__media,
html body.public-site-rebuild .ae-vehicle-card-canonical-scope .vehicle-card__media,
html body.public-site-rebuild .vehicle-card--compact .vehicle-card__media {
    aspect-ratio: 1 / 1 !important;
    min-height: 0 !important;
    height: auto !important;
    background: var(--ae-vehicle-photo-bg) !important;
}

html body.public-site-rebuild .ae-inventory-2026 .vehicle-card__media > img[data-vehicle-image],
html body.public-site-rebuild .ae-vehicle-card-canonical-scope .vehicle-card__media > img[data-vehicle-image],
html body.public-site-rebuild .vehicle-card--compact .vehicle-card__media > img[data-vehicle-image] {
    width: 100% !important;
    height: 100% !important;
    box-sizing: border-box !important;
    object-fit: contain !important;
    object-position: center !important;
    padding: clamp(8px, 1.25vw, 16px) !important;
    transform: none !important;
    filter: none !important;
}

html body.public-site-rebuild .ae-inventory-2026 .vehicle-card:hover .vehicle-card__media > img[data-vehicle-image],
html body.public-site-rebuild .ae-vehicle-card-canonical-scope .vehicle-card:hover .vehicle-card__media > img[data-vehicle-image],
html body.public-site-rebuild .vehicle-card--compact:hover .vehicle-card__media > img[data-vehicle-image] {
    transform: none !important;
}

html body.public-site-rebuild .ae-inventory-2026 .inventory-skeleton-card__image {
    aspect-ratio: 1 / 1 !important;
}

/* Hero del inventario: la unidad también se muestra completa. */
html body.public-site-rebuild .ae-inventory-hero__stage-frame {
    aspect-ratio: 1 / 1 !important;
    min-height: 0 !important;
    height: auto !important;
    background: var(--ae-vehicle-photo-bg) !important;
}

html body.public-site-rebuild .ae-inventory-hero__stage-frame > img {
    width: 100% !important;
    height: 100% !important;
    box-sizing: border-box !important;
    object-fit: contain !important;
    object-position: center !important;
    padding: clamp(10px, 1.6vw, 22px) !important;
    transform: none !important;
}

html body.public-site-rebuild .ae-inventory-hero__stage-frame:hover > img {
    transform: none !important;
}

/* Ficha de unidad: galería principal cuadrada y sin recortes. */
html body.public-site-rebuild .ae-vehicle-gallery {
    width: 100%;
    max-width: 1180px;
    min-width: 0;
    margin-inline: auto;
}

html body.public-site-rebuild .ae-vehicle-gallery__stage {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    aspect-ratio: 1 / 1 !important;
    min-height: 0 !important;
    height: auto !important;
    background: var(--ae-vehicle-photo-bg) !important;
}

html body.public-site-rebuild .ae-vehicle-gallery__stage > img {
    width: 100% !important;
    height: 100% !important;
    box-sizing: border-box !important;
    object-fit: contain !important;
    object-position: center !important;
    padding: clamp(8px, 1.2vw, 16px) !important;
    transform: none !important;
}

html body.public-site-rebuild .ae-vehicle-gallery__stage.is-loading > img,
html body.public-site-rebuild .ae-vehicle-gallery__stage.is-loaded > img,
html body.public-site-rebuild .ae-vehicle-gallery__stage:hover > img {
    transform: none !important;
}

/* Miniaturas: cuadradas y mostrando la fotografía completa. */
html body.public-site-rebuild .ae-vehicle-gallery__thumbs {
    min-width: 0;
    max-width: 100%;
    grid-auto-rows: 142px !important;
    max-height: 1024px;
}

html body.public-site-rebuild .ae-vehicle-gallery__thumb {
    aspect-ratio: 1 / 1 !important;
    background: var(--ae-vehicle-photo-bg) !important;
}

html body.public-site-rebuild .ae-vehicle-gallery__thumb img {
    width: 100% !important;
    height: 100% !important;
    box-sizing: border-box !important;
    object-fit: contain !important;
    object-position: center !important;
    padding: 4px !important;
    transform: none !important;
}

html body.public-site-rebuild .ae-vehicle-gallery__thumb:hover img {
    transform: none !important;
}

/* Comparador: la misma regla para que ninguna unidad salga recortada. */
html body.public-site-rebuild .vehicle-comparison-table__vehicle img,
html body.public-site-rebuild .vehicle-comparison-table__placeholder {
    aspect-ratio: 1 / 1 !important;
    background: var(--ae-vehicle-photo-bg) !important;
}

html body.public-site-rebuild .vehicle-comparison-table__vehicle img {
    object-fit: contain !important;
    object-position: center !important;
    padding: 6px !important;
}

@media (max-width: 920px) {
    html body.public-site-rebuild .ae-vehicle-gallery {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        grid-template-columns: minmax(0, 1fr) !important;
        justify-items: stretch;
        margin-inline: auto !important;
    }

    html body.public-site-rebuild .ae-vehicle-gallery__stage,
    html body.public-site-rebuild .ae-vehicle-gallery__thumbs {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    html body.public-site-rebuild .ae-vehicle-gallery__thumbs {
        grid-auto-columns: 120px !important;
        grid-auto-rows: 120px !important;
        max-height: none !important;
    }
}

@media (max-width: 700px) {
    html body.public-site-rebuild .ae-inventory-2026 .vehicle-card__media > img[data-vehicle-image],
    html body.public-site-rebuild .ae-vehicle-card-canonical-scope .vehicle-card__media > img[data-vehicle-image],
    html body.public-site-rebuild .vehicle-card--compact .vehicle-card__media > img[data-vehicle-image] {
        padding: 8px !important;
    }

    html body.public-site-rebuild .ae-vehicle-gallery__stage {
        margin-inline: auto !important;
    }

    html body.public-site-rebuild .ae-vehicle-gallery__stage > img {
        padding: 6px !important;
    }
}