.elementor-6 .elementor-element.elementor-element-5079f84{--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;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-6 .elementor-element.elementor-element-5079f84:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-5079f84 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #F0ECE4 100%);}.elementor-6 .elementor-element.elementor-element-ff7081a{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-ff7081a.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-6 .elementor-element.elementor-element-a8ec442{text-align:start;}.elementor-6 .elementor-element.elementor-element-a8ec442 img{width:74%;}.elementor-6 .elementor-element.elementor-element-c6390f0{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-c6390f0.e-con{--align-self:center;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-6 .elementor-element.elementor-element-1a3e622 .elementor-menu-toggle{margin:0 auto;}.elementor-6 .elementor-element.elementor-element-1a3e622 .elementor-nav-menu .elementor-item{font-family:"Comfortaa", Sans-serif;font-size:13px;font-weight:600;word-spacing:0px;}.elementor-6 .elementor-element.elementor-element-1a3e622 .elementor-nav-menu--main .elementor-item{color:#002A50;fill:#002A50;padding-left:10px;padding-right:10px;}.elementor-6 .elementor-element.elementor-element-1a3e622 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-6 .elementor-element.elementor-element-1a3e622 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-6 .elementor-element.elementor-element-1a3e622 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-6 .elementor-element.elementor-element-1a3e622 .elementor-nav-menu--main .elementor-item:focus{color:#B59E74;fill:#B59E74;}.elementor-6 .elementor-element.elementor-element-1a3e622 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#B59E74;}.elementor-6 .elementor-element.elementor-element-1a3e622 .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-6 .elementor-element.elementor-element-1a3e622 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-6 .elementor-element.elementor-element-1a3e622 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-6 .elementor-element.elementor-element-1a3e622 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-6 .elementor-element.elementor-element-1a3e622 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-6 .elementor-element.elementor-element-1a3e622 .e--pointer-underline .elementor-item:after,
					 .elementor-6 .elementor-element.elementor-element-1a3e622 .e--pointer-overline .elementor-item:before,
					 .elementor-6 .elementor-element.elementor-element-1a3e622 .e--pointer-double-line .elementor-item:before,
					 .elementor-6 .elementor-element.elementor-element-1a3e622 .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-6 .elementor-element.elementor-element-97c0d23{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-97c0d23.e-con{--align-self:center;}.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-6 .elementor-element.elementor-element-297a377 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Montserrat", Sans-serif;font-weight:500;text-transform:capitalize;border-radius:536px 536px 536px 536px;padding:15px 30px 15px 30px;}.elementor-6 .elementor-element.elementor-element-297a377 .elementor-button-content-wrapper{flex-direction:row;}.elementor-6 .elementor-element.elementor-element-297a377 .elementor-button .elementor-button-content-wrapper{gap:13px;}.elementor-6 .elementor-element.elementor-element-1eb11dc{--display:flex;--min-height:600px;--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-1eb11dc:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-1eb11dc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );background-image:url("https://odontoceu.com.br/wp-content/uploads/2026/03/f1-1.jpg");background-position:top center;}.elementor-6 .elementor-element.elementor-element-94a1613{--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: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-6 .elementor-element.elementor-element-8a90b97{--display:flex;--border-radius:727px 727px 727px 727px;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:8px;--padding-bottom:6px;--padding-left:13px;--padding-right:10px;}.elementor-6 .elementor-element.elementor-element-8a90b97:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-8a90b97 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF30;}.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-6 .elementor-element.elementor-element-d6ac187{text-align:center;}.elementor-6 .elementor-element.elementor-element-d6ac187 .elementor-heading-title{font-family:"Comfortaa", Sans-serif;font-size:13px;font-weight:300;letter-spacing:0.6px;color:#FFFFFFB8;}.elementor-6 .elementor-element.elementor-element-43aeb2b{width:var( --container-widget-width, 98% );max-width:98%;padding:0px 0px 20px 0px;--container-widget-width:98%;--container-widget-flex-grow:0;}.elementor-6 .elementor-element.elementor-element-43aeb2b .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:31px;font-weight:700;line-height:35px;color:#F7F7F7;}.elementor-widget-text-editor{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-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-6 .elementor-element.elementor-element-7d95599{width:var( --container-widget-width, 95% );max-width:95%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 10px 0px;--container-widget-width:95%;--container-widget-flex-grow:0;text-align:start;font-family:"Comfortaa", Sans-serif;font-size:15px;font-weight:400;color:#BBBBBB;}.elementor-6 .elementor-element.elementor-element-720d1fc .elementor-button-content-wrapper{flex-direction:row;}.elementor-6 .elementor-element.elementor-element-720d1fc .elementor-button{font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-6 .elementor-element.elementor-element-9858103{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-9858103.e-con{--align-self:flex-end;}.elementor-6 .elementor-element.elementor-element-88c9511 img{width:53%;}.elementor-6 .elementor-element.elementor-element-f9950cf{--display:flex;--min-height:600px;--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-f9950cf:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-f9950cf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );background-image:url("https://odontoceu.com.br/wp-content/uploads/2026/03/f1-1.jpg");background-position:top center;}.elementor-6 .elementor-element.elementor-element-2838f16{--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: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-6 .elementor-element.elementor-element-a9df17a{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-a9df17a.e-con{--align-self:flex-end;}.elementor-6 .elementor-element.elementor-element-c846901 img{width:53%;}.elementor-6 .elementor-element.elementor-element-cd67994{--display:flex;--border-radius:727px 727px 727px 727px;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:13px;--padding-bottom:10px;--padding-left:13px;--padding-right:10px;}.elementor-6 .elementor-element.elementor-element-cd67994:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-cd67994 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#305271;}.elementor-6 .elementor-element.elementor-element-5d1e6ba{text-align:center;}.elementor-6 .elementor-element.elementor-element-5d1e6ba .elementor-heading-title{font-family:"Comfortaa", Sans-serif;font-size:13px;font-weight:300;letter-spacing:0.6px;color:#FFFFFFB8;}.elementor-6 .elementor-element.elementor-element-3814394{width:var( --container-widget-width, 98% );max-width:98%;padding:0px 0px 20px 0px;--container-widget-width:98%;--container-widget-flex-grow:0;}.elementor-6 .elementor-element.elementor-element-3814394 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:31px;font-weight:700;line-height:35px;color:#F7F7F7;}.elementor-6 .elementor-element.elementor-element-8b633f5{width:var( --container-widget-width, 95% );max-width:95%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 10px 0px;--container-widget-width:95%;--container-widget-flex-grow:0;text-align:start;font-family:"Comfortaa", Sans-serif;font-size:15px;font-weight:400;color:#BBBBBB;}.elementor-6 .elementor-element.elementor-element-a6a0729 .elementor-button-content-wrapper{flex-direction:row;}.elementor-6 .elementor-element.elementor-element-a6a0729 .elementor-button{font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-6 .elementor-element.elementor-element-2fe0694{--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-6 .elementor-element.elementor-element-94d27c2{--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-6 .elementor-element.elementor-element-94d27c2:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-94d27c2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#002A50;}.elementor-6 .elementor-element.elementor-element-54ba16c{--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-6 .elementor-element.elementor-element-54ba16c:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-54ba16c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-274f91d{--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:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-274f91d:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-274f91d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#022C51;}.elementor-6 .elementor-element.elementor-element-e3aa43c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:50px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-e3aa43c .elementor-button-content-wrapper{flex-direction:row;}.elementor-6 .elementor-element.elementor-element-e3aa43c .elementor-button{font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-6 .elementor-element.elementor-element-a6492f3{--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-6 .elementor-element.elementor-element-e54c8d5{--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:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-e54c8d5:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-e54c8d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#002A50;}.elementor-6 .elementor-element.elementor-element-2d2bc10{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:50px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-2d2bc10 .elementor-button-content-wrapper{flex-direction:row;}.elementor-6 .elementor-element.elementor-element-2d2bc10 .elementor-button{font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-6 .elementor-element.elementor-element-61ea23d{--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:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-75b3516{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 80px 0px;}.elementor-6 .elementor-element.elementor-element-7e6796c .elementor-button{background-color:var( --e-global-color-primary );font-family:"Montserrat", Sans-serif;font-weight:500;text-transform:capitalize;border-radius:536px 536px 536px 536px;padding:15px 30px 15px 30px;}.elementor-6 .elementor-element.elementor-element-7e6796c .elementor-button-content-wrapper{flex-direction:row;}.elementor-6 .elementor-element.elementor-element-7e6796c .elementor-button .elementor-button-content-wrapper{gap:13px;}.elementor-6 .elementor-element.elementor-element-0a22b35{--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;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-0a22b35:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-0a22b35 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBEBEB;}.elementor-6 .elementor-element.elementor-element-04f8a4c{--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-6 .elementor-element.elementor-element-04f8a4c:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-04f8a4c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#002A50;}.elementor-6 .elementor-element.elementor-element-f85feff{--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-6 .elementor-element.elementor-element-fb00c3a{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-fb00c3a:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-fb00c3a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#002749;}@media(min-width:768px){.elementor-6 .elementor-element.elementor-element-ff7081a{--width:18%;}.elementor-6 .elementor-element.elementor-element-c6390f0{--width:50%;}.elementor-6 .elementor-element.elementor-element-97c0d23{--width:18%;}.elementor-6 .elementor-element.elementor-element-1eb11dc{--content-width:1240px;}.elementor-6 .elementor-element.elementor-element-94a1613{--width:50%;}.elementor-6 .elementor-element.elementor-element-8a90b97{--width:65%;}.elementor-6 .elementor-element.elementor-element-9858103{--width:50%;}.elementor-6 .elementor-element.elementor-element-f9950cf{--content-width:1240px;}.elementor-6 .elementor-element.elementor-element-2838f16{--width:50%;}.elementor-6 .elementor-element.elementor-element-a9df17a{--width:50%;}.elementor-6 .elementor-element.elementor-element-cd67994{--width:65%;}}@media(max-width:767px){.elementor-6 .elementor-element.elementor-element-5079f84{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-6 .elementor-element.elementor-element-ff7081a{--width:150px;--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;--justify-content:flex-start;}.elementor-6 .elementor-element.elementor-element-a8ec442 img{width:71%;}.elementor-6 .elementor-element.elementor-element-c6390f0{--width:30px;}.elementor-6 .elementor-element.elementor-element-97c0d23{--width:180px;}.elementor-6 .elementor-element.elementor-element-97c0d23.e-con{--align-self:flex-end;}.elementor-6 .elementor-element.elementor-element-297a377.elementor-element{--align-self:flex-end;}.elementor-6 .elementor-element.elementor-element-297a377 .elementor-button{padding:0px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-d6ac187 .elementor-heading-title{font-size:11px;}.elementor-6 .elementor-element.elementor-element-43aeb2b{text-align:center;}.elementor-6 .elementor-element.elementor-element-43aeb2b .elementor-heading-title{font-size:23px;line-height:1.2em;}.elementor-6 .elementor-element.elementor-element-7d95599.elementor-element{--align-self:center;}.elementor-6 .elementor-element.elementor-element-7d95599{text-align:center;font-size:12px;}.elementor-6 .elementor-element.elementor-element-720d1fc.elementor-element{--align-self:center;}.elementor-6 .elementor-element.elementor-element-f9950cf:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-f9950cf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://odontoceu.com.br/wp-content/uploads/2026/03/bgm3.jpg");background-position:-533px -57px;}.elementor-6 .elementor-element.elementor-element-f9950cf{--padding-top:30px;--padding-bottom:60px;--padding-left:10px;--padding-right:10px;}.elementor-6 .elementor-element.elementor-element-c846901{z-index:0;}.elementor-6 .elementor-element.elementor-element-c846901 img{width:41%;}.elementor-6 .elementor-element.elementor-element-cd67994{--margin-top:-12px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:500;}.elementor-6 .elementor-element.elementor-element-5d1e6ba .elementor-heading-title{font-size:10px;}.elementor-6 .elementor-element.elementor-element-3814394{padding:0px 0px 10px 0px;text-align:center;}.elementor-6 .elementor-element.elementor-element-3814394 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-6 .elementor-element.elementor-element-8b633f5{--container-widget-width:362px;--container-widget-flex-grow:0;width:var( --container-widget-width, 362px );max-width:362px;text-align:justify;font-size:12px;}.elementor-6 .elementor-element.elementor-element-8b633f5.elementor-element{--align-self:center;}.elementor-6 .elementor-element.elementor-element-a6a0729{margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6 .elementor-element.elementor-element-a6a0729.elementor-element{--align-self:center;}.elementor-6 .elementor-element.elementor-element-e3aa43c{width:var( --container-widget-width, 307px );max-width:307px;--container-widget-width:307px;--container-widget-flex-grow:0;}.elementor-6 .elementor-element.elementor-element-e3aa43c.elementor-element{--align-self:center;}.elementor-6 .elementor-element.elementor-element-2d2bc10{width:var( --container-widget-width, 307px );max-width:307px;--container-widget-width:307px;--container-widget-flex-grow:0;}.elementor-6 .elementor-element.elementor-element-2d2bc10.elementor-element{--align-self:center;}.elementor-6 .elementor-element.elementor-element-61ea23d{--padding-top:0px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-75b3516{padding:0px 0px 40px 0px;}.elementor-6 .elementor-element.elementor-element-da664ed{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 10px 0px 10px;}}/* Start custom CSS for button, class: .elementor-element-297a377 */@keyframes btnFlashInv {
  0%   { transform: translateX(-100%) skewX(-15deg); opacity: 0;   }
  10%  { opacity: 1; }
  50%  { transform: translateX(250%)  skewX(-15deg); opacity: 0.3; }
  51%  { opacity: 0; }
  100% { transform: translateX(250%)  skewX(-15deg); opacity: 0;   }
}

/* ── Botão base ── */
.btn-pill-inv a.elementor-button,
.btn-pill-inv .elementor-button {
  display:         inline-flex !important;
  align-items:     center !important;
  gap:             0.75rem !important;
  background:      #002b49 !important;
  color:           #f0ece4 !important;
  font-family:     'Montserrat', sans-serif !important;
  font-size:       10px !important;
  font-weight:     200 !important;
  letter-spacing:  0.02em !important;
  text-transform:  none !important;
  padding:         6px 22px 6px 6px !important;
  border-radius:   999px !important;
  border:          none !important;
  box-shadow:      none !important;
  clip-path:       none !important;
  width:           auto !important;
  position:        relative !important;
  overflow:        hidden !important;
  transition:      background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease !important;
}

/* ── Flash ── */
.btn-pill-inv a.elementor-button::after,
.btn-pill-inv .elementor-button::after {
  content:    '' !important;
  position:   absolute !important;
  top:        -10% !important;
  left:       0 !important;
  width:      40% !important;
  height:     120% !important;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(240,236,228,0.25) 50%,
    transparent 100%
  ) !important;
  border-radius:  999px !important;
  animation:      btnFlashInv 3.2s ease-in-out infinite !important;
  pointer-events: none !important;
}

