/*
 * alignment-fix.css
 * Estandarización: TODAS las secciones alineadas al mismo contenedor
 */

/* Forzar mismo padding en TODOS los containers */
.container {
    max-width: var(--container-width, 1296px) !important;
    margin: 0 auto !important;
    padding: 0 32px !important;
    box-sizing: border-box !important;
}

/* Asegurar que elementos dentro del container no se salgan */
.container > * {
    max-width: 100%;
    box-sizing: border-box;
}

/* Grids y flex dentro del container respetan el ancho */
.container .bento-grid-balanced,
.container .hope-stagger,
.container .services-grid,
.container .industry-grid,
.container .proof-cases {
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Items dentro de stagger sin margin extra */
.stagger-item {
    margin-left: calc(var(--stagger, 0) * 80px) !important;
}

/* Mobile: mismo padding reducido */
@media (max-width: 767px) {
    .container {
        padding: 0 16px !important;
    }

    .stagger-item {
        margin-left: 0 !important;
    }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1023px) {
    .container {
        padding: 0 24px !important;
    }
}