.elementor-27 .elementor-element.elementor-element-d68b78d{--display:flex;--position:fixed;--min-height:80px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;top:0px;--z-index:999;}body:not(.rtl) .elementor-27 .elementor-element.elementor-element-d68b78d{left:0px;}body.rtl .elementor-27 .elementor-element.elementor-element-d68b78d{right:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.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-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-27 .elementor-element.elementor-element-09692fa > .elementor-widget-container{margin:0px 16px 0px 0px;}.elementor-27 .elementor-element.elementor-element-09692fa.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-27 .elementor-element.elementor-element-09692fa .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-27 .elementor-element.elementor-element-09692fa .elementor-nav-menu--main .elementor-item:hover,
					.elementor-27 .elementor-element.elementor-element-09692fa .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-27 .elementor-element.elementor-element-09692fa .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-27 .elementor-element.elementor-element-09692fa .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-27 .elementor-element.elementor-element-09692fa .elementor-nav-menu--main .elementor-item{padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-27 .elementor-element.elementor-element-09692fa{--e-nav-menu-horizontal-menu-item-margin:calc( 36px / 2 );}.elementor-27 .elementor-element.elementor-element-09692fa .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:36px;}.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-27 .elementor-element.elementor-element-5e6df76 .elementor-icon-wrapper{text-align:center;}.elementor-27 .elementor-element.elementor-element-5e6df76 .elementor-icon{padding:6px;}.elementor-27 .elementor-element.elementor-element-59e9336{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#EAEAEA17;--border-color:#EAEAEA17;--padding-top:64px;--padding-bottom:64px;--padding-left:64px;--padding-right:64px;}.elementor-27 .elementor-element.elementor-element-11e7523{top:64px;}.elementor-27 .elementor-element.elementor-element-11e7523 .elementor-icon-wrapper{text-align:center;}.elementor-27 .elementor-element.elementor-element-11e7523.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-5848017 );color:var( --e-global-color-text );}.elementor-27 .elementor-element.elementor-element-11e7523.elementor-view-framed .elementor-icon, .elementor-27 .elementor-element.elementor-element-11e7523.elementor-view-default .elementor-icon{color:var( --e-global-color-5848017 );border-color:var( --e-global-color-5848017 );}.elementor-27 .elementor-element.elementor-element-11e7523.elementor-view-framed .elementor-icon, .elementor-27 .elementor-element.elementor-element-11e7523.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-5848017 );}.elementor-27 .elementor-element.elementor-element-11e7523.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-text );}.elementor-27 .elementor-element.elementor-element-11e7523.elementor-view-stacked .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-27 .elementor-element.elementor-element-11e7523 .elementor-icon{font-size:32px;padding:6px;}.elementor-27 .elementor-element.elementor-element-11e7523 .elementor-icon svg{height:32px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-27 .elementor-element.elementor-element-5dad051.elementor-element{--align-self:center;}.elementor-27 .elementor-element.elementor-element-5dad051 img{width:300px;max-width:300px;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-27 .elementor-element.elementor-element-e970c67{--divider-border-style:solid;--divider-color:#DCC8AA24;--divider-border-width:1px;}.elementor-27 .elementor-element.elementor-element-e970c67 .elementor-divider-separator{width:100%;}.elementor-27 .elementor-element.elementor-element-e970c67 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-27 .elementor-element.elementor-element-a842572.elementor-element{--align-self:center;}.elementor-27 .elementor-element.elementor-element-a842572 .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-27 .elementor-element.elementor-element-a842572 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-27 .elementor-element.elementor-element-a842572 .elementor-nav-menu--dropdown a, .elementor-27 .elementor-element.elementor-element-a842572 .elementor-menu-toggle{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-27 .elementor-element.elementor-element-a842572 .elementor-nav-menu--dropdown{background-color:#02010100;}.elementor-27 .elementor-element.elementor-element-a842572 .elementor-nav-menu--dropdown a:hover,
					.elementor-27 .elementor-element.elementor-element-a842572 .elementor-nav-menu--dropdown a:focus,
					.elementor-27 .elementor-element.elementor-element-a842572 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-27 .elementor-element.elementor-element-a842572 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-27 .elementor-element.elementor-element-a842572 .elementor-menu-toggle:hover,
					.elementor-27 .elementor-element.elementor-element-a842572 .elementor-menu-toggle:focus{color:var( --e-global-color-accent );}.elementor-27 .elementor-element.elementor-element-a842572 .elementor-nav-menu--dropdown a:hover,
					.elementor-27 .elementor-element.elementor-element-a842572 .elementor-nav-menu--dropdown a:focus,
					.elementor-27 .elementor-element.elementor-element-a842572 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-27 .elementor-element.elementor-element-a842572 .elementor-nav-menu--dropdown a.highlighted{background-color:#02010100;}.elementor-27 .elementor-element.elementor-element-a842572 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-accent );background-color:#02010100;}.elementor-27 .elementor-element.elementor-element-a842572 .elementor-nav-menu--dropdown .elementor-item, .elementor-27 .elementor-element.elementor-element-a842572 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Oswald", Sans-serif;font-size:48px;font-weight:700;text-transform:uppercase;letter-spacing:-0.028em;}.elementor-27 .elementor-element.elementor-element-a842572 .elementor-nav-menu--dropdown a{padding-left:0px;padding-right:0px;padding-top:12px;padding-bottom:12px;}.elementor-27 .elementor-element.elementor-element-f177f86{--divider-border-style:solid;--divider-color:#DCC8AA24;--divider-border-width:1px;}.elementor-27 .elementor-element.elementor-element-f177f86 .elementor-divider-separator{width:100%;}.elementor-27 .elementor-element.elementor-element-f177f86 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-27 .elementor-element.elementor-element-d8fbb58{--grid-template-columns:repeat(0, auto);--icon-size:20px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-27 .elementor-element.elementor-element-d8fbb58 .elementor-widget-container{text-align:center;}.elementor-27 .elementor-element.elementor-element-d8fbb58 .elementor-social-icon{background-color:var( --e-global-color-accent );}.elementor-27 .elementor-element.elementor-element-d8fbb58 .elementor-social-icon i{color:var( --e-global-color-d365298 );}.elementor-27 .elementor-element.elementor-element-d8fbb58 .elementor-social-icon svg{fill:var( --e-global-color-d365298 );}.elementor-27 .elementor-element.elementor-element-fb9964a{--display:flex;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1366px){.elementor-27 .elementor-element.elementor-element-d68b78d{--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-27 .elementor-element.elementor-element-09692fa > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-27 .elementor-element.elementor-element-09692fa .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-27 .elementor-element.elementor-element-09692fa{--e-nav-menu-horizontal-menu-item-margin:calc( 32px / 2 );}.elementor-27 .elementor-element.elementor-element-09692fa .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:32px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-27 .elementor-element.elementor-element-a842572 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}}@media(max-width:1024px){.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-27 .elementor-element.elementor-element-09692fa > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-27 .elementor-element.elementor-element-09692fa .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-27 .elementor-element.elementor-element-09692fa{--e-nav-menu-horizontal-menu-item-margin:calc( 20px / 2 );}.elementor-27 .elementor-element.elementor-element-09692fa .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:20px;}.elementor-27 .elementor-element.elementor-element-59e9336{--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-27 .elementor-element.elementor-element-11e7523{top:64px;}.elementor-27 .elementor-element.elementor-element-11e7523 .elementor-icon{font-size:32px;}.elementor-27 .elementor-element.elementor-element-11e7523 .elementor-icon svg{height:32px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-27 .elementor-element.elementor-element-5dad051 img{width:125px;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-27 .elementor-element.elementor-element-a842572.elementor-element{--align-self:center;}.elementor-27 .elementor-element.elementor-element-a842572 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-27 .elementor-element.elementor-element-a842572 .elementor-nav-menu--dropdown a{padding-left:0px;padding-right:0px;padding-top:16px;padding-bottom:16px;}}@media(max-width:767px){.elementor-27 .elementor-element.elementor-element-d68b78d{--min-height:60px;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-27 .elementor-element.elementor-element-09692fa .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-27 .elementor-element.elementor-element-5e6df76 .elementor-icon{font-size:24px;}.elementor-27 .elementor-element.elementor-element-5e6df76 .elementor-icon svg{height:24px;}.elementor-27 .elementor-element.elementor-element-59e9336{border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-27 .elementor-element.elementor-element-11e7523.elementor-element{--align-self:center;}body:not(.rtl) .elementor-27 .elementor-element.elementor-element-11e7523{right:32px;}body.rtl .elementor-27 .elementor-element.elementor-element-11e7523{left:32px;}.elementor-27 .elementor-element.elementor-element-11e7523{top:16px;}.elementor-27 .elementor-element.elementor-element-11e7523 .elementor-icon{font-size:20px;}.elementor-27 .elementor-element.elementor-element-11e7523 .elementor-icon svg{height:20px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-27 .elementor-element.elementor-element-5dad051.elementor-element{--align-self:center;}.elementor-27 .elementor-element.elementor-element-5dad051 img{width:200px;max-width:200px;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-27 .elementor-element.elementor-element-e970c67 .elementor-divider{padding-block-start:5px;padding-block-end:5px;}.elementor-27 .elementor-element.elementor-element-a842572 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-27 .elementor-element.elementor-element-a842572.elementor-element{--align-self:center;}.elementor-27 .elementor-element.elementor-element-a842572 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-27 .elementor-element.elementor-element-a842572 .elementor-nav-menu--main .elementor-item{padding-top:16px;padding-bottom:16px;}.elementor-27 .elementor-element.elementor-element-a842572 .elementor-nav-menu--dropdown .elementor-item, .elementor-27 .elementor-element.elementor-element-a842572 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:32px;}.elementor-27 .elementor-element.elementor-element-a842572 .elementor-nav-menu--dropdown a{padding-left:0px;padding-right:0px;padding-top:12px;padding-bottom:12px;}.elementor-27 .elementor-element.elementor-element-f177f86 .elementor-divider{padding-block-start:5px;padding-block-end:5px;}.elementor-27 .elementor-element.elementor-element-d8fbb58{--icon-size:16px;}}@media(min-width:2400px){.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-27 .elementor-element.elementor-element-09692fa .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-27 .elementor-element.elementor-element-a842572 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}}/* Start custom CSS for nav-menu, class: .elementor-element-09692fa *//* ============================================================
   DRA. DANIELLA BALTADAKIS · WIDGET DE MENU
   Cola em: CSS Personalizado do widget de Menu (Elementor)
   `.elementor-27 .elementor-element.elementor-element-09692fa` = escopo do widget.
   Lê a estrutura nativa (.sub-menu) — basta montar o menu com
   submenus no WordPress que ele estiliza sozinho.

   Aqui o menu NÃO é caixa-alta. Playfair grande + Poppins em
   caixa-alta com tracking largo já é a assinatura da marca; o
   menu em caixa-alta competiria com o eyebrow e endureceria um
   site cujo argumento é acolhimento.
   ============================================================ */

.elementor-27 .elementor-element.elementor-element-09692fa .elementor-nav-menu .elementor-item{
  position:relative;
  font-family:var(--db-pp) !important;
  font-weight:400 !important;
  font-size:14px !important;
  letter-spacing:.1px !important;
  text-transform:none !important;
  padding-bottom:4px !important;
}

/* ── Fio animado no hover ──
   Cresce da esquerda ao entrar, encolhe pra direita ao sair. */
.elementor-27 .elementor-element.elementor-element-09692fa .elementor-nav-menu .elementor-item::after{
  content:'';
  position:absolute;
  left:0;bottom:0;
  width:100%;height:1px;
  background:var(--db-oliva) !important;
  transform:scaleX(0);
  transform-origin:right center;
  transition:transform .45s var(--db-ease);
}
.elementor-27 .elementor-element.elementor-element-09692fa .elementor-nav-menu .elementor-item:hover::after{
  transform:scaleX(1);
  transform-origin:left center;
}
.elementor-27 .elementor-element.elementor-element-09692fa .elementor-nav-menu .elementor-item.elementor-item-active::after,
.elementor-27 .elementor-element.elementor-element-09692fa .elementor-nav-menu .elementor-item.highlighted::after{
  transform:scaleX(1);
  transform-origin:left center;
}
.elementor-27 .elementor-element.elementor-element-09692fa .elementor-nav-menu .elementor-item.elementor-item-active{
  color:var(--db-oliva) !important;
}

/* ── Seta do item-pai ── */
.elementor-27 .elementor-element.elementor-element-09692fa .elementor-nav-menu .sub-arrow{
  transition:transform .32s var(--db-ease) !important;
}
.elementor-27 .elementor-element.elementor-element-09692fa .elementor-nav-menu .sub-arrow svg,
.elementor-27 .elementor-element.elementor-element-09692fa .elementor-nav-menu .sub-arrow i{
  font-size:9px !important;
  width:9px !important;
  height:9px !important;
}
.elementor-27 .elementor-element.elementor-element-09692fa .elementor-nav-menu .menu-item-has-children:hover > a .sub-arrow,
.elementor-27 .elementor-element.elementor-element-09692fa .elementor-nav-menu .menu-item-has-children:focus-within > a .sub-arrow{
  transform:rotate(180deg) !important;
}

/* ============================================================
   DROPDOWN — painel de vidro creme
   ============================================================ */
.elementor-27 .elementor-element.elementor-element-09692fa .elementor-nav-menu .sub-menu{
  position:absolute !important;
  top:calc(100% + 14px) !important;
  left:50% !important;
  transform:translateX(-50%) translateY(-6px) !important;
  min-width:236px !important;
  padding:8px !important;
  margin:0 !important;
  list-style:none !important;

  background:rgba(255,252,240,.97) !important;
  backdrop-filter:blur(16px) saturate(1.15) !important;
  -webkit-backdrop-filter:blur(16px) saturate(1.15) !important;
  border:1px solid var(--db-fio) !important;
  border-top:2px solid var(--db-oliva) !important;
  border-radius:2px !important;
  box-shadow:0 24px 56px -24px rgba(58,66,23,.4),
             0 8px 22px -16px rgba(58,66,23,.28) !important;

  opacity:0 !important;
  pointer-events:none !important;
  transition:opacity .24s ease,transform .24s ease !important;
  z-index:200 !important;
}

.elementor-27 .elementor-element.elementor-element-09692fa .elementor-nav-menu .menu-item-has-children:hover > .sub-menu,
.elementor-27 .elementor-element.elementor-element-09692fa .elementor-nav-menu .menu-item-has-children:focus-within > .sub-menu{
  opacity:1 !important;
  transform:translateX(-50%) translateY(0) !important;
  pointer-events:all !important;
}

/* Ponte invisível — preenche o vão entre o pai e o painel, senão
   o dropdown cai ao mover o mouse pra baixo. */
.elementor-27 .elementor-element.elementor-element-09692fa .elementor-nav-menu .menu-item-has-children{position:relative !important}
.elementor-27 .elementor-element.elementor-element-09692fa .elementor-nav-menu .menu-item-has-children::before{
  content:'' !important;
  position:absolute !important;
  bottom:-14px !important;
  left:0 !important;right:0 !important;
  height:14px !important;
}

/* ── Itens do dropdown ── */
.elementor-27 .elementor-element.elementor-element-09692fa .elementor-nav-menu .sub-menu li{margin:0 !important;padding:0 !important}

.elementor-27 .elementor-element.elementor-element-09692fa .elementor-nav-menu .sub-menu a,
.elementor-27 .elementor-element.elementor-element-09692fa .elementor-nav-menu .sub-menu a:link,
.elementor-27 .elementor-element.elementor-element-09692fa .elementor-nav-menu .sub-menu a:visited{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  min-height:44px !important;
  padding:11px 18px !important;
  border-radius:2px !important;
  font-family:var(--db-pp) !important;
  font-size:14px !important;
  font-weight:400 !important;
  letter-spacing:.1px !important;
  text-transform:none !important;
  color:var(--db-texto) !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  transition:background .2s ease,color .2s ease,padding-left .25s var(--db-ease) !important;
}

/* O fio animado é só dos itens de topo */
.elementor-27 .elementor-element.elementor-element-09692fa .elementor-nav-menu .sub-menu a::after{display:none !important}

/* Marcador que aparece no hover */
.elementor-27 .elementor-element.elementor-element-09692fa .elementor-nav-menu .sub-menu a::before{
  content:'›' !important;
  color:var(--db-salvia) !important;
  font-size:15px !important;
  line-height:1 !important;
  opacity:0 !important;
  transform:translateX(-4px) !important;
  transition:opacity .2s ease,transform .2s ease !important;
  flex-shrink:0 !important;
}

.elementor-27 .elementor-element.elementor-element-09692fa .elementor-nav-menu .sub-menu a:hover,
.elementor-27 .elementor-element.elementor-element-09692fa .elementor-nav-menu .sub-menu a:focus{
  background:var(--db-areia) !important;
  color:var(--db-tinta) !important;
  padding-left:22px !important;
}
.elementor-27 .elementor-element.elementor-element-09692fa .elementor-nav-menu .sub-menu a:hover::before,
.elementor-27 .elementor-element.elementor-element-09692fa .elementor-nav-menu .sub-menu a:focus::before{
  opacity:1 !important;
  transform:translateX(0) !important;
}

.elementor-27 .elementor-element.elementor-element-09692fa .elementor-nav-menu .sub-menu a.elementor-item-active,
.elementor-27 .elementor-element.elementor-element-09692fa .elementor-nav-menu .sub-menu a.highlighted{
  color:var(--db-oliva) !important;
}
.elementor-27 .elementor-element.elementor-element-09692fa .elementor-nav-menu .sub-menu a.elementor-item-active:hover{
  color:var(--db-tinta) !important;
}

@media (prefers-reduced-motion:reduce){
  .elementor-27 .elementor-element.elementor-element-09692fa .elementor-nav-menu a,
  .elementor-27 .elementor-element.elementor-element-09692fa .elementor-nav-menu a::after,
  .elementor-27 .elementor-element.elementor-element-09692fa .elementor-nav-menu .sub-menu{transition:none !important}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bebc7e8 *//* =====================================================
   PARQUE AVENTURAS — BOTÃO WHATSAPP DO HEADER
   Cola em: CSS Personalizado do widget HTML do botão
   Sem `.elementor-27 .elementor-element.elementor-element-bebc7e8`: a classe .pa-nav-cta já é namespace único

   Hover: o fundo verde recolhe pra cima e um fundo creme
   entra por baixo. Duas camadas em clip-path, nada de
   mudar background-color no meio da transição.
   ===================================================== */

.pa-nav-cta{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-width:var(--pa-nav-side,172px);
  white-space:nowrap;
  font-family:'Public Sans',sans-serif !important;
  font-weight:600;
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-decoration:none !important;
  padding:12px 24px;
  border-radius:100px;
  border:1px solid transparent;
  line-height:1;
  overflow:hidden;
  isolation:isolate;
  background-color:transparent !important;  /* o fundo é a camada ::before */
  color:#0B1A07 !important;
  transition:color .42s cubic-bezier(.65,0,.35,1),
             transform .35s cubic-bezier(.19,1,.22,1);
}

/* camada 1 — verde, o estado de repouso. Recolhe pra cima no hover. */
.pa-nav-cta::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:-2;
  background:#00A953;
  clip-path:inset(0 0 0 0);
  transition:clip-path .42s cubic-bezier(.65,0,.35,1);
}

/* camada 2 — creme, entra de baixo ocupando o lugar. */
.pa-nav-cta::after{
  content:'';
  position:absolute;
  inset:0;
  z-index:-1;
  background:#F2F0E8;
  clip-path:inset(100% 0 0 0);
  transition:clip-path .42s cubic-bezier(.65,0,.35,1);
}

.pa-nav-cta:hover,
.pa-nav-cta:focus-visible{
  color:#131311 !important;
  transform:translateY(-2px);
}
.pa-nav-cta:hover::before,
.pa-nav-cta:focus-visible::before{ clip-path:inset(0 0 100% 0); }
.pa-nav-cta:hover::after,
.pa-nav-cta:focus-visible::after{ clip-path:inset(0 0 0 0); }

.pa-nav-cta:active{transform:translateY(0)}

.pa-nav-cta__icon{
  width:16px;
  height:16px;
  flex-shrink:0;
  fill:currentColor;
}

/* ── tablet ── */
@media (max-width:1024px){
  .pa-nav-cta{padding:11px 20px;font-size:11px;gap:8px;min-width:var(--pa-nav-side-md,148px)}
  .pa-nav-cta__icon{width:15px;height:15px}
}

/* ── mobile: vira só o ícone, redondo (o rótulo continua no DOM
      pra leitor de tela, mas fica visualmente oculto) ── */
@media (max-width:768px){
  .pa-nav-cta{
    width:42px;
    height:42px;
    min-width:0;
    padding:0;
    gap:0;
    border-radius:50%;
  }
  .pa-nav-cta__label{
    position:absolute;
    width:1px;height:1px;
    overflow:hidden;
    clip:rect(0 0 0 0);
    white-space:nowrap;
  }
  .pa-nav-cta__icon{width:19px;height:19px}
}

/* sem animação para quem pediu movimento reduzido */
@media (prefers-reduced-motion:reduce){
  .pa-nav-cta,
  .pa-nav-cta::before,
  .pa-nav-cta::after{transition:none}
  .pa-nav-cta:hover{transform:none}
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-11e7523 */.elementor-27 .elementor-element.elementor-element-11e7523{
    
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-59e9336 *//* ============================================================
   DRA. DANIELLA BALTADAKIS · POPUP FULLSCREEN
   Cola TUDO em: CSS Personalizado do container #popup-overlay
   Cortina em clip-path descendo de cima + itens escalonados.
   O JS é o global (initPopup).

   Cortina CREME, não escura: o site é claro e uma cortina preta
   quebraria a continuidade. Itens em Playfair — no popup o menu
   vira índice, e é o único lugar onde ele pode ser display.
   ============================================================ */

/* ═══════════════════════════════════════════════
   1) CONTAINER — cortina fullscreen
   ═══════════════════════════════════════════════ */
#popup-overlay{
  position:fixed;
  inset:0;
  width:100vw;
  height:100svh;
  background:rgba(255,252,240,.98);
  backdrop-filter:blur(14px) saturate(1.1);
  -webkit-backdrop-filter:blur(14px) saturate(1.1);
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  padding:92px 24px 48px;
  overflow-y:auto;
  overscroll-behavior:contain;

  opacity:0;
  visibility:hidden;
  clip-path:inset(0 0 100% 0);
  transition:opacity .5s cubic-bezier(.22,1,.36,1),
             clip-path .7s cubic-bezier(.76,0,.24,1),
             visibility .7s;
}
#popup-overlay.active{
  opacity:1;
  visibility:visible;
  clip-path:inset(0 0 0 0);
  z-index:9990;
}
#popup-overlay.closing{
  opacity:0;
  clip-path:inset(0 0 100% 0);
  transition:opacity .45s cubic-bezier(.76,0,.24,1),
             clip-path .6s cubic-bezier(.76,0,.24,1);
}

body.db-popup-open{overflow:hidden !important}

/* Fio no topo, marcando a borda da cortina */
#popup-overlay::before{
  content:'';
  position:fixed;
  top:0;left:0;
  width:100%;height:2px;
  background:var(--db-oliva);
  opacity:0;
  transition:opacity .4s ease .25s;
  pointer-events:none;
}
#popup-overlay.active::before{opacity:1}

#popup-overlay a,
#popup-overlay a:link,
#popup-overlay a:visited{
  color:var(--db-tinta) !important;
  text-decoration:none;
  transition:color .3s ease;
}
#popup-overlay a:hover,
#popup-overlay a:focus{color:var(--db-oliva) !important}

