/**
 * Hero /neumaticos: panel y contenido (fondo en <picture> del partial neumaticos_hero_busqueda.php).
 */

body.page-neumaticos .hero-section--neumaticos-search .hero-content--neumaticos-hero {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 1400px;
    margin: 0 auto;
    padding: clamp(0.75rem, 2vw, 1.25rem) clamp(1.25rem, 3vw, 2.5rem);
    min-height: 0;
    width: 100%;
    box-sizing: border-box;
}

@media (min-width: 769px) {
    body.page-neumaticos .hero-section--neumaticos-search .hero-content--neumaticos-hero {
        justify-content: center;
    }
}

@media (max-width: 768px) {
    body.page-neumaticos .hero-section--neumaticos-search .hero-content--neumaticos-hero {
        padding: var(--hero-content-mobile-inset-top, 0.65rem) 0.7rem 1rem;
    }
}

@media (max-width: 480px) {
    body.page-neumaticos .hero-section--neumaticos-search .hero-content--neumaticos-hero {
        padding: 0.55rem 0.525rem 0.85rem;
    }
}

/*
 * Escritorio: priorizar el lado derecho del fondo de forma fluida al estrechar el viewport
 * (panel del buscador a la izquierda). Sin recortar el contenedor: solo object-position.
 */
@media (min-width: 769px) {
    body.page-neumaticos .hero-section--neumaticos-search {
        --hero-neu-bg-object-x: calc(50% + min(48%, max(0%, (1420px - 100vw) * 0.067)));
    }

    body.page-neumaticos .hero-section--neumaticos-search .hero-section__bg-picture,
    body.page-neumaticos .hero-section--neumaticos-search .hero-section__bg-picture img {
        width: 100%;
        height: 100%;
    }

    body.page-neumaticos .hero-section--neumaticos-search .hero-section__bg-picture img {
        object-fit: cover;
        object-position: var(--hero-neu-bg-object-x) center;
    }
}