.elementor-23 .elementor-element.elementor-element-422a70d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 50px;padding:0px 0px 0px 0px;}.elementor-23 .elementor-element.elementor-element-422a70d.elementor-element{--align-self:flex-start;}.elementor-23 .elementor-element.elementor-element-422a70d .elementor-heading-title{font-family:"mostra-nuova", Sans-serif;font-size:180px;font-weight:300;line-height:0.8em;color:var( --e-global-color-e777cd9 );}.elementor-23 .elementor-element.elementor-element-81eee57 .cursor__ball--big{width:25px;height:25px;background-color:var( --e-global-color-e777cd9 );border-radius:20px 20px 20px 20px;}.elementor-23 .elementor-element.elementor-element-81eee57 .cursor__ball--small-inner{width:15px;height:15px;background-color:#11111100;border-radius:50px 50px 50px 50px;}.elementor-23 .elementor-element.elementor-element-310057b{--display:flex;--min-height:0vh;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-23 .elementor-element.elementor-element-310057b:not(.elementor-motion-effects-element-type-background), .elementor-23 .elementor-element.elementor-element-310057b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-23 .elementor-element.elementor-element-9df690e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-23 .elementor-element.elementor-element-9df690e .uc_style_image_background_text_effect_elementor_beginning_text{font-family:"mostra-nuova", Sans-serif;font-size:188px;font-weight:100;text-decoration:underline;}.elementor-23 .elementor-element.elementor-element-9df690e .uc_style_image_background_text_effect_elementor_text{font-family:"mostra-nuova", Sans-serif;font-size:250px;line-height:400px;}.elementor-23 .elementor-element.elementor-element-9df690e .uc_style_image_background_text_effect_elementor_ending_text{font-size:300px;}.elementor-23 .elementor-element.elementor-element-d3fa5f7{--display:flex;--min-height:61vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-23 .elementor-element.elementor-element-d3fa5f7:not(.elementor-motion-effects-element-type-background), .elementor-23 .elementor-element.elementor-element-d3fa5f7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.centurion-gc.ch/wp-content/uploads/2026/07/imgi_3_Acquisto-terreni-e-sviluppo-immobiliare.webp");background-position:top center;background-size:cover;}.elementor-23 .elementor-element.elementor-element-d3fa5f7:hover{border-style:none;--border-radius:0px 0px 0px 0px;--border-top-left-radius:0px;--border-top-right-radius:0px;--border-bottom-right-radius:0px;--border-bottom-left-radius:0px;box-shadow:0px 25px 60px -15px rgba(0, 0, 0, 0.63) inset;}.elementor-23 .elementor-element.elementor-element-d3fa5f7, .elementor-23 .elementor-element.elementor-element-d3fa5f7::before{--border-transition:0.5s;}.elementor-23 .elementor-element.elementor-element-586eae8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-23 .elementor-element.elementor-element-586eae8:not(.elementor-motion-effects-element-type-background), .elementor-23 .elementor-element.elementor-element-586eae8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-23 .elementor-element.elementor-element-af9408e{--display:flex;}.elementor-23 .elementor-element.elementor-element-32b5dc5.elementor-element{--align-self:center;}.elementor-23 .elementor-element.elementor-element-32b5dc5{text-align:start;}.elementor-23 .elementor-element.elementor-element-32b5dc5 .elementor-heading-title{font-family:"mostra-nuova", Sans-serif;font-size:60px;text-transform:uppercase;color:var( --e-global-color-text );}.elementor-23 .elementor-element.elementor-element-3aaa1ad{--display:flex;--justify-content:center;}.elementor-23 .elementor-element.elementor-element-a1fb34a.elementor-element{--align-self:center;}.elementor-23 .elementor-element.elementor-element-a1fb34a{text-align:end;font-family:"Montserrat", Sans-serif;font-size:18px;color:var( --e-global-color-7a90a35 );}.elementor-23 .elementor-element.elementor-element-a1fb34a p{margin-block-end:0px;}.elementor-23 .elementor-element.elementor-element-7bc57c7{--display:flex;--min-height:0vh;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-23 .elementor-element.elementor-element-7bc57c7:not(.elementor-motion-effects-element-type-background), .elementor-23 .elementor-element.elementor-element-7bc57c7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-23 .elementor-element.elementor-element-d8d730f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-23 .elementor-element.elementor-element-d8d730f .uc_style_image_background_text_effect_elementor_beginning_text{font-family:"mostra-nuova", Sans-serif;font-size:188px;font-weight:100;text-decoration:underline;}.elementor-23 .elementor-element.elementor-element-d8d730f .uc_style_image_background_text_effect_elementor_text{font-family:"mostra-nuova", Sans-serif;font-size:250px;line-height:400px;}.elementor-23 .elementor-element.elementor-element-d8d730f .uc_style_image_background_text_effect_elementor_ending_text{font-size:300px;}.elementor-23 .elementor-element.elementor-element-9b2e5c6{--display:flex;--min-height:80vh;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-23 .elementor-element.elementor-element-9b2e5c6::before, .elementor-23 .elementor-element.elementor-element-9b2e5c6 > .elementor-background-video-container::before, .elementor-23 .elementor-element.elementor-element-9b2e5c6 > .e-con-inner > .elementor-background-video-container::before, .elementor-23 .elementor-element.elementor-element-9b2e5c6 > .elementor-background-slideshow::before, .elementor-23 .elementor-element.elementor-element-9b2e5c6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-23 .elementor-element.elementor-element-9b2e5c6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-23 .elementor-element.elementor-element-9b2e5c6 .ue-background-img{background-color:var( --e-global-color-primary );background-position:center;}.elementor-23 .elementor-element.elementor-element-32a7dc3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-23 .elementor-element.elementor-element-32a7dc3:not(.elementor-motion-effects-element-type-background), .elementor-23 .elementor-element.elementor-element-32a7dc3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-23 .elementor-element.elementor-element-84c8854{--display:flex;}.elementor-23 .elementor-element.elementor-element-2a0b5b8.elementor-element{--align-self:center;}.elementor-23 .elementor-element.elementor-element-2a0b5b8{text-align:start;}.elementor-23 .elementor-element.elementor-element-2a0b5b8 .elementor-heading-title{font-family:"mostra-nuova", Sans-serif;font-size:60px;text-transform:uppercase;color:var( --e-global-color-primary );}.elementor-23 .elementor-element.elementor-element-9f8bb4f{--display:flex;--justify-content:center;}.elementor-23 .elementor-element.elementor-element-5e4d25a.elementor-element{--align-self:center;}.elementor-23 .elementor-element.elementor-element-5e4d25a{text-align:end;font-family:"Montserrat", Sans-serif;font-size:18px;color:var( --e-global-color-7a90a35 );}.elementor-23 .elementor-element.elementor-element-5e4d25a p{margin-block-end:0px;}.elementor-23 .elementor-element.elementor-element-79c3c35{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-23 .elementor-element.elementor-element-85f8282{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-23 .elementor-element.elementor-element-cf8ef8f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--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-23 .elementor-element.elementor-element-cf8ef8f::before, .elementor-23 .elementor-element.elementor-element-cf8ef8f > .elementor-background-video-container::before, .elementor-23 .elementor-element.elementor-element-cf8ef8f > .e-con-inner > .elementor-background-video-container::before, .elementor-23 .elementor-element.elementor-element-cf8ef8f > .elementor-background-slideshow::before, .elementor-23 .elementor-element.elementor-element-cf8ef8f > .e-con-inner > .elementor-background-slideshow::before, .elementor-23 .elementor-element.elementor-element-cf8ef8f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-23 .elementor-element.elementor-element-04776a2 .ue_image_scroll_overlay{transition:all 500ms;}.elementor-23 .elementor-element.elementor-element-04776a2 .eu-item-thumb{height:100vh;}.elementor-23 .elementor-element.elementor-element-04776a2 .eu-item-box{width:100%;border-radius:0px 0px 0px 0px;}.elementor-23 .elementor-element.elementor-element-a0b850f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overlay-opacity:0.03;--padding-top:150px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-23 .elementor-element.elementor-element-a0b850f::before, .elementor-23 .elementor-element.elementor-element-a0b850f > .elementor-background-video-container::before, .elementor-23 .elementor-element.elementor-element-a0b850f > .e-con-inner > .elementor-background-video-container::before, .elementor-23 .elementor-element.elementor-element-a0b850f > .elementor-background-slideshow::before, .elementor-23 .elementor-element.elementor-element-a0b850f > .e-con-inner > .elementor-background-slideshow::before, .elementor-23 .elementor-element.elementor-element-a0b850f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://www.centurion-gc.ch/wp-content/uploads/2026/07/imgi_18_Investi-con-noi.webp");--background-overlay:'';background-size:cover;}.elementor-23 .elementor-element.elementor-element-dbf5b31{--display:flex;}.elementor-23 .elementor-element.elementor-element-3f7365ed{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-23 .elementor-element.elementor-element-3f7365ed .elementor-heading-title{font-family:"mostra-nuova", Sans-serif;font-size:40px;color:var( --e-global-color-primary );}.elementor-23 .elementor-element.elementor-element-1cd8d916{text-align:center;color:var( --e-global-color-primary );}.elementor-23 .elementor-element.elementor-element-b1c9655{--display:flex;}.elementor-23 .elementor-element.elementor-element-417dda12{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-23 .elementor-element.elementor-element-417dda12 .elementor-heading-title{font-family:"mostra-nuova", Sans-serif;font-size:40px;color:var( --e-global-color-accent );}.elementor-23 .elementor-element.elementor-element-2f0f1646{text-align:center;color:var( --e-global-color-primary );}.elementor-23 .elementor-element.elementor-element-dab8ee7{--display:flex;}.elementor-23 .elementor-element.elementor-element-6b919631{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-23 .elementor-element.elementor-element-6b919631 .elementor-heading-title{font-family:"mostra-nuova", Sans-serif;font-size:40px;color:var( --e-global-color-primary );}.elementor-23 .elementor-element.elementor-element-329f4444{text-align:center;color:var( --e-global-color-primary );}.elementor-23 .elementor-element.elementor-element-076651f{--display:flex;--min-height:50vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-23 .elementor-element.elementor-element-076651f:not(.elementor-motion-effects-element-type-background), .elementor-23 .elementor-element.elementor-element-076651f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-23 .elementor-element.elementor-element-3f10740{text-align:center;}.elementor-23 .elementor-element.elementor-element-3f10740 .elementor-heading-title{font-family:"mostra-nuova", Sans-serif;font-size:80px;font-weight:300;color:var( --e-global-color-primary );}.elementor-23 .elementor-element.elementor-element-3cbd522{padding:0px 300px 0px 300px;text-align:center;font-family:"Montserrat", Sans-serif;font-size:16px;color:var( --e-global-color-primary );}.elementor-23 .elementor-element.elementor-element-3cbd522 p{margin-block-end:0px;}.elementor-23 .elementor-element.elementor-element-f7a2a4f .elementor-button{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-977754b );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-23 .elementor-element.elementor-element-586eae8{--content-width:1400px;}.elementor-23 .elementor-element.elementor-element-32a7dc3{--content-width:1400px;}.elementor-23 .elementor-element.elementor-element-79c3c35{--width:100%;}.elementor-23 .elementor-element.elementor-element-a0b850f{--content-width:1400px;}}@media(max-width:1024px){.elementor-23 .elementor-element.elementor-element-422a70d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-23 .elementor-element.elementor-element-422a70d .elementor-heading-title{font-size:120px;}.elementor-23 .elementor-element.elementor-element-9df690e .uc_style_image_background_text_effect_elementor_text{font-size:180px;}.elementor-23 .elementor-element.elementor-element-d3fa5f7{--min-height:50vh;}.elementor-23 .elementor-element.elementor-element-af9408e{--justify-content:center;}.elementor-23 .elementor-element.elementor-element-32b5dc5 .elementor-heading-title{font-size:40px;}.elementor-23 .elementor-element.elementor-element-a1fb34a{font-size:16px;}.elementor-23 .elementor-element.elementor-element-d8d730f .uc_style_image_background_text_effect_elementor_text{font-size:180px;}.elementor-23 .elementor-element.elementor-element-84c8854{--justify-content:center;}.elementor-23 .elementor-element.elementor-element-2a0b5b8 .elementor-heading-title{font-size:40px;}.elementor-23 .elementor-element.elementor-element-5e4d25a{font-size:16px;}.elementor-23 .elementor-element.elementor-element-a0b850f{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-23 .elementor-element.elementor-element-3f7365ed{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-23 .elementor-element.elementor-element-3f7365ed .elementor-heading-title{font-size:40px;}.elementor-23 .elementor-element.elementor-element-1cd8d916{padding:20px 50px 20px 50px;}.elementor-23 .elementor-element.elementor-element-417dda12{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-23 .elementor-element.elementor-element-417dda12 .elementor-heading-title{font-size:40px;}.elementor-23 .elementor-element.elementor-element-2f0f1646{padding:20px 50px 20px 50px;}.elementor-23 .elementor-element.elementor-element-6b919631{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-23 .elementor-element.elementor-element-6b919631 .elementor-heading-title{font-size:40px;}.elementor-23 .elementor-element.elementor-element-329f4444{padding:20px 50px 20px 50px;}.elementor-23 .elementor-element.elementor-element-3f10740 .elementor-heading-title{font-size:70px;}.elementor-23 .elementor-element.elementor-element-3cbd522{padding:10px 10px 10px 10px;}}@media(max-width:767px){.elementor-23 .elementor-element.elementor-element-422a70d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-23 .elementor-element.elementor-element-422a70d.elementor-element{--align-self:center;}.elementor-23 .elementor-element.elementor-element-422a70d .elementor-heading-title{font-size:70px;}.elementor-23 .elementor-element.elementor-element-310057b{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-23 .elementor-element.elementor-element-9df690e .uc_style_image_background_text_effect_elementor_beginning_text{font-size:159px;}.elementor-23 .elementor-element.elementor-element-9df690e .uc_style_image_background_text_effect_elementor_text{font-size:85px;line-height:2.6em;}.elementor-23 .elementor-element.elementor-element-9df690e .uc_style_image_background_text_effect_elementor_ending_text{font-size:200px;}.elementor-23 .elementor-element.elementor-element-d3fa5f7{--min-height:50vh;}.elementor-23 .elementor-element.elementor-element-32b5dc5{text-align:center;}.elementor-23 .elementor-element.elementor-element-32b5dc5 .elementor-heading-title{font-size:40px;}.elementor-23 .elementor-element.elementor-element-a1fb34a{text-align:center;}.elementor-23 .elementor-element.elementor-element-7bc57c7{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-23 .elementor-element.elementor-element-d8d730f .uc_style_image_background_text_effect_elementor_beginning_text{font-size:159px;}.elementor-23 .elementor-element.elementor-element-d8d730f .uc_style_image_background_text_effect_elementor_text{font-size:85px;line-height:2.6em;}.elementor-23 .elementor-element.elementor-element-d8d730f .uc_style_image_background_text_effect_elementor_ending_text{font-size:200px;}.elementor-23 .elementor-element.elementor-element-9b2e5c6{--z-index:1;}.elementor-23 .elementor-element.elementor-element-2a0b5b8{text-align:center;}.elementor-23 .elementor-element.elementor-element-2a0b5b8 .elementor-heading-title{font-size:40px;}.elementor-23 .elementor-element.elementor-element-5e4d25a{text-align:center;}.elementor-23 .elementor-element.elementor-element-04776a2 .eu-item-thumb{height:45vh;}.elementor-23 .elementor-element.elementor-element-a0b850f::before, .elementor-23 .elementor-element.elementor-element-a0b850f > .elementor-background-video-container::before, .elementor-23 .elementor-element.elementor-element-a0b850f > .e-con-inner > .elementor-background-video-container::before, .elementor-23 .elementor-element.elementor-element-a0b850f > .elementor-background-slideshow::before, .elementor-23 .elementor-element.elementor-element-a0b850f > .e-con-inner > .elementor-background-slideshow::before, .elementor-23 .elementor-element.elementor-element-a0b850f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:center center;}.elementor-23 .elementor-element.elementor-element-a0b850f{--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-23 .elementor-element.elementor-element-3f7365ed{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:0;}.elementor-23 .elementor-element.elementor-element-3f7365ed .elementor-heading-title{font-size:40px;}.elementor-23 .elementor-element.elementor-element-1cd8d916{padding:0px 20px 0px 20px;}.elementor-23 .elementor-element.elementor-element-417dda12{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:0;}.elementor-23 .elementor-element.elementor-element-2f0f1646{padding:0px 20px 0px 20px;}.elementor-23 .elementor-element.elementor-element-6b919631{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:0;}.elementor-23 .elementor-element.elementor-element-6b919631 .elementor-heading-title{font-size:40px;}.elementor-23 .elementor-element.elementor-element-329f4444{padding:0px 20px 0px 20px;}.elementor-23 .elementor-element.elementor-element-3f10740 .elementor-heading-title{font-size:50px;}}@media(min-width:1025px){.elementor-23 .elementor-element.elementor-element-d3fa5f7:not(.elementor-motion-effects-element-type-background), .elementor-23 .elementor-element.elementor-element-d3fa5f7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for html, class: .elementor-element-85f8282 *//* =========================================================
   CENTURION — RADIALE PUNTI FOCALI 4 PUNTI
   + cambio colore allo scroll
   ========================================================= */


/* =========================
   SEZIONE PRINCIPALE
   Classe Elementor:
   centurion-focus-section centurion-box-dark
   ========================= */

.centurion-focus-section {
  --focus-bg: #111111;
  --focus-title: #ffffff;
  --focus-heading: #ffffff;
  --focus-text: rgba(255, 255, 255, 0.80);
  --focus-gold: #B5883C;

  --focus-circle-outer: rgba(255, 255, 255, 0.18);
  --focus-circle-middle: rgba(181, 136, 60, 0.24);
  --focus-circle-inner: rgba(181, 136, 60, 0.44);

  --focus-line-gold: rgba(181, 136, 60, 0.88);
  --focus-line-soft: rgba(255, 255, 255, 0.18);

  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: 100vh;

  background: var(--focus-bg) !important;
  background-color: var(--focus-bg) !important;
  color: var(--focus-title) !important;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: clamp(36px, 3.6vw, 64px) clamp(20px, 2.6vw, 42px) !important;

  transition:
    background-color 0.85s cubic-bezier(0.22, 1, 0.36, 1),
    color 0.85s cubic-bezier(0.22, 1, 0.36, 1);
}


/* Contenuto Elementor */
.centurion-focus-section > .e-con-inner {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: none !important;
  background: transparent !important;
}


/* Widget HTML full width */
.centurion-focus-section .elementor-widget-html,
.centurion-focus-section .elementor-widget-html .elementor-widget-container {
  width: 100%;
  background: transparent !important;
}


/* Overlay scuro */
.centurion-focus-section::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;

  background:
    radial-gradient(
      circle at 50% 50%,
      rgba(181, 136, 60, 0.18),
      transparent 38%
    ),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.035),
      transparent 44%,
      rgba(0, 0, 0, 0.22)
    );

  transition: background 0.85s cubic-bezier(0.22, 1, 0.36, 1);
}