#popup-overlay::-webkit-scrollbar{width:0;background:transparent}
#popup-overlay{scrollbar-width:none}

/* ═══════════════════════════════════════════════
   2) ENTRADA ESCALONADA dos blocos internos
   ═══════════════════════════════════════════════ */
#popup-overlay > .elementor-element,
#popup-overlay > div{
  opacity:0;
  transform:translateY(22px);
  transition:opacity .6s cubic-bezier(.22,1,.36,1),
             transform .6s cubic-bezier(.22,1,.36,1);
}
#popup-overlay.active > .elementor-element,
#popup-overlay.active > div{opacity:1;transform:none}
#popup-overlay.active > *:nth-child(1){transition-delay:.30s}
#popup-overlay.active > *:nth-child(2){transition-delay:.38s}
#popup-overlay.active > *:nth-child(3){transition-delay:.46s}
#popup-overlay.active > *:nth-child(4){transition-delay:.54s}
#popup-overlay.active > *:nth-child(5){transition-delay:.62s}
#popup-overlay.closing > *{transition-delay:0s !important}

/* ═══════════════════════════════════════════════
   3) BOTÃO FECHAR — só o hover.
      Posição fica no painel do Elementor.
   ═══════════════════════════════════════════════ */
#popup-overlay #close-button,
#popup-overlay .close-button{
  cursor:pointer;
  min-width:44px;min-height:44px;
  transition:transform .35s cubic-bezier(.22,1,.36,1);
}
#popup-overlay #close-button:hover,
#popup-overlay .close-button:hover{transform:rotate(90deg)}

