.elementor-27007 .elementor-element.elementor-element-7111275{--display:flex;--min-height:50px;--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:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:48px;--padding-right:48px;}.elementor-27007 .elementor-element.elementor-element-7111275:not(.elementor-motion-effects-element-type-background), .elementor-27007 .elementor-element.elementor-element-7111275 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F7;}.elementor-widget-text-editor{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 );font-style:var( --e-global-typography-text-font-style );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );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-27007 .elementor-element.elementor-element-0612c98{font-family:"Metropolis Regular", Sans-serif;font-size:14px;font-weight:400;font-style:normal;line-height:1.5em;letter-spacing:-0.2px;color:var( --e-global-color-f0eb681 );}.elementor-27007 .elementor-element.elementor-element-5b4b222{--display:flex;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-27007 .elementor-element.elementor-element-5b4b222:not(.elementor-motion-effects-element-type-background), .elementor-27007 .elementor-element.elementor-element-5b4b222 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-heading .elementor-heading-title{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 );font-style:var( --e-global-typography-primary-font-style );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-27007 .elementor-element.elementor-element-fcceb64 .elementor-heading-title{font-family:"Metropolis Medium", Sans-serif;font-size:80px;font-weight:600;font-style:normal;line-height:1em;letter-spacing:-4px;color:var( --e-global-color-f0eb681 );}.elementor-27007 .elementor-element.elementor-element-5c54403{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27007 .elementor-element.elementor-element-5c54403:not(.elementor-motion-effects-element-type-background), .elementor-27007 .elementor-element.elementor-element-5c54403 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-27007 .elementor-element.elementor-element-389174d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:0px;--padding-left:48px;--padding-right:48px;}.elementor-27007 .elementor-element.elementor-element-dca3130{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-27007 .elementor-element.elementor-element-dca3130 .elementor-heading-title{font-family:"Metropolis Medium", Sans-serif;font-size:48px;font-weight:600;line-height:1em;letter-spacing:-2px;color:var( --e-global-color-f0eb681 );}.elementor-27007 .elementor-element.elementor-element-ce7d874{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:20px 20px;--row-gap:20px;--column-gap:20px;--grid-auto-flow:row;}.elementor-widget-image-box .elementor-image-box-title{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 );font-style:var( --e-global-typography-primary-font-style );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{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 );font-style:var( --e-global-typography-text-font-style );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-text );}.elementor-27007 .elementor-element.elementor-element-ca9e110:hover{box-shadow:2px 2px 10px -4px rgba(0, 0, 0, 0.23);}.elementor-27007 .elementor-element.elementor-element-ca9e110 .elementor-image-box-wrapper{text-align:start;}.elementor-27007 .elementor-element.elementor-element-ca9e110.elementor-position-right .elementor-image-box-img{margin-left:20px;}.elementor-27007 .elementor-element.elementor-element-ca9e110.elementor-position-left .elementor-image-box-img{margin-right:20px;}.elementor-27007 .elementor-element.elementor-element-ca9e110.elementor-position-top .elementor-image-box-img{margin-bottom:20px;}.elementor-27007 .elementor-element.elementor-element-ca9e110 .elementor-image-box-title{margin-bottom:0px;font-family:"Metropolis Medium", Sans-serif;font-size:24px;font-weight:600;line-height:1em;letter-spacing:-1.5px;color:var( --e-global-color-f0eb681 );}.elementor-27007 .elementor-element.elementor-element-ca9e110 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-27007 .elementor-element.elementor-element-ca9e110 .elementor-image-box-img img{border-radius:10px;transition-duration:0.3s;}.elementor-27007 .elementor-element.elementor-element-ca9e110:has(:hover) .elementor-image-box-title,
					 .elementor-27007 .elementor-element.elementor-element-ca9e110:has(:focus) .elementor-image-box-title{color:var( --e-global-color-f0eb681 );}.elementor-27007 .elementor-element.elementor-element-ca9e110 .elementor-image-box-description{font-family:"Metropolis Regular", Sans-serif;font-size:16px;font-weight:400;line-height:1em;letter-spacing:-0.4px;color:#6E6E73;}.elementor-27007 .elementor-element.elementor-element-9e42d32:hover{box-shadow:2px 2px 10px -4px rgba(0, 0, 0, 0.23);}.elementor-27007 .elementor-element.elementor-element-9e42d32 .elementor-image-box-wrapper{text-align:start;}.elementor-27007 .elementor-element.elementor-element-9e42d32.elementor-position-right .elementor-image-box-img{margin-left:20px;}.elementor-27007 .elementor-element.elementor-element-9e42d32.elementor-position-left .elementor-image-box-img{margin-right:20px;}.elementor-27007 .elementor-element.elementor-element-9e42d32.elementor-position-top .elementor-image-box-img{margin-bottom:20px;}.elementor-27007 .elementor-element.elementor-element-9e42d32 .elementor-image-box-title{margin-bottom:0px;font-family:"Metropolis Medium", Sans-serif;font-size:24px;font-weight:600;line-height:1em;letter-spacing:-1.5px;color:var( --e-global-color-f0eb681 );}.elementor-27007 .elementor-element.elementor-element-9e42d32 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-27007 .elementor-element.elementor-element-9e42d32 .elementor-image-box-img img{border-radius:10px;transition-duration:0.3s;}.elementor-27007 .elementor-element.elementor-element-9e42d32:has(:hover) .elementor-image-box-title,
					 .elementor-27007 .elementor-element.elementor-element-9e42d32:has(:focus) .elementor-image-box-title{color:var( --e-global-color-f0eb681 );}.elementor-27007 .elementor-element.elementor-element-9e42d32 .elementor-image-box-description{font-family:"Metropolis Regular", Sans-serif;font-size:16px;font-weight:400;line-height:1em;letter-spacing:-0.4px;color:var( --e-global-color-5a3f33d );}.elementor-27007 .elementor-element.elementor-element-f83e2cf:hover{box-shadow:2px 2px 10px -4px rgba(0, 0, 0, 0.23);}.elementor-27007 .elementor-element.elementor-element-f83e2cf .elementor-image-box-wrapper{text-align:start;}.elementor-27007 .elementor-element.elementor-element-f83e2cf.elementor-position-right .elementor-image-box-img{margin-left:20px;}.elementor-27007 .elementor-element.elementor-element-f83e2cf.elementor-position-left .elementor-image-box-img{margin-right:20px;}.elementor-27007 .elementor-element.elementor-element-f83e2cf.elementor-position-top .elementor-image-box-img{margin-bottom:20px;}.elementor-27007 .elementor-element.elementor-element-f83e2cf .elementor-image-box-title{margin-bottom:0px;font-family:"Metropolis Medium", Sans-serif;font-size:24px;font-weight:600;line-height:1em;letter-spacing:-1.5px;color:var( --e-global-color-f0eb681 );}.elementor-27007 .elementor-element.elementor-element-f83e2cf .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-27007 .elementor-element.elementor-element-f83e2cf .elementor-image-box-img img{border-radius:10px;transition-duration:0.3s;}.elementor-27007 .elementor-element.elementor-element-f83e2cf:has(:hover) .elementor-image-box-title,
					 .elementor-27007 .elementor-element.elementor-element-f83e2cf:has(:focus) .elementor-image-box-title{color:var( --e-global-color-f0eb681 );}.elementor-27007 .elementor-element.elementor-element-f83e2cf .elementor-image-box-description{font-family:"Metropolis Regular", Sans-serif;font-size:16px;font-weight:400;line-height:1em;letter-spacing:-0.4px;color:var( --e-global-color-5a3f33d );}.elementor-27007 .elementor-element.elementor-element-2cc87ca{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:80px;--padding-left:48px;--padding-right:48px;}.elementor-27007 .elementor-element.elementor-element-5c3aa54{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-27007 .elementor-element.elementor-element-5c3aa54 .elementor-heading-title{font-family:"Metropolis Medium", Sans-serif;font-size:48px;font-weight:600;line-height:1em;letter-spacing:-2px;color:var( --e-global-color-f0eb681 );}.elementor-27007 .elementor-element.elementor-element-52c6323{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:20px 20px;--row-gap:20px;--column-gap:20px;--grid-auto-flow:row;}.elementor-27007 .elementor-element.elementor-element-9e75003:hover{box-shadow:2px 2px 10px -4px rgba(0, 0, 0, 0.23);}.elementor-27007 .elementor-element.elementor-element-9e75003 .elementor-image-box-wrapper{text-align:start;}.elementor-27007 .elementor-element.elementor-element-9e75003.elementor-position-right .elementor-image-box-img{margin-left:20px;}.elementor-27007 .elementor-element.elementor-element-9e75003.elementor-position-left .elementor-image-box-img{margin-right:20px;}.elementor-27007 .elementor-element.elementor-element-9e75003.elementor-position-top .elementor-image-box-img{margin-bottom:20px;}.elementor-27007 .elementor-element.elementor-element-9e75003 .elementor-image-box-title{margin-bottom:0px;font-family:"Metropolis Medium", Sans-serif;font-size:24px;font-weight:600;line-height:1em;letter-spacing:-1.5px;color:var( --e-global-color-f0eb681 );}.elementor-27007 .elementor-element.elementor-element-9e75003 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-27007 .elementor-element.elementor-element-9e75003 .elementor-image-box-img img{border-radius:10px;transition-duration:0.3s;}.elementor-27007 .elementor-element.elementor-element-9e75003:has(:hover) .elementor-image-box-title,
					 .elementor-27007 .elementor-element.elementor-element-9e75003:has(:focus) .elementor-image-box-title{color:var( --e-global-color-f0eb681 );}.elementor-27007 .elementor-element.elementor-element-9e75003 .elementor-image-box-description{font-family:"Metropolis Regular", Sans-serif;font-size:16px;font-weight:400;line-height:1em;letter-spacing:-0.4px;color:var( --e-global-color-5a3f33d );}.elementor-27007 .elementor-element.elementor-element-8d1a302:hover{box-shadow:2px 2px 10px -4px rgba(0, 0, 0, 0.23);}.elementor-27007 .elementor-element.elementor-element-8d1a302 .elementor-image-box-wrapper{text-align:start;}.elementor-27007 .elementor-element.elementor-element-8d1a302.elementor-position-right .elementor-image-box-img{margin-left:20px;}.elementor-27007 .elementor-element.elementor-element-8d1a302.elementor-position-left .elementor-image-box-img{margin-right:20px;}.elementor-27007 .elementor-element.elementor-element-8d1a302.elementor-position-top .elementor-image-box-img{margin-bottom:20px;}.elementor-27007 .elementor-element.elementor-element-8d1a302 .elementor-image-box-title{margin-bottom:0px;font-family:"Metropolis Medium", Sans-serif;font-size:24px;font-weight:600;line-height:1em;letter-spacing:-1.5px;color:var( --e-global-color-f0eb681 );}.elementor-27007 .elementor-element.elementor-element-8d1a302 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-27007 .elementor-element.elementor-element-8d1a302 .elementor-image-box-img img{border-radius:10px;transition-duration:0.3s;}.elementor-27007 .elementor-element.elementor-element-8d1a302:has(:hover) .elementor-image-box-title,
					 .elementor-27007 .elementor-element.elementor-element-8d1a302:has(:focus) .elementor-image-box-title{color:var( --e-global-color-f0eb681 );}.elementor-27007 .elementor-element.elementor-element-8d1a302 .elementor-image-box-description{font-family:"Metropolis Regular", Sans-serif;font-size:16px;font-weight:400;line-height:1em;letter-spacing:-0.4px;color:var( --e-global-color-5a3f33d );}body.elementor-page-27007:not(.elementor-motion-effects-element-type-background), body.elementor-page-27007 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F7;}@media(min-width:481px){.elementor-27007 .elementor-element.elementor-element-5c54403{--width:100%;}}@media(min-width:2400px){.elementor-27007 .elementor-element.elementor-element-7111275{--padding-top:0px;--padding-bottom:0px;--padding-left:64px;--padding-right:64px;}.elementor-widget-text-editor{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-heading .elementor-heading-title{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 );}.elementor-27007 .elementor-element.elementor-element-389174d{--padding-top:100px;--padding-bottom:0px;--padding-left:64px;--padding-right:64px;}.elementor-27007 .elementor-element.elementor-element-ce7d874{--grid-auto-flow:row;}.elementor-widget-image-box .elementor-image-box-title{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 );}.elementor-widget-image-box .elementor-image-box-description{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-27007 .elementor-element.elementor-element-2cc87ca{--padding-top:100px;--padding-bottom:80px;--padding-left:64px;--padding-right:64px;}.elementor-27007 .elementor-element.elementor-element-52c6323{--grid-auto-flow:row;}}@media(max-width:1440px){.elementor-widget-text-editor{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-heading .elementor-heading-title{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 );}.elementor-27007 .elementor-element.elementor-element-389174d{--padding-top:100px;--padding-bottom:0px;--padding-left:48px;--padding-right:48px;}.elementor-27007 .elementor-element.elementor-element-ce7d874{--grid-auto-flow:row;}.elementor-widget-image-box .elementor-image-box-title{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 );}.elementor-widget-image-box .elementor-image-box-description{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-27007 .elementor-element.elementor-element-2cc87ca{--padding-top:100px;--padding-bottom:80px;--padding-left:48px;--padding-right:48px;}.elementor-27007 .elementor-element.elementor-element-52c6323{--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}@media(max-width:1200px){.elementor-27007 .elementor-element.elementor-element-7111275{--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-27007 .elementor-element.elementor-element-389174d{--padding-top:100px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-27007 .elementor-element.elementor-element-ce7d874{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-27007 .elementor-element.elementor-element-2cc87ca{--padding-top:100px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-27007 .elementor-element.elementor-element-52c6323{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-27007 .elementor-element.elementor-element-7111275{--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-widget-text-editor{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-heading .elementor-heading-title{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 );}.elementor-27007 .elementor-element.elementor-element-fcceb64 .elementor-heading-title{font-size:64px;letter-spacing:-3px;}.elementor-27007 .elementor-element.elementor-element-389174d{--padding-top:80px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-27007 .elementor-element.elementor-element-dca3130 .elementor-heading-title{font-size:42px;}.elementor-27007 .elementor-element.elementor-element-ce7d874{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-widget-image-box .elementor-image-box-title{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 );}.elementor-widget-image-box .elementor-image-box-description{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-27007 .elementor-element.elementor-element-2cc87ca{--padding-top:80px;--padding-bottom:60px;--padding-left:32px;--padding-right:32px;}.elementor-27007 .elementor-element.elementor-element-5c3aa54 .elementor-heading-title{font-size:42px;}.elementor-27007 .elementor-element.elementor-element-52c6323{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}@media(max-width:767px){.elementor-27007 .elementor-element.elementor-element-7111275{--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-27007 .elementor-element.elementor-element-0612c98{padding:0px 0px 0px 0px;text-align:center;font-size:12px;letter-spacing:-0.2px;}.elementor-27007 .elementor-element.elementor-element-389174d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-27007 .elementor-element.elementor-element-dca3130 .elementor-heading-title{font-size:32px;}.elementor-27007 .elementor-element.elementor-element-ce7d874{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-27007 .elementor-element.elementor-element-2cc87ca{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:40px;--padding-left:24px;--padding-right:24px;}.elementor-27007 .elementor-element.elementor-element-5c3aa54 .elementor-heading-title{font-size:32px;}.elementor-27007 .elementor-element.elementor-element-52c6323{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}@media(max-width:480px){.elementor-27007 .elementor-element.elementor-element-7111275{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-widget-text-editor{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-27007 .elementor-element.elementor-element-0612c98{padding:15px 0px 15px 0px;font-size:12px;line-height:1.5em;letter-spacing:-0.2px;}.elementor-27007 .elementor-element.elementor-element-5b4b222{--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-widget-heading .elementor-heading-title{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 );}.elementor-27007 .elementor-element.elementor-element-fcceb64 .elementor-heading-title{font-size:48px;letter-spacing:-2px;}.elementor-27007 .elementor-element.elementor-element-389174d{--flex-wrap:nowrap;--padding-top:40px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-27007 .elementor-element.elementor-element-dca3130{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-27007 .elementor-element.elementor-element-dca3130 .elementor-heading-title{font-size:28px;line-height:1.2em;letter-spacing:-1.8px;}.elementor-27007 .elementor-element.elementor-element-ce7d874{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--grid-auto-flow:row;}.elementor-widget-image-box .elementor-image-box-title{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 );}.elementor-widget-image-box .elementor-image-box-description{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-27007 .elementor-element.elementor-element-ca9e110 .elementor-image-box-img{margin-bottom:20px;}.elementor-27007 .elementor-element.elementor-element-ca9e110 .elementor-image-box-title{font-size:20px;letter-spacing:-1px;}.elementor-27007 .elementor-element.elementor-element-ca9e110 .elementor-image-box-description{font-size:14px;letter-spacing:-0.2px;}.elementor-27007 .elementor-element.elementor-element-9e42d32 .elementor-image-box-img{margin-bottom:20px;}.elementor-27007 .elementor-element.elementor-element-9e42d32 .elementor-image-box-title{font-size:20px;letter-spacing:-1px;}.elementor-27007 .elementor-element.elementor-element-9e42d32 .elementor-image-box-description{font-size:14px;letter-spacing:-0.2px;}.elementor-27007 .elementor-element.elementor-element-f83e2cf .elementor-image-box-img{margin-bottom:20px;}.elementor-27007 .elementor-element.elementor-element-f83e2cf .elementor-image-box-title{font-size:20px;letter-spacing:-1px;}.elementor-27007 .elementor-element.elementor-element-f83e2cf .elementor-image-box-description{font-size:14px;letter-spacing:-0.2px;}.elementor-27007 .elementor-element.elementor-element-2cc87ca{--flex-wrap:nowrap;--padding-top:40px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-27007 .elementor-element.elementor-element-5c3aa54{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-27007 .elementor-element.elementor-element-5c3aa54 .elementor-heading-title{font-size:28px;line-height:1.2em;letter-spacing:-1.8px;}.elementor-27007 .elementor-element.elementor-element-52c6323{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-27007 .elementor-element.elementor-element-9e75003 .elementor-image-box-img{margin-bottom:20px;}.elementor-27007 .elementor-element.elementor-element-9e75003 .elementor-image-box-title{font-size:20px;letter-spacing:-1px;}.elementor-27007 .elementor-element.elementor-element-9e75003 .elementor-image-box-description{font-size:14px;letter-spacing:-0.2px;}.elementor-27007 .elementor-element.elementor-element-8d1a302 .elementor-image-box-img{margin-bottom:20px;}.elementor-27007 .elementor-element.elementor-element-8d1a302 .elementor-image-box-title{font-size:20px;letter-spacing:-1px;}.elementor-27007 .elementor-element.elementor-element-8d1a302 .elementor-image-box-description{font-size:14px;letter-spacing:-0.2px;}}/* Start custom CSS for text-editor, class: .elementor-element-0612c98 */.elementor-27007 .elementor-element.elementor-element-0612c98{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fdb9a06 *//* =========================================================
   TRONCO NOBRE — CARROSSEL DE 3 CARDS
========================================================= */


/* =========================================================
   SCROLL INTERNO DA PÁGINA
========================================================= */

html {
    scroll-behavior: smooth;
}

/* =========================================================
   CONFIGURAÇÕES DO CARROSSEL
========================================================= */

.tn-collection-carousel {

    --card-width: 130px;

    --card-gap: 20px;

    --image-height: auto;

    --radius: 8px;

    --arrow-size: 50px;


    position: relative;

    width: 100%;

    max-width: 100%;


    /*
     * Permite que as setas avancem
     * 10px para fora do carrossel.
     */

    overflow: visible;
}


/* =========================================================
   VIEWPORT
========================================================= */

.tn-carousel-viewport {

    width: 100%;

    max-width: 100%;

    overflow-x: auto;

    overflow-y: hidden;

    scroll-behavior: smooth;

    overscroll-behavior-x: contain;

    -webkit-overflow-scrolling: touch;

    scrollbar-width: none;

    -ms-overflow-style: none;

    outline: none;
}


.tn-carousel-viewport::-webkit-scrollbar {

    display: none;

}


/* =========================================================
   TRACK
========================================================= */

.tn-carousel-track {

    display: flex;

    flex-direction: row;

    align-items: flex-start;

    justify-content: flex-start;

    gap: var(--card-gap);

    width: max-content;

    min-width: 100%;

    margin: 0;

    padding: 0;
}


/* =========================================================
   CARD
========================================================= */

.tn-collection-card {

    flex:
        0
        0
        var(--card-width);

    width: var(--card-width);

    max-width: var(--card-width);

    display: flex;

    flex-direction: column;

    align-items: stretch;

    gap: 12px;

    margin: 0;

    padding: 0;

    color: #1d1d1f;

    text-decoration: none;

    cursor: pointer;

    -webkit-tap-highlight-color: transparent;


    /*
     * Entrada sequencial otimizada.
     */

    opacity: 0;

    animation-name: tn-card-reveal;

    animation-duration: 240ms;

    animation-timing-function:
        cubic-bezier(.22,.61,.36,1);

    animation-fill-mode: forwards;
}


/* =========================================================
   DELAY SEQUENCIAL — 3 CARDS

   45ms entre cada card.
========================================================= */

.tn-collection-card:nth-child(1) {
    animation-delay: 0ms;
}


.tn-collection-card:nth-child(2) {
    animation-delay: 45ms;
}


.tn-collection-card:nth-child(3) {
    animation-delay: 90ms;
}

.tn-collection-card:nth-child(4) {
    animation-delay: 135ms;
}

.tn-collection-card:nth-child(5) {
    animation-delay: 185ms;
}


/* =========================================================
   ANIMAÇÃO DE ENTRADA
========================================================= */

@keyframes tn-card-reveal {

    from {

        opacity: 0;

        transform: translateY(4px);

    }


    to {

        opacity: 1;

        transform: translateY(0);

    }

}


/* =========================================================
   IMAGEM
========================================================= */

.tn-collection-image {

    position: relative;

    width: 100%;

    height: var(--image-height);

    overflow: hidden;

    border-radius: var(--radius);

    background: #f5f5f7;
}


.tn-collection-image img {

    display: block;

    width: 100%;

    height: 100%;

    max-width: 100%;

    /* Exibe toda a imagem, sem corte ou ampliacao artificial. */
    object-fit: contain;

    object-position: center;

    image-rendering: auto;

    border: 0;
}


/* =========================================================
   TEXTO
========================================================= */

.tn-collection-card span {

    display: block;

    width: 100%;

    margin: 0;

    color: #6E6E73;

    font-family: 'Metropolis Regular';

    font-weight: 400;

    font-size: 14px;

    line-height: 1em;

    text-align: center;

    transition:
        color 180ms ease;
}


/* =========================================================
   HOVER DO TEXTO (SEM ZOOM NA IMAGEM)
========================================================= */

@media (hover: hover) and (pointer: fine) {

    .tn-collection-card:hover span {

        color: #0071e3;

    }

}


/* =========================================================
   FOCO DOS CARDS
========================================================= */

.tn-collection-card:focus-visible {

    outline: 2px solid #0071e3;

    outline-offset: 4px;

    border-radius: var(--radius);
}


/* =========================================================
   SETAS — FUNDO FIXO
========================================================= */

.tn-collection-carousel .tn-carousel-arrow,
.tn-collection-carousel .tn-carousel-arrow:hover,
.tn-collection-carousel .tn-carousel-arrow:active,
.tn-collection-carousel .tn-carousel-arrow:focus,
.tn-collection-carousel .tn-carousel-arrow:focus-visible {

    background: #ffffff !important;

    background-color: #ffffff !important;

    background-image: none !important;

    border: 0 !important;

    border-color: transparent !important;

    border-radius: 0 !important;

    box-shadow: none !important;

    text-shadow: none !important;

    -webkit-appearance: none !important;

    appearance: none !important;
}


/* =========================================================
   SETAS — ESTRUTURA
========================================================= */

.tn-carousel-arrow {

    position: absolute;

    top: 0;

    bottom: 0;

    width: var(--arrow-size);

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0;

    padding: 0;

    color: #444444;

    cursor: pointer;

    z-index: 10;

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    -webkit-tap-highlight-color: transparent;

    touch-action: manipulation;

    transition:
        opacity 220ms ease,
        transform 220ms cubic-bezier(.22,.61,.36,1),
        color 180ms ease,
        visibility 0s linear 220ms;
}


/* =========================================================
   SETA ESQUERDA
========================================================= */

.tn-carousel-prev {

    left: -10px;

    transform: translateX(-10px);
}


/* =========================================================
   SETA DIREITA
========================================================= */

.tn-carousel-next {

    right: -10px;

    transform: translateX(10px);
}


/* =========================================================
   SETAS VISÍVEIS
========================================================= */

.tn-carousel-arrow.is-visible {

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

    transform: translateX(0);

    transition:
        opacity 220ms ease,
        transform 220ms cubic-bezier(.22,.61,.36,1),
        color 180ms ease,
        visibility 0s linear 0s;
}


/* =========================================================
   SVG
========================================================= */

.tn-carousel-arrow svg {

    width: 30px;

    height: 30px;

    fill: none !important;

    stroke: #444444 !important;

    stroke-width: 2;

    stroke-linecap: round;

    stroke-linejoin: round;

    pointer-events: none;

    transition:
        stroke 180ms ease;
}


/* =========================================================
   HOVER REAL — MOUSE / TRACKPAD
========================================================= */

@media (hover: hover) and (pointer: fine) {

    .tn-collection-carousel
    .tn-carousel-arrow:hover {

        color: #1d1d1f !important;

        background: #ffffff !important;

        background-color: #ffffff !important;
    }


    .tn-collection-carousel
    .tn-carousel-arrow:hover svg {

        stroke: #1d1d1f !important;
    }

}


/* =========================================================
   ACTIVE / FOCUS
========================================================= */

.tn-collection-carousel
.tn-carousel-arrow:active,

.tn-collection-carousel
.tn-carousel-arrow:focus {

    color: #444444 !important;

    background: #ffffff !important;

    background-color: #ffffff !important;

    background-image: none !important;

    box-shadow: none !important;
}


.tn-collection-carousel
.tn-carousel-arrow:active svg,

.tn-collection-carousel
.tn-carousel-arrow:focus svg {

    stroke: #444444 !important;

    fill: none !important;
}


/* =========================================================
   FOCO VISÍVEL POR TECLADO
========================================================= */

.tn-collection-carousel
.tn-carousel-arrow:focus-visible {

    color: #444444 !important;

    background: #ffffff !important;

    outline: 2px solid #0071e3;

    outline-offset: 0;
}


/* =========================================================
   TOUCH / ANDROID / IPHONE / TABLETS
========================================================= */

@media (hover: none), (pointer: coarse) {

    .tn-collection-carousel
    .tn-carousel-arrow,

    .tn-collection-carousel
    .tn-carousel-arrow:hover,

    .tn-collection-carousel
    .tn-carousel-arrow:active,

    .tn-collection-carousel
    .tn-carousel-arrow:focus,

    .tn-collection-carousel
    .tn-carousel-arrow:focus-visible {

        background: #ffffff !important;

        background-color: #ffffff !important;

        background-image: none !important;

        color: #444444 !important;

        border: 0 !important;

        border-radius: 0 !important;

        box-shadow: none !important;

        text-shadow: none !important;

        -webkit-appearance: none !important;

        appearance: none !important;

        outline: none;
    }


    .tn-collection-carousel
    .tn-carousel-arrow svg,

    .tn-collection-carousel
    .tn-carousel-arrow:hover svg,

    .tn-collection-carousel
    .tn-carousel-arrow:active svg,

    .tn-collection-carousel
    .tn-carousel-arrow:focus svg,

    .tn-collection-carousel
    .tn-carousel-arrow:focus-visible svg {

        stroke: #444444 !important;

        fill: none !important;
    }

}


/* =========================================================
   MOBILE RETRATO — ATÉ 480px
========================================================= */

@media (max-width: 480px) {

    .tn-collection-carousel {

        --card-width: 88px;

        --card-gap: 20px;

        --arrow-size: 45px;
    }


    .tn-collection-card {

        gap: 12px;

    }


    .tn-collection-card span {

        letter-spacing: -0.2px;

    }

}


/* =========================================================
   ACESSIBILIDADE — REDUZIR MOVIMENTO
========================================================= */

@media (prefers-reduced-motion: reduce) {

    html {

        scroll-behavior: auto;

    }


    .tn-carousel-viewport {

        scroll-behavior: auto;

    }


    .tn-collection-image img,
    .tn-collection-card span {

        transition: none;

    }


    .tn-carousel-arrow {

        transition: none;
    }


    .tn-collection-card {

        opacity: 1;

        transform: none;

        animation: none;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-876d162 *//* TRONCO NOBRE | Carrossel editorial v3 — CSS personalizado do Elementor Pro */
.tn-editorial,
.tn-editorial * { box-sizing: border-box; }

.tn-editorial {
  --tn-card-width: min(1000px, 84vw);
  --tn-edge-margin: calc((100vw - var(--tn-card-width)) / 2); /* >1440px: centraliza o slide de 84vw, limitado a 1280px. */
  --tn-viewport-width: 100vw;
  --tn-gap: 20px;
  --tn-radius: 32px;
  --tn-padding: 48px;
  --tn-speed: 650ms;
  /* Estende o carrossel ate as bordas reais da janela,
     mesmo dentro de um container limitado pelo Elementor. */
  width: var(--tn-viewport-width);
  max-width: none;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  color: #1d1d1f;
  font-family: 'Metropolis Medium', arial !important;
}

.tn-editorial__viewport {
  width: 100%;
  max-width: none;
  overflow: hidden;
  touch-action: pan-y;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
}
.tn-editorial__viewport.is-dragging { cursor: grabbing; }

.tn-editorial__track {
  display: flex;
  align-items: stretch;
  gap: var(--tn-gap);
  width: max-content;
  margin-left: var(--tn-edge-margin);
  transform: translate3d(0, 0, 0);
  transition: transform var(--tn-speed) cubic-bezier(.22, .68, 0, 1);
}

.tn-editorial__slide {
  flex: 0 0 var(--tn-card-width);
  width: var(--tn-card-width);
  /* Altura natural: a foto aparece inteira e usa toda a largura disponivel. */
  display: flex;
  flex-direction: column;
  gap: 40px;
  /* Mantem o padding superior dos textos; imagem a 5px das bordas laterais e inferior. */
  padding: var(--tn-padding) 5px 5px;
  min-width: 0;
  overflow: hidden;
  border-radius: var(--tn-radius);
  background: #f5f5f7;
  box-shadow: 0px 0px 4px 0px #d3d3d4 inset;
  
  /*
  box-shadow: 1px 1px 4px 0px #0000001a inset, -2px -2px 0px 0px #d3d3d4 inset; */
}

/* Texto em fluxo normal, acima da imagem: sem sobreposição ou degradê. */
.tn-editorial__content {
  flex: 0 0 auto;
  min-width: 0;
  /* Compensa as bordas de 5px e preserva o alinhamento horizontal original dos textos. */
  margin-inline: calc(var(--tn-padding) - 5px);
}
.tn-editorial__title {
    margin: 0 !important;
    padding: 0 !important;
    font-family: 'Metropolis Medium', arial !important;
    font-weight: 600;
    letter-spacing: -2px;
    font-size: 48px;
    line-height: 1.2em;
    color: #1d1d1f;
}
.tn-editorial__description {
  margin: 20px 0px 0px 0px !important;
  padding: 0 !important;
  color: #6E6E73;
  font-family: 'Metropolis Regular', arial !important;
  font-weight: 400;
  font-size: 24px;
  letter-spacing: -1.5px;
  line-height: 1em;
}

.tn-editorial__media {
  flex: 0 0 auto;
  min-width: 0;
  display: block;
  margin-top: auto;
  /* Reserva a altura das fotos 16:9 antes do download (reduz CLS). */
  aspect-ratio: 16 / 9;
}
.tn-editorial__image {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  border-radius: 27px !important;
  pointer-events: none;
  -webkit-user-drag: none;
}

/* Indicadores no padrão visual das referências da Apple. */
.tn-editorial__controls {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding-top: 60px;
}
.tn-editorial__indicators {
  min-height: 58px;
  padding: 0 17px;
  display: flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  background: #ecebef;
}
.tn-editorial__indicator {
  appearance: none;
  -webkit-appearance: none;
  border: 0;
  box-shadow: none;
  background: transparent;
  color: inherit;
  width: 28px;
  height: 48px;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  cursor: pointer;
  transition: width 180ms ease;
  -webkit-tap-highlight-color: transparent;
}
/* Barra ativa com o mesmo respiro visual entre as bolinhas (50 + 17 = 67px). */
.tn-editorial__indicator[aria-current="true"] { width: 67px; }
.tn-editorial__dot {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #85858a;
}
.tn-editorial__progress {
  display: none;
  width: 50px;
  height: 9px;
  overflow: hidden;
  border-radius: 999px;
  background: #85858a;
}
.tn-editorial__fill {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: #1d1d1f;
  transform: scaleX(0);
  transform-origin: left center;
}
.tn-editorial__indicator[aria-current="true"] .tn-editorial__dot { display: none; }
.tn-editorial__indicator[aria-current="true"] .tn-editorial__progress { display: block; }

.tn-editorial__toggle {
  flex: 0 0 58px;
  width: 58px;
  height: 58px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 50%;
  box-shadow: none;
  background: #ecebef;
  color: #1d1d1f;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.tn-editorial__toggle svg { width: 23px; height: 23px; fill: currentColor; }
.tn-editorial__toggle .tn-editorial__play { display: none; }
.tn-editorial__toggle[data-playing="false"] .tn-editorial__pause { display: none; }
.tn-editorial__toggle[data-playing="false"] .tn-editorial__play { display: block; }

/* Neutraliza as cores e efeitos de hover, clique e foco herdados do Elementor.
   Preserva a indicação de foco para navegação por teclado. */
.tn-editorial .tn-editorial__indicator:is(:hover, :active, :focus),
.tn-editorial .tn-editorial__indicator,
.tn-editorial .tn-editorial__indicator:focus:not(:focus-visible) {
  background: transparent !important;
  color: #1d1d1f !important;
  border-color: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}
.tn-editorial .tn-editorial__toggle:is(:hover, :active, :focus),
.tn-editorial .tn-editorial__toggle,
.tn-editorial .tn-editorial__toggle:focus:not(:focus-visible) {
  background: #ecebef !important;
  color: #1d1d1f !important;
  border-color: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}
.tn-editorial .tn-editorial__toggle:is(:hover, :active, :focus) svg,
.tn-editorial .tn-editorial__toggle svg {
  fill: #1d1d1f !important;
  color: #1d1d1f !important;
  filter: none !important;
}
.tn-editorial .tn-editorial__indicator:focus:not(:focus-visible),
.tn-editorial .tn-editorial__toggle:focus:not(:focus-visible) {
  outline: none !important;
}
.tn-editorial .tn-editorial__indicator:focus-visible,
.tn-editorial .tn-editorial__toggle:focus-visible {
  outline: 2px solid #0071e3 !important;
  outline-offset: 3px;
}

.tn-editorial__sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Ate 1440px: margens externas fixas e iguais. Acima: centralizacao proporcional. */
@media (max-width: 1440px){
.tn-editorial{
    --tn-edge-margin: 48px;
    
}
}
@media (max-width: 1200px){
.tn-editorial{
    --tn-edge-margin: 40px;
}
}
@media (max-width: 1024px){
.tn-editorial{
    --tn-edge-margin: 32px;
    --tn-padding: 32px;
}

.tn-editorial__title{
    font-size: 32px;
    letter-spacing: -2px;
    line-height: 1.2em;
}

.tn-editorial__description{
    font-size: 16px;
    letter-spacing: -0.4px;
    line-height: 1.5em;
}
}

@media (max-width: 767px){
.tn-editorial{
    --tn-edge-margin: 24px; 
}

.tn-editorial{
    --tn-card-width: 80vw;
    --tn-gap: 20px;
    --tn-radius: 32px;
    --tn-padding: 24px;
    --tn-speed: 550ms;
}

.tn-editorial__slide{
    gap: 20px;
}

.tn-editorial__title{
    font-size: 24px;
    letter-spacing: -1.5px;
    line-height: 1.2em;
}

.tn-editorial__description{
    margin: 10px 0px 0px 0px !important;
    font-size: 16px;
    letter-spacing: -0.4px;
    line-height: 1.5em;
}

.tn-editorial__controls{
    padding-top: 35px;
    gap: 14px;
}

.tn-editorial__indicators{
    min-height: 52px;
}

.tn-editorial__toggle{
    flex-basis: 52px;
    width: 52px;
    height: 52px;
}
}

@media (max-width: 480px) {
  .tn-editorial { --tn-edge-margin: 20px; }
}

@media (prefers-reduced-motion: reduce){
.tn-editorial__track,
.tn-editorial__indicator{
    transition: none !important;
}
}

/* =========================================================
   TEXTO DO SLIDE ATIVO — REVELACAO SUAVE

   Os textos dos slides inativos permanecem no fluxo:
   preserva a altura e o alinhamento das imagens.

   A mascara ultrapassa a caixa tipografica em todas as
   direcoes para proteger as extremidades das letras italicas,
   os acentos e as descendentes (g, j, p, q, y).
========================================================= */
.tn-editorial {
  --tn-text-title-delay: 250ms;
  --tn-text-description-delay: 350ms;
  --tn-text-reveal-duration: 750ms;
  --tn-text-reveal-ease: cubic-bezier(.42, 0, .22, 1);
  --tn-text-clip-open: inset(-0.55em -0.85em -0.55em -0.85em);
  --tn-text-clip-closed: inset(-0.55em 100% -0.55em -0.85em);
}

/* Oculta o texto sem retirar seu espaco no card. */
.tn-editorial__title,
.tn-editorial__description {
  opacity: 0;
  clip-path: var(--tn-text-clip-closed);
  /* Primeiro desaparece por transparencia. A mascara so volta
     ao inicio depois da saida, sem recortar letras na saida. */
  transition:
    opacity 280ms ease-in-out,
    clip-path 0s linear 280ms;
}

/* Entrada elegante: mascara mais lenta e fade gradual,
   com margem suficiente para nunca cortar as letras nas bordas. */
.tn-editorial__slide.is-active .tn-editorial__title {
  opacity: 1;
  clip-path: var(--tn-text-clip-open);
  transition:
    clip-path var(--tn-text-reveal-duration) var(--tn-text-reveal-ease) var(--tn-text-title-delay),
    opacity 700ms ease-in-out var(--tn-text-title-delay);
}

.tn-editorial__slide.is-active .tn-editorial__description {
  opacity: 1;
  clip-path: var(--tn-text-clip-open);
  transition:
    clip-path var(--tn-text-reveal-duration) var(--tn-text-reveal-ease) var(--tn-text-description-delay),
    opacity 700ms ease-in-out var(--tn-text-description-delay);
}

/* No mobile, a revelacao acompanha a transicao mais curta,
   sem perder a suavidade. */
@media (max-width: 767px) {
  .tn-editorial {
    --tn-text-title-delay: 200ms;
    --tn-text-description-delay: 300ms;
    --tn-text-reveal-duration: 700ms;
  }
}

/* Acessibilidade: respeita a preferencia de movimento reduzido. */
@media (prefers-reduced-motion: reduce) {
  .tn-editorial__title,
  .tn-editorial__description,
  .tn-editorial__slide.is-active .tn-editorial__title,
  .tn-editorial__slide.is-active .tn-editorial__description {
    transition: none !important;
  }
}


/* =========================================================
   CONTROLES FLUTUANTES — ESTILO APPLE

   Sticky inferior: a capsula acompanha a tela a 50px do fundo
   enquanto sua posicao natural ainda esta abaixo do viewport.
   Ao chegar ao lugar original, o sticky se solta naturalmente.
   Nao ha clones, reposicionamentos JS nem salto de layout.
========================================================= */
.tn-editorial__controls {
  position: sticky;
  bottom: calc(50px + env(safe-area-inset-bottom, 0px));
  z-index: 25;
  pointer-events: none; /* Nao bloqueia arrasto/toque na imagem sob o controle. */
}

/* Mobile (retrato ou paisagem) ate 767px: controles a 20px da borda inferior. */
@media (max-width: 767px) {
  .tn-editorial .tn-editorial__controls {
    bottom: calc(20px + env(safe-area-inset-bottom, 0px));
  }
}

.tn-editorial__indicators,
.tn-editorial__toggle {
  background: #ecebef;

  pointer-events: auto;
}

/* Mantem a mesma cor solida mesmo nos estados sobrescritos pelo Elementor. */
.tn-editorial .tn-editorial__toggle,
.tn-editorial .tn-editorial__toggle:is(:hover, :active, :focus),
.tn-editorial .tn-editorial__toggle:focus:not(:focus-visible) {
  background: #ecebef !important;
  background-color: #ecebef !important;
}

/* =========================================================
   ENTRADA DOS CONTROLES — GOTA QUE SE DIVIDE

   0–820ms: gota solida de 35px salta e pousa redonda.
   820–1360ms: a gota se expande para a capsula da esquerda.
   1080–1650ms: um segundo volume emerge da lateral direita,
                  estica uma ligacao fina e se desprende como agua.
   1640–1880ms: os controles reais surgem enquanto as formas
                  liquidas desaparecem; o autoplay so inicia
                  quando a transicao termina.

   O efeito "metaball" atua apenas nas formas decorativas.
   Os botoes reais preservam nitidez e acessibilidade.
========================================================= */
.tn-editorial__liquid-filter {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  pointer-events: none;
}

.tn-editorial__drop-flight {
  position: absolute;
  left: var(--tn-control-landing-x, 50%);
  bottom: calc(var(--tn-control-capsule-height, 58px) / 2);
  width: 0;
  height: 0;
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  will-change: transform;
}

/* Area ampla e invisivel para o filtro liquido nao recortar o elo
   entre a capsula e o circulo que se desprende. */
.tn-editorial__drop-liquid {
  position: absolute;
  left: -190px;
  top: -82px;
  width: 445px;
  height: 164px;
  pointer-events: none;
  /* A massa SVG desenha a uniao liquida na mesma cor solida. */
  opacity: 1;
  z-index: 1;
}

.tn-editorial__drop-shape,
.tn-editorial__drop-neck,
.tn-editorial__drop-bud {
  position: absolute;
  left: 190px;
  top: 82px;
  display: block;
  border-radius: 999px;
  /* Mesmo fundo solido dos controles finais. */
  background: #ecebef;
  pointer-events: none;
}

.tn-editorial__drop-shape {
  width: 35px;
  height: 35px;
  transform: translate3d(-50%, -50%, 0);
}

/* Ponte elastica entre a capsula e a gota-filho: o filtro mescla
   as tres formas e cria a sensacao de um liquido esticado. */
.tn-editorial__drop-neck {
  left: calc(190px + var(--tn-control-capsule-width, 169px) / 2 - 18px);
  /* A ponte termina dentro da gota direita; evita a ponta que ultrapassava o Play. */
  width: calc(var(--tn-control-split-x, 130px) - var(--tn-control-capsule-width, 169px) / 2);
  height: 22px;
  opacity: 0;
  transform-origin: left center;
  transform: translate3d(calc(-1 * var(--tn-control-drop-start-x, 36px)), -50%, 0) scaleX(0);
}

.tn-editorial__drop-bud {
  width: var(--tn-control-toggle-size, 58px);
  height: var(--tn-control-toggle-size, 58px);
  opacity: 0;
  transform: translate3d(-50%, -50%, 0) scale(.5);
}

/* A altura e o espaco natural dos botoes nunca se alteram. */
.tn-editorial.tn-controls-intro:not(.tn-controls-shown) .tn-editorial__indicators,
.tn-editorial.tn-controls-intro:not(.tn-controls-shown) .tn-editorial__toggle {
  opacity: 0;
}

.tn-editorial.tn-controls-intro.tn-controls-shown .tn-editorial__drop-flight {
  animation: tn-control-ball-jump 820ms both;
}

/* A capsula cresce APENAS depois de a gota pousar. */
.tn-editorial.tn-controls-intro.tn-controls-shown .tn-editorial__drop-shape {
  animation: tn-control-ball-expand 540ms 820ms both;
}

/* Segunda gota nasce sobreposta a capsula, alonga o "pescoco"
   e se solta a direita. O filtro funde e separa as duas massas. */
.tn-editorial.tn-controls-intro.tn-controls-shown .tn-editorial__drop-bud {
  animation: tn-control-bud-detach 570ms 1080ms both;
}

.tn-editorial.tn-controls-intro.tn-controls-shown .tn-editorial__drop-neck {
  animation: tn-control-water-neck 570ms 1080ms both;
}

/* No fim, a forma liquida da lugar aos botoes de mesma cor. */
.tn-editorial.tn-controls-intro.tn-controls-shown .tn-editorial__drop-liquid {
  animation: tn-control-liquid-dissolve 380ms cubic-bezier(.22, .68, .25, 1) 1670ms both;
}

.tn-editorial.tn-controls-intro.tn-controls-shown .tn-editorial__indicators {
  animation: tn-control-pill-appear 430ms cubic-bezier(.22, .68, .25, 1) 1620ms both;
}

.tn-editorial.tn-controls-intro.tn-controls-shown .tn-editorial__toggle {
  animation: tn-control-play-appear 430ms cubic-bezier(.22, .68, .25, 1) 1620ms both;
}

@keyframes tn-control-ball-jump {
  0% {
    transform: translate3d(var(--tn-control-drop-start-x, 36px), calc(var(--tn-control-drop-start, 105px) + 5px), 0);
    animation-timing-function: cubic-bezier(.20, .74, .28, 1);
  }
  43% {
    transform: translate3d(var(--tn-control-drop-start-x, 36px), -44px, 0);
    animation-timing-function: cubic-bezier(.48, 0, .8, .7);
  }
  75% {
    transform: translate3d(var(--tn-control-drop-start-x, 36px), 3px, 0);
    animation-timing-function: cubic-bezier(.22, .7, .32, 1);
  }
  86% {
    transform: translate3d(var(--tn-control-drop-start-x, 36px), -6px, 0);
    animation-timing-function: ease-out;
  }
  100% {
    transform: translate3d(var(--tn-control-drop-start-x, 36px), 0, 0);
  }
}

@keyframes tn-control-ball-expand {
  0% {
    width: 35px;
    height: 35px;
    transform: translate3d(-50%, -50%, 0);
    animation-timing-function: cubic-bezier(.22, .8, .25, 1);
  }
  78% {
    width: var(--tn-control-capsule-width, 169px);
    height: var(--tn-control-capsule-height, 58px);
    transform: translate3d(calc(-50% - var(--tn-control-drop-start-x, 36px)), -50%, 0);
    animation-timing-function: cubic-bezier(.16, .8, .28, 1);
  }
  100% {
    width: var(--tn-control-capsule-width, 169px);
    height: var(--tn-control-capsule-height, 58px);
    transform: translate3d(calc(-50% - var(--tn-control-drop-start-x, 36px)), -50%, 0);
  }
}

@keyframes tn-control-bud-detach {
  0% {
    opacity: 0;
    transform: translate3d(calc(-50% - var(--tn-control-drop-start-x, 36px) + var(--tn-control-bud-origin, 46px)), -50%, 0) scale(.45);
    animation-timing-function: cubic-bezier(.2, .68, .32, 1);
  }
  14% {
    opacity: 1;
    transform: translate3d(calc(-50% - var(--tn-control-drop-start-x, 36px) + var(--tn-control-bud-origin, 46px)), -50%, 0) scale(.66);
    animation-timing-function: cubic-bezier(.24, .59, .4, 1);
  }
  48% {
    opacity: 1;
    transform: translate3d(calc(-50% - var(--tn-control-drop-start-x, 36px) + var(--tn-control-split-x, 130px) * .72), -50%, 0) scale(1.19, .87);
    animation-timing-function: cubic-bezier(.17, .9, .27, 1);
  }
  78% {
    opacity: 1;
    transform: translate3d(calc(-50% - var(--tn-control-drop-start-x, 36px) + var(--tn-control-split-x, 130px) * 1.025), -50%, 0) scale(.94, 1.05);
    animation-timing-function: cubic-bezier(.19, .72, .32, 1);
  }
  100% {
    opacity: 1;
    transform: translate3d(calc(-50% - var(--tn-control-drop-start-x, 36px) + var(--tn-control-split-x, 130px)), -50%, 0) scale(1);
  }
}

@keyframes tn-control-water-neck {
  0% {
    opacity: 0;
    transform: translate3d(calc(-1 * var(--tn-control-drop-start-x, 36px)), -50%, 0) scale(0, .8);
  }
  22% {
    opacity: 1;
    transform: translate3d(calc(-1 * var(--tn-control-drop-start-x, 36px)), -50%, 0) scale(.2, .84);
    animation-timing-function: cubic-bezier(.2, .8, .34, 1);
  }
  48% {
    opacity: 1;
    transform: translate3d(calc(-1 * var(--tn-control-drop-start-x, 36px)), -50%, 0) scale(.75, .72);
    animation-timing-function: cubic-bezier(.2, .65, .34, 1);
  }
  68% {
    opacity: 1;
    transform: translate3d(calc(-1 * var(--tn-control-drop-start-x, 36px)), -50%, 0) scale(1, .43);
  }
  80% {
    opacity: .92;
    transform: translate3d(calc(-1 * var(--tn-control-drop-start-x, 36px)), -50%, 0) scale(.88, .11);
  }
  86%, 100% {
    opacity: 0;
    transform: translate3d(calc(-1 * var(--tn-control-drop-start-x, 36px)), -50%, 0) scale(.75, 0);
  }
}

@keyframes tn-control-liquid-dissolve {
  /* Desaparece quando os controles de mesmo fundo assumem a posicao. */
  from { opacity: 1; }
  to { opacity: 0; }
}

@keyframes tn-control-pill-appear {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes tn-control-play-appear {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* Retira somente as formas decorativas quando a entrada termina. */
.tn-editorial.tn-controls-ready .tn-editorial__drop-flight { display: none; }

@media (prefers-reduced-motion: reduce) {
  .tn-editorial__drop-flight { display: none !important; }
  .tn-editorial__indicators,
  .tn-editorial__toggle { animation: none !important; }
  /* Mesmo com movimento reduzido, nada aparece antes da primeira interacao. */
  .tn-editorial.tn-controls-intro:not(.tn-controls-shown) .tn-editorial__indicators,
  .tn-editorial.tn-controls-intro:not(.tn-controls-shown) .tn-editorial__toggle {
    opacity: 0;
    pointer-events: none;
  }
}


/* =========================================================
   FUNDO SOLIDO HOMOGENEO — DA GOTA AOS CONTROLES

   Gota, ligacao liquida, capsula e botao Play/Pause: #ecebef.
   Sem transparencia e sem desfoque do fundo (backdrop-filter).
   O filtro SVG permanece somente para moldar a ligacao liquida.
   Nenhum movimento, tempo ou distancia sticky foi alterado.
========================================================= */
.tn-editorial__drop-flight {
  /* A massa liquida nao usa transparencia no movimento. */
  opacity: 1;
}
.tn-editorial.tn-controls-intro:not(.tn-controls-shown) .tn-editorial__drop-flight {
  visibility: hidden;
}

/* Mesma cor solida nos volumes que saltam e se separam. */
.tn-editorial__drop-flight::before,
.tn-editorial__drop-flight::after,
.tn-editorial__drop-glass-neck {
  content: '';
  position: absolute;
  display: block;
  border-radius: 999px;
  background: #ecebef;

  pointer-events: none;
  z-index: 0;
}

.tn-editorial__drop-flight::before,
.tn-editorial__drop-flight::after {
  left: 0;
  top: 0;
}

/* A gota principal nasce com 35px e expande para a capsula. */
.tn-editorial__drop-flight::before {
  width: 35px;
  height: 35px;
  transform: translate3d(-50%, -50%, 0);
}

/* A segunda gota vira o botao Play/Pause. */
.tn-editorial__drop-flight::after {
  width: var(--tn-control-toggle-size, 58px);
  height: var(--tn-control-toggle-size, 58px);
  opacity: 0;
  transform: translate3d(-50%, -50%, 0) scale(.5);
}

/* Ponte solida entre as gotas, com o movimento liquido aprovado. */
.tn-editorial__drop-glass-neck {
  left: calc(var(--tn-control-capsule-width, 169px) / 2 - 18px);
  top: 0;
  width: calc(var(--tn-control-split-x, 130px) - var(--tn-control-capsule-width, 169px) / 2);
  height: 22px;
  opacity: 0;
  transform-origin: left center;
  transform: translate3d(calc(-1 * var(--tn-control-drop-start-x, 36px)), -50%, 0) scaleX(0);
}

.tn-editorial.tn-controls-intro.tn-controls-shown .tn-editorial__drop-flight::before {
  animation:
    tn-control-ball-expand 540ms 820ms both,
    tn-control-solid-dissolve 380ms cubic-bezier(.22, .68, .25, 1) 1670ms forwards;
}
.tn-editorial.tn-controls-intro.tn-controls-shown .tn-editorial__drop-flight::after {
  animation:
    tn-control-bud-detach 570ms 1080ms both,
    tn-control-solid-dissolve 380ms cubic-bezier(.22, .68, .25, 1) 1670ms forwards;
}
.tn-editorial.tn-controls-intro.tn-controls-shown .tn-editorial__drop-glass-neck {
  animation: tn-control-water-neck 570ms 1080ms both;
}

@keyframes tn-control-solid-dissolve {
  from { opacity: 1; }
  to { opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .tn-editorial__drop-flight::before,
  .tn-editorial__drop-flight::after,
  .tn-editorial__drop-glass-neck {
    animation: none !important;
  }
}

/* =========================================================
   ACABAMENTO SUAVE — SEM PISCADA NA DIVISAO

   A entrada acontece uma unica vez no carregamento.
   Quando tn-controls-ready e aplicado pelo JavaScript, os
   elementos nao voltam a animar nas trocas de slide.
   A massa liquida e os botoes se sobrepoem na transicao.
   O fundo #ecebef nunca e desligado antes de a forma final
   ocupar o mesmo lugar. Os simbolos surgem aos poucos,
   sem animar as dimensoes nem afetar a barra do autoplay.
========================================================= */
.tn-editorial.tn-controls-intro.tn-controls-shown:not(.tn-controls-ready)
.tn-editorial__indicator .tn-editorial__dot,
.tn-editorial.tn-controls-intro.tn-controls-shown:not(.tn-controls-ready)
.tn-editorial__indicator .tn-editorial__progress {
  animation: tn-control-content-reveal 350ms cubic-bezier(.2, .75, .3, 1) 1690ms both;
}

.tn-editorial.tn-controls-intro.tn-controls-shown:not(.tn-controls-ready)
.tn-editorial__indicator:nth-child(2) .tn-editorial__dot {
  animation-delay: 1735ms;
}

.tn-editorial.tn-controls-intro.tn-controls-shown:not(.tn-controls-ready)
.tn-editorial__indicator:nth-child(3) .tn-editorial__dot {
  animation-delay: 1775ms;
}

.tn-editorial.tn-controls-intro.tn-controls-shown:not(.tn-controls-ready)
.tn-editorial__toggle svg {
  animation: tn-control-content-reveal 370ms cubic-bezier(.2, .75, .3, 1) 1680ms both;
}

@keyframes tn-control-content-reveal {
  from {
    opacity: 0;
    transform: translate3d(0, 3px, 0) scale(.94);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .tn-editorial__indicator .tn-editorial__dot,
  .tn-editorial__indicator .tn-editorial__progress,
  .tn-editorial__toggle svg {
    animation: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c54403 */.elementor-27007 .elementor-element.elementor-element-5c54403{
    padding: 0px 0px 60px 0px;
}

@media(max-width:767px){
.elementor-27007 .elementor-element.elementor-element-5c54403{
    padding: 0px 0px 40px 0px;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-389174d */.elementor-27007 .elementor-element.elementor-element-389174d{
    background: #f5f5f7;
}

.elementor-27007 .elementor-element.elementor-element-389174d .card {
    background: #fff !important;
    padding: 0px 0px 24px 0px !important;
    margin: 0px !important;
    border-radius: 18px !important;
    transition: 0.3s !important;
    box-shadow: 0px 5px 10px 0px #00000030 !important;
    z-index: 1;
}

.elementor-27007 .elementor-element.elementor-element-389174d .card img {
    border-radius: 13px !important;
    margin: 0px 0px 0px 0px !important;
}

.elementor-27007 .elementor-element.elementor-element-389174d .card:hover {
    box-shadow: 0px 10px 15px 0px #00000030 !important;
    transform: scale(1.01) !important;
}

.elementor-27007 .elementor-element.elementor-element-389174d .elementor-image-box-img {
    padding: 5px 5px 0px 5px !important;
}

.elementor-27007 .elementor-element.elementor-element-389174d .elementor-image-box-title {
    padding: 0px 19px 0px 19px !important;
    margin: 0px 0px 15px 0px !important;
}

.elementor-27007 .elementor-element.elementor-element-389174d .elementor-image-box-description {
    padding: 0px 19px 0px 19px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2cc87ca */.elementor-27007 .elementor-element.elementor-element-2cc87ca{
    background: #f5f5f7;
}

.elementor-27007 .elementor-element.elementor-element-2cc87ca .card {
    background: #fff !important;
    padding: 0px 0px 24px 0px !important;
    margin: 0px !important;
    border-radius: 18px !important;
    transition: 0.3s !important;
    box-shadow: 0px 5px 10px 0px #00000030 !important;
    z-index: 1;
}

.elementor-27007 .elementor-element.elementor-element-2cc87ca .card img {
    border-radius: 13px !important;
    margin: 0px 0px 0px 0px !important;
}

.elementor-27007 .elementor-element.elementor-element-2cc87ca .card:hover {
    box-shadow: 0px 10px 15px 0px #00000030 !important;
    transform: scale(1.01) !important;
}

.elementor-27007 .elementor-element.elementor-element-2cc87ca .elementor-image-box-img {
    padding: 5px 5px 0px 5px !important;
}

.elementor-27007 .elementor-element.elementor-element-2cc87ca .elementor-image-box-title {
    padding: 0px 19px 0px 19px !important;
    margin: 0px 0px 15px 0px !important;
}

.elementor-27007 .elementor-element.elementor-element-2cc87ca .elementor-image-box-description {
    padding: 0px 19px 0px 19px !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Metropolis Regular';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://tronconobre.com.br/wp-content/uploads/2026/03/Metropolis-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Metropolis Regular';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: ;
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Metropolis Medium';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://tronconobre.com.br/wp-content/uploads/2026/03/Metropolis-SemiBold.woff2') format('woff2');
}
/* End Custom Fonts CSS */