/* =========================================================
   STATO CHIARO ALLO SCROLL
   La classe is-scroll-light viene aggiunta dal JS
   ========================================================= */

.centurion-focus-section.is-scroll-light {
  --focus-bg: #F4F1EA;
  --focus-title: #111111;
  --focus-heading: #111111;
  --focus-text: rgba(17, 17, 17, 0.76);
  --focus-gold: #B5883C;

  --focus-circle-outer: rgba(17, 17, 17, 0.18);
  --focus-circle-middle: rgba(181, 136, 60, 0.36);
  --focus-circle-inner: rgba(181, 136, 60, 0.52);

  --focus-line-gold: rgba(181, 136, 60, 0.92);
  --focus-line-soft: rgba(17, 17, 17, 0.24);

  background: #F4F1EA !important;
  background-color: #F4F1EA !important;
  color: #111111 !important;
}


/* Overlay chiaro */
.centurion-focus-section.is-scroll-light::before {
  background:
    radial-gradient(
      circle at 50% 50%,
      rgba(181, 136, 60, 0.20),
      transparent 40%
    ),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.32),
      transparent 48%,
      rgba(17, 17, 17, 0.055)
    ) !important;
}


/* =========================
   RADIALE PRINCIPALE
   ========================= */

.centurion-focus-radial {
  position: relative !important;

  width: min(1500px, 99vw);
  height: min(1100px, 89vw);
  min-height: 860px;

  margin: 0 auto;

  color: var(--focus-title) !important;
}