/* ═══════════════════════════════════════════════
   4) MENU — centralizado, accordion nos submenus
   ═══════════════════════════════════════════════ */

/* anti-vazamento: não deixa ancestral cortar ou encolher */
#popup-overlay .elementor-widget-container,
#popup-overlay .elementor-nav-menu--main,
#popup-overlay .elementor-nav-menu,
#popup-overlay nav{
  flex-wrap:nowrap !important;
  max-height:none !important;
  height:auto !important;
  overflow:visible !important;
}

#popup-overlay .elementor-nav-menu,
#popup-overlay .elementor-nav-menu > ul{
  display:flex !important;
  flex-direction:column !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  width:100% !important;
  list-style:none !important;
  padding:0 !important;
  margin:0 !important;
}
#popup-overlay .elementor-nav-menu > ul > li{
  width:100% !important;
  display:block !important;
  position:relative !important;
  flex:0 0 auto !important;
  text-align:center !important;
}

/* Itens principais — Playfair grande */
#popup-overlay .elementor-nav-menu > ul > li > a,
#popup-overlay .elementor-nav-menu > ul > li > a:link,
#popup-overlay .elementor-nav-menu > ul > li > a:visited{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  position:relative !important;
  padding:13px 0 !important;
  font-family:var(--db-pd) !important;
  font-size:30px !important;
  font-weight:400 !important;
  letter-spacing:-.9px !important;
  text-transform:none !important;
  line-height:1.14 !important;
  color:var(--db-tinta) !important;
  background:transparent !important;
  border:none !important;
  text-decoration:none !important;
  transition:color .25s ease !important;
}
#popup-overlay .elementor-nav-menu > ul > li > a:hover,
#popup-overlay .elementor-nav-menu > ul > li > a:focus{
  color:var(--db-oliva) !important;
}