/* ── Círculo com seta escura ── */
.btn-pill-inv .elementor-button-text {
  display:     flex !important;
  align-items: center !important;
  gap:         0.75rem !important;
  color:       #f0ece4 !important;
  font-size:   0.82rem !important;
  font-weight: 500 !important;
  position:    relative !important;
  z-index:     1 !important;
}

.btn-pill-inv .elementor-button-text::before {
  content:             '' !important;
  display:             inline-flex !important;
  align-items:         center !important;
  justify-content:     center !important;
  width:               24px !important;
  height:              24px !important;
  min-width:           24px !important;
  border-radius:       50% !important;
  background-color:    #f0ece4 !important;
  background-image:    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23002b49' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='7' y1='17' x2='17' y2='7'/%3E%3Cpolyline points='7 7 17 7 17 17'/%3E%3C/svg%3E") !important;
  background-repeat:   no-repeat !important;
  background-position: center !important;
  background-size:     16px 16px !important;
  flex-shrink:         0 !important;
  transition:          transform 0.3s ease !important;
}

/* ── Hover ── */
.btn-pill-inv a.elementor-button:hover,
.btn-pill-inv .elementor-button:hover {
  background:  #001e35 !important;
  transform:   translateX(4px) !important;
  box-shadow:  0 6px 24px rgba(0,27,46,0.3) !important;
  color:       #f0ece4 !important;
}