/* =========================
   CERCHI DECORATIVI
   ========================= */

.focus-circle {
  position: absolute !important;
  left: 50%;
  top: 50%;

  border-radius: 50%;
  transform: translate(-50%, -50%);

  pointer-events: none;

  transition:
    border-color 0.85s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.85s cubic-bezier(0.22, 1, 0.36, 1);
}


/* Cerchio esterno grande ma non invasivo sui testi */
.focus-circle-outer {
  width: 82%;
  height: 82%;
  border: 1px solid var(--focus-circle-outer);
}


/* Cerchio intermedio */
.focus-circle-middle {
  width: 62%;
  height: 62%;
  border: 1px solid var(--focus-circle-middle);

  box-shadow:
    0 0 90px rgba(181, 136, 60, 0.08),
    inset 0 0 58px rgba(181, 136, 60, 0.035);
}


/* Cerchio interno */
.focus-circle-inner {
  width: 38%;
  height: 38%;
  border: 1px solid var(--focus-circle-inner);

  box-shadow:
    0 0 110px rgba(181, 136, 60, 0.16),
    inset 0 0 76px rgba(181, 136, 60, 0.06);
}


/* =========================
   LINEE RADIALI PIÙ EVIDENTI
   ========================= */

.focus-lines {
  position: absolute !important;
  inset: 0;
  z-index: 1;

  pointer-events: none;
  transform-origin: center center;

  animation: centurionRadialRotate 70s linear infinite;
  will-change: transform;
}