/* Chevron do item-pai — ao lado do texto, não na borda */
#popup-overlay .menu-item-has-children > a::after{
  content:'' !important;
  width:8px !important;height:8px !important;
  border-right:1.6px solid var(--db-salvia) !important;
  border-bottom:1.6px solid var(--db-salvia) !important;
  transform:translateY(-4px) rotate(45deg) !important;
  transition:transform .35s cubic-bezier(.22,1,.36,1) !important;
  pointer-events:none !important;
  flex-shrink:0 !important;
}
#popup-overlay li.submenu-open > a::after{
  transform:translateY(2px) rotate(225deg) !important;
}
#popup-overlay .menu-item-has-children > a .sub-arrow{
  display:none !important;visibility:hidden !important;
  width:0 !important;height:0 !important;overflow:hidden !important;
}

/* Sub-menu — accordion centralizado */
#popup-overlay .sub-menu{
  list-style:none !important;
  padding:0 !important;margin:0 !important;
  max-height:0 !important;
  overflow:hidden !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  display:block !important;
  width:100% !important;
  position:static !important;
  opacity:1 !important;
  transform:none !important;
  pointer-events:auto !important;
  transition:max-height .4s cubic-bezier(.22,1,.36,1),
             padding .4s cubic-bezier(.22,1,.36,1) !important;
}
#popup-overlay li.submenu-open > .sub-menu{
  max-height:600px !important;
  padding:4px 0 14px !important;
}

