:root {
            --ms-header: #29282D;
--ms-header-foreground: #FFF;
--ms-header-hover: #29282Db5;
--ms-primary: #29282D;
--ms-primary-foreground: #FFF;
--ms-primary-hover: #29282Db5;
--ms-secondary: #A6A19B;
--ms-secondary-foreground: #FFF;
--ms-secondary-hover: #A6A19Bc9;
--ms-link: #29282D;
--ms-radius: 0.25rem;
--ms-border: #ffffff;
--ms-font-family: Roboto;
--ms-font-size: 1em;
--ms-white: #ffffff;
--ms-black: #000000;
--ms-gray: #333333;
--ms-primary-translucent: #29282Db5;
--ms-secondary-translucent: #A6A19Bc9;
--ms-header-translucent: #29282Db5;

        }

        html {
            font-size: var(--ms-font-size);
        }

        body {
            font-family: var(--ms-font-family), sans-serif;
        }

        .text-primary-foreground { 
            color: var(--ms-primary-foreground) !important;
        }

        .text-secondary-foreground { 
            color: var(--ms-secondary-foreground) !important;
        }

        footer#rodape .visible a, footer#rodape .visible p { 
            color: var(--ms-primary-foreground) !important; 
        }
        
        footer#rodape .visible a:hover { 
            color: var(--ms-primary-foreground) !important; 
        }
        
        footer#rodape .visible a:hover .btn-whatsapp {
            color: var(--ms-primary-foreground) !important;
        }

        .bg-header {
            background-color: var(--ms-header) !important;
            color: var(--ms-header-foreground) !important;
        }

        .text-header {
            color: var(--ms-header) !important;
        }

        .text-header-foreground {
            color: var(--ms-header-foreground) !important;
        }

        .bg-primary {
            background-color: var(--ms-primary) !important;
        }

        button.bg-primary:hover {
            background-color: var(--ms-primary-hover) !important;
        }
        
        .bg-secondary {
            background-color: var(--ms-secondary) !important;
        }
        
        a.bg-secondary:hover, a.bg-secondary:active {
            background-color: var(--ms-secondary-hover) !important;
        }
        
        .color-primary {
            color: var(--ms-primary) !important;
        }
        
        .color-secondary {
            color: var(--ms-secondary) !important;
        }
        
        .section-banner::before {
            background-color: var(--ms-primary-translucent);
        }
        
        button.bg-secondary {
            color: var(--ms-secondary-foreground);
            border: 1px solid var(--ms-border) !important;
        }
        
        button.bg-secondary svg {
            fill: var(--ms-secondary-foreground);
        }
        
        section p { 
            color: var(--ms-gray); 
        }
        
        .section-banner {
            background-image: url('https://app.adv.page/assets/img/banner/advocacia-bio-banner15.jpg');
        }

        .section-contato { 
            background-image: url('https://app.adv.page/assets/img/banner/advocacia-bio-banner5.jpg'); 
        }

        .section-associated-lawyers {
            background-image: url('https://app.adv.page/assets/img/banner/advocacia-bio-banner5.jpg');
        }

        .section-associated-lawyers .image1 {
            background-image: url('https://app.adv.page/assets/img/lawyers/lawyer01.jpg');
        }

        .section-associated-lawyers .image2 {
            background-image: url('https://app.adv.page/assets/img/lawyers/lawyer02.jpg');
        }

        .section-associated-lawyers .image3 {
            background-image: url('https://app.adv.page/assets/img/lawyers/lawyer03.jpg');
        }
        
        .about-whatsapp svg { 
            fill: var(--ms-white); 
            margin-top: -6px; 
        }

        .area-whatsapp  svg, btn-whatsapp-footer a svg { 
            fill:var(--ms-white);
        }

        .form-message { 
            height: 100px;
        }

        .iframe-maps { 
            width:100%; 
        }

        .footer-site-title { 
            color: rgba(0, 0, 0, 0.9)
        }