.focus-line {
  position: absolute !important;
  left: 50%;
  top: 50%;

  width: 1px;
  height: 41%;

  transform-origin: top center;
  opacity: 0.94;

  background: linear-gradient(
    180deg,
    rgba(181, 136, 60, 0),
    var(--focus-line-gold) 34%,
    var(--focus-line-soft) 68%,
    rgba(181, 136, 60, 0)
  );

  box-shadow:
    0 0 16px rgba(181, 136, 60, 0.32);

  transition:
    background 0.85s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.85s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.85s cubic-bezier(0.22, 1, 0.36, 1);
}

.line-1 {
  transform: rotate(0deg);
}

.line-2 {
  transform: rotate(90deg);
}

.line-3 {
  transform: rotate(180deg);
}

.line-4 {
  transform: rotate(270deg);
}

@keyframes centurionRadialRotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}


/* =========================
   TITOLO CENTRALE
   ========================= */

.focus-center {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  z-index: 6;

  width: auto !important;
  height: auto !important;

  transform: translate(-50%, -50%) !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  text-align: center !important;
  pointer-events: none !important;
}


/* Titolo PUNTI FOCALI */
.centurion-focus-title,
.centurion-focus-section .focus-center h2,
.centurion-focus-section .focus-center .centurion-focus-title {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;

  color: var(--focus-title) !important;

  font-family: "mostra-nuova", "Mostra Nuova", sans-serif !important;
  font-size: clamp(68px, 6.3vw, 118px) !important;
  font-weight: 200 !important;
  font-style: normal !important;

  line-height: 0.86 !important;
  letter-spacing: -0.045em !important;
  text-transform: uppercase !important;
  text-align: center !important;

  text-shadow:
    0 24px 68px rgba(0, 0, 0, 0.52),
    0 0 44px rgba(181, 136, 60, 0.18);

  transition:
    color 0.85s cubic-bezier(0.22, 1, 0.36, 1),
    text-shadow 0.85s cubic-bezier(0.22, 1, 0.36, 1);
}