#popup-overlay .sub-menu li{
  margin:0 !important;padding:0 !important;
  width:100% !important;display:block !important;
}
#popup-overlay .sub-menu a,
#popup-overlay .sub-menu a:link,
#popup-overlay .sub-menu a:visited{
  display:block !important;
  min-height:44px !important;
  padding:11px 0 !important;
  font-family:var(--db-pp) !important;
  font-size:15px !important;
  font-weight:400 !important;
  letter-spacing:.1px !important;
  text-transform:none !important;
  line-height:1.4 !important;
  color:var(--db-texto) !important;
  border:none !important;
  background:transparent !important;
  text-decoration:none !important;
  transition:color .2s ease !important;
}
#popup-overlay .sub-menu a:hover,
#popup-overlay .sub-menu a:focus,
#popup-overlay .sub-menu a.elementor-item-active,
#popup-overlay .sub-menu a[aria-current="page"]{
  color:var(--db-oliva) !important;
}

/* ═══════════════════════════════════════════════
   5) DIVISOR — aplica .db-popup-rule num divisor/HTML
   ═══════════════════════════════════════════════ */
#popup-overlay .db-popup-rule{
  width:100%;
  max-width:320px;
  height:1px;
  background:var(--db-fio);
  margin:26px auto;
}

/* ═══════════════════════════════════════════════
   6) CREDENCIAL no rodapé do popup
   ═══════════════════════════════════════════════ */
#popup-overlay .db-popup-cred{
  font-family:var(--db-pp) !important;
  font-weight:400;
  font-size:13px;
  line-height:1.8;
  color:var(--db-leg);
  margin-top:6px;
}

/* ═══════════════════════════════════════════════
   7) RESPONSIVO
   ═══════════════════════════════════════════════ */
@media (min-width:1025px){
  #popup-overlay .elementor-nav-menu > ul > li > a{font-size:38px !important}
}
@media (max-width:767px){
  #popup-overlay{padding:80px 20px 40px}
  #popup-overlay .elementor-nav-menu > ul > li > a{font-size:26px !important;padding:11px 0 !important}
}
@media (max-height:620px){
  #popup-overlay{justify-content:flex-start}
  #popup-overlay .elementor-nav-menu > ul > li > a{font-size:22px !important;padding:9px 0 !important}
}

@media (prefers-reduced-motion:reduce){
  #popup-overlay,
  #popup-overlay > *{
    transition-duration:.01ms !important;
    transition-delay:0s !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d68b78d *//* ============================================================
   DRA. DANIELLA BALTADAKIS · CONTAINER DO HEADER
   Cola em: CSS Personalizado do container .db-header
   Classe .scrolled aplicada pelo JS global (>60px).

   PAPÉIS SEPARADOS:
   - o FUNDO é sempre do container externo (.db-header), que
     ocupa a tela inteira;
   - a LARGURA é sempre do .e-con-inner, que fica transparente
     e só limita o conteúdo a 1280.
   Com o container em Boxed, quem aparece é o inner — pintar os
   dois faz a faixa ficar do tamanho do grid em vez de ir de
   borda a borda.

   Aqui o site é CLARO: o header nasce transparente sobre a hero
   (que tem campo creme à esquerda) e vira vidro creme ao rolar.
   Links são escuros nos dois estados — não há troca de cor.
   ============================================================ */

.db-header{
  width:100% !important;
  max-width:none !important;
  padding-left:0 !important;
  padding-right:0 !important;
  background-color:transparent !important;
  background-image:none !important;
  transition:background-color .4s var(--db-ease),
             backdrop-filter .4s var(--db-ease),
             box-shadow .4s var(--db-ease);
}

.db-header > .e-con-inner,
.db-header > .elementor-container{
  width:100% !important;
  max-width:var(--db-grid) !important;
  margin:0 auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
  background-color:transparent !important;
  background-image:none !important;
}

@media (max-width:1280px){
  .db-header > .e-con-inner,
  .db-header > .elementor-container{
    padding-left:var(--db-pad-x) !important;
    padding-right:var(--db-pad-x) !important;
  }
}

/* ── Rolado: vidro areia com fio ──
   Areia, e não creme, pelo mesmo motivo do rodapé: quase toda
   seção da página é creme, então um header creme não se separa
   do conteúdo ao rolar — a faixa some e sobram os links soltos
   por cima do texto.

   O FIO ESCURECE JUNTO. O --db-fio dá 1,09:1 sobre areia e
   desaparece; aqui ele volta ao tom que a classe .db-areia usa,
   1,26:1 — a mesma discrição em números diferentes. */
.db-header.scrolled{
  background-color:rgba(239,227,203,.94) !important;
  backdrop-filter:blur(16px) saturate(1.2);
  -webkit-backdrop-filter:blur(16px) saturate(1.2);
  box-shadow:0 1px 0 #D3CCBB,
             0 10px 30px -20px rgba(58,66,23,.4);
}

/* Sem backdrop-filter o vidro fica ilegível sobre a foto —
   cai pra areia sólida. */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .db-header.scrolled{background-color:var(--db-areia) !important}
}