.btn-pill-inv a.elementor-button:hover .elementor-button-text::before,
.btn-pill-inv .elementor-button:hover .elementor-button-text::before {
  transform: rotate(45deg) !important;
}

.btn-pill-inv a.elementor-button:hover .elementor-button-text,
.btn-pill-inv .elementor-button:hover .elementor-button-text {
  color: #f0ece4 !important;
}

/* ── Esconde ícone nativo ── */
.btn-pill-inv .elementor-button-icon {
  display: none !important;
}


/* ── VARIAÇÃO MOBILE ── */

@media (max-width: 1024px) {

  .btn-pill-inv.btn-pill-inv-mobile a.elementor-button,
  .btn-pill-inv.btn-pill-inv-mobile .elementor-button {
    font-size: 9px !important;
    padding:   5px 16px 5px 5px !important;
    gap:       0.5rem !important;
  }

  .btn-pill-inv.btn-pill-inv-mobile .elementor-button-text {
    font-size: 0.72rem !important;
    gap:       0.5rem !important;
  }

  .btn-pill-inv.btn-pill-inv-mobile .elementor-button-text::before {
    width:               20px !important;
    height:              20px !important;
    min-width:           20px !important;
    background-size:     14px 14px !important;
    background-image:    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23002b49' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='7' y1='17' x2='17' y2='7'/%3E%3Cpolyline points='7 7 17 7 17 17'/%3E%3C/svg%3E") !important;
  }

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-720d1fc *//*
 * ============================================================
 * BOTÃO ELEMENTOR — Pill com seta CSS + efeito flash
 *
 * Como usar:
 * 1. Widget Botão → aba Avançado → CSS Classes: btn-pill
 * 2. NÃO precisa configurar ícone nenhum no Elementor
 * 3. Cole em: Elementor → Site Settings → Custom CSS
 *    OU Appearance → Customize → Additional CSS
 * ============================================================
 */

/* ── Flash keyframe ── */
@keyframes btnFlash {
  0%   { transform: translateX(-100%) skewX(-15deg); opacity: 0;   }
  10%  { opacity: 1; }
  50%  { transform: translateX(250%)  skewX(-15deg); opacity: 0.6; }
  51%  { opacity: 0; }
  100% { transform: translateX(250%)  skewX(-15deg); opacity: 0;   }
}

/* ── Botão base ── */
.btn-pill a.elementor-button,
.btn-pill .elementor-button {
  display:         inline-flex !important;
  align-items:     center !important;
  gap:             0.75rem !important;
  background:      #b59e74 !important;
  color:           #002b49 !important;
  font-family:     'Montserrat', sans-serif !important;
  font-size:       0.82rem !important;
  font-weight:     500 !important;
  letter-spacing:  0.02em !important;
  text-transform:  none !important;
  padding:         6px 22px 6px 6px !important;
  border-radius:   999px !important;
  border:          none !important;
  box-shadow:      none !important;
  clip-path:       none !important;
  width:           auto !important;
  position:        relative !important;
  overflow:        hidden !important;
  transition:      background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease !important;
}

/* ── Flash — faixa de brilho animada ── */
.btn-pill a.elementor-button::after,
.btn-pill .elementor-button::after {
  content:    '' !important;
  position:   absolute !important;
  top:        -10% !important;
  left:       0 !important;
  width:      40% !important;
  height:     120% !important;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255,255,255,0.45) 50%,
    transparent 100%
  ) !important;
  border-radius: 999px !important;
  animation:  btnFlash 3.2s ease-in-out infinite !important;
  pointer-events: none !important;
}