/* Supporta sia span sia br */
.centurion-focus-title span {
  display: block !important;
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  font-family: "mostra-nuova", "Mostra Nuova", sans-serif !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  text-align: center !important;
}

.centurion-focus-title br {
  display: block !important;
}


/* Ombra più delicata quando diventa chiaro */
.centurion-focus-section.is-scroll-light .centurion-focus-title,
.centurion-focus-section.is-scroll-light .focus-center h2,
.centurion-focus-section.is-scroll-light .centurion-focus-title span {
  color: #111111 !important;

  text-shadow:
    0 18px 48px rgba(17, 17, 17, 0.10),
    0 0 36px rgba(181, 136, 60, 0.14) !important;
}


/* =========================
   PUNTI FOCALI
   ========================= */

.focus-item {
  position: absolute !important;
  z-index: 8;

  max-width: 365px;

  color: rgba(255, 255, 255, 0.88) !important;

  transition:
    color 0.85s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.45s ease;
}


/* Numeri */
.focus-item span {
  display: block;
  margin-bottom: 16px;

  color: var(--focus-gold) !important;

  font-family: "mostra-nuova", "Mostra Nuova", sans-serif !important;
  font-size: clamp(58px, 4.4vw, 86px) !important;
  font-weight: 200 !important;
  font-style: normal !important;

  line-height: 0.78 !important;
  letter-spacing: -0.055em !important;

  transition: color 0.85s cubic-bezier(0.22, 1, 0.36, 1);
}