/* ============================================================
   LADOS IGUAIS
   A marca e o bloco da direita ocupam exatamente a mesma largura,
   então o menu fica centralizado de verdade — e não apenas
   "quase", como acontece quando cada lado tem largura natural.
   Aplique a classe .db-nav-side nos DOIS widgets HTML
   (Avançado > Classes CSS).
   ============================================================ */
.db-header{--db-nav-side:224px}

.db-header .db-nav-side,
.db-header .elementor-widget-html.db-nav-side{
  flex:0 0 var(--db-nav-side) !important;
  max-width:var(--db-nav-side) !important;
  width:var(--db-nav-side) !important;
}

/* ── Marca ── */
.db-header .db-brand{
  display:flex;
  align-items:center;
  gap:11px;
  text-decoration:none !important;
  min-height:44px;
}
.db-header .db-brand__mark{
  width:40px;height:40px;
  flex:none;
  display:block;
  transition:width .4s var(--db-ease),height .4s var(--db-ease);
}
.db-header.scrolled .db-brand__mark{width:34px;height:34px}

.db-header .db-brand__text{display:block;min-width:0}
.db-header .db-brand__name{
  display:block;
  font-family:var(--db-pd) !important;
  font-weight:400;
  font-size:15px;
  line-height:1.15;
  letter-spacing:-.3px;
  white-space:nowrap;
  color:var(--db-tinta) !important;
}
.db-header .db-brand__role{
  display:block;
  margin-top:1px;
  font-family:var(--db-pp) !important;
  font-weight:500;
  font-size:8px;
  line-height:1.4;
  letter-spacing:2.1px;
  text-transform:uppercase;
  white-space:nowrap;
  color:var(--db-oliva) !important;
}
.db-header .db-brand:hover .db-brand__name{color:var(--db-oliva) !important}

/* ── Botão do header ──
   Preenche a coluna: assim a borda direita alinha com a borda do
   grid e o bloco fica com o mesmo peso visual da marca. */
.db-header .db-header__cta{width:100%}
.db-header .db-header__cta span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* ── Hambúrguer ──
   Só a aparência. O widget e a classe são seus; a exibição por
   breakpoint fica no painel do Elementor. Vale apenas se você
   usar a classe .db-burger. */
.db-header .db-burger{
  flex-direction:column;
  justify-content:center;
  gap:5px;
  width:44px;height:44px;
  flex:none;
  padding:0;
  background:none;
  border:0;
  cursor:pointer;
}
.db-header .db-burger i{
  display:block;
  width:22px;height:1.4px;
  margin:0 auto;
  background:var(--db-tinta);
  transition:background .3s var(--db-ease);
}
.db-header .db-burger:hover i{background:var(--db-oliva)}

/* ============================================================
   RESPONSIVO DOS LADOS
   ============================================================ */
@media (max-width:1280px){
  .db-header{--db-nav-side:198px}
  .db-header .db-brand__name{font-size:14px}
  .db-header .db-header__cta{padding:0 14px;letter-spacing:1.4px}
}

/* menu recolhido: o botão sai e os lados voltam à largura
   natural — não há mais menu pra centralizar */
@media (max-width:980px){
  .db-header .db-nav-side,
  .db-header .elementor-widget-html.db-nav-side{
    flex:0 0 auto !important;
    max-width:none !important;
    width:auto !important;
  }
  .db-header .db-header__cta{display:none}
}

@media (max-width:480px){
  .db-header .db-brand__mark{width:34px;height:34px}
  .db-header.scrolled .db-brand__mark{width:30px;height:30px}
  .db-header .db-brand__name{font-size:13.5px}
  .db-header .db-brand__role{font-size:7.5px;letter-spacing:1.8px}
}