/* ── Círculo escuro com seta ── */
.btn-pill .elementor-button-text {
  display:     flex !important;
  align-items: center !important;
  gap:         0.75rem !important;
  color:       # !important;
  font-size:   0.94rem !important;
  font-weight: 500 !important;
  position:    relative !important;
  z-index:     1 !important;
}

.btn-pill .elementor-button-text::before {
  content:             '' !important;
  display:             inline-flex !important;
  align-items:         center !important;
  justify-content:     center !important;
  width:               36px !important;
  height:              36px !important;
  min-width:           36px !important;
  border-radius:       50% !important;
  background-color:    #002b49 !important;
  background-image:    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23b59e74' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='7' y1='17' x2='17' y2='7'/%3E%3Cpolyline points='7 7 17 7 17 17'/%3E%3C/svg%3E") !important;
  background-repeat:   no-repeat !important;
  background-position: center !important;
  background-size:     16px 16px !important;
  flex-shrink:         0 !important;
  transition:          transform 0.3s ease !important;
}

/* ── Hover ── */
.btn-pill a.elementor-button:hover,
.btn-pill .elementor-button:hover {
  background:  #d4bc94 !important;
  transform:   translateX(4px) !important;
  box-shadow:  0 6px 24px rgba(181,158,116,0.2) !important;
  color:       #002b49 !important;
}

.btn-pill a.elementor-button:hover .elementor-button-text::before,
.btn-pill .elementor-button:hover .elementor-button-text::before {
  transform: rotate(45deg) !important;
}

/* ── Esconde ícone nativo ── */
.btn-pill .elementor-button-icon {
  display: none !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a6a0729 *//*
 * ============================================================
 * BOTÃO ELEMENTOR — Pill com seta CSS + efeito flash
 *
 * Como usar:
 * 1. Widget Botão → aba Avançado → CSS Classes: btn-pill
 * 2. NÃO precisa configurar ícone nenhum no Elementor
 * 3. Cole em: Elementor → Site Settings → Custom CSS
 *    OU Appearance → Customize → Additional CSS
 * ============================================================
 */

/* ── Flash keyframe ── */
@keyframes btnFlash {
  0%   { transform: translateX(-100%) skewX(-15deg); opacity: 0;   }
  10%  { opacity: 1; }
  50%  { transform: translateX(250%)  skewX(-15deg); opacity: 0.6; }
  51%  { opacity: 0; }
  100% { transform: translateX(250%)  skewX(-15deg); opacity: 0;   }
}

/* ── Botão base ── */
.btn-pill a.elementor-button,
.btn-pill .elementor-button {
  display:         inline-flex !important;
  align-items:     center !important;
  gap:             0.75rem !important;
  background:      #b59e74 !important;
  color:           #002b49 !important;
  font-family:     'Montserrat', sans-serif !important;
  font-size:       0.82rem !important;
  font-weight:     500 !important;
  letter-spacing:  0.02em !important;
  text-transform:  none !important;
  padding:         6px 22px 6px 6px !important;
  border-radius:   999px !important;
  border:          none !important;
  box-shadow:      none !important;
  clip-path:       none !important;
  width:           auto !important;
  position:        relative !important;
  overflow:        hidden !important;
  transition:      background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease !important;
}

/* ── Flash — faixa de brilho animada ── */
.btn-pill a.elementor-button::after,
.btn-pill .elementor-button::after {
  content:    '' !important;
  position:   absolute !important;
  top:        -10% !important;
  left:       0 !important;
  width:      40% !important;
  height:     120% !important;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255,255,255,0.45) 50%,
    transparent 100%
  ) !important;
  border-radius: 999px !important;
  animation:  btnFlash 3.2s ease-in-out infinite !important;
  pointer-events: none !important;
}

/* ── Círculo escuro com seta ── */
.btn-pill .elementor-button-text {
  display:     flex !important;
  align-items: center !important;
  gap:         0.75rem !important;
  color:       # !important;
  font-size:   0.94rem !important;
  font-weight: 500 !important;
  position:    relative !important;
  z-index:     1 !important;
}

.btn-pill .elementor-button-text::before {
  content:             '' !important;
  display:             inline-flex !important;
  align-items:         center !important;
  justify-content:     center !important;
  width:               36px !important;
  height:              36px !important;
  min-width:           36px !important;
  border-radius:       50% !important;
  background-color:    #002b49 !important;
  background-image:    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23b59e74' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='7' y1='17' x2='17' y2='7'/%3E%3Cpolyline points='7 7 17 7 17 17'/%3E%3C/svg%3E") !important;
  background-repeat:   no-repeat !important;
  background-position: center !important;
  background-size:     16px 16px !important;
  flex-shrink:         0 !important;
  transition:          transform 0.3s ease !important;
}

/* ── Hover ── */
.btn-pill a.elementor-button:hover,
.btn-pill .elementor-button:hover {
  background:  #d4bc94 !important;
  transform:   translateX(4px) !important;
  box-shadow:  0 6px 24px rgba(181,158,116,0.2) !important;
  color:       #002b49 !important;
}

.btn-pill a.elementor-button:hover .elementor-button-text::before,
.btn-pill .elementor-button:hover .elementor-button-text::before {
  transform: rotate(45deg) !important;
}