/* Titoletti */
.focus-item h3 {
  margin: 0 0 18px 0 !important;

  color: var(--focus-heading) !important;

  font-family: "mostra-nuova", "Mostra Nuova", sans-serif !important;
  font-size: clamp(28px, 2vw, 40px) !important;
  font-weight: 250 !important;
  font-style: normal !important;

  line-height: 1 !important;
  letter-spacing: -0.025em !important;
  text-transform: uppercase !important;

  transition: color 0.85s cubic-bezier(0.22, 1, 0.36, 1);
}


/* Descrizioni */
.focus-item p {
  margin: 0 !important;

  color: var(--focus-text) !important;

  font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif !important;
  font-size: clamp(16px, 1vw, 18px) !important;
  font-weight: 400 !important;

  line-height: 1.72 !important;
  letter-spacing: 0.005em !important;

  transition: color 0.85s cubic-bezier(0.22, 1, 0.36, 1);
}


/* Stato chiaro testi */
.centurion-focus-section.is-scroll-light .focus-item h3 {
  color: #111111 !important;
}

.centurion-focus-section.is-scroll-light .focus-item p {
  color: rgba(17, 17, 17, 0.76) !important;
}

.centurion-focus-section.is-scroll-light .focus-item span {
  color: #B5883C !important;
}