@media (prefers-reduced-motion:reduce){
  .db-header,
  .db-header .db-brand__mark,
  .db-header .db-burger i{transition:none}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb9964a *//* ============================================================
   DRA. DANIELLA BALTADAKIS · UTILITÁRIOS GLOBAIS
   Cola em: Elementor > Configurações do Site > CSS Personalizado
   Uma vez só, vale pro site inteiro.
   Componentes de seção ficam no CSS do próprio widget.
   ============================================================ */

:root{
  /* as 10 do kit — espelhadas aqui pra uso em rgba e degradê */
  --db-oliva:#556122;      /* primária · ação */
  --db-oliva-x:#3A4217;    /* secundária · fundo escuro e hover */
  --db-salvia:#9EA658;     /* realce · SÓ ornamento, nunca texto */
  --db-claro:#D6D89A;      /* acento e legenda sobre escuro */
  --db-creme:#FFFCF0;      /* fundo · texto sobre escuro */
  --db-areia:#EFE3CB;      /* superfície alternada */
  /* NEUTROS QUENTES, não derivados do oliva.
     O briefing define cor de marca, não cor de texto. Derivar os
     neutros do #556122 deixava seis dos dez tons esverdeados e a
     página inteira puxava verde — até o cinza do parágrafo.
     Aquecidos, o verde cai de +16 para +6 no título e de +13 para
     +2 na legenda, e o contraste sobe em todos. */
  --db-tinta:#2E2A1B;      /* títulos */
  --db-texto:#514A38;      /* parágrafo */
  --db-leg:#63594A;        /* legenda, meta, borda */
  --db-fio:#E1DBCE;        /* divisória sobre creme */

  --db-grid:1280px;
  --db-pad-x:32px;
  --db-pad-y:104px;
  --db-ease:cubic-bezier(.19,1,.22,1);

  --db-pd:'Playfair Display',Georgia,serif;
  --db-pp:'Poppins',-apple-system,sans-serif;
}
@media (max-width:768px){
  :root{--db-pad-x:20px;--db-pad-y:68px}
}

/* ────────────────────────────────────────────
   RUNNING HEAD — rótulo de seção
   <div class="db-runner"><span>Reumatologia</span><span>Campinas, SP</span></div>

   Substitui o eyebrow de traço + caixa-alta espaçada. Aquele
   padrão virou marca de conteúdo automático e não combina com um
   site cujo argumento é cuidado artesanal.
   Aqui o rótulo é uma cabeça corrida de impresso: dois itens
   justificados sobre um fio que fecha a largura do bloco. Caixa
   normal, sem tracking exagerado — o peso vem da estrutura, não
   do berro tipográfico.
   ──────────────────────────────────────────── */
.db-runner{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:20px;
  padding-bottom:11px;
  border-bottom:1px solid var(--db-fio);
  font-family:var(--db-pp) !important;
  font-weight:400;
  font-size:13px;
  line-height:1.5;
  letter-spacing:.2px;
  color:var(--db-leg);
}
.db-runner > span:first-child{font-weight:500;color:var(--db-oliva)}
.db-runner--light{border-bottom-color:rgba(214,216,154,.32);color:var(--db-claro)}
.db-runner--light > span:first-child{color:var(--db-claro)}
@media (max-width:768px){.db-runner{font-size:12px;gap:14px}}

/* ── variante centralizada ──
   Em seção centrada o justify-between joga os dois itens para as
   pontas da tela e o par perde relação. Aqui eles ficam juntos no
   centro, separados por um fio vertical curto.
   Vive no global porque quatro seções usam: doenças, serviços,
   depoimentos e onde atendo. */
.db-runner--centro{
  justify-content:center;
  gap:0;
  max-width:max-content;
  margin-left:auto;
  margin-right:auto;
  border-bottom:0;
  padding-bottom:0;
}
.db-runner--centro > span:first-child{padding-right:16px}
.db-runner--centro > span:last-child{
  padding-left:16px;
  border-left:1px solid var(--db-fio);
}
@media (max-width:480px){
  .db-runner--centro{font-size:11.5px}
  .db-runner--centro > span:first-child{padding-right:12px}
  .db-runner--centro > span:last-child{padding-left:12px}
}

/* ────────────────────────────────────────────
   DESTAQUE dentro de título
   Toda dor merece ser <em class="db-em">investigada</em> até o fim.
   ──────────────────────────────────────────── */
.db-em{font-style:italic;font-weight:600;color:var(--db-oliva)}
.db-em--light{color:var(--db-claro)}

/* ────────────────────────────────────────────
   BOTÕES
   <a class="db-btn db-btn--solid">Agendar consulta</a>
   Variantes: --solid · --out · --light · --wa
   Modificador: --sm (header)
   Duas camadas em clip-path: ::before é o repouso e recolhe pra
   cima, ::after é o hover e entra por baixo. Por isso o fundo
   real fica transparente.
   ──────────────────────────────────────────── */
.db-btn{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  min-height:58px;
  padding:0 32px;
  white-space:nowrap;
  font-family:var(--db-pp) !important;
  font-weight:500;
  font-size:14px;
  line-height:1;
  letter-spacing:2.1px;
  text-transform:uppercase;
  text-decoration:none !important;
  border:1px solid transparent;
  border-radius:0;
  cursor:pointer;
  overflow:hidden;
  isolation:isolate;
  background-color:transparent !important;
  transition:color .42s cubic-bezier(.65,0,.35,1),
             border-color .42s cubic-bezier(.65,0,.35,1),
             transform .35s var(--db-ease);
}
.db-btn svg{width:16px;height:16px;flex:none;fill:currentColor}
.db-btn::before{
  content:'';position:absolute;inset:0;z-index:-2;
  clip-path:inset(0 0 0 0);
  transition:clip-path .42s cubic-bezier(.65,0,.35,1);
}
.db-btn::after{
  content:'';position:absolute;inset:0;z-index:-1;
  clip-path:inset(100% 0 0 0);
  transition:clip-path .42s cubic-bezier(.65,0,.35,1);
}
.db-btn:hover,
.db-btn:focus-visible{transform:translateY(-2px)}
.db-btn:hover::before,
.db-btn:focus-visible::before{clip-path:inset(0 0 100% 0)}
.db-btn:hover::after,
.db-btn:focus-visible::after{clip-path:inset(0 0 0 0)}
.db-btn:active{transform:translateY(0)}

.db-btn--solid{color:var(--db-creme) !important}
.db-btn--solid::before{background:var(--db-oliva)}
.db-btn--solid::after{background:var(--db-oliva-x)}
.db-btn--solid:hover,
.db-btn--solid:focus-visible{color:var(--db-creme) !important}

/* contorno para seção CLARA — a borda é a cor Legenda, não o Fio:
   fio a 1,5:1 some pra quem tem baixa visão */
.db-btn--out{border-color:var(--db-leg);color:var(--db-tinta) !important}
.db-btn--out::after{background:var(--db-oliva)}
.db-btn--out:hover,
.db-btn--out:focus-visible{border-color:var(--db-oliva);color:var(--db-creme) !important}

/* para seção ESCURA */
.db-btn--light{color:var(--db-oliva-x) !important}
.db-btn--light::before{background:var(--db-creme)}
.db-btn--light::after{background:var(--db-claro)}
.db-btn--light:hover,
.db-btn--light:focus-visible{color:var(--db-oliva-x) !important}

.db-btn--wa{color:#fff !important}
.db-btn--wa::before{background:#25D366}
.db-btn--wa::after{background:var(--db-oliva-x)}
.db-btn--wa:hover,
.db-btn--wa:focus-visible{color:var(--db-creme) !important}

.db-btn--sm{min-height:44px;padding:0 20px;font-size:12px;letter-spacing:1.8px}
.db-btn--block{width:100%}

@media (prefers-reduced-motion:reduce){
  .db-btn,.db-btn::before,.db-btn::after{transition:none}
  .db-btn:hover{transform:none}
}

/* ────────────────────────────────────────────
   LINE-LINK — link secundário com fio animado
   <a class="db-line-link">Ver todas as doenças
     <svg viewBox="0 0 24 24" fill="none" stroke="currentColor"
          stroke-width="1.5" stroke-linecap="round"
          stroke-linejoin="round"><path d="M4 12h15M13 6l6 6-6 6"/></svg>
   </a>
   ──────────────────────────────────────────── */
.db-line-link{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:44px;
  font-family:var(--db-pp) !important;
  font-weight:400;
  font-size:15px;
  letter-spacing:.01em;
  text-decoration:none !important;
  color:var(--db-tinta) !important;
  padding-bottom:5px;
  transition:color .3s var(--db-ease);
}
.db-line-link svg{width:15px;height:15px;flex:none;transition:transform .35s var(--db-ease)}
.db-line-link::after{
  content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;
  background:var(--db-leg);
  transform:scaleX(1);transform-origin:left center;
  transition:transform .4s var(--db-ease),background .3s;
}
.db-line-link:hover{color:var(--db-oliva) !important}
.db-line-link:hover::after{background:var(--db-oliva)}
.db-line-link:hover svg{transform:translateX(4px)}
.db-line-link--light{color:var(--db-creme) !important}
.db-line-link--light::after{background:var(--db-claro)}
.db-line-link--light:hover{color:var(--db-claro) !important}

/* ────────────────────────────────────────────
   PLACEHOLDER — marca o que falta preencher (RQE, mapa, fotos).
   Remover as classes quando o dado real entrar.
   ──────────────────────────────────────────── */
.db-pl{border-bottom:1px dashed var(--db-oliva);color:var(--db-oliva);cursor:help}

/* ────────────────────────────────────────────
   FAIXA DE SEÇÃO
   ──────────────────────────────────────────── */
.db-sec{padding-top:var(--db-pad-y);padding-bottom:var(--db-pad-y)}
.db-sec--tight{padding-top:calc(var(--db-pad-y) * .62);padding-bottom:calc(var(--db-pad-y) * .62)}
.db-sec--escura{background:var(--db-oliva-x);color:var(--db-creme)}

/* ────────────────────────────────────────────
   SUPERFÍCIE AREIA
   Aplique  db-areia  no CONTAINER da seção, em vez de pintar o
   fundo pelo painel. A classe faz as duas coisas de uma vez:
   pinta a areia e redefine o fio.

   O fio precisa disso porque contraste depende do fundo. O
   #E1DBCE dá 1,34:1 sobre creme — presente e discreto. Sobre
   areia cai para 1,09 e some. Aqui ele volta ao tom anterior,
   que sobre areia dá 1,26:1 — a mesma discrição, em números
   diferentes.

   Vale para tudo que usa --db-fio dentro da seção: réguas de
   lista, bordas de card, fios laterais, sublinhado do runner.
   ──────────────────────────────────────────── */
.db-areia,
.db-sec--areia{
  background:var(--db-areia);
  --db-fio:#D3CCBB;
}

/* ────────────────────────────────────────────
   ESCALA DE TÍTULOS — para o widget Título do Elementor.
   Playfair Display NUNCA abaixo de 26px: o contraste do desenho
   faz os traços finos sumirem em tela.
   ──────────────────────────────────────────── */
.db-h2{
  font-family:var(--db-pd) !important;
  font-weight:400 !important;
  font-size:51px;
  line-height:1.14;
  letter-spacing:-1.5px;
  color:var(--db-tinta);
  text-wrap:balance;
}
.db-h3{
  font-family:var(--db-pd) !important;
  font-weight:400 !important;
  font-size:26px;
  line-height:1.2;
  letter-spacing:-.5px;
  color:var(--db-tinta);
}
@media (max-width:1024px){.db-h2{font-size:38px;letter-spacing:-1.1px}.db-h3{font-size:24px}}
@media (max-width:768px){.db-h2{font-size:30px;letter-spacing:-.9px}.db-h3{font-size:24px}}

/* ────────────────────────────────────────────
   GRÃO — textura de papel sobre o site inteiro.
   Tira o aspecto digital limpo e liga o site à paleta terrosa.
   ──────────────────────────────────────────── */
body::after{
  content:'';
  position:fixed;inset:0;
  z-index:9998;
  pointer-events:none;
  opacity:.045;
  mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ────────────────────────────────────────────
   REVEAL — estado inicial das entradas.
   Vive aqui porque .db-rv é usado em todas as seções. Sem isso o
   elemento aparece antes do JS e o GSAP o esconde depois, criando
   um piscar no carregamento. O JS neutraliza esta transição quando
   assume o controle.
   ──────────────────────────────────────────── */
.db-rv{
  opacity:0;
  transform:translateY(24px);
  transition:opacity .9s cubic-bezier(.22,1,.36,1),
             transform .9s cubic-bezier(.22,1,.36,1);
}
.db-rv.db-on{opacity:1;transform:none}
.db-rv-d1{transition-delay:.1s}
.db-rv-d2{transition-delay:.2s}
.db-rv-d3{transition-delay:.3s}

/* .db-headline — reveal por clip-path nos H2 de seção */
.db-headline{opacity:1}

@media (prefers-reduced-motion:reduce){
  .db-rv{opacity:1;transform:none;transition:none}
}

/* ────────────────────────────────────────────
   TOQUE — neutraliza o hover dos utilitários
   Em tela sensível ao toque não existe "sair de cima": o estado
   de hover fica preso depois do primeiro tap e só sai quando a
   pessoa toca em outro lugar. Botão levantado e link deslocado
   passam a parecer defeito.
   Os componentes de seção têm o bloco equivalente no CSS deles.
   ──────────────────────────────────────────── */
@media (hover:none){
  .db-btn:hover{transform:none}
  .db-btn:hover::before{clip-path:inset(0 0 0 0)}
  .db-btn:hover::after{clip-path:inset(100% 0 0 0)}
  .db-btn--solid:hover{color:var(--db-creme) !important}
  .db-btn--out:hover{border-color:var(--db-leg);color:var(--db-tinta) !important}
  .db-btn--light:hover{color:var(--db-oliva-x) !important}
  .db-btn--wa:hover{color:#fff !important}

  .db-line-link:hover{color:var(--db-tinta) !important}
  .db-line-link:hover::after{background:var(--db-leg)}
  .db-line-link:hover svg{transform:none}
  .db-line-link--light:hover{color:var(--db-creme) !important}
  .db-line-link--light:hover::after{background:var(--db-claro)}

}

/* ────────────────────────────────────────────
   MODO EDITOR — animações neutralizadas pra edição
   ──────────────────────────────────────────── */
body.elementor-editor-active .db-rv{opacity:1 !important;transform:none !important}/* End custom CSS */
/* Start custom CSS */html, body{
    overflow-x: hidden !important; 
    scroll-behavior: auto !important;
}/* End custom CSS */