.elementor-4551 .elementor-element.elementor-element-35f5967{--display:flex;--min-height:600px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--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-4551 .elementor-element.elementor-element-6a15b1af{--display:flex;--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-4551 .elementor-element.elementor-element-87ebb93{--e-image-carousel-slides-to-show:1;}.elementor-4551 .elementor-element.elementor-element-87ebb93 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4551 .elementor-element.elementor-element-87ebb93 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-4551 .elementor-element.elementor-element-87ebb93 .elementor-swiper-button.elementor-swiper-button-next{font-size:0px;color:var( --e-global-color-a133350 );}.elementor-4551 .elementor-element.elementor-element-87ebb93 .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-4551 .elementor-element.elementor-element-87ebb93 .elementor-swiper-button.elementor-swiper-button-next svg{fill:var( --e-global-color-a133350 );}.elementor-4551 .elementor-element.elementor-element-42e64a95{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4551 .elementor-element.elementor-element-42e64a95:not(.elementor-motion-effects-element-type-background), .elementor-4551 .elementor-element.elementor-element-42e64a95 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDF6F2;}.elementor-4551 .elementor-element.elementor-element-6bb54319{--display:flex;}.elementor-4551 .elementor-element.elementor-element-64223cee{z-index:9999;}.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 );color:var( --e-global-color-primary );}.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 );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-4551 .elementor-element.elementor-element-1de9bb0a{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:300;font-style:italic;color:var( --e-global-color-primary );}.elementor-4551 .elementor-element.elementor-element-555e9289{--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;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{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 );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-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 );color:var( --e-global-color-text );}.elementor-4551 .elementor-element.elementor-element-31d64823 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 20px 0px;}.elementor-4551 .elementor-element.elementor-element-31d64823 .elementor-icon-box-wrapper{gap:15px;}.elementor-4551 .elementor-element.elementor-element-6fe9c194{--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;--justify-content:space-between;--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4551 .elementor-element.elementor-element-57cc2329{width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;}.elementor-4551 .elementor-element.elementor-element-518301f5{width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;}#elementor-popup-modal-4551 .dialog-widget-content{animation-duration:0.5s;border-style:none;border-radius:0px 0px 0px 0px;margin:0px 0px 0px 0px;}#elementor-popup-modal-4551{background-color:#22382BCC;justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-4551 .dialog-message{width:1000px;height:auto;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}#elementor-popup-modal-4551 .dialog-message{width:90vw;}}@media(max-width:767px){.elementor-4551 .elementor-element.elementor-element-35f5967{--width:100%;--min-height:100vh;--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4551 .elementor-element.elementor-element-6a15b1af{--width:100%;--min-height:35vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--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-4551 .elementor-element.elementor-element-42e64a95{--width:100%;--min-height:65vh;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-4551 .elementor-element.elementor-element-6bb54319{--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-4551 .elementor-element.elementor-element-64223cee > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-4551 .elementor-element.elementor-element-6fe9c194{--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:nowrap;--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-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-4551 .elementor-element.elementor-element-57cc2329{--container-widget-width:53%;--container-widget-flex-grow:0;width:var( --container-widget-width, 53% );max-width:53%;}.elementor-4551 .elementor-element.elementor-element-57cc2329 .elementor-button{border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4551 .elementor-element.elementor-element-518301f5 .elementor-button{border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}#elementor-popup-modal-4551 .dialog-message{width:100vw;padding:0px 0px 0px 0px;}#elementor-popup-modal-4551{justify-content:center;align-items:center;}#elementor-popup-modal-4551 .dialog-widget-content{margin:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-4551 .elementor-element.elementor-element-6a15b1af{--width:55%;}.elementor-4551 .elementor-element.elementor-element-42e64a95{--width:45%;}}/* Start custom CSS *//* ============================================================
   1. OVERLAY VETRO (Sfondo)
   ============================================================ */
.elementor-popup-modal .dialog-widget-overlay {
    background-color: rgba(34, 56, 43, 0.7) !important; 
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
}

/* ============================================================
   2. MASCHERA & ANIMAZIONI (1s IN / 0.8s OUT)
   ============================================================ */
.elementor-popup-modal .dialog-widget-content {
    background-color: #FDF6F2 !important; 
    box-shadow: 0 40px 100px rgba(0,0,0,0.6) !important; 
    border-radius: 12px !important; 
    overflow: hidden !important; 
    padding: 0 !important;
    
    /* Nessuna animazione base */
    animation: none !important;
    opacity: 1; 
}


/* ============================================================
   3. DESKTOP LAYOUT (Card Bloccata a 1000x600px + Cornice)
   ============================================================ */
@media (min-width: 768px) {
    .elementor-popup-modal .dialog-widget-content {
        width: 1000px !important;       
        max-width: 90vw !important;     
        height: 600px !important;       
        max-height: 85vh !important;    
        margin: auto !important;        
    }

    .luxury-popup-card {
        display: flex !important;
        flex-direction: row !important; 
        width: 100% !important;
        height: 100% !important;        
    }

    /* LA CORNICE BEIGE (Passepartout) */
    .popup-gallery-left { 
        width: 55% !important; 
        flex: 0 0 55% !important; 
        height: 100% !important;        
        position: relative !important;
        /* Cornice equilibrata: 40px ovunque */
        padding: 40px !important; 
        display: flex !important;
        align-items: center !important; /* Sospende la maschera al centro esatto */
        justify-content: center !important;
        box-sizing: border-box !important;
    }

    .popup-info-right { 
        width: 45% !important; 
        flex: 0 0 45% !important;
        height: 100% !important;        
        padding: 50px 40px !important; 
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important; 
        position: relative !important; 
        overflow-y: auto !important;  
        box-sizing: border-box !important;
    }
}

/* ============================================================
   4. MOBILE LAYOUT (Max 1024px) - PIÙ SPAZIO ALLA FOTO
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-popup-modal .dialog-widget-content {
        width: 95vw !important; 
        margin: auto !important;
        border-radius: 12px !important; 
    }
    
    .luxury-popup-card {
        display: flex !important;
        flex-direction: column !important; 
        width: 100% !important;
    }

    .popup-gallery-left {
        width: 100% !important; 
        height: auto !important; 
        position: relative !important;
        z-index: 1 !important; 
        
        /* 50px di spazio in alto per la X */
        padding: 50px 20px 0 20px !important; 
        
        display: flex !important;
        box-sizing: border-box !important;
    }
    
    .popup-info-right {
        width: 100% !important; 
        padding: 20px !important; 
        display: flex !important;
        flex-direction: column !important;
        position: static !important; /* Libera la X */
        z-index: 99 !important; 
    }
}

