{"metadata": {}, "messages": null, "status": 1, "warnings": null, "errors": null, "data": {"from_charset": "utf-8", "dir": "/home2/esmadvbr/public_html/wp-content/uploads", "to_charset": "utf-8", "content": "/* ================================================\n   ESM ADVOCACIA \u2014 Custom CSS Modernization v3.0\n   Managed by Antigravity (09/03/2026)\n   ================================================ */\n\n/* --- Google Fonts: Playfair Display + Inter --- */\n@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap');\n\n/* --- Typography System --- */\nh1,\nh2,\nh3,\n.elementor-heading-title {\n    font-family: 'Playfair Display', Georgia, serif !important;\n    letter-spacing: -0.02em;\n}\n\nbody,\np,\n.elementor-widget-text-editor,\n.elementor-icon-list-item,\n.elementor-field-label,\ninput,\ntextarea,\nselect {\n    font-family: 'Inter', system-ui, sans-serif !important;\n}\n\n/* --- Smooth Scrolling --- */\nhtml {\n    scroll-behavior: smooth;\n}\n\n/* ================================================\n   SCROLL REVEAL ANIMATIONS\n   ================================================ */\n\n@keyframes fadeInUp {\n    from {\n        opacity: 0;\n        transform: translateY(32px);\n    }\n\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n@keyframes fadeInLeft {\n    from {\n        opacity: 0;\n        transform: translateX(-24px);\n    }\n\n    to {\n        opacity: 1;\n        transform: translateX(0);\n    }\n}\n\n@keyframes scaleIn {\n    from {\n        opacity: 0;\n        transform: scale(0.94);\n    }\n\n    to {\n        opacity: 1;\n        transform: scale(1);\n    }\n}\n\n.elementor-widget {\n    opacity: 0;\n    animation: fadeInUp 0.65s cubic-bezier(0.22, 1, 0.36, 1) forwards;\n}\n\n.elementor-section:nth-child(1) .elementor-widget {\n    animation-delay: 0.08s;\n}\n\n.elementor-section:nth-child(2) .elementor-widget {\n    animation-delay: 0.12s;\n}\n\n.elementor-section:nth-child(3) .elementor-widget {\n    animation-delay: 0.08s;\n}\n\n.elementor-section:nth-child(4) .elementor-widget {\n    animation-delay: 0.04s;\n}\n\n.elementor-section:nth-child(n+5) .elementor-widget {\n    animation-delay: 0.02s;\n}\n\n/* ================================================\n   STICKY NAV WITH BACKDROP BLUR\n   ================================================ */\n\n#masthead,\n.site-header,\n.elementor-location-header,\n[data-elementor-type=\"header\"],\nheader.site-header,\n.main-navigation {\n    position: sticky !important;\n    top: 0 !important;\n    z-index: 9000 !important;\n    backdrop-filter: blur(16px) saturate(1.4) !important;\n    -webkit-backdrop-filter: blur(16px) saturate(1.4) !important;\n    background: rgba(10, 10, 18, 0.82) !important;\n    box-shadow: 0 1px 0 rgba(196, 136, 67, 0.15), 0 4px 32px rgba(0, 0, 0, 0.3) !important;\n    transition: background 0.4s ease, box-shadow 0.4s ease !important;\n}\n\n/* Nav links hover */\n.elementor-nav-menu a,\n.main-navigation a {\n    position: relative;\n    transition: color 0.3s ease !important;\n}\n\n.elementor-nav-menu a::after,\n.main-navigation a::after {\n    content: '';\n    position: absolute;\n    bottom: -3px;\n    left: 0;\n    width: 0;\n    height: 2px;\n    background: linear-gradient(90deg, #c48843, #e8b96d);\n    border-radius: 2px;\n    transition: width 0.35s cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.elementor-nav-menu a:hover::after,\n.main-navigation a:hover::after {\n    width: 100%;\n}\n\n/* ================================================\n   HERO \u2014 PARALLAX & OVERLAY ENHANCEMENT\n   ================================================ */\n\n.elementor-section[data-settings*=\"background_background\"]>.elementor-background-overlay {\n    background: linear-gradient(135deg,\n            rgba(0, 0, 0, 0.78) 0%,\n            rgba(0, 10, 32, 0.60) 60%,\n            rgba(196, 136, 67, 0.08) 100%) !important;\n}\n\n/* Parallax effect on hero bg via attachment */\n.elementor-section.elementor-section-full_width>.elementor-container,\n.elementor-top-section:first-of-type {\n    background-attachment: fixed;\n}\n\n/* ================================================\n   GOLDEN ACCENT LINES UNDER SECTION HEADINGS\n   ================================================ */\n\n.elementor-widget-heading .elementor-heading-title {\n    position: relative;\n    display: inline-block;\n    padding-bottom: 14px;\n}\n\n.elementor-widget-heading .elementor-heading-title::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%) scaleX(0);\n    width: 72px;\n    height: 3px;\n    background: linear-gradient(90deg, transparent, #c48843, #e8b96d, #c48843, transparent);\n    border-radius: 2px;\n    transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);\n    transform-origin: center;\n}\n\n/* Trigger: visible in viewport \u2014 using animation instead */\n@keyframes accentLine {\n    from {\n        transform: translateX(-50%) scaleX(0);\n    }\n\n    to {\n        transform: translateX(-50%) scaleX(1);\n    }\n}\n\n.elementor-widget-heading .elementor-heading-title::after {\n    animation: accentLine 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.4s both;\n}\n\n/* ================================================\n   SERVICE CARDS \u2014 GLASSMORPHISM\n   ================================================ */\n\n.elementor-widget-image-box {\n    transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1) !important;\n    border-radius: 18px !important;\n    overflow: hidden;\n    border: 1px solid rgba(196, 136, 67, 0.14) !important;\n    background: linear-gradient(145deg,\n            rgba(255, 255, 255, 0.97) 0%,\n            rgba(248, 246, 241, 0.98) 100%) !important;\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n    position: relative;\n}\n\n.elementor-widget-image-box::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 3px;\n    background: linear-gradient(90deg, transparent, rgba(196, 136, 67, 0.6), transparent);\n    opacity: 0;\n    transition: opacity 0.4s ease;\n}\n\n.elementor-widget-image-box:hover::before {\n    opacity: 1;\n}\n\n.elementor-widget-image-box:hover {\n    transform: translateY(-10px) !important;\n    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(196, 136, 67, 0.3) !important;\n    border-color: rgba(196, 136, 67, 0.4) !important;\n}\n\n.elementor-widget-image-box .elementor-image-box-img {\n    transition: transform 0.45s ease !important;\n}\n\n.elementor-widget-image-box:hover .elementor-image-box-img {\n    transform: scale(1.08) rotate(1deg) !important;\n}\n\n/* Icon-box variant */\n.elementor-widget-icon-box {\n    transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1) !important;\n    border-radius: 18px !important;\n    overflow: hidden;\n    border: 1px solid rgba(196, 136, 67, 0.14) !important;\n    position: relative;\n}\n\n.elementor-widget-icon-box:hover {\n    transform: translateY(-10px) !important;\n    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(196, 136, 67, 0.3) !important;\n}\n\n/* ================================================\n   BUTTONS \u2014 GRADIENT + GLOW\n   ================================================ */\n\n.elementor-button {\n    border-radius: 12px !important;\n    transition: all 0.35s cubic-bezier(0.22, 1, 0.36, 1) !important;\n    position: relative;\n    overflow: hidden;\n    letter-spacing: 0.04em !important;\n    font-family: 'Inter', sans-serif !important;\n    font-weight: 600 !important;\n}\n\n/* Primary (dark blue) button glow */\n.elementor-button[style*=\"background-color\"],\n.elementor-button.elementor-button-link {\n    background: linear-gradient(135deg, #1a3a6b 0%, #0d2347 100%) !important;\n    border: 1px solid rgba(196, 136, 67, 0.25) !important;\n}\n\n.elementor-button:hover {\n    transform: translateY(-4px) !important;\n    box-shadow: 0 12px 32px rgba(196, 136, 67, 0.28), 0 4px 16px rgba(0, 0, 0, 0.2) !important;\n}\n\n/* Shimmer sweep */\n.elementor-button::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 60%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.18), transparent);\n    transform: skewX(-20deg);\n    transition: left 0.55s ease;\n}\n\n.elementor-button:hover::after {\n    left: 160%;\n}\n\n/* CTA \"Falar Agora\" in header \u2014 gold gradient */\n.elementor-nav-menu--main~.elementor-widget .elementor-button,\n.elementor-widget-button .elementor-button-link {\n    background: linear-gradient(135deg, #c48843 0%, #e8b96d 50%, #c48843 100%) !important;\n    background-size: 200% 100% !important;\n    animation: shimmerBtn 3s ease infinite;\n    color: #fff !important;\n    border: none !important;\n    box-shadow: 0 4px 20px rgba(196, 136, 67, 0.35) !important;\n}\n\n@keyframes shimmerBtn {\n    0% {\n        background-position: 0% 50%;\n    }\n\n    50% {\n        background-position: 100% 50%;\n    }\n\n    100% {\n        background-position: 0% 50%;\n    }\n}\n\n.elementor-widget-button .elementor-button-link:hover {\n    box-shadow: 0 8px 28px rgba(196, 136, 67, 0.5) !important;\n    transform: translateY(-4px) !important;\n}\n\n/* ================================================\n   SECTION HEADINGS ENHANCEMENT\n   ================================================ */\n\n.elementor-heading-title {\n    letter-spacing: -0.02em;\n}\n\n/* H2 in sections get accent */\n.elementor-widget-heading h2.elementor-heading-title,\n.elementor-widget-heading h3.elementor-heading-title {\n    font-weight: 600 !important;\n}\n\n/* ================================================\n   FOOTER REFINEMENTS\n   ================================================ */\n\n/* Elegant divider above footer */\nfooter,\n.elementor-location-footer,\n[data-elementor-type=\"footer\"] {\n    border-top: 1px solid rgba(196, 136, 67, 0.3) !important;\n    position: relative;\n}\n\nfooter::before,\n.elementor-location-footer::before {\n    content: '';\n    position: absolute;\n    top: -1px;\n    left: 10%;\n    right: 10%;\n    height: 1px;\n    background: linear-gradient(90deg, transparent, #c48843, #e8b96d, #c48843, transparent);\n}\n\n/* Footer links hover */\nfooter a,\n.elementor-location-footer a {\n    transition: color 0.3s ease, letter-spacing 0.3s ease !important;\n}\n\nfooter a:hover,\n.elementor-location-footer a:hover {\n    color: #c48843 !important;\n    letter-spacing: 0.02em !important;\n}\n\n/* Icon list items */\n.elementor-icon-list-item {\n    transition: transform 0.3s ease !important;\n}\n\n.elementor-icon-list-item:hover {\n    transform: translateX(5px) !important;\n}\n\n/* Footer logo fix */\nfooter .elementor-widget-image img,\n.elementor-location-footer .elementor-widget-image img,\n[data-elementor-type=\"footer\"] .elementor-widget-image img {\n    mix-blend-mode: lighten;\n    filter: brightness(1.05);\n}\n\n/* ================================================\n   SOCIAL ICONS\n   ================================================ */\n\n.elementor-social-icon {\n    transition: all 0.35s cubic-bezier(0.22, 1, 0.36, 1) !important;\n}\n\n.elementor-social-icon:hover {\n    transform: scale(1.18) rotate(-4deg) !important;\n    box-shadow: 0 6px 16px rgba(196, 136, 67, 0.3) !important;\n}\n\n/* ================================================\n   CONTACT FORM\n   ================================================ */\n\n.elementor-field-textual {\n    border-radius: 10px !important;\n    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;\n    border: 1px solid rgba(255, 255, 255, 0.2) !important;\n    font-family: 'Inter', sans-serif !important;\n}\n\n.elementor-field-textual:focus {\n    border-color: #c48843 !important;\n    box-shadow: 0 0 0 3px rgba(196, 136, 67, 0.14) !important;\n    outline: none !important;\n}\n\n/* ================================================\n   GOOGLE MAPS\n   ================================================ */\n\n.elementor-widget-google_maps iframe {\n    border-radius: 18px !important;\n    filter: saturate(0.82) contrast(1.06);\n    transition: filter 0.5s ease !important;\n}\n\n.elementor-widget-google_maps:hover iframe {\n    filter: saturate(1) contrast(1) !important;\n}\n\n/* ================================================\n   IMAGE CAROUSEL\n   ================================================ */\n\n.elementor-widget-image-carousel .swiper-slide img {\n    border-radius: 14px !important;\n    transition: transform 0.4s ease !important;\n}\n\n.elementor-widget-image-carousel .swiper-slide:hover img {\n    transform: scale(1.04) !important;\n}\n\n/* ================================================\n   DIVIDERS \u2014 GOLD ACCENT\n   ================================================ */\n\n.elementor-widget-divider .elementor-divider-separator {\n    border-color: rgba(196, 136, 67, 0.4) !important;\n    border-image: linear-gradient(90deg, transparent, #c48843, transparent) 1 !important;\n}\n\n/* ================================================\n   STATS / COUNTER GLOW (if present)\n   ================================================ */\n\n.elementor-counter-number-wrapper {\n    background: linear-gradient(135deg, #c48843, #e8b96d);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}\n\n/* ================================================\n   MOBILE OPTIMIZATIONS\n   ================================================ */\n\n@media (max-width: 767px) {\n\n    .elementor-widget-image-box:hover,\n    .elementor-widget-icon-box:hover {\n        transform: none !important;\n    }\n\n    .elementor-widget {\n        animation-delay: 0s !important;\n        animation-duration: 0.45s !important;\n    }\n\n    .elementor-button:hover {\n        transform: none !important;\n    }\n\n    .elementor-widget-heading .elementor-heading-title {\n        padding-bottom: 10px;\n    }\n}", "filename": "esm-custom-modernization.css", "path": "/home2/esmadvbr/public_html/wp-content/uploads/esm-custom-modernization.css"}, "_status_code": 200, "_ok": true}

/* ================================================
   LOGO FIX (White Background Blend)
   ================================================ */
.custom-logo, .elementor-widget-theme-site-logo img, .site-logo img {
    mix-blend-mode: multiply;
    filter: contrast(1.1) brightness(1.2);
}

.site-header {
    background-color: #0b0f19 !important;
}

/* ================================================
   MOBILE FIXES (Top Bar & WA Button)
   ================================================ */
@media (max-width: 767px) {
    .elementor-location-header .elementor-section-wrap > .elementor-section:first-child,
    header[data-elementor-type="header"] .elementor-section-wrap > .elementor-section:first-child {
        display: none !important;
    }

    #wa-float-button {
        bottom: 80px !important;
        transform: scale(0.85) !important;
        transform-origin: bottom right;
    }
}