/* =====================================================================
   PAGE MODULE — en-services-branding-print-marketing
   Extracted verbatim from inline <style> of: servicios/branding/diseno-impreso.html, en/services/branding/print-marketing.html
   Design unchanged; loaded via `pageCss` front-matter.
   ===================================================================== */

/* Hero filmstrip perforations */
.hero-type::before,
.hero-type::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 40px;
    background-image: 
        radial-gradient(circle, rgba(38, 49, 89, 0.4) 35%, transparent 35%);
    background-size: 40px 60px;
    background-repeat: repeat-y;
    z-index: 1;
    pointer-events: none;
}

.hero-type::before {
    left: 0;
}

.hero-type::after {
    right: 0;
}

@media (max-width: 968px) {
    .hero-type-container {
        grid-template-columns: 1fr !important;
    }
    
    .hero-type::before,
    .hero-type::after {
        display: none !important;
    }
    
    section[style*="grid-template-columns: 2fr 1fr"] > div {
        grid-template-columns: 1fr !important;
    }
    
    section[style*="grid-template-columns: repeat(2, 1fr)"] > div > div,
    section[style*="grid-template-columns: repeat(3, 1fr)"] > div,
    section[style*="grid-template-columns: repeat(4, 1fr)"] > div {
        grid-template-columns: 1fr !important;
    }
    
    .services-grid {
        grid-template-columns: 1fr !important;
    }
    
    section[style*="padding: 6rem 5vw"] {
        padding: 4rem 5vw !important;
    }
    
    div[style*="grid-template-columns: 120px 1fr"] {
        grid-template-columns: 1fr !important;
        text-align: center;
    }
    
    div[style*="position: absolute"][style*="left: 60px"] {
        display: none !important;
    }
}