/* ============================================================
   5. LA GABBIA 16:9 DEL CAROUSEL (Swiper Safe)
   ============================================================ */

/* 1. Il Contenitore (La maschera che non si deforma) */
.room-popup-carousel {
    width: 100% !important; 
    aspect-ratio: 16 / 9 !important; /* LA MAGIA 16:9 */
    height: auto !important;
    border-radius: 12px !important; 
    overflow: hidden !important;    
    box-shadow: 0 15px 40px rgba(34,56,43,0.15) !important; 
    margin: 0 !important;
    display: block !important;
    position: relative !important;
}

/* 2. I layer interni: lascio che Swiper respiri */
.room-popup-carousel .elementor-widget-container,
.room-popup-carousel .elementor-image-carousel-wrapper,
.room-popup-carousel .swiper-container,
.room-popup-carousel .swiper-wrapper,
.room-popup-carousel .swiper-slide {
    width: 100% !important; 
    height: 100% !important; 
    margin: 0 !important; 
    padding: 0 !important;
}

/* 3. L'immagine copre senza schiacciarsi */
.room-popup-carousel img {
    width: 100% !important; 
    height: 100% !important; 
    object-fit: cover !important; 
    display: block !important;
}

/* --- FRECCE: PULIZIA ESTREMA --- */
.room-popup-carousel .elementor-swiper-button {
    position: absolute !important;
    top: 50% !important; 
    transform: translateY(-50%) !important; 
    width: 45px !important; 
    height: 45px !important; 
    background: transparent !important; 
    border: none !important;
    outline: none !important; 
    box-shadow: none !important;
    margin: 0 !important; 
    display: flex !important; 
    align-items: center !important; 
    justify-content: center !important;
    z-index: 10 !important; 
}

/* Rimuoviamo le icone native orribili di Elementor */
.room-popup-carousel .elementor-swiper-button svg,
.room-popup-carousel .elementor-swiper-button i { display: none !important; }