/* ── Esconde ícone nativo ── */
.btn-pill .elementor-button-icon {
  display: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-94d27c2 */<style>
  @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,700;0,900;1,300&family=Comfortaa:wght@300;400;700&display=swap');

  .dn-section {
    --navy:    #002b49;
    --navy-dk: #001e35;
    --gold:    #b59e74;
    --gold-lt: #d4bc94;
    --white:   #f5f2ed;

    background: var(--navy);
    padding: 7rem 2rem;
    font-family: 'Montserrat', sans-serif;
    position: relative;
    overflow: hidden;
    width: 100%;
  }

  .dn-section::after {
    content: '';
    position: absolute;
    top: 0; left: -200px;
    width: 600px; height: 100%;
    background: radial-gradient(ellipse at left center, rgba(181,158,116,0.07) 0%, transparent 65%);
    pointer-events: none;
  }

  .dn-inner {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5rem;
    align-items: center;
  }

  /* ── SCROLL REVEAL ── */
  .dn-reveal {
    opacity: 0;
    transform: translateY(32px);
    transition: opacity 0.7s cubic-bezier(.22,.68,0,1.2),
                transform 0.7s cubic-bezier(.22,.68,0,1.2);
  }

  .dn-reveal.dn-visible {
    opacity: 1;
    transform: translateY(0);
  }

  .dn-reveal-d1 { transition-delay: 0.05s; }
  .dn-reveal-d2 { transition-delay: 0.15s; }
  .dn-reveal-d3 { transition-delay: 0.25s; }
  .dn-reveal-d4 { transition-delay: 0.35s; }
  .dn-reveal-d5 { transition-delay: 0.45s; }

  .dn-reveal-left {
    opacity: 0;
    transform: translateX(-28px);
    transition: opacity 0.7s cubic-bezier(.22,.68,0,1.2),
                transform 0.7s cubic-bezier(.22,.68,0,1.2);
  }

  .dn-reveal-left.dn-visible {
    opacity: 1;
    transform: translateX(0);
  }

  /* ── EYEBROW ── */
  .dn-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 2rem;
  }

  .dn-eyebrow-line {
    width: 28px; height: 1.5px;
    background: var(--gold);
    display: inline-block;
  }

  .dn-eyebrow-text {
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.32em;
    text-transform: uppercase;
    color: var(--gold);
  }

  /* ── TÍTULO ── */
  .dn-titulo {
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(1.8rem, 3vw, 2.8rem);
    font-weight: 900;
    color: var(--white);
    line-height: 1.1;
    letter-spacing: -0.025em;
    margin: 0 0 1.5rem 0;
  }

  .dn-titulo span {
    display: block;
    background: linear-gradient(135deg, #ffffff 0%, var(--gold-lt) 60%, var(--gold) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }

  /* ── SUBTÍTULO ── */
  .dn-subtitulo {
    font-family: 'Montserrat', sans-serif;
    font-size: 0.95rem;
    font-weight: 300;
    color: rgba(255,255,255,0.5);
    line-height: 1.75;
    margin: 0 0 2rem 0;
    border-left: 2px solid rgba(181,158,116,0.3);
    padding-left: 1.25rem;
  }

  /* ── TEXTO ── */
  .dn-texto {
    font-family: 'Comfortaa', cursive;
    font-size: 0.82rem;
    font-weight: 300;
    color: rgba(255,255,255,0.38);
    line-height: 1.8;
    margin: 0 0 1.5rem 0;
  }

  /* ── NOTAS ── */
  .dn-notas {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 2.5rem;
  }

  .dn-nota {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    padding: 0.85rem 1rem;
    border-radius: 4px;
    border: 1px solid transparent;
    transition: border-color 0.3s ease, background 0.3s ease;
  }

  .dn-nota:hover {
    border-color: rgba(181,158,116,0.15);
    background: rgba(255,255,255,0.02);
  }

  .dn-nota__badge {
    font-size: 0.52rem;
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    padding: 0.25rem 0.6rem;
    border-radius: 2px;
    flex-shrink: 0;
    margin-top: 0.1rem;
    white-space: nowrap;
  }

  .dn-nota--boa .dn-nota__badge {
    background: rgba(181,158,116,0.15);
    color: var(--gold-lt);
    border: 1px solid rgba(181,158,116,0.25);
  }

  .dn-nota--ma .dn-nota__badge {
    background: rgba(255,255,255,0.05);
    color: rgba(255,255,255,0.4);
    border: 1px solid rgba(255,255,255,0.1);
  }

  .dn-nota__text {
    font-family: 'Comfortaa', cursive;
    font-size: 0.78rem;
    font-weight: 300;
    color: rgba(255,255,255,0.45);
    line-height: 1.65;
    margin: 0;
  }

  /* ── CTA ── */
  .dn-cta {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--navy);
    background: var(--gold);
    padding: 0.9rem 1.75rem;
    border-radius: 2px;
    text-decoration: none;
    transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%);
  }

  .dn-cta:hover {
    background: var(--gold-lt);
    transform: translateX(6px);
    box-shadow: -6px 0 20px rgba(181,158,116,0.2);
  }

  .dn-cta::after {
    content: '→';
    font-size: 1rem;
    transition: transform 0.3s ease;
  }

  .dn-cta:hover::after { transform: translateX(4px); }

  /* ── COLUNA IMAGEM ── */
  .dn-col-image {
    position: relative;
    height: 560px;
    border-radius: 10px;
    overflow: hidden;
    opacity: 0;
    transform: translateX(40px);
    transition: opacity 0.9s cubic-bezier(.22,.68,0,1.2) 0.2s,
                transform 0.9s cubic-bezier(.22,.68,0,1.2) 0.2s;
  }

  .dn-col-image.dn-visible {
    opacity: 1;
    transform: translateX(0);
  }

  .dn-col-image::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 10px;
    padding: 1px;
    background: linear-gradient(160deg,
      rgba(181,158,116,0.5) 0%,
      transparent 40%,
      transparent 60%,
      rgba(181,158,116,0.3) 100%
    );
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: 2;
  }

  .dn-col-image::after {
    content: '';
    position: absolute;
    inset: 0;
    background:
      linear-gradient(to top, rgba(0,27,46,0.88) 0%, rgba(0,27,46,0.25) 45%, transparent 100%),
      linear-gradient(to right, rgba(0,27,46,0.25) 0%, transparent 40%);
    z-index: 1;
    pointer-events: none;
  }

  /* Wrapper com espaço extra para o parallax */
  .dn-img-wrap {
    position: absolute;
    inset: -80px 0;
    overflow: hidden;
  }

  .dn-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 30%;
    display: block;
    will-change: transform;
  }

  /* Legenda */
  .dn-img-caption {
    position: absolute;
    bottom: 0; left: 0; right: 0;
    padding: 2rem 2rem 2.25rem;
    z-index: 3;
    opacity: 0;
    transform: translateY(16px);
    transition: opacity 0.7s ease 0.5s, transform 0.7s ease 0.5s;
  }

  .dn-col-image.dn-visible .dn-img-caption {
    opacity: 1;
    transform: translateY(0);
  }

  .dn-img-caption__tag {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.55rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 0.75rem;
  }

  .dn-img-caption__tag::before {
    content: '';
    width: 5px; height: 5px;
    background: var(--gold);
    border-radius: 50%;
    animation: dnPulse 2s ease-in-out infinite;
  }

  .dn-img-caption__quote {
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(1rem, 1.6vw, 1.3rem);
    font-weight: 800;
    color: var(--white);
    line-height: 1.25;
    letter-spacing: -0.02em;
    margin: 0;
  }

  .dn-img-caption__quote em {
    font-style: italic;
    font-weight: 300;
    color: var(--gold-lt);
  }

  /* Cantos decorativos */
  .dn-corner {
    position: absolute;
    width: 36px; height: 36px;
    z-index: 3;
    pointer-events: none;
  }

  .dn-corner--tl { top: 0; left: 0; }
  .dn-corner--tr { top: 0; right: 0; }

  .dn-corner--tl::before,
  .dn-corner--tl::after,
  .dn-corner--tr::before,
  .dn-corner--tr::after {
    content: '';
    position: absolute;
    background: var(--gold);
    opacity: 0;
    transition: opacity 0.5s ease 0.6s, width 0.5s ease 0.6s, height 0.5s ease 0.6s;
  }

  .dn-col-image.dn-visible .dn-corner--tl::before,
  .dn-col-image.dn-visible .dn-corner--tr::before { opacity: 0.6; width: 20px; }
  .dn-col-image.dn-visible .dn-corner--tl::after,
  .dn-col-image.dn-visible .dn-corner--tr::after  { opacity: 0.6; height: 20px; }

  .dn-corner--tl::before { top:0; left:0; width:0; height:1.5px; }
  .dn-corner--tl::after  { top:0; left:0; width:1.5px; height:0; }
  .dn-corner--tr::before { top:0; right:0; width:0; height:1.5px; }
  .dn-corner--tr::after  { top:0; right:0; width:1.5px; height:0; }

  @keyframes dnPulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50%       { opacity: 0.35; transform: scale(0.65); }
  }

  /* ── RESPONSIVO ── */
  @media (max-width: 900px) {
    .dn-section { padding: 4rem 1.5rem; }

    .dn-inner {
      grid-template-columns: 1fr;
      gap: 2.5rem;
    }

    .dn-col-image {
      order: -1;
      height: 320px;
      border-radius: 8px;
      transform: translateY(30px);
    }

    .dn-col-image.dn-visible { transform: translateY(0); }

    .dn-img-wrap { inset: -40px 0; }

    .dn-img-caption { padding: 1.25rem 1.25rem 1.5rem; }
    .dn-img-caption__quote { font-size: 0.95rem; }

    .dn-cta {
      width: 100%;
      justify-content: center;
      clip-path: none;
      border-radius: 4px;
    }
  }

  @media (max-width: 520px) {
    .dn-col-image { height: 260px; }
    .dn-titulo { font-size: 1.75rem; }
    .dn-nota { flex-direction: column; gap: 0.5rem; }
  }
