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

/* Desktop: Add color to filmstrip perforations */
@media (min-width: 769px) {
    .hero-type::before,
    .hero-type::after {
        background: radial-gradient(circle, rgba(166, 25, 99, 0.4) 35%, transparent 35%) !important;
    }
}

/* Mobile: Remove filmstrip effect */
@media (max-width: 768px) {
    .hero-type::before,
    .hero-type::after {
        display: none !important;
    }
    
    /* Tighten spacing in hero stats */
    .hero-type-stats .type-stat-item {
        gap: 0.5rem !important;
    }
    
    .hero-type-stats .type-stat-item strong {
        margin-bottom: 0.25rem !important;
    }
    
    /* Fix: Reduce line-height for pricing card "Custom Quote" text */
    .pricing-amount {
        line-height: 1 !important;
        display: block !important;
    }
    
    /* Fix: Hide vertical line in process section on mobile */
    #process-timeline {
        display: none !important;
    }
    
    /* Fix: Tighten space between percentage and label in performance metrics */
    .stat-number {
        margin-bottom: 0.1rem !important;
    }
    
    .stat-label {
        margin-bottom: 0.1rem !important;
    }
    
    /* Keep X marks hidden on mobile */
    .x-mark {
        display: none !important;
    }
    
    /* Fix: Remove sticky positioning on Related Services section on mobile */
    div[style*="position: sticky"] {
        position: static !important;
    }
}