/* FORCE CONTACT BACKGROUND IMAGE - Override all patterns */
/* Priority CSS to force background image for contact section */

/* Remove all possible background patterns with maximum specificity */
section#contact.contact-section.contact-yellow-pattern,
.contact-section.contact-yellow-pattern,
#contact.contact-yellow-pattern,
section.contact-yellow-pattern {
    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;
}

/* Override ::before pseudo-element for transparency overlay */
section#contact.contact-section.contact-yellow-pattern::before,
.contact-section.contact-yellow-pattern::before,
#contact.contact-yellow-pattern::before,
section.contact-yellow-pattern::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 template5 */
    background-image: none !important;
    z-index: 1 !important;
}

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

section#contact.contact-section.contact-yellow-pattern .container *,
.contact-section.contact-yellow-pattern .container * {
    position: relative !important;
    z-index: 10 !important;
}

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

@media (max-width: 576px) {
    section#contact.contact-section.contact-yellow-pattern,
    .contact-section.contact-yellow-pattern,
    #contact.contact-yellow-pattern,
    section.contact-yellow-pattern {
        background-size: cover !important;
    }
}/* Contact Background Force Reload: 20250803_202516 */