</style>

<section class="dn-section">
  <div class="dn-inner">

    <!-- ── COLUNA ESQUERDA — Texto ── -->
    <div class="dn-col-text">

      <div class="dn-eyebrow dn-reveal dn-reveal-d1">
        <span class="dn-eyebrow-line"></span>
        <span class="dn-eyebrow-text">O que acontece quando você espera demais</span>
      </div>

      <h2 class="dn-titulo dn-reveal dn-reveal-d2">
        Dente faltando
        <span>não é só estética.</span>
      </h2>

      <p class="dn-subtitulo dn-reveal-left dn-reveal-d3">
        É saúde que se perde a cada mês que passa.
      </p>

      <p class="dn-texto dn-reveal dn-reveal-d3">
        Quando um dente é perdido e não substituído, o osso ao redor começa a desaparecer.
        Com o tempo, os dentes vizinhos migram, a mordida muda, e a mastigação piora.
        O que hoje é um caso simples pode se tornar uma reabilitação muito mais complexa e custosa.
      </p>

      <div class="dn-notas dn-reveal dn-reveal-d4">
        <div class="dn-nota dn-nota--boa">
          <span class="dn-nota__badge">✓ Boa notícia</span>
          <p class="dn-nota__text">Implantes modernos são planejados digitalmente e realizados mesmo em casos que você achava impossíveis.</p>
        </div>
        <div class="dn-nota dn-nota--ma">
          <span class="dn-nota__badge">✕ Má notícia</span>
          <p class="dn-nota__text">Quanto mais tarde, mais difícil e mais caro fica o tratamento.</p>
        </div>
      </div>

      <a href="#" class="dn-cta dn-reveal dn-reveal-d5">Agendar avaliação gratuita</a>

    </div>

    <!-- ── COLUNA DIREITA — Imagem ── -->
    <div class="dn-col-image" id="dnColImage">
      <div class="dn-corner dn-corner--tl"></div>
      <div class="dn-corner dn-corner--tr"></div>

      <div class="dn-img-wrap">
        <img
          class="dn-img"
          id="dnParallaxImg"
          src="https://odontoceu.com.br/wp-content/uploads/2026/03/f1.avif"
          alt="Clínica odontológica"
        />
      </div>

      <div class="dn-img-caption">
        <div class="dn-img-caption__tag">Lembre-se</div>
        <p class="dn-img-caption__quote">
          Você não está atrasado —
          <em>mas esperar mais pode mudar isso.</em>
        </p>
      </div>
    </div>

  </div>
