/* Shared dark section color, taken from the homepage locations section. */
:root {
    --brand-section-blue: #0b2c4d;
    --brand-grid-line: rgba(255, 255, 255, .035);
}

.branches-ca,
.about-ca,
.mv-ca,
.values-ca,
.containers-hero,
.projects-hero,
.projects-process-section,
.projects-video-section,
.commercial-hero,
.commercial-solutions-section,
.commercial-uses-section,
.commercial-showcase-section,
.industrial-hero,
.industrial-operations-section,
.industrial-showcase-section,
.construction-hero,
.construction-operations-section,
.construction-showcase-section,
.rent-hero-section,
.rent-use-section,
.rent-evidence-section,
.contact-hero-section,
.contact-form-section {
    background-color: var(--brand-section-blue);
    background-image:
        radial-gradient(circle at 94% 16%, transparent 0 128px, rgba(255,255,255,.075) 129px 130px, transparent 131px),
        linear-gradient(var(--brand-grid-line) 1px, transparent 1px),
        linear-gradient(90deg, var(--brand-grid-line) 1px, transparent 1px);
    background-size: auto, 72px 72px, 72px 72px;
    background-position: center, center, center;
    background-repeat: no-repeat, repeat, repeat;
}

/* A continuous color still needs a visible handoff between page sections. */
main > section + section:is(
    .mv-ca, .values-ca,
    .projects-process-section, .projects-video-section,
    .commercial-solutions-section, .commercial-uses-section, .commercial-showcase-section,
    .industrial-operations-section, .industrial-showcase-section,
    .construction-operations-section, .construction-showcase-section,
    .rent-use-section, .rent-evidence-section,
    .contact-form-section
) {
    border-top: 1px solid rgba(255,255,255,.2);
    box-shadow: inset 0 12px 20px -18px rgba(0,0,0,.8);
}

main > section + section:is(
    .mv-ca, .values-ca,
    .projects-process-section, .projects-video-section,
    .commercial-solutions-section, .commercial-uses-section, .commercial-showcase-section,
    .industrial-operations-section, .industrial-showcase-section,
    .construction-operations-section, .construction-showcase-section,
    .rent-use-section, .rent-evidence-section,
    .contact-form-section
) > .container::before {
    content: '';
    display: block;
    width: min(120px, 24vw);
    height: 3px;
    margin: 0 auto 44px;
    background: linear-gradient(90deg, transparent, #f59e0b 25% 75%, transparent);
}

/* Nosotros: mission and values stay distinct even with one shared blue. */
.mv-top::after,
.values-header::after {
    content: '';
    display: block;
    width: min(280px, 50vw);
    height: 1px;
    margin: 30px auto 0;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.5), transparent);
}

.mv-card::after,
.value-card::after {
    content: '';
    position: absolute;
    left: 32px;
    bottom: 0;
    width: 82px;
    height: 3px;
    background: #f59e0b;
    opacity: .8;
}

@media (max-width: 767.98px) {
    main > section + section:is(
        .mv-ca, .values-ca,
        .projects-process-section, .projects-video-section,
        .commercial-solutions-section, .commercial-uses-section, .commercial-showcase-section,
        .industrial-operations-section, .industrial-showcase-section,
        .construction-operations-section, .construction-showcase-section,
        .rent-use-section, .rent-evidence-section,
        .contact-form-section
    ) > .container::before {
        margin-bottom: 30px;
    }
}