.elementor-710 .elementor-element.elementor-element-cd5b4d8{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--margin-top:0%;--margin-bottom:05%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:5%;--padding-left:0%;--padding-right:0%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-710 .elementor-element.elementor-element-f4ba0b6 .elementor-heading-title{font-family:"Host Grotesk", Sans-serif;font-size:170px;font-weight:600;color:var( --e-global-color-e5e7673 );}.elementor-710 .elementor-element.elementor-element-aa78f12 .elementor-heading-title{font-family:"Host Grotesk", Sans-serif;font-size:170px;font-weight:600;color:var( --e-global-color-e5e7673 );}.elementor-710 .elementor-element.elementor-element-ef71bb6{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-710 .elementor-element.elementor-element-585a643 .elementor-heading-title{font-family:"Host Grotesk", Sans-serif;font-size:170px;font-weight:600;color:var( --e-global-color-e5e7673 );}.elementor-710 .elementor-element.elementor-element-8e485c7 .elementor-heading-title{font-family:"Host Grotesk", Sans-serif;font-size:170px;font-weight:600;color:var( --e-global-color-e5e7673 );}.elementor-710 .elementor-element.elementor-element-cfb6d43 > .elementor-widget-container{margin:0px 0px 0px -10px;}.elementor-710 .elementor-element.elementor-element-cfb6d43 .elementor-heading-title{font-family:"Host Grotesk", Sans-serif;font-size:170px;font-weight:600;color:var( --e-global-color-e5e7673 );}.elementor-710 .elementor-element.elementor-element-2aa4cdf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-710 .elementor-element.elementor-element-0e889e7 img{height:850px;object-fit:cover;object-position:center center;}.elementor-710 .elementor-element.elementor-element-9a9d6a0{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--margin-top:5%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-710 .elementor-element.elementor-element-5b67aea{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-710 .elementor-element.elementor-element-551d70c{color:#FFFFFF;}.elementor-710 .elementor-element.elementor-element-f396d59{z-index:1;}.elementor-710 .elementor-element.elementor-element-f396d59 .elementor-heading-title{font-family:"Host Grotesk", Sans-serif;font-weight:500;}.elementor-710 .elementor-element.elementor-element-f4715aa{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;font-family:"Host Grotesk", Sans-serif;font-weight:400;}.elementor-710 .elementor-element.elementor-element-1bd3f63{width:var( --container-widget-width, 51% );max-width:51%;--container-widget-width:51%;--container-widget-flex-grow:0;}.elementor-710 .elementor-element.elementor-element-4875e14{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-710 .elementor-element.elementor-element-a1366fe > .elementor-widget-container{margin:0% 0% 0% 0%;padding:0% 0% 0% 0%;}body:not(.rtl) .elementor-710 .elementor-element.elementor-element-a1366fe{right:-50%;}body.rtl .elementor-710 .elementor-element.elementor-element-a1366fe{left:-50%;}.elementor-710 .elementor-element.elementor-element-a1366fe{bottom:-21%;z-index:2;}.elementor-710 .elementor-element.elementor-element-a1366fe img{width:946px;}.elementor-710 .elementor-element.elementor-element-d20e3d7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-710 .elementor-element.elementor-element-0ebb722{--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;--align-items:flex-end;--gap:70px 70px;--row-gap:70px;--column-gap:70px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-710 .elementor-element.elementor-element-90af6a9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-710 .elementor-element.elementor-element-cbf3c0a{--display:flex;--min-height:722px;--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;--overflow:hidden;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-710 .elementor-element.elementor-element-f5a0500{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}body.elementor-page-710:not(.elementor-motion-effects-element-type-background), body.elementor-page-710 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4d912b8 );}body.elementor-page-710{padding:0% 4% 0% 4%;}@media(min-width:768px){.elementor-710 .elementor-element.elementor-element-5b67aea{--width:55%;}.elementor-710 .elementor-element.elementor-element-4875e14{--width:45%;}.elementor-710 .elementor-element.elementor-element-0ebb722{--width:70%;}.elementor-710 .elementor-element.elementor-element-90af6a9{--width:80%;}.elementor-710 .elementor-element.elementor-element-cbf3c0a{--width:100%;}.elementor-710 .elementor-element.elementor-element-f5a0500{--width:30%;}}/* Start custom CSS for heading, class: .elementor-element-f4ba0b6 */span.under:after{
    display:block;
    content:"";
    position:absolute;
    bottom:2px;
    height:10px;
    width: 100%;
    background-color:#fff;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-aa78f12 */span.under:after{
    display:block;
    content:"";
    position:absolute;
    bottom:2px;
    height:10px;
    width: 100%;
    background-color:#fff;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-585a643 */span.under:after{
    display:block;
    content:"";
    position:absolute;
    bottom:2px;
    height:10px;
    width: 100%;
    background-color:#fff;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8e485c7 */span.under:after{
    display:block;
    content:"";
    position:absolute;
    bottom:2px;
    height:10px;
    width: 100%;
    background-color:#fff;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cfb6d43 */span.under:after{
    display:block;
    content:"";
    position:absolute;
    bottom:2px;
    height:10px;
    width: 100%;
    background-color:#fff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-39f308c */:root {
      --bg-main: #c89590;
      --fg-primary: #ffffff;
      --fg-secondary: #1e2e54;
    }

.body2 {
      background-color: #C89590;
      color: white;
      font-family: Arial, sans-serif;
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: right;
      justify-content: flex-start;
      padding-top: 50px;
      height: 200vh; /* per demo scroll */
    }

    .containerp {
      width: 600px;
      margin: 0 auto;
    }

    .circlep-wrapper {
      position: relative;
      width: 100%;
      margin: 20px 0; /* 🔹 Ridotto lo spazio tra i cerchi */
    }

    .circlep {
      position: relative;
      width: 100px;
      height: 100px;
      border: 2px solid white;
      border-radius: 50%;
      margin: 0 auto;
      opacity: 0;
      cursor: pointer;
      background-color:rgba(255, 255, 255, 0);
      transition: background-color 0.5s ease;
    }
    
    .circlep:hover{
        background-color:rgba(255, 255, 255, 0.6);
    }

    .circlep.split::before {
      content: "";
      position: absolute;
      width: 2px;
      height: 100%;
      background-color: white;
      left: 50%;
      top: 0;
      transform: translateX(-50%);
    }

    .text {
      position: absolute;
      display: flex;
      justify-content: right;
      font-size: 18px;
      font-weight: bold;
      opacity: 0;
    }

    .text-l {
      position: absolute;
      width: 300px;
      display: flex;
      justify-content: right;
      padding-right: 80px;
      font-size: 18px;
      font-weight: bold;
      opacity: 0;
    }

    .text-r {
      position: absolute;
      width: 300px;
      display: flex;
      justify-content: left;
      padding-left: 80px;
      font-size: 18px;
      font-weight: bold;
      opacity: 0;
    }

    /* Posizionamento perfetto dei testi rispetto ai cerchi */
    .circlep-wrapper .text-cielo {
      top: -35px;
      left: 50%;
      transform: translate(-50%, -50%);
      font-style: italic;
    }

    .circlep-wrapper .text-attico {
      top: 50%;
      transform: translateY(-50%);
    }

    .circlep-wrapper .text-loft {
      top: 50%;
      transform: translateY(-50%);
    }

    .circlep-wrapper .text-due-camere {
      top: 50%;
      transform: translateY(-50%);
    }

    .circlep-wrapper .text-tre-camere-plus {
      top: 50%;
      right: 0;
      transform: translateY(-50%);
    }

    .circlep-wrapper .text-tre-camere {
      top: 50%;
      transform: translateY(-50%);
    }

    .circlep-wrapper .text-tre-camere2 {
      top: 50%;
      right: 0;
      transform: translateY(-50%);
    }

    .circlep-wrapper .text-reception {
      top: 50%;
      transform: translateY(-50%);
    }

    .circlep-wrapper .text-terra {
      bottom: -45px;
      left: 50%;
      transform: translateX(-50%);
      font-style: italic;
    }

    /* ----------  OVERLAY LOFT  ---------- */
    .overlay {
      position: absolute;
      inset: 0;
     
      
      transform: translate(-50%, -50%);
      display: flex;
      align-items: center;
      justify-content: center;
      visibility: hidden;
      opacity: 0;
      transform:scale(0);
      transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
      z-index: 999;
    }

    .overlay.show {
      visibility: visible;
      transform:scale(1);
      opacity: 1;
    }

.card-circle {
      position: relative;
      width: 450px;
      height:450px;
      aspect-ratio: 1 / 1;
      border: 2px solid var(--fg-primary);
      border-radius: 50%;
      background-color: var(--bg-main);
      color: #1e2e54!important;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      padding: 4rem;
      box-sizing: border-box;
      text-align: center;
      line-height: 1.4;
      font-family: Host Grotesk;
      font-size: clamp(14px, 2vw, 16px);
    }


    /* Cerchio principale */
    .loft-card {
      position: relative;
     
      aspect-ratio: 1 / 1;
      border: 2px solid white;
      border-radius: 50%;
      background-color: #C89590;
      color: #1e2e54; /* blu scuro come screenshot */
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 2rem;
      box-sizing: border-box;
      text-align: center;
      line-height: 1.4;
      font-size: clamp(14px, 2vw, 20px);
    }

    .element-container{
        display: flex;
        flex-direction:column;
        justify-content: space-between;
        align-items:center;
        
    }

    /* Close button */
    .close-btn {
      position: absolute;
      width: 30px;
      height: 30px;
      border-radius: 50%;
     /* border: 2px solid #1e2e54; */
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top:22px;
      font-size: 40px;
      font-weight: bold;
      cursor: pointer;
      bottom:6%;
  
    }

    .close-btn:hover {
      background-color: rgba(255, 255, 255, 0.1);
    }/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Host Grotesk';
	font-display: auto;
	src: url('https://groundtreviso.it/wp-content/uploads/2025/02/HostGrotesk-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */