.elementor-38 .elementor-element.elementor-element-dc09e61{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-38 .elementor-element.elementor-element-dc09e61:not(.elementor-motion-effects-element-type-background), .elementor-38 .elementor-element.elementor-element-dc09e61 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-38 .elementor-element.elementor-element-96eeee1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-38 .elementor-element.elementor-element-96eeee1:not(.elementor-motion-effects-element-type-background), .elementor-38 .elementor-element.elementor-element-96eeee1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-38 .elementor-element.elementor-element-eebb917{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-38 .elementor-element.elementor-element-9711f5b > .elementor-widget-container{margin:0px 0px 0px 5px;}.elementor-38 .elementor-element.elementor-element-9711f5b{z-index:9999;}.elementor-38 .elementor-element.elementor-element-b62e544{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{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-38 .elementor-element.elementor-element-9559a93 img{width:100%;max-width:150px;}.elementor-38 .elementor-element.elementor-element-704b4d3{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-38 .elementor-element.elementor-element-933da12{width:100%;max-width:100%;z-index:10;}.elementor-38 .elementor-element.elementor-element-04b30a1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#FFFFFF1A;--border-color:#FFFFFF1A;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-38 .elementor-element.elementor-element-04b30a1:not(.elementor-motion-effects-element-type-background), .elementor-38 .elementor-element.elementor-element-04b30a1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-38 .elementor-element.elementor-element-f825202{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-38 .elementor-element.elementor-element-9acb028{z-index:10;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-38 .elementor-element.elementor-element-eebb917{--width:45px;}.elementor-38 .elementor-element.elementor-element-b62e544{--width:200px;}}@media(max-width:767px){.elementor-38 .elementor-element.elementor-element-96eeee1{--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-38 .elementor-element.elementor-element-eebb917{--width:48%;}.elementor-38 .elementor-element.elementor-element-b62e544{--width:48%;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}/* Start custom CSS for html, class: .elementor-element-9711f5b */.menu-icon {
    position: relative;
    display: inline-block;
    cursor: pointer;
    width: 20px;
    height: 40px;
    z-index: 9999;
}

.menu-icon span {
    position: absolute;
    left: 50%;
    width: 30px;
    height: 2px;
    background: #fff;
    transform: translateX(-50%);
    transition: all 0.3s ease;
}

.menu-icon span:nth-child(1) {
    top: calc(50% - 9px);
}

.menu-icon span:nth-child(2) {
    top: calc(50% - 1px);
}

.menu-icon span:nth-child(3) {
    top: calc(50% + 7px);
}

#menu-toggle:checked + .menu-icon span:nth-child(2) {
    opacity: 0;
}

#menu-toggle:checked + .menu-icon span:nth-child(1) {
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}

#menu-toggle:checked + .menu-icon span:nth-child(3) {
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
}


/* --- ESTILOS DO MENU E OVERLAY (MUDANÇAS APLICADAS AQUI) --- */

/* ALTERADO: Menu lateral (Mobile First) */
.side-menu {
    position: fixed;
    top: 0;
    left: -100%; /* MUDANÇA: Inicia à esquerda, fora da tela */
    width: 100%;
    height: 100vh;
    transition: left 0.3s ease; /* MUDANÇA: Anima a propriedade 'left' */
    z-index: 1100;
    overflow-y: auto;
    background-color: #333; /* Adicione a cor de fundo desejada */
}

/* ALTERADO: Mostra o menu quando o input está checado */
#menu-toggle:checked ~ .side-menu {
    left: 0; /* MUDANÇA: Traz o menu para a tela */
}

/* ADICIONADO: Estilos do Overlay */
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 1099;
}

/* ADICIONADO: Mostra o overlay quando o input está checado */
#menu-toggle:checked ~ .overlay {
    opacity: 1;
    visibility: visible;
}


/* --- CONTROLE DE SCROLL E AJUSTES DE DESKTOP --- */

/* ADICIONADO: Classe para bloquear o scroll do body */
body.no-scroll {
    overflow: hidden;
}
/* Opcional, mas recomendado para consistência */
body.no-scroll,
body.no-scroll html {
    height: 100vh;
}

/* ADICIONADO: Media query para ajustar o menu em telas maiores */
@media (min-width: 769px) {
    .side-menu {
        width: 400px;
        left: -400px; /* Ajusta a posição inicial para a nova largura */
    }
}/* End custom CSS */