/* Linee della freccia (Bianche assolute, NESSUNA OMBRA) */
.room-popup-carousel .elementor-swiper-button::after {
    content: ''; display: block; width: 14px; height: 14px; 
    border-top: 1.5px solid #FFFFFF !important; 
    border-right: 1.5px solid #FFFFFF !important; 
}

/* Direzioni e rotazioni precise */
.room-popup-carousel .elementor-swiper-button-prev { left: 10px !important; }
.room-popup-carousel .elementor-swiper-button-prev::after { transform: rotate(-135deg); margin-left: 6px; }
.room-popup-carousel .elementor-swiper-button-next { right: 10px !important; }
.room-popup-carousel .elementor-swiper-button-next::after { transform: rotate(45deg); margin-right: 6px; }

/* ============================================================
   6. TIPOGRAFIA (Reset Definitivo)
   ============================================================ */
.popup-info-right h2.elementor-heading-title { font-family: "gravesend-sans", sans-serif !important; font-size: 32px !important; color: #22382B !important; text-transform: uppercase !important; line-height: 1.1 !important; margin-top: 0 !important; margin-bottom: 5px !important; }
.popup-info-right h4.elementor-heading-title { font-family: "gravesend-sans", sans-serif !important; font-size: 11px !important; letter-spacing: 3px !important; color: #7A8880 !important; text-transform: uppercase !important; border-bottom: 1px solid rgba(0,0,0,0.1) !important; padding-bottom: 15px !important; margin-bottom: 20px !important; }

/* FIX UPPERCASE DESCRIZIONE */
.room-desc-popup, .room-desc-popup * { font-family: "gravesend-sans", sans-serif !important; font-size: 14px !important; color: #4A5A50 !important; line-height: 1.6 !important; font-style: italic !important; font-weight: 300 !important; text-transform: none !important; }
.room-desc-popup { margin-bottom: 25px !important; }

/* Simmons Badge */
.simmons-badge { margin-bottom: 30px !important; }
.simmons-badge .elementor-icon-box-icon svg { width: 35px !important; fill: #22382B !important; }
.simmons-badge .elementor-icon-box-title { color: #22382B !important; font-size: 10px !important; letter-spacing: 1px !important; text-transform: uppercase !important; margin: 0 !important; }


/* ============================================================
   7. PULSANTI
   ============================================================ */
.map-buttons-wrapper { display: flex !important; flex-direction: row !important; gap: 10px !important; width: 100% !important; margin-bottom: 20px !important; }
.btn-action-outline { flex: 1 !important; }

.btn-action-outline .elementor-button { background-color: #EAE7E0 !important; color: #22382B !important; border-radius: 6px !important; padding: 12px 0 !important; width: 100% !important; font-size: 10px !important; letter-spacing: 1px !important; font-weight: 600 !important; text-transform: uppercase !important; border: none !important; text-align: center !important; }
.btn-action-outline .elementor-button:hover { background-color: #22382B !important; color: #FFFFFF !important; }

.btn-book-popup .elementor-button { background-color: #22382B !important; color: #FFFFFF !important; border-radius: 50px !important; padding: 15px 0 !important; width: 100% !important; font-size: 13px !important; letter-spacing: 2px !important; text-transform: uppercase !important; font-weight: 600 !important; box-shadow: 0 10px 20px rgba(34, 56, 43, 0.2) !important; text-align: center !important; }
.btn-book-popup .elementor-button:hover { transform: translateY(-3px); }


/* ============================================================
   X DI CHIUSURA (Morphing X -> Linea)
   ============================================================ */

/* 1. CONTAINER */
.close-area-container {
    position: absolute !important;
    z-index: 99999 !important;
    cursor: pointer;
    width: 45px !important; 
    height: 45px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border-radius: 50%;
    -webkit-tap-highlight-color: transparent; 
}

/* POSIZIONI */
@media (min-width: 768px) {
    .close-area-container { top: 25px !important; right: 25px !important; }
}
@media (max-width: 767px) {
    .close-area-container { top: 10px !important; right: 10px !important; }
}

/* 2. GRAFICA X (Wrapper) */
.luxury-x-graphic {
    width: 30px; height: 30px;
    position: relative; display: block;
    /* Transizione per opacità e scala */
    transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.3s ease;
    transform: rotate(0deg) scale(1);
    opacity: 1;
}

/* Le Stanghette */
.luxury-x-graphic span {
    position: absolute; top: 50%; left: 50%;
    width: 22px; height: 2px;
    background-color: #22382B; 
    display: block; border-radius: 2px;
    /* Transizione fluida per la rotazione */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
}

/* Posizione Iniziale (X) */
.luxury-x-graphic span:nth-child(1) { transform: translate(-50%, -50%) rotate(45deg); }
.luxury-x-graphic span:nth-child(2) { transform: translate(-50%, -50%) rotate(-45deg); }


/* ============================================================
   ANIMAZIONI (Attivate da JS .is-morphing)
   ============================================================ */

/* A. HOVER (Solo Desktop - Rotazione leggera) */
@media (min-width: 768px) {
    .close-area-container:not(.is-morphing):hover .luxury-x-graphic {
        transform: rotate(90deg);
    }
}

/* B. ANIMAZIONE CLICK (X -> Linea -> Collasso) */

/* 1. Il Wrapper NON perde opacità e non si rimpicciolisce più in blocco */
.close-area-container.is-morphing .luxury-x-graphic {
    opacity: 1 !important; 
}

/* 2. Assegniamo le sequenze temporali alle singole stanghette */
.close-area-container.is-morphing .luxury-x-graphic span:nth-child(1) {
    animation: x-to-line-1 0.35s forwards ease-in-out !important;
}
.close-area-container.is-morphing .luxury-x-graphic span:nth-child(2) {
    animation: x-to-line-2 0.35s forwards ease-in-out !important;
}

/* 
   FASE 1 (0%-50%): Ruotano a 0 gradi formando una linea orizzontale solida.
   FASE 2 (50%-100%): La linea orizzontale si strizza al centro (scaleX a 0).
*/
@keyframes x-to-line-1 {
    0% { transform: translate(-50%, -50%) rotate(45deg) scaleX(1); }
    50% { transform: translate(-50%, -50%) rotate(0deg) scaleX(1); }
    100% { transform: translate(-50%, -50%) rotate(0deg) scaleX(0); }
}

@keyframes x-to-line-2 {
    0% { transform: translate(-50%, -50%) rotate(-45deg) scaleX(1); }
    50% { transform: translate(-50%, -50%) rotate(0deg) scaleX(1); }
    100% { transform: translate(-50%, -50%) rotate(0deg) scaleX(0); }
}

/* ============================================================
   8. BLUEPRINT VIEWER (Interfaccia Piantina)
   ============================================================ */
.luxury-blueprint-viewer {
    position: fixed;
    top: 0; left: 0;
    width: 100vw; height: 100vh;
    background-color: #FDF6F2; /* Sfondo Crema Solido */
    z-index: 9999999; /* Livello Dio */
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.5s;
}

.luxury-blueprint-viewer.is-active {
    opacity: 1;
    visibility: visible;
}

/* Immagine Piantina */
.blueprint-content {
    position: relative;
    width: 90vw;
    height: 85vh;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: scale(0.98) translateY(20px);
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.luxury-blueprint-viewer.is-active .blueprint-content {
    transform: scale(1) translateY(0);
}

.blueprint-content img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain; 
    box-shadow: 0 20px 60px rgba(34, 56, 43, 0.15); /* Effetto carta stampata */
    border-radius: 4px;
}

/* Pulsante Chiudi Piantina (Testo + X) */
.blueprint-close-btn {
    position: absolute;
    top: 30px;
    right: 40px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #22382B;
    font-family: "gravesend-sans", sans-serif;
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 600;
    transition: opacity 0.3s ease;
    z-index: 2;
}

.blueprint-close-btn:hover { opacity: 0.6; }

/* La X del chiudi */
.blueprint-close-icon { position: relative; width: 14px; height: 14px; }
.blueprint-close-icon span { position: absolute; top: 50%; left: 0; width: 100%; height: 1.5px; background-color: #22382B; }
.blueprint-close-icon span:nth-child(1) { transform: translateY(-50%) rotate(45deg); }
.blueprint-close-icon span:nth-child(2) { transform: translateY(-50%) rotate(-45deg); }

/* Mobile View */
@media (max-width: 767px) {
    .blueprint-close-btn { top: 20px; right: 20px; font-size: 10px; }
    .blueprint-content { width: 95vw; height: 80vh; margin-top: 30px; }
    .blueprint-content img { box-shadow: none; border-radius: 0; }
}/* End custom CSS */