.elementor-16 .elementor-element.elementor-element-048488e{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:50px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-048488e:not(.elementor-motion-effects-element-type-background), .elementor-16 .elementor-element.elementor-element-048488e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFC520;}.elementor-16 .elementor-element.elementor-element-ac12b1d{--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;}.elementor-16 .elementor-element.elementor-element-ac12b1d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-16 .elementor-element.elementor-element-e973de8 .elementor-button-content-wrapper{flex-direction:row;}.elementor-16 .elementor-element.elementor-element-e973de8 .elementor-button{font-family:"Space Grotesk", Sans-serif;font-size:13px;font-weight:500;}.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-16 .elementor-element.elementor-element-d5649ac{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-16 .elementor-element.elementor-element-d5649ac .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:55px;font-weight:800;color:#1A2B3C;}.elementor-16 .elementor-element.elementor-element-4fd01fd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-16 .elementor-element.elementor-element-4fd01fd .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:65px;font-weight:800;line-height:60px;color:#FFFFFF;}.elementor-16 .elementor-element.elementor-element-cc203d3 .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-weight:600;color:#1A2B3C;}.elementor-16 .elementor-element.elementor-element-18b35d5{--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:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-c7b40d4{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:20px;--margin-right:0px;}.elementor-16 .elementor-element.elementor-element-c7b40d4.e-con{--align-self:center;}.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-16 .elementor-element.elementor-element-6fdf229{padding:0px 0px 0px 0px;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-16 .elementor-element.elementor-element-037d1f0{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;top:283.483px;}body:not(.rtl) .elementor-16 .elementor-element.elementor-element-037d1f0{right:11.747px;}body.rtl .elementor-16 .elementor-element.elementor-element-037d1f0{left:11.747px;}.elementor-16 .elementor-element.elementor-element-037d1f0 .elementor-icon-box-title, .elementor-16 .elementor-element.elementor-element-037d1f0 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:1px;font-weight:600;}.elementor-16 .elementor-element.elementor-element-037d1f0 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-16 .elementor-element.elementor-element-39c29c9{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-39c29c9:not(.elementor-motion-effects-element-type-background), .elementor-16 .elementor-element.elementor-element-39c29c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-16 .elementor-element.elementor-element-d208ca7{width:var( --container-widget-width, 0% );max-width:0%;--container-widget-width:0%;--container-widget-flex-grow:0;}.elementor-16 .elementor-element.elementor-element-d208ca7.elementor-element{--align-self:center;}.elementor-16 .elementor-element.elementor-element-d208ca7 .elementor-button{font-family:"Space Grotesk", Sans-serif;font-weight:500;}.elementor-16 .elementor-element.elementor-element-0725cc7{text-align:center;}.elementor-16 .elementor-element.elementor-element-0725cc7 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:55px;font-weight:800;-webkit-text-stroke-color:#000;stroke:#000;color:#1A2B3C;}.elementor-16 .elementor-element.elementor-element-87503fa{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-16 .elementor-element.elementor-element-3f2732a{--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;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-16 .elementor-element.elementor-element-e026084 .elementor-icon-wrapper{text-align:start;}.elementor-16 .elementor-element.elementor-element-e026084 .elementor-icon{font-size:6px;}.elementor-16 .elementor-element.elementor-element-e026084 .elementor-icon svg{height:6px;}.elementor-16 .elementor-element.elementor-element-b314062 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:20px;font-weight:800;color:#1A2B3C;}.elementor-16 .elementor-element.elementor-element-6ab4f08 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:15px;font-weight:700;color:#1A2B3C;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-16 .elementor-element.elementor-element-bfffa26 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-16 .elementor-element.elementor-element-bfffa26 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-16 .elementor-element.elementor-element-bfffa26{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-16 .elementor-element.elementor-element-bfffa26 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-16 .elementor-element.elementor-element-bfffa26 .elementor-icon-list-item > a{font-family:"Syne", Sans-serif;font-weight:500;}.elementor-16 .elementor-element.elementor-element-bfffa26 .elementor-icon-list-text{color:#1A2B3C;transition:color 0.3s;}.elementor-16 .elementor-element.elementor-element-877b3a7{--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;}.elementor-16 .elementor-element.elementor-element-7459a6c .elementor-icon-wrapper{text-align:start;}.elementor-16 .elementor-element.elementor-element-a4eeb8c .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:20px;font-weight:800;color:#FFFFFF;}.elementor-16 .elementor-element.elementor-element-9aa0e8a .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:15px;font-weight:700;color:#FFFFFF;}.elementor-16 .elementor-element.elementor-element-e74e2bd .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-16 .elementor-element.elementor-element-e74e2bd .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-16 .elementor-element.elementor-element-e74e2bd{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-16 .elementor-element.elementor-element-e74e2bd .elementor-icon-list-item > .elementor-icon-list-text, .elementor-16 .elementor-element.elementor-element-e74e2bd .elementor-icon-list-item > a{font-family:"Syne", Sans-serif;font-weight:500;}.elementor-16 .elementor-element.elementor-element-e74e2bd .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-16 .elementor-element.elementor-element-0db95ee{--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;}.elementor-16 .elementor-element.elementor-element-8c6c0ab .elementor-icon-wrapper{text-align:start;}.elementor-16 .elementor-element.elementor-element-d88c8b3 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:20px;font-weight:800;color:#1A2B3C;}.elementor-16 .elementor-element.elementor-element-5cc4c1e .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:15px;font-weight:700;color:#1A2B3C;}.elementor-16 .elementor-element.elementor-element-b7514c6 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-16 .elementor-element.elementor-element-b7514c6 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-16 .elementor-element.elementor-element-b7514c6{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-16 .elementor-element.elementor-element-b7514c6 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-16 .elementor-element.elementor-element-b7514c6 .elementor-icon-list-item > a{font-family:"Syne", Sans-serif;font-weight:500;}.elementor-16 .elementor-element.elementor-element-b7514c6 .elementor-icon-list-text{color:#1A2B3C;transition:color 0.3s;}.elementor-16 .elementor-element.elementor-element-d93e304{--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;}.elementor-16 .elementor-element.elementor-element-22f8f84 .elementor-icon-wrapper{text-align:start;}.elementor-16 .elementor-element.elementor-element-f497791 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:20px;font-weight:800;color:#FFFFFF;}.elementor-16 .elementor-element.elementor-element-4a0452f .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:15px;font-weight:700;color:#FFFFFF;}.elementor-16 .elementor-element.elementor-element-09bf7ec .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-16 .elementor-element.elementor-element-09bf7ec .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-16 .elementor-element.elementor-element-09bf7ec{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-16 .elementor-element.elementor-element-09bf7ec .elementor-icon-list-item > .elementor-icon-list-text, .elementor-16 .elementor-element.elementor-element-09bf7ec .elementor-icon-list-item > a{font-family:"Syne", Sans-serif;font-weight:500;}.elementor-16 .elementor-element.elementor-element-09bf7ec .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-16 .elementor-element.elementor-element-bc14ce0{--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;}.elementor-16 .elementor-element.elementor-element-57469f7 .elementor-icon-wrapper{text-align:start;}.elementor-16 .elementor-element.elementor-element-3ed0d35 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:20px;font-weight:800;color:#1A2B3C;}.elementor-16 .elementor-element.elementor-element-2a7bbc7 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:15px;font-weight:700;color:#1A2B3C;}.elementor-16 .elementor-element.elementor-element-a6dcdb9 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-16 .elementor-element.elementor-element-a6dcdb9 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-16 .elementor-element.elementor-element-a6dcdb9{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-16 .elementor-element.elementor-element-a6dcdb9 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-16 .elementor-element.elementor-element-a6dcdb9 .elementor-icon-list-item > a{font-family:"Syne", Sans-serif;font-weight:500;}.elementor-16 .elementor-element.elementor-element-a6dcdb9 .elementor-icon-list-text{color:#1A2B3C;transition:color 0.3s;}.elementor-16 .elementor-element.elementor-element-839a97d{--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;}.elementor-16 .elementor-element.elementor-element-a434908 .elementor-icon-wrapper{text-align:start;}.elementor-16 .elementor-element.elementor-element-d6a4208 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:20px;font-weight:800;color:#1A2B3C;}.elementor-16 .elementor-element.elementor-element-b6064cf .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:15px;font-weight:700;color:#1A2B3C;}.elementor-16 .elementor-element.elementor-element-3b639c3 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-16 .elementor-element.elementor-element-3b639c3 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-16 .elementor-element.elementor-element-3b639c3{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-16 .elementor-element.elementor-element-3b639c3 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-16 .elementor-element.elementor-element-3b639c3 .elementor-icon-list-item > a{font-family:"Syne", Sans-serif;font-weight:500;}.elementor-16 .elementor-element.elementor-element-3b639c3 .elementor-icon-list-text{color:#1A2B3C;transition:color 0.3s;}@media(max-width:1024px){.elementor-16 .elementor-element.elementor-element-87503fa{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-16 .elementor-element.elementor-element-048488e{--padding-top:20px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-d5649ac .elementor-heading-title{font-size:28px;}.elementor-16 .elementor-element.elementor-element-4fd01fd{margin:-17px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-16 .elementor-element.elementor-element-4fd01fd .elementor-heading-title{font-size:28px;line-height:1.2em;}.elementor-16 .elementor-element.elementor-element-cc203d3 .elementor-heading-title{font-size:18px;}.elementor-16 .elementor-element.elementor-element-079aded{margin:-52px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-16 .elementor-element.elementor-element-079aded.elementor-element{--align-self:center;}.elementor-16 .elementor-element.elementor-element-6fdf229{margin:34px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-16 .elementor-element.elementor-element-037d1f0{--container-widget-width:400px;--container-widget-flex-grow:0;width:var( --container-widget-width, 400px );max-width:400px;top:193.274px;}body:not(.rtl) .elementor-16 .elementor-element.elementor-element-037d1f0{right:41.397px;}body.rtl .elementor-16 .elementor-element.elementor-element-037d1f0{left:41.397px;}.elementor-16 .elementor-element.elementor-element-037d1f0 .elementor-icon-box-title, .elementor-16 .elementor-element.elementor-element-037d1f0 .elementor-icon-box-title a{font-size:1px;}.elementor-16 .elementor-element.elementor-element-037d1f0 .elementor-icon-box-description{font-size:1px;}.elementor-16 .elementor-element.elementor-element-0725cc7 .elementor-heading-title{font-size:20px;}.elementor-16 .elementor-element.elementor-element-87503fa{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}}@media(min-width:768px){.elementor-16 .elementor-element.elementor-element-ac12b1d{--width:55.27%;}.elementor-16 .elementor-element.elementor-element-c7b40d4{--width:50%;}}/* Start custom CSS for button, class: .elementor-element-e973de8 *//* CSS UNIFICADO PARA WIDGET DE BOTÃO */
.elementor-16 .elementor-element.elementor-element-e973de8.banner-inclusao .elementor-button {
    background-color: #1A2B3C !important;
    color: #FFC520 !important; /* Cor do texto */
        font-weight: 800 !important;
    text-transform: uppercase !important;
    border-radius: 0px !important;
    border: 4px solid #1A2B3C !important; /* Borda da mesma cor para manter tamanho */
    box-shadow: 4px 4px 0px 0px #00A8A8 !important; /* Sombra Ciano */
    transform: rotate(-2deg);
    padding: 12px 24px !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-079aded *//* Botão Coral Gigante */
.elementor-16 .elementor-element.elementor-element-079aded.btn-hero-coral .elementor-button {
    background-color: #FF8F78 !important; /* Coral */
    color: #FFFFFF !important; /* Texto Branco */
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: 900 !important; /* Mais grosso */
    font-size: 18px !important;
    text-transform: uppercase !important;
    border: 4px solid #1A2B3C !important; /* Borda grossa */
    border-radius: 0px !important;
    padding: 20px 40px !important; /* Botão Grande */
    box-shadow: 8px 8px 0px 0px #1A2B3C !important; /* Sombra Maior */
    transition: all 0.3s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
}
/* Efeito Hover (Levanta) */
.elementor-16 .elementor-element.elementor-element-079aded.btn-hero-coral .elementor-button:hover {
    transform: translateY(-4px) !important;
    box-shadow: 12px 12px 0px 0px #1A2B3C !important;
    background-color: #FF7060 !important; /* Coral mais escurinho */
}
/* Tamanho do ícone (raio) */
.elementor-16 .elementor-element.elementor-element-079aded.btn-hero-coral .elementor-button-icon i,
.elementor-16 .elementor-element.elementor-element-079aded.btn-hero-coral .elementor-button-icon svg {
    font-size: 24px !important;
    fill: #FFFFFF !important; /* Garante ícone branco */
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-30bc80d *//* Botão Branco Secundário */
.elementor-16 .elementor-element.elementor-element-30bc80d.btn-hero-white .elementor-button {
    background-color: #FFFFFF !important; /* Branco */
    color: #1A2B3C !important; /* Texto Preto/Noite */
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: 900 !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
    border: 4px solid #1A2B3C !important;
    border-radius: 0px !important;
    padding: 20px 40px !important;
    box-shadow: 8px 8px 0px 0px #1A2B3C !important;
    transition: all 0.3s ease !important;
}

/* Efeito Hover */
.elementor-16 .elementor-element.elementor-element-30bc80d.btn-hero-white .elementor-button:hover {
    transform: translateY(-4px) !important;
    box-shadow: 12px 12px 0px 0px #1A2B3C !important;
    background-color: #F0F0F0 !important; /* Branco levemente cinza */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6fdf229 *//* Moldura Estilo Polaroid Colorido */
.elementor-16 .elementor-element.elementor-element-6fdf229.foto-hero-avoker img {
    border: 4px solid #1A2B3C !important; /* Borda externa da foto */
    padding: 0 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* A Caixa Colorida atrás (Turquesa) */
.elementor-16 .elementor-element.elementor-element-6fdf229.foto-hero-avoker {
    background-color: #00A8A8 !important; /* Turquesa */
    padding: 12px !important; /* Espessura da borda turquesa */
    border: 8px solid #1A2B3C !important; /* Borda grossa externa */
    box-shadow: 12px 12px 0px 0px #1A2B3C !important; /* Sombra Sólida */
    transform: rotate(2deg) !important; /* Inclinação */
    transition: all 0.3s ease !important;
}

/* Efeito Hover */
.elementor-16 .elementor-element.elementor-element-6fdf229.foto-hero-avoker:hover {
    transform: translateY(-5px) rotate(2deg) !important;
    box-shadow: 16px 16px 0px 0px #1A2B3C !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-037d1f0 *//* Card Flutuante "APRENDIZADO+" */
.elementor-16 .elementor-element.elementor-element-037d1f0.card-aprendizado {
    background-color: #FFFFFF !important;
    border: 4px solid #1A2B3C !important; /* Borda grossa */
    padding: 15px 30px !important;
    box-shadow: 8px 8px 0px 0px #1A2B3C !important; /* Sombra dura deslocada */
    transform: rotate(-2deg) !important; /* Leve inclinação para a esquerda */
    z-index: 10 !important;
    display: inline-block !important; /* Tamanho ajusta ao conteúdo */
    max-width: 400px !important; /* Largura máxima para não esticar demais */
}

/* Título "APRENDIZADO+" (Turquesa Grande) */
.elementor-16 .elementor-element.elementor-element-037d1f0.card-aprendizado h3,
.elementor-16 .elementor-element.elementor-element-037d1f0.card-aprendizado .elementor-heading-title {
    font-family: 'Syne', sans-serif !important; /* Fonte Larga */
    font-weight: 800 !important; /* Extra Bold */
    font-size: 24px !important; /* Bem grande */
    color: #00A8A8 !important; /* Turquesa */
    text-transform: uppercase !important;
    margin: 0 0 5px 0 !important;
    line-height: 1 !important;
    letter-spacing: 1px !important;
    text-align: center !important;
}

/* Texto de baixo "Interativo e eficiente" (Azul Escuro) */
.elementor-16 .elementor-element.elementor-element-037d1f0.card-aprendizado p,
.elementor-16 .elementor-element.elementor-element-037d1f0.card-aprendizado .elementor-text-editor {
    font-family: 'Inter', sans-serif !important;
    font-weight: 700 !important; /* Bold */
    font-size: 14px !important;
    color: #1A2B3C !important; /* Azul Escuro */
    margin: 0 !important;
    line-height: 1.2 !important;
    text-align: center !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d208ca7 *//* FORÇAR ESTILO NO BOTÃO ELEMENTOR */
.elementor-16 .elementor-element.elementor-element-d208ca7.banner-temas .elementor-button {
    background-color: #00A8A8 !important; /* Turquesa */
    border: 3px solid #1A2B3C !important; /* Borda Escura */
    color: #FFFFFF !important; /* Texto Branco */
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: 900 !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
    border-radius: 0px !important; /* Quadrado */
    padding: 10px 20px !important; /* Bem largo */
    box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.1) !important;
    
    /* Rotação no botão inteiro (Container do botão) */
    transform: rotate(2deg) !important;
}

/* Centralizar o texto se necessário */
.elementor-16 .elementor-element.elementor-element-d208ca7.banner-temas {
    display: flex !important;
    justify-content: center !important;
    width: 290px !important; /* Não esticar a linha toda */
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e026084 *//* CAIXINHA DO ÍCONE (Azul Escuro Girado) */
.elementor-16 .elementor-element.elementor-element-e026084.icone-amarelo .elementor-icon,
.elementor-16 .elementor-element.elementor-element-e026084.icone-amarelo .elementor-icon-box-icon {
    background-color: #1A2B3C !important; /* Fundo Azul Escuro */
    width: 60px !important;
    height: 60px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 2px solid #1A2B3C !important; /* Borda da mesma cor */
    border-radius: 0px !important; /* Quadrado */
    transform: rotate(-3deg) !important; /* O Charme do giro */
    box-shadow: 3px 3px 0px rgba(0,0,0,0.2) !important; /* Sombra leve */
    margin-bottom: 15px !important;
}

/* O DESENHO DO ÍCONE (Amarelo) */
.elementor-16 .elementor-element.elementor-element-e026084.icone-amarelo .elementor-icon i,
.elementor-16 .elementor-element.elementor-element-e026084.icone-amarelo .elementor-icon svg,
.elementor-16 .elementor-element.elementor-element-e026084.icone-amarelo .elementor-icon-box-icon i,
.elementor-16 .elementor-element.elementor-element-e026084.icone-amarelo .elementor-icon-box-icon svg {
    color: #FFC520 !important; /* Amarelo Âmbar */
    fill: #FFC520 !important;
    font-size: 28px !important; /* Tamanho do desenho */
    width: 28px !important;
    height: 28px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3f2732a *//* CONTAINER/CAIXA AMARELA */
.elementor-16 .elementor-element.elementor-element-3f2732a.card-amarelo {
    background-color: #FFC520 !important; /* Amarelo Âmbar */
    border: 4px solid #1A2B3C !important; /* Borda grossa */
    padding: 30px !important; /* Espaço interno */
    box-shadow: 8px 8px 0px 0px #1A2B3C !important; /* Sombra deslocada */
    border-radius: 0px !important; /* Cantos quadrados */
    transition: all 0.3s ease !important;
    
    /* Garante que o conteúdo fique organizado */
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important; /* Espaço entre os itens dentro */
}

/* Efeito Hover (Levanta a caixa inteira) */
.elementor-16 .elementor-element.elementor-element-3f2732a.card-amarelo:hover {
    transform: translateY(-5px) !important;
    box-shadow: 12px 12px 0px 0px #1A2B3C !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7459a6c *//* CAIXINHA DO ÍCONE (Azul Escuro Girado) */
.elementor-16 .elementor-element.elementor-element-7459a6c.icone-amarelo .elementor-icon,
.elementor-16 .elementor-element.elementor-element-7459a6c.icone-amarelo .elementor-icon-box-icon {
    background-color: #1A2B3C !important; /* Fundo Azul Escuro */
    width: 60px !important;
    height: 60px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 2px solid #1A2B3C !important; /* Borda da mesma cor */
    border-radius: 0px !important; /* Quadrado */
    transform: rotate(-3deg) !important; /* O Charme do giro */
    box-shadow: 3px 3px 0px rgba(0,0,0,0.2) !important; /* Sombra leve */
    margin-bottom: 15px !important;
}

/* O DESENHO DO ÍCONE (Amarelo) */
.elementor-16 .elementor-element.elementor-element-7459a6c.icone-amarelo .elementor-icon i,
.elementor-16 .elementor-element.elementor-element-7459a6c.icone-amarelo .elementor-icon svg,
.elementor-16 .elementor-element.elementor-element-7459a6c.icone-amarelo .elementor-icon-box-icon i,
.elementor-16 .elementor-element.elementor-element-7459a6c.icone-amarelo .elementor-icon-box-icon svg {
    color: #FFC520 !important; /* Amarelo Âmbar */
    fill: #FFC520 !important;
    font-size: 28px !important; /* Tamanho do desenho */
    width: 28px !important;
    height: 28px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-877b3a7 *//* CONTAINER/CAIXA AMARELA */
.elementor-16 .elementor-element.elementor-element-877b3a7.card-amarelo {
    background-color: #00a8a8 !important; /* Amarelo Âmbar */
    border: 4px solid #1A2B3C !important; /* Borda grossa */
    padding: 30px !important; /* Espaço interno */
    box-shadow: 8px 8px 0px 0px #1A2B3C !important; /* Sombra deslocada */
    border-radius: 0px !important; /* Cantos quadrados */
    transition: all 0.3s ease !important;
    
    /* Garante que o conteúdo fique organizado */
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important; /* Espaço entre os itens dentro */
}

/* Efeito Hover (Levanta a caixa inteira) */
.elementor-16 .elementor-element.elementor-element-877b3a7.card-amarelo:hover {
    transform: translateY(-5px) !important;
    box-shadow: 12px 12px 0px 0px #1A2B3C !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-8c6c0ab *//* CAIXINHA DO ÍCONE (Azul Escuro Girado) */
.elementor-16 .elementor-element.elementor-element-8c6c0ab.icone-amarelo .elementor-icon,
.elementor-16 .elementor-element.elementor-element-8c6c0ab.icone-amarelo .elementor-icon-box-icon {
    background-color: #1A2B3C !important; /* Fundo Azul Escuro */
    width: 60px !important;
    height: 60px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 2px solid #1A2B3C !important; /* Borda da mesma cor */
    border-radius: 0px !important; /* Quadrado */
    transform: rotate(-3deg) !important; /* O Charme do giro */
    box-shadow: 3px 3px 0px rgba(0,0,0,0.2) !important; /* Sombra leve */
    margin-bottom: 15px !important;
}

/* O DESENHO DO ÍCONE (Amarelo) */
.elementor-16 .elementor-element.elementor-element-8c6c0ab.icone-amarelo .elementor-icon i,
.elementor-16 .elementor-element.elementor-element-8c6c0ab.icone-amarelo .elementor-icon svg,
.elementor-16 .elementor-element.elementor-element-8c6c0ab.icone-amarelo .elementor-icon-box-icon i,
.elementor-16 .elementor-element.elementor-element-8c6c0ab.icone-amarelo .elementor-icon-box-icon svg {
    color: #FFC520 !important; /* Amarelo Âmbar */
    fill: #FFC520 !important;
    font-size: 28px !important; /* Tamanho do desenho */
    width: 28px !important;
    height: 28px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0db95ee *//* CONTAINER/CAIXA AMARELA */
.elementor-16 .elementor-element.elementor-element-0db95ee.card-amarelo {
    background-color: #ffe9e4 !important; /* Amarelo Âmbar */
    border: 4px solid #1A2B3C !important; /* Borda grossa */
    padding: 30px !important; /* Espaço interno */
    box-shadow: 8px 8px 0px 0px #1A2B3C !important; /* Sombra deslocada */
    border-radius: 0px !important; /* Cantos quadrados */
    transition: all 0.3s ease !important;
    
    /* Garante que o conteúdo fique organizado */
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important; /* Espaço entre os itens dentro */
}

/* Efeito Hover (Levanta a caixa inteira) */
.elementor-16 .elementor-element.elementor-element-0db95ee.card-amarelo:hover {
    transform: translateY(-5px) !important;
    box-shadow: 12px 12px 0px 0px #1A2B3C !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-22f8f84 *//* CAIXINHA DO ÍCONE (Azul Escuro Girado) */
.elementor-16 .elementor-element.elementor-element-22f8f84.icone-amarelo .elementor-icon,
.elementor-16 .elementor-element.elementor-element-22f8f84.icone-amarelo .elementor-icon-box-icon {
    background-color: #1A2B3C !important; /* Fundo Azul Escuro */
    width: 60px !important;
    height: 60px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 2px solid #1A2B3C !important; /* Borda da mesma cor */
    border-radius: 0px !important; /* Quadrado */
    transform: rotate(-3deg) !important; /* O Charme do giro */
    box-shadow: 3px 3px 0px rgba(0,0,0,0.2) !important; /* Sombra leve */
    margin-bottom: 15px !important;
}

/* O DESENHO DO ÍCONE (Amarelo) */
.elementor-16 .elementor-element.elementor-element-22f8f84.icone-amarelo .elementor-icon i,
.elementor-16 .elementor-element.elementor-element-22f8f84.icone-amarelo .elementor-icon svg,
.elementor-16 .elementor-element.elementor-element-22f8f84.icone-amarelo .elementor-icon-box-icon i,
.elementor-16 .elementor-element.elementor-element-22f8f84.icone-amarelo .elementor-icon-box-icon svg {
    color: #FFC520 !important; /* Amarelo Âmbar */
    fill: #FFC520 !important;
    font-size: 28px !important; /* Tamanho do desenho */
    width: 28px !important;
    height: 28px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d93e304 *//* CONTAINER/CAIXA AMARELA */
.elementor-16 .elementor-element.elementor-element-d93e304.card-amarelo {
    background-color: #1a2b3c !important; /* Amarelo Âmbar */
    border: 4px solid #1A2B3C !important; /* Borda grossa */
    padding: 30px !important; /* Espaço interno */
    box-shadow: 8px 8px 0px 0px #1A2B3C !important; /* Sombra deslocada */
    border-radius: 0px !important; /* Cantos quadrados */
    transition: all 0.3s ease !important;
    
    /* Garante que o conteúdo fique organizado */
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important; /* Espaço entre os itens dentro */
}

/* Efeito Hover (Levanta a caixa inteira) */
.elementor-16 .elementor-element.elementor-element-d93e304.card-amarelo:hover {
    transform: translateY(-5px) !important;
    box-shadow: 12px 12px 0px 0px #1A2B3C !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-57469f7 *//* CAIXINHA DO ÍCONE (Azul Escuro Girado) */
.elementor-16 .elementor-element.elementor-element-57469f7.icone-amarelo .elementor-icon,
.elementor-16 .elementor-element.elementor-element-57469f7.icone-amarelo .elementor-icon-box-icon {
    background-color: #1A2B3C !important; /* Fundo Azul Escuro */
    width: 60px !important;
    height: 60px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 2px solid #1A2B3C !important; /* Borda da mesma cor */
    border-radius: 0px !important; /* Quadrado */
    transform: rotate(-3deg) !important; /* O Charme do giro */
    box-shadow: 3px 3px 0px rgba(0,0,0,0.2) !important; /* Sombra leve */
    margin-bottom: 15px !important;
}

/* O DESENHO DO ÍCONE (Amarelo) */
.elementor-16 .elementor-element.elementor-element-57469f7.icone-amarelo .elementor-icon i,
.elementor-16 .elementor-element.elementor-element-57469f7.icone-amarelo .elementor-icon svg,
.elementor-16 .elementor-element.elementor-element-57469f7.icone-amarelo .elementor-icon-box-icon i,
.elementor-16 .elementor-element.elementor-element-57469f7.icone-amarelo .elementor-icon-box-icon svg {
    color: #FFC520 !important; /* Amarelo Âmbar */
    fill: #FFC520 !important;
    font-size: 28px !important; /* Tamanho do desenho */
    width: 28px !important;
    height: 28px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bc14ce0 *//* CONTAINER/CAIXA AMARELA */
.elementor-16 .elementor-element.elementor-element-bc14ce0.card-amarelo {
    background-color: #ffc520 !important; /* Amarelo Âmbar */
    border: 4px solid #1A2B3C !important; /* Borda grossa */
    padding: 30px !important; /* Espaço interno */
    box-shadow: 8px 8px 0px 0px #1A2B3C !important; /* Sombra deslocada */
    border-radius: 0px !important; /* Cantos quadrados */
    transition: all 0.3s ease !important;
    
    /* Garante que o conteúdo fique organizado */
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important; /* Espaço entre os itens dentro */
}

/* Efeito Hover (Levanta a caixa inteira) */
.elementor-16 .elementor-element.elementor-element-bc14ce0.card-amarelo:hover {
    transform: translateY(-5px) !important;
    box-shadow: 12px 12px 0px 0px #1A2B3C !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-a434908 *//* CAIXINHA DO ÍCONE (Azul Escuro Girado) */
.elementor-16 .elementor-element.elementor-element-a434908.icone-amarelo .elementor-icon,
.elementor-16 .elementor-element.elementor-element-a434908.icone-amarelo .elementor-icon-box-icon {
    background-color: #1A2B3C !important; /* Fundo Azul Escuro */
    width: 60px !important;
    height: 60px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 2px solid #1A2B3C !important; /* Borda da mesma cor */
    border-radius: 0px !important; /* Quadrado */
    transform: rotate(-3deg) !important; /* O Charme do giro */
    box-shadow: 3px 3px 0px rgba(0,0,0,0.2) !important; /* Sombra leve */
    margin-bottom: 15px !important;
}

/* O DESENHO DO ÍCONE (Amarelo) */
.elementor-16 .elementor-element.elementor-element-a434908.icone-amarelo .elementor-icon i,
.elementor-16 .elementor-element.elementor-element-a434908.icone-amarelo .elementor-icon svg,
.elementor-16 .elementor-element.elementor-element-a434908.icone-amarelo .elementor-icon-box-icon i,
.elementor-16 .elementor-element.elementor-element-a434908.icone-amarelo .elementor-icon-box-icon svg {
    color: #FFC520 !important; /* Amarelo Âmbar */
    fill: #FFC520 !important;
    font-size: 28px !important; /* Tamanho do desenho */
    width: 28px !important;
    height: 28px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-839a97d *//* CONTAINER/CAIXA AMARELA */
.elementor-16 .elementor-element.elementor-element-839a97d.card-amarelo {
    background-color: #ffffff !important; /* Amarelo Âmbar */
    border: 4px solid #1A2B3C !important; /* Borda grossa */
    padding: 30px !important; /* Espaço interno */
    box-shadow: 8px 8px 0px 0px #1A2B3C !important; /* Sombra deslocada */
    border-radius: 0px !important; /* Cantos quadrados */
    transition: all 0.3s ease !important;
    
    /* Garante que o conteúdo fique organizado */
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important; /* Espaço entre os itens dentro */
}

/* Efeito Hover (Levanta a caixa inteira) */
.elementor-16 .elementor-element.elementor-element-839a97d.card-amarelo:hover {
    transform: translateY(-5px) !important;
    box-shadow: 12px 12px 0px 0px #1A2B3C !important;
}/* End custom CSS */
/* Start custom CSS *//* =========================================
   1. CONFIGURAÇÃO DA IMAGEM (HERO)
   ========================================= */
.avoker-hero-img img {
    /* Estilo Base Desktop */
    border: 3px solid #1A2B3C !important;
    border-radius: 32px !important;
    box-shadow: 8px 8px 0px 0px #1A2B3C !important;
    background-color: #FFFFFF !important;
    padding: 12px !important;
    
    /* Layout Desktop - AGRESSIVO: Limite menor para não ficar enorme */
    width: 100% !important;
    max-width: 320px !important; /* Seu ajuste: 320px */
    height: auto !important;
    object-fit: cover !important;
    
    /* Rotação Inicial */
    transform: rotate(2deg);
    transition: transform 0.5s ease;
    
    /* Centraliza a imagem no container */
    display: block !important;
    margin: 0 auto !important;
}

/* --- EFEITO HOVER --- */
.avoker-hero-img:hover img {
    transform: rotate(0deg) !important;
    scale: 1.02;
}

/* --- RESPONSIVIDADE DA IMAGEM --- */
@media (max-width: 668px) { /* Seu ajuste: 668px */
    .avoker-hero-img img {
        width: 85% !important;      
        max-width: 320px !important; 
        
        height: auto !important;     
        max-height: none !important; 
        object-fit: contain !important; 
        
        /* Margens para Celular */
        display: block !important;
        margin-left: auto !important;
        margin-right: -10px !important; /* Puxa levemente para direita */
        
        /* Empurra a imagem para baixo para dar espaço ao Card */
        margin-top: 60px !important; 
        
        transform: rotate(2deg) !important;
    }
    
    .avoker-hero-img:active img {
        transform: rotate(0deg) !important;
    }
    
    .avoker-hero-img {
        display: block !important;
        width: 100% !important;
        overflow: visible !important;
    }
}

/* =========================================
   2. CONFIGURAÇÃO DO CARTÃO FLUTUANTE
   ========================================= */
.avoker-card-css {
    /* Layout Interno */
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Ícone e Texto lado a lado */
    align-items: center !important;
    gap: 10px !important;
    
    /* Visual */
    background-color: #008F8F !important;
    border: 3px solid #1A2B3C !important;
    border-radius: 16px !important;
    box-shadow: 6px 6px 0px 0px #1A2B3C !important;
    padding: 5px 10px !important; /* Seu ajuste: 5px 10px */
    
    /* Desktop */
    width: max-content !important; /* Ajusta ao conteúdo */
    max-width: 230px !important; /* Seu ajuste: 230px */
    position: absolute !important;
    top: 15% !important;
    left: -40px !important;
    z-index: 20 !important;
    
    animation: flutuar-css 3s infinite ease-in-out;
    transform-origin: top left;
}

/* --- RESPONSIVIDADE DO CARTÃO (Correções Solicitadas) --- */
@media (max-width: 1024px) {
    .avoker-card-css {
        position: absolute !important;
        margin: 0 !important;
        
        /* POSIÇÃO: Baixei o topo para não ficar "muito para cima" */
        top: 55px !important; /* Mantido o ajuste para descer */
        left: 10px !important; 
        
        /* Garante linha horizontal */
        flex-direction: row !important;
        align-items: center !important;
        
        /* TAMANHO: Permite crescer se o texto for longo, mas com limite */
        width: auto !important;
        max-width: 80% !important; /* Não deixa passar da tela */
        
        animation: flutuar-mobile 3s infinite ease-in-out !important;
        z-index: 30 !important;
    }
}

/* =========================================
   3. CONFIGURAÇÃO DE TEXTO (Correção de Quebra)
   ========================================= */
/* Regra Geral para textos no Card */
.avoker-card-css h1, .avoker-card-css h2, .avoker-card-css h3, 
.avoker-card-css span, .avoker-card-css p, .avoker-card-css .elementor-heading-title {
    color: #FFFFFF !important;
    font-family: 'Nunito', sans-serif !important;
    
    /* CORREÇÃO CRÍTICA: Permite quebra de linha se não couber */
    white-space: normal !important; 
    word-wrap: break-word !important;
}

/* Título (VIDEOS COM OS NETOS) */
.avoker-card-css .elementor-widget-heading:first-of-type .elementor-heading-title {
    font-weight: 900 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important; /* Altura da linha melhorada */
    margin-bottom: 2px !important;
    display: block !important;
}

/* Subtítulo ("Aprenda hoje") */
.avoker-card-css .elementor-widget-heading:last-of-type .elementor-heading-title {
    font-weight: 600 !important;
    font-size: 12px !important;
    opacity: 0.9 !important;
    line-height: 1.2 !important;
    display: block !important;
}

/* --- RESTO DOS ESTILOS --- */
.avoker-icon-css .elementor-widget-container,
.avoker-icon-css .elementor-icon {
    background-color: #FFFFFF !important;
    border: 3px solid #1A2B3C !important;
    border-radius: 12px !important;
    width: 45px !important; /* Um pouco maior para não espremer */
    height: 45px !important;
    min-width: 45px !important; /* Garante que não encolha */
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important; /* Impede achatamento */
}

.avoker-icon-css i, .avoker-icon-css svg {
    color: #008F8F !important;
    fill: #008F8F !important;
    font-size: 22px !important;
    width: 22px !important;
    transform: rotate(0deg); 
}

.avoker-highlight {
    background-color: #FFB800;
    color: #1A2B3C !important;
    padding: 2px 8px;
    border: 3px solid #1A2B3C;
    border-radius: 8px;
    display: inline-block;
    line-height: 1em;
    transform: rotate(-2deg);
}

/* =========================================
   4. CONFIGURAÇÃO DOS BOTÕES (HERO)
   ========================================= */

/* Estilo Base do Botão Elementor */
.avoker-btn-primary .elementor-button,
.avoker-btn-secondary .elementor-button {
    font-family: 'Nunito', sans-serif !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.10px !important;
    border: 3px solid #1A2B3C !important;
    border-radius: 10px !important;
    padding: 25px 30px !important;
    box-shadow: 4px 4px 0px 0px #1A2B3C !important;
    transition: all 0.2s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
}

/* --- BOTÃO 1: QUERO APRENDER (Coral) --- */
/* Aplique a classe: avoker-btn-primary */
.avoker-btn-primary .elementor-button {
    background-color: #FF7F66 !important; /* Coral */
    color: #FFFFFF !important;
}

/* Ícone do Botão Primary */
.avoker-btn-primary .elementor-button-icon i,
.avoker-btn-primary .elementor-button-icon svg {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
}

/* --- BOTÃO 2: COMO FUNCIONA (Branco) --- */
/* Aplique a classe: avoker-btn-secondary */
.avoker-btn-secondary .elementor-button {
    background-color: #FFFFFF !important;
    color: #1A2B3C !important; /* Azul Escuro */
}

/* Ícone do Botão Secondary */
.avoker-btn-secondary .elementor-button-icon i,
.avoker-btn-secondary .elementor-button-icon svg {
    color: #1A2B3C !important;
    fill: #1A2B3C !important;
}

/* --- EFEITO HOVER (Clique/Mouse) --- */
.avoker-btn-primary .elementor-button:hover,
.avoker-btn-secondary .elementor-button:hover {
    transform: translate(2px, 2px) !important; /* Move um pouco */
    box-shadow: 2px 2px 0px 0px #1A2B3C !important; /* Sombra diminui */
}

.avoker-btn-primary .elementor-button:active,
.avoker-btn-secondary .elementor-button:active {
    transform: translate(4px, 4px) !important; /* Move tudo */
    box-shadow: none !important; /* Sombra some */
}

/* --- ANIMAÇÕES --- */
@keyframes flutuar-css {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

@keyframes flutuar-mobile {
    0%, 100% { transform: scale(0.9) translateY(0); }
    50% { transform: scale(0.9) translateY(-10px); }
}/* End custom CSS */