.elementor-22576 .elementor-element.elementor-element-8a03e1c{--display:flex;}.elementor-22576 .elementor-element.elementor-element-12d812c{--display:flex;}.elementor-widget-text-editor{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-22576 .elementor-element.elementor-element-3c2aed2 > .elementor-widget-container{margin:-20px 0px 25px 0px;padding:0px 0px 0px 0px;}.elementor-22576 .elementor-element.elementor-element-3c2aed2{text-align:center;}.elementor-22576 .elementor-element.elementor-element-12daec3{--display:flex;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-22576 .elementor-element.elementor-element-12daec3:not(.elementor-motion-effects-element-type-background), .elementor-22576 .elementor-element.elementor-element-12daec3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c6fee06 );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-22576 .elementor-element.elementor-element-e4fc767 > .elementor-widget-container{margin:15px 0px 0px 0px;}.elementor-22576 .elementor-element.elementor-element-e4fc767{text-align:center;}.elementor-22576 .elementor-element.elementor-element-e4fc767 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:26px;font-weight:700;color:#3D3D3D;}.elementor-22576 .elementor-element.elementor-element-fb38f0b > .elementor-widget-container{margin:25px 0px 35px 0px;padding:0px 0px 0px 0px;}.elementor-22576 .elementor-element.elementor-element-ddbfcae{--display:flex;--margin-top:45px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}/* Start custom CSS for html, class: .elementor-element-fb38f0b */#categories {
            list-style-type: none;
            padding: 0;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            gap: 10px;
            max-width: 450px;
        }
        
        #categoria-detalhe {
            background-color: #3b3b3b;
            padding: 10px 20px;
            color: #fff;
            cursor: pointer;
            border-radius: 15px;
            transition: background-color 0.5s ease;
            text-align: center;
        }
        
        #categoria-detalhe:hover {
            background-color: #01ECC3;
        }
        
        @media (min-width: 768px) {
            nav ul {
                flex-direction: row;
                justify-content: space-between;
            }
        }
        
        .messages-container {
            margin-top: 20px;
            display: grid;
            grid-template-columns: 1fr;
            gap: 20px;
        }
        
        @media (min-width: 768px) {
            .messages-container {
                grid-template-columns: 1fr 1fr;
            }
        }
        
        .message {
            background-color: #DCF8C6;
            padding: 25px;
            border-radius: 8px;
            position: relative;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
        }
        
        .message p {
            margin: 0;
            font-size: 14px;
        }
        
        .message h3 {
            margin-top: 0;
            font-weight: 600;
            font-size: 16px;
        }
        
        .botao-copia {
            background-color: #56ACCD;
            color: #fff;
            border: none;
            padding: 8px 12px;
            border-radius: 5px;
            cursor: pointer;
            margin-top: 10px;
            display: flex;
            align-items: center;
            gap: 8px;
            transition: background-color 0.5s ease;
        }
        
        .botao-copia:hover {
            background-color: #01ECC3;
        }
        
        .botao-copia img {
            width: 16px;
            height: 16px;
        }
        
        .popup {
            display: none;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: #414141;
            padding: 20px;
            border-radius: 8px;
            z-index: 1000;
        }
        
        .popup-content {
            text-align: center;
            color: #fafafa;
        }
        
        .button-popup {
            background-color: #01ECC3;
            color: #414141;
            padding: 10px 20px;
            text-decoration: none;
            border-radius: 15px;
            display: inline-block;
            margin-top: 10px;
        }
        
        .paragrafo-popup {
            margin-top: 10px;
        }
        
        .close {
            position: absolute;
            top: 10px;
            right: 10px;
            cursor: pointer;
            font-size: 20px;
        }/* End custom CSS */