/* FORCE REQUEST BACKGROUND IMAGE - Override all patterns */
/* Priority CSS to force background image */

/* Remove all possible background patterns with maximum specificity */
section#request-service.request-section.request-bg-pattern,
.request-section.request-bg-pattern,
#request-service.request-bg-pattern,
section.request-bg-pattern,
.request-section {
    background: url('../images/b8.png') center/cover no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
    position: relative !important;
    overflow: hidden !important;
    padding: 100px 0 !important;
}

/* Override ::before pseudo-element patterns */
section#request-service.request-section.request-bg-pattern::before,
.request-section.request-bg-pattern::before,
#request-service.request-bg-pattern::before,
section.request-bg-pattern::before,
.request-section::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: rgba(255, 255, 255, 0.8) !important; /* Overlay blanco para claridad - igual que contact */
    background-image: none !important;
    z-index: 1 !important;
}

/* Force container content above background */
section#request-service.request-section.request-bg-pattern .container,
.request-section.request-bg-pattern .container {
    position: relative !important;
    z-index: 10 !important;
}

section#request-service.request-section.request-bg-pattern .container *,
.request-section.request-bg-pattern .container * {
    position: relative !important;
    z-index: 10 !important;
}

/* Asegurar que el texto sea legible en el fondo */
section#request-service.request-section.request-bg-pattern h2,
section#request-service.request-section.request-bg-pattern .lead {
    color: #2D3748 !important;
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8) !important;
}

/* Responsive sizes - mantener cover en todas las resoluciones */
@media (max-width: 768px) {
    section#request-service.request-section.request-bg-pattern,
    .request-section.request-bg-pattern,
    #request-service.request-bg-pattern,
    section.request-bg-pattern,
    .request-section {
        background-size: cover !important;
    }
}

@media (max-width: 576px) {
    section#request-service.request-section.request-bg-pattern,
    .request-section.request-bg-pattern,
    #request-service.request-bg-pattern,
    section.request-bg-pattern,
    .request-section {
        background-size: cover !important;
    }
}