/* =========================
   POSIZIONAMENTO 4 PUNTI
   ========================= */

/* 01 — alto sinistra */
.focus-item-1 {
  top: 1%;
  left: 1.5%;
  text-align: left;
}


/* 02 — alto destra, non attraversato dal cerchio */
.focus-item-2 {
  top: 1%;
  right: 1.5%;
  text-align: left;
}


/* 03 — basso destra */
.focus-item-3 {
  right: 1.5%;
  bottom: 1%;
  text-align: left;
}


/* 04 — basso sinistra */
.focus-item-4 {
  left: 1.5%;
  bottom: 1%;
  text-align: left;
}


/* =========================
   HOVER
   ========================= */

.focus-item:hover {
  transform: translateY(-6px);
}

.focus-item:hover h3 {
  color: var(--focus-gold) !important;
}


/* =========================
   MODALITÀ INVERTITA DEL SITO
   Compatibilità con toggle precedente
   ========================= */

html.centurion-invert-mode .centurion-focus-section.centurion-box-dark {
  --focus-bg: #F4F1EA;
  --focus-title: #111111;
  --focus-heading: #111111;
  --focus-text: rgba(17, 17, 17, 0.76);
  --focus-gold: #B5883C;

  --focus-circle-outer: rgba(17, 17, 17, 0.18);
  --focus-circle-middle: rgba(181, 136, 60, 0.36);
  --focus-circle-inner: rgba(181, 136, 60, 0.52);

  --focus-line-gold: rgba(181, 136, 60, 0.92);
  --focus-line-soft: rgba(17, 17, 17, 0.24);

  background: #F4F1EA !important;
  color: #111111 !important;
}


/* =========================
   TABLET
   ========================= */

@media (max-width: 1024px) {
  .centurion-focus-section {
    padding: 70px 28px !important;
  }

  .centurion-focus-radial {
    width: 100%;
    height: 980px;
    min-height: 980px;
  }

  .focus-circle-outer {
    width: 78%;
    height: 78%;
  }

  .focus-circle-middle {
    width: 58%;
    height: 58%;
  }

  .focus-circle-inner {
    width: 36%;
    height: 36%;
  }

  .focus-line {
    height: 39%;
  }

  .centurion-focus-title,
  .centurion-focus-section .focus-center h2,
  .centurion-focus-section .focus-center .centurion-focus-title {
    font-size: clamp(62px, 10vw, 104px) !important;
  }

  .focus-item {
    max-width: 300px;
  }

  .focus-item span {
    font-size: clamp(52px, 6vw, 76px) !important;
  }

  .focus-item h3 {
    font-size: clamp(26px, 3vw, 34px) !important;
  }

  .focus-item p {
    font-size: 16px !important;
  }

  .focus-item-1 {
    top: 1%;
    left: 2%;
  }

  .focus-item-2 {
    top: 1%;
    right: 2%;
  }

  .focus-item-3 {
    right: 2%;
    bottom: 1%;
  }

  .focus-item-4 {
    left: 2%;
    bottom: 1%;
  }
}


/* =========================
   MOBILE
   ========================= */

@media (max-width: 767px) {
  .centurion-focus-section {
    min-height: auto;
    padding: 80px 20px !important;
  }

  .centurion-focus-radial {
    width: 100%;
    height: auto;
    min-height: auto;

    display: flex;
    flex-direction: column;
    gap: 48px;
  }

  .focus-circle,
  .focus-lines {
    display: none;
  }

  .focus-center {
    position: relative !important;
    left: auto !important;
    top: auto !important;

    display: block !important;
    transform: none !important;

    text-align: left !important;
  }

  .centurion-focus-title,
  .centurion-focus-section .focus-center h2,
  .centurion-focus-section .focus-center .centurion-focus-title {
    align-items: flex-start !important;

    font-size: clamp(56px, 15vw, 86px) !important;
    line-height: 0.9 !important;

    text-align: left !important;
  }

  .centurion-focus-title span {
    text-align: left !important;
  }

  .focus-item {
    position: relative !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    max-width: none;
    width: 100%;

    text-align: left;

    padding-top: 32px;
    border-top: 1px solid rgba(181, 136, 60, 0.34);
  }

  .focus-item span {
    font-size: 62px !important;
    margin-bottom: 16px;
  }

  .focus-item h3 {
    font-size: 32px !important;
    line-height: 1 !important;
    margin-bottom: 16px !important;
  }

  .focus-item p {
    font-size: 16px !important;
    line-height: 1.74 !important;
  }

  .focus-item:hover {
    transform: none;
  }
}


