/**

 * Stack hero landing (neumáticos + mantenciones): panel unificado por servicio.

 */



:root {

    --hero-landing-font-sans: var(--font-sans);

    --hero-landing-stack-gap: clamp(0.5rem, 1.5vw, 0.85rem);

    --hero-landing-content-max-w: min(680px, 100%);

}



.home-hero-banners .hero-neumaticos-hero-stack,

.home-hero-banners .hero-mantenciones-hero-stack,

body.page-neumaticos .hero-neumaticos-hero-stack,

body.page-mantenciones-index .hero-mantenciones-hero-stack,

body.page-mantenciones-marca .hero-mantenciones-hero-stack {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    gap: var(--hero-landing-stack-gap);

    width: 100%;

    max-width: var(--hero-landing-content-max-w);

}



@media (max-width: 768px) {

    .home-hero-banners .hero-neumaticos-hero-stack,

    .home-hero-banners .hero-mantenciones-hero-stack,

    body.page-neumaticos .hero-neumaticos-hero-stack,

    body.page-mantenciones-index .hero-mantenciones-hero-stack,

    body.page-mantenciones-marca .hero-mantenciones-hero-stack {

        max-width: 100%;

    }

}