</section>

<script>
  (function () {

    /* ── SCROLL REVEAL ── */
    const revealEls = document.querySelectorAll('.dn-reveal, .dn-reveal-left');

    const revealObserver = new IntersectionObserver(
      (entries) => {
        entries.forEach((entry) => {
          if (entry.isIntersecting) {
            entry.target.classList.add('dn-visible');
            revealObserver.unobserve(entry.target);
          }
        });
      },
      { threshold: 0.15 }
    );

    revealEls.forEach((el) => revealObserver.observe(el));

    /* ── IMAGEM REVEAL ── */
    const colImage = document.getElementById('dnColImage');
    if (colImage) {
      const imgObserver = new IntersectionObserver(
        (entries) => {
          entries.forEach((entry) => {
            if (entry.isIntersecting) {
              colImage.classList.add('dn-visible');
              imgObserver.unobserve(colImage);
            }
          });
        },
        { threshold: 0.1 }
      );
      imgObserver.observe(colImage);
    }

    /* ── PARALLAX ── */
    const parallaxImg = document.getElementById('dnParallaxImg');

    if (parallaxImg && window.matchMedia('(min-width: 901px)').matches) {
      const updateParallax = () => {
        if (!colImage) return;
        const rect     = colImage.getBoundingClientRect();
        const winH     = window.innerHeight;
        const centerY  = rect.top + rect.height / 2;
        const progress = (centerY - winH / 2) / (winH / 2);
        const offset   = progress * 40;
        parallaxImg.style.transform = `translateY(${offset}px)`;
      };

      window.addEventListener('scroll', updateParallax, { passive: true });
      updateParallax();
    }

  })();
</script>/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e3aa43c *//*
 * ============================================================
 * BOTÃO ELEMENTOR — Pill com seta CSS + efeito flash
 *
 * Como usar:
 * 1. Widget Botão → aba Avançado → CSS Classes: btn-pill
 * 2. NÃO precisa configurar ícone nenhum no Elementor
 * 3. Cole em: Elementor → Site Settings → Custom CSS
 *    OU Appearance → Customize → Additional CSS
 * ============================================================
 */

/* ── Flash keyframe ── */
@keyframes btnFlash {
  0%   { transform: translateX(-100%) skewX(-15deg); opacity: 0;   }
  10%  { opacity: 1; }
  50%  { transform: translateX(250%)  skewX(-15deg); opacity: 0.6; }
  51%  { opacity: 0; }
  100% { transform: translateX(250%)  skewX(-15deg); opacity: 0;   }
}

/* ── Botão base ── */
.btn-pill a.elementor-button,
.btn-pill .elementor-button {
  display:         inline-flex !important;
  align-items:     center !important;
  gap:             0.75rem !important;
  background:      #b59e74 !important;
  color:           #002b49 !important;
  font-family:     'Montserrat', sans-serif !important;
  font-size:       0.82rem !important;
  font-weight:     500 !important;
  letter-spacing:  0.02em !important;
  text-transform:  none !important;
  padding:         6px 22px 6px 6px !important;
  border-radius:   999px !important;
  border:          none !important;
  box-shadow:      none !important;
  clip-path:       none !important;
  width:           auto !important;
  position:        relative !important;
  overflow:        hidden !important;
  transition:      background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease !important;
}

/* ── Flash — faixa de brilho animada ── */
.btn-pill a.elementor-button::after,
.btn-pill .elementor-button::after {
  content:    '' !important;
  position:   absolute !important;
  top:        -10% !important;
  left:       0 !important;
  width:      40% !important;
  height:     120% !important;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255,255,255,0.45) 50%,
    transparent 100%
  ) !important;
  border-radius: 999px !important;
  animation:  btnFlash 3.2s ease-in-out infinite !important;
  pointer-events: none !important;
}

/* ── Círculo escuro com seta ── */
.btn-pill .elementor-button-text {
  display:     flex !important;
  align-items: center !important;
  gap:         0.75rem !important;
  color:       # !important;
  font-size:   0.94rem !important;
  font-weight: 500 !important;
  position:    relative !important;
  z-index:     1 !important;
}

.btn-pill .elementor-button-text::before {
  content:             '' !important;
  display:             inline-flex !important;
  align-items:         center !important;
  justify-content:     center !important;
  width:               36px !important;
  height:              36px !important;
  min-width:           36px !important;
  border-radius:       50% !important;
  background-color:    #002b49 !important;
  background-image:    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23b59e74' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='7' y1='17' x2='17' y2='7'/%3E%3Cpolyline points='7 7 17 7 17 17'/%3E%3C/svg%3E") !important;
  background-repeat:   no-repeat !important;
  background-position: center !important;
  background-size:     16px 16px !important;
  flex-shrink:         0 !important;
  transition:          transform 0.3s ease !important;
}

/* ── Hover ── */
.btn-pill a.elementor-button:hover,
.btn-pill .elementor-button:hover {
  background:  #d4bc94 !important;
  transform:   translateX(4px) !important;
  box-shadow:  0 6px 24px rgba(181,158,116,0.2) !important;
  color:       #002b49 !important;
}

.btn-pill a.elementor-button:hover .elementor-button-text::before,
.btn-pill .elementor-button:hover .elementor-button-text::before {
  transform: rotate(45deg) !important;
}