/* =========================
   ACCESSIBILITÀ
   ========================= */

@media (prefers-reduced-motion: reduce) {
  .focus-lines,
  .centurion-focus-section,
  .centurion-focus-section *,
  .focus-circle {
    animation: none !important;
    transition: none !important;
  }
}
/* =========================================================
   CENTURION — TRANSIZIONE SOFT NERO / BIANCO
   Da aggiungere in fondo al CSS del radiale
   ========================================================= */

/* Transizione generale più lenta */
.centurion-focus-section {
  transition:
    background-color 1.8s cubic-bezier(0.22, 1, 0.36, 1),
    color 1.8s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* Layer chiaro morbido sopra lo sfondo nero */
.centurion-focus-section::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;

  background:
    radial-gradient(
      circle at 50% 50%,
      rgba(181, 136, 60, 0.18),
      transparent 42%
    ),
    linear-gradient(
      180deg,
      rgba(244, 241, 234, 0.96),
      rgba(244, 241, 234, 1)
    );

  opacity: 0;

  transition:
    opacity 2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Quando arriva al centro dello schermo, il layer chiaro entra lentamente */
.centurion-focus-section.is-scroll-light::after {
  opacity: 1;
}

/* L’overlay originale resta più delicato */
.centurion-focus-section::before {
  transition:
    opacity 1.8s cubic-bezier(0.22, 1, 0.36, 1),
    background 1.8s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

.centurion-focus-section.is-scroll-light::before {
  opacity: 0.45;
}

/* Il contenuto deve stare sopra gli overlay */
.centurion-focus-section > .e-con-inner,
.centurion-focus-radial,
.focus-center,
.focus-item {
  position: relative;
  z-index: 2;
}

/* Transizione soft per titolo centrale */
.centurion-focus-title,
.centurion-focus-title span,
.centurion-focus-section .focus-center h2 {
  transition:
    color 1.6s cubic-bezier(0.22, 1, 0.36, 1),
    text-shadow 1.6s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* Transizione soft per numeri, titoli e descrizioni */
.focus-item span,
.focus-item h3,
.focus-item p {
  transition:
    color 1.6s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 1.6s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* Cerchi più morbidi nel cambio colore */
.focus-circle {
  transition:
    border-color 1.8s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 1.8s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 1.8s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* Linee radiali più morbide */
.focus-line {
  transition:
    background 1.8s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 1.8s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 1.8s cubic-bezier(0.22, 1, 0.36, 1) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-79c3c35 */.centurion-radial-section {
  position: relative;
  overflow: hidden;
  min-height: 100vh;
  background: #F4F1EA;
  transition: background 0.8s ease, color 0.8s ease;
}

.centurion-radial {
  position: relative;
  width: min(680px, 90vw);
  height: min(680px, 90vw);
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.radial-title {
  position: relative;
  z-index: 3;
  color: #111111;
  font-size: clamp(58px, 8vw, 140px);
  font-weight: 200;
  line-height: 0.95;
  letter-spacing: -0.055em;
  transition: color 0.8s ease, transform 0.8s ease;
}

.radial-line {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1px;
  height: 42%;
  background: linear-gradient(
    180deg,
    rgba(181,136,60,0.0),
    rgba(181,136,60,0.42),
    rgba(181,136,60,0.0)
  );
  transform-origin: top center;
  opacity: 0.6;
}

.line-1 { transform: rotate(0deg); }
.line-2 { transform: rotate(60deg); }
.line-3 { transform: rotate(120deg); }
.line-4 { transform: rotate(180deg); }
.line-5 { transform: rotate(240deg); }
.line-6 { transform: rotate(300deg); }

.radial-number {
  position: absolute;
  color: rgba(17,17,17,0.48);
  font-size: 12px;
  letter-spacing: 0.12em;
  transition: color 0.8s ease, opacity 0.8s ease;
}

.n1 { top: 10%; left: 50%; }
.n2 { top: 24%; left: 18%; }
.n3 { top: 24%; right: 18%; }
.n4 { bottom: 24%; left: 18%; }
.n5 { bottom: 24%; right: 18%; }
.n6 { bottom: 10%; left: 50%; }/* End custom CSS */