/* ── Esconde ícone nativo ── */
.btn-pill .elementor-button-icon {
  display: none !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2d2bc10 *//*
 * ============================================================
 * BOTÃO ELEMENTOR — Pill com seta CSS + efeito flash
 *
 * Como usar:
 * 1. Widget Botão → aba Avançado → CSS Classes: btn-pill
 * 2. NÃO precisa configurar ícone nenhum no Elementor
 * 3. Cole em: Elementor → Site Settings → Custom CSS
 *    OU Appearance → Customize → Additional CSS
 * ============================================================
 */

/* ── Flash keyframe ── */
@keyframes btnFlash {
  0%   { transform: translateX(-100%) skewX(-15deg); opacity: 0;   }
  10%  { opacity: 1; }
  50%  { transform: translateX(250%)  skewX(-15deg); opacity: 0.6; }
  51%  { opacity: 0; }
  100% { transform: translateX(250%)  skewX(-15deg); opacity: 0;   }
}

/* ── Botão base ── */
.btn-pill a.elementor-button,
.btn-pill .elementor-button {
  display:         inline-flex !important;
  align-items:     center !important;
  gap:             0.75rem !important;
  background:      #b59e74 !important;
  color:           #002b49 !important;
  font-family:     'Montserrat', sans-serif !important;
  font-size:       0.82rem !important;
  font-weight:     500 !important;
  letter-spacing:  0.02em !important;
  text-transform:  none !important;
  padding:         6px 22px 6px 6px !important;
  border-radius:   999px !important;
  border:          none !important;
  box-shadow:      none !important;
  clip-path:       none !important;
  width:           auto !important;
  position:        relative !important;
  overflow:        hidden !important;
  transition:      background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease !important;
}

/* ── Flash — faixa de brilho animada ── */
.btn-pill a.elementor-button::after,
.btn-pill .elementor-button::after {
  content:    '' !important;
  position:   absolute !important;
  top:        -10% !important;
  left:       0 !important;
  width:      40% !important;
  height:     120% !important;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255,255,255,0.45) 50%,
    transparent 100%
  ) !important;
  border-radius: 999px !important;
  animation:  btnFlash 3.2s ease-in-out infinite !important;
  pointer-events: none !important;
}

/* ── Círculo escuro com seta ── */
.btn-pill .elementor-button-text {
  display:     flex !important;
  align-items: center !important;
  gap:         0.75rem !important;
  color:       # !important;
  font-size:   0.94rem !important;
  font-weight: 500 !important;
  position:    relative !important;
  z-index:     1 !important;
}

.btn-pill .elementor-button-text::before {
  content:             '' !important;
  display:             inline-flex !important;
  align-items:         center !important;
  justify-content:     center !important;
  width:               36px !important;
  height:              36px !important;
  min-width:           36px !important;
  border-radius:       50% !important;
  background-color:    #002b49 !important;
  background-image:    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23b59e74' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='7' y1='17' x2='17' y2='7'/%3E%3Cpolyline points='7 7 17 7 17 17'/%3E%3C/svg%3E") !important;
  background-repeat:   no-repeat !important;
  background-position: center !important;
  background-size:     16px 16px !important;
  flex-shrink:         0 !important;
  transition:          transform 0.3s ease !important;
}

/* ── Hover ── */
.btn-pill a.elementor-button:hover,
.btn-pill .elementor-button:hover {
  background:  #d4bc94 !important;
  transform:   translateX(4px) !important;
  box-shadow:  0 6px 24px rgba(181,158,116,0.2) !important;
  color:       #002b49 !important;
}

.btn-pill a.elementor-button:hover .elementor-button-text::before,
.btn-pill .elementor-button:hover .elementor-button-text::before {
  transform: rotate(45deg) !important;
}

/* ── Esconde ícone nativo ── */
.btn-pill .elementor-button-icon {
  display: none !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-7e6796c */@keyframes btnFlashInv {
  0%   { transform: translateX(-100%) skewX(-15deg); opacity: 0;   }
  10%  { opacity: 1; }
  50%  { transform: translateX(250%)  skewX(-15deg); opacity: 0.3; }
  51%  { opacity: 0; }
  100% { transform: translateX(250%)  skewX(-15deg); opacity: 0;   }
}

/* ── Botão base ── */
.btn-pill-inv a.elementor-button,
.btn-pill-inv .elementor-button {
  display:         inline-flex !important;
  align-items:     center !important;
  gap:             0.75rem !important;
  background:      #002b49 !important;
  color:           #f0ece4 !important;
  font-family:     'Montserrat', sans-serif !important;
  font-size:       2.82rem !important;
  font-weight:     10 !important;
  letter-spacing:  0.02em !important;
  text-transform:  none !important;
  padding:         10px 24px 8px 8px !important;
  border-radius:   999px !important;
  border:          none !important;
  box-shadow:      none !important;
  clip-path:       none !important;
  width:           auto !important;
  position:        relative !important;
  overflow:        hidden !important;
  transition:      background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease !important;
}

/* ── Flash ── */
.btn-pill-inv a.elementor-button::after,
.btn-pill-inv .elementor-button::after {
  content:    '' !important;
  position:   absolute !important;
  top:        -10% !important;
  left:       0 !important;
  width:      40% !important;
  height:     120% !important;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(240,236,228,0.25) 50%,
    transparent 100%
  ) !important;
  border-radius:  999px !important;
  animation:      btnFlashInv 3.2s ease-in-out infinite !important;
  pointer-events: none !important;
}

/* ── Círculo com seta escura ── */
.btn-pill-inv .elementor-button-text {
  display:     flex !important;
  align-items: center !important;
  gap:         0.75rem !important;
  color:       #f0ece4 !important;
  font-size:   0.82rem !important;
  font-weight: 500 !important;
  position:    relative !important;
  z-index:     1 !important;
}

.btn-pill-inv .elementor-button-text::before {
  content:             '' !important;
  display:             inline-flex !important;
  align-items:         center !important;
  justify-content:     center !important;
  width:               36px !important;
  height:              36px !important;
  min-width:           36px !important;
  border-radius:       50% !important;
  background-color:    #f0ece4 !important;
  background-image:    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23002b49' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='7' y1='17' x2='17' y2='7'/%3E%3Cpolyline points='7 7 17 7 17 17'/%3E%3C/svg%3E") !important;
  background-repeat:   no-repeat !important;
  background-position: center !important;
  background-size:     16px 16px !important;
  flex-shrink:         0 !important;
  transition:          transform 0.3s ease !important;
}

/* ── Hover ── */
.btn-pill-inv a.elementor-button:hover,
.btn-pill-inv .elementor-button:hover {
  background:  #001e35 !important;
  transform:   translateX(4px) !important;
  box-shadow:  0 6px 24px rgba(0,27,46,0.3) !important;
  color:       #f0ece4 !important;
}

.btn-pill-inv a.elementor-button:hover .elementor-button-text::before,
.btn-pill-inv .elementor-button:hover .elementor-button-text::before {
  transform: rotate(45deg) !important;
}

.btn-pill-inv a.elementor-button:hover .elementor-button-text,
.btn-pill-inv .elementor-button:hover .elementor-button-text {
  color: #f0ece4 !important;
}

/* ── Esconde ícone nativo ── */
.btn-pill-inv .elementor-button-icon {
  display: none !important;
}/* End custom CSS */