.elementor-220 .elementor-element.elementor-element-46d474b{--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;--overlay-opacity:0.5;}.elementor-220 .elementor-element.elementor-element-46d474b:not(.elementor-motion-effects-element-type-background), .elementor-220 .elementor-element.elementor-element-46d474b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://delicetoexperience.it/wp-content/uploads/2026/03/Gemini_Generated_Image_s4xl92s4xl92s4xl.png");}.elementor-220 .elementor-element.elementor-element-46d474b::before, .elementor-220 .elementor-element.elementor-element-46d474b > .elementor-background-video-container::before, .elementor-220 .elementor-element.elementor-element-46d474b > .e-con-inner > .elementor-background-video-container::before, .elementor-220 .elementor-element.elementor-element-46d474b > .elementor-background-slideshow::before, .elementor-220 .elementor-element.elementor-element-46d474b > .e-con-inner > .elementor-background-slideshow::before, .elementor-220 .elementor-element.elementor-element-46d474b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#020101BF;--background-overlay:'';}.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-220 .elementor-element.elementor-element-da4d016{margin:8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-220 .elementor-element.elementor-element-f2366cc{--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:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-220 .elementor-element.elementor-element-49cd3c8 .elementor-button{font-family:"Roboto", Sans-serif;font-size:1px;font-weight:500;}.elementor-220 .elementor-element.elementor-element-063ed89 .elementor-button{font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-220 .elementor-element.elementor-element-6c5c1ca{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-220 .elementor-element.elementor-element-6c5c1ca:not(.elementor-motion-effects-element-type-background), .elementor-220 .elementor-element.elementor-element-6c5c1ca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#261D13;}.elementor-220 .elementor-element.elementor-element-bf901d0{margin:-30px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-220 .elementor-element.elementor-element-5233f76{--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;--margin-top:5px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-220 .elementor-element.elementor-element-5233f76:not(.elementor-motion-effects-element-type-background), .elementor-220 .elementor-element.elementor-element-5233f76 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF6EF;}.elementor-220 .elementor-element.elementor-element-ebff209{--display:flex;}.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-220 .elementor-element.elementor-element-cdc0375 img{border-radius:12px 12px 12px 12px;}.elementor-220 .elementor-element.elementor-element-b0acdba{margin:-51px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -12px;}.elementor-220 .elementor-element.elementor-element-fd7915a{--display:flex;}.elementor-220 .elementor-element.elementor-element-6c83235{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-220 .elementor-element.elementor-element-6c83235:not(.elementor-motion-effects-element-type-background), .elementor-220 .elementor-element.elementor-element-6c83235 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2B1F0F;}.elementor-220 .elementor-element.elementor-element-7bc3191{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-220 .elementor-element.elementor-element-69e2172{--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;}.elementor-220 .elementor-element.elementor-element-69e2172:not(.elementor-motion-effects-element-type-background), .elementor-220 .elementor-element.elementor-element-69e2172 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A1209;}.elementor-220 .elementor-element.elementor-element-aaad769{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-220 .elementor-element.elementor-element-a05d524{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-220 .elementor-element.elementor-element-a05d524:not(.elementor-motion-effects-element-type-background), .elementor-220 .elementor-element.elementor-element-a05d524 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2EAD8;}.elementor-220 .elementor-element.elementor-element-a0ed728{margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 5px) 0px;}.elementor-220 .elementor-element.elementor-element-5313c59{--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;}.elementor-220 .elementor-element.elementor-element-5313c59:not(.elementor-motion-effects-element-type-background), .elementor-220 .elementor-element.elementor-element-5313c59 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2EAD8;}.elementor-220 .elementor-element.elementor-element-dae31c7{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-220 .elementor-element.elementor-element-b3cc76e.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-220 .elementor-element.elementor-element-b3cc76e.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-220 .elementor-element.elementor-element-94c10b6{--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;}.elementor-220 .elementor-element.elementor-element-94c10b6:not(.elementor-motion-effects-element-type-background), .elementor-220 .elementor-element.elementor-element-94c10b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF6EF;}.elementor-220 .elementor-element.elementor-element-467fb45{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-220 .elementor-element.elementor-element-16ee79a{--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;}.elementor-220 .elementor-element.elementor-element-16ee79a:not(.elementor-motion-effects-element-type-background), .elementor-220 .elementor-element.elementor-element-16ee79a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF6EF;}.elementor-220 .elementor-element.elementor-element-49c78f7 img{width:40%;}.elementor-220 .elementor-element.elementor-element-d9adff7{text-align:center;}.elementor-220 .elementor-element.elementor-element-55711de{--spacer-size:50px;}.elementor-220 .elementor-element.elementor-element-e24d8f9{--display:flex;}body.elementor-page-220:not(.elementor-motion-effects-element-type-background), body.elementor-page-220 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF6EF;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-220 .elementor-element.elementor-element-b3cc76e.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-220 .elementor-element.elementor-element-b3cc76e.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-220 .elementor-element.elementor-element-e24d8f9{--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for text-editor, class: .elementor-element-da4d016 *//* =======================================================
   1. CONTENITORE PRINCIPALE (Centratura perfetta)
   ======================================================= */
.elementor-220 .elementor-element.elementor-element-da4d016 .hero-text-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important; /* Centra tutto orizzontalmente */
    text-align: center !important;
}

/* =======================================================
   2. STILE BADGE IN ALTO (Pillola elegante)
   ======================================================= */
.elementor-220 .elementor-element.elementor-element-da4d016 .hero-badge {
    display: inline-block !important;
    background-color: rgba(30, 25, 20, 0.4) !important; /* Sfondo scuro semitrasparente */
    border: 1px solid rgba(184, 151, 102, 0.3) !important; /* Bordino oro leggerissimo */
    color: #C39D6A !important; /* Testo oro */
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important; /* Spaziatura larga tipica dell'alta moda */
    padding: 6px 16px !important;
    border-radius: 50px !important;
    margin-bottom: 24px !important;
}

.elementor-220 .elementor-element.elementor-element-da4d016 .badge-dot {
    margin-right: 4px !important;
    font-size: 14px !important;
}

/* =======================================================
   3. STILE TITOLO (Tutto Serif, elegante)
   ======================================================= */
.elementor-220 .elementor-element.elementor-element-da4d016 .hero-title {
    color: #FFFFFF !important;
    /* Usa un font Serif elegante come Playfair, Lora o PT Serif */
    font-family: 'Playfair Display', serif !important; 
    font-size: clamp(40px, 5.5vw, 68px) !important; /* Adattamento fluido */
    font-weight: 700 !important; /* Grassetto ma elegante */
    line-height: 1.15 !important;
    margin: 0 0 24px 0 !important;
    letter-spacing: -0.5px !important;
}

/* =======================================================
   4. STILE TESTO ORO (Corsivo)
   ======================================================= */
.elementor-220 .elementor-element.elementor-element-da4d016 .gold-italic {
    color: #C39D6A !important; /* Punto di oro esatto del mockup */
    font-style: italic !important;
    font-weight: 600 !important;
    padding: 0 2px !important;
}

/* =======================================================
   5. STILE DESCRIZIONE (Sans-serif, grigio e impaginata bene)
   ======================================================= */
.elementor-220 .elementor-element.elementor-element-da4d016 .hero-description {
    color: #D1D1D1 !important; /* Grigio chiaro, non bianco puro */
    font-family: 'Montserrat', sans-serif !important; /* Font moderno pulito */
    font-size: clamp(16px, 1.8vw, 18px) !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    margin: 0 auto !important;
    max-width: 580px !important; /* Questo valore forza l'a capo esatto del mockup */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-49cd3c8 *//* =======================================================
   STILE BOTTONE HEADER ("Entra nella Biblioteca")
   ======================================================= */

/* Stato Normale */
.elementor-220 .elementor-element.elementor-element-49cd3c8 .elementor-button {
    background-color: #B89766 !important; /* Il colore oro del tuo mockup */
    color: #1A140E !important; /* Colore scuro per il testo, per dare un contrasto netto */
    font-family: 'Montserrat', sans-serif !important; /* Sostituisci se usi un altro font sans-serif */
    font-size: 14px !important;
    font-weight: 600 !important; /* Semi-grassetto, leggibile ed elegante */
    padding: 12px 24px !important; /* Spazio interno (Sopra/Sotto - Destra/Sinistra) */
    border-radius: 8px !important; /* Angoli morbidamente arrotondati come da foto */
    white-space: nowrap !important; /* Impedisce al testo di andare a capo */
    border: none !important;
    transition: all 0.3s ease !important; /* Rende fluide le animazioni di hover */
}

/* Stato Hover (Quando passi il mouse sopra) */
.elementor-220 .elementor-element.elementor-element-49cd3c8 .elementor-button:hover {
    background-color: #C39D6A !important; /* Un oro appena più luminoso */
    transform: translateY(-2px) !important; /* Il bottone si "solleva" leggermente */
    box-shadow: 0px 4px 15px rgba(184, 151, 102, 0.3) !important; /* Aggiunge un alone dorato morbido */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-063ed89 *//* =======================================================
   STILE BOTTONE SECONDARIO (Trasparente / Ghost)
   ======================================================= */

/* Stato Normale (Trasparente, testo e bordo bianchi) */
.elementor-220 .elementor-element.elementor-element-063ed89 .elementor-button {
    background-color: transparent !important; /* Sfondo invisibile */
    color: #FFFFFF !important; /* Testo bianco */
    font-family: 'Montserrat', sans-serif !important; 
    font-size: 14px !important;
    font-weight: 600 !important; 
    padding: 12px 24px !important; 
    border-radius: 8px !important; 
    white-space: nowrap !important; 
    border: 1px solid #FFFFFF !important; /* Bordo bianco sottile ed elegante */
    transition: all 0.3s ease !important; 
}

/* Stato Hover (Bordo e testo diventano color oro) */
.elementor-220 .elementor-element.elementor-element-063ed89 .elementor-button:hover {
    background-color: transparent !important; /* Lo sfondo rimane trasparente */
    color: #B89766 !important; /* Il testo diventa oro */
    border-color: #B89766 !important; /* Il bordo diventa oro */
    transform: translateY(-2px) !important; /* Effetto sollevamento */
    box-shadow: 0px 4px 15px rgba(184, 151, 102, 0.15) !important; /* Leggerissimo alone dorato */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-bf901d0 *//* =======================================================
   1. LA SCATOLA PRINCIPALE (Griglia a 4 colonne)
   ======================================================= */
.elementor-220 .elementor-element.elementor-element-bf901d0 .features-grid-wrapper {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important; /* 4 colonne di uguale larghezza */
    background-color: rgba(0, 0, 0, 0.2) !important; /* Sfondo leggermente scuro, modificalo se serve */
    border: 1px solid rgba(184, 151, 102, 0.25) !important; /* Bordo esterno color oro semi-trasparente */
    border-radius: 12px !important; /* Angoli arrotondati come nel mockup */
    overflow: hidden !important; /* Assicura che i bordi interni non escano dalla scatola */
    margin-top: 40px !important;
}

/* =======================================================
   2. LE SINGOLE SCHEDE E LE LINEE DIVISORIE
   ======================================================= */
.elementor-220 .elementor-element.elementor-element-bf901d0 .feature-card {
    padding: 35px 25px !important;
    border-right: 1px solid rgba(184, 151, 102, 0.25) !important; /* Linea verticale destra */
    transition: background-color 0.3s ease !important;
}

/* Rimuove la linea verticale sull'ultima scheda a destra */
.elementor-220 .elementor-element.elementor-element-bf901d0 .feature-card:last-child {
    border-right: none !important;
}

/* Effetto hover opzionale: illumina leggermente la scheda quando ci passi sopra */
.elementor-220 .elementor-element.elementor-element-bf901d0 .feature-card:hover {
    background-color: rgba(184, 151, 102, 0.05) !important;
}

/* =======================================================
   3. STILE TESTI E ICONE
   ======================================================= */
.elementor-220 .elementor-element.elementor-element-bf901d0 .feature-icon {
    font-size: 26px !important; /* Grandezza delle emoji */
    margin-bottom: 16px !important;
}

.elementor-220 .elementor-element.elementor-element-bf901d0 .feature-title {
    color: #C39D6A !important; /* Oro scuro */
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important; /* Spazio tra le lettere */
    margin: 0 0 12px 0 !important;
    text-transform: uppercase !important;
}

.elementor-220 .elementor-element.elementor-element-bf901d0 .feature-text {
    color: #9A9A9A !important; /* Grigio medio/chiaro per contrastare col titolo */
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* =======================================================
   4. RESPONSIVE (Tablet e Mobile)
   ======================================================= */
/* Su Tablet (sotto i 1024px): 2 colonne e 2 righe */
@media (max-width: 1024px) {
    .elementor-220 .elementor-element.elementor-element-bf901d0 .features-grid-wrapper {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .elementor-220 .elementor-element.elementor-element-bf901d0 .feature-card:nth-child(2) { border-right: none !important; }
    .elementor-220 .elementor-element.elementor-element-bf901d0 .feature-card:nth-child(1),
    .elementor-220 .elementor-element.elementor-element-bf901d0 .feature-card:nth-child(2) { border-bottom: 1px solid rgba(184, 151, 102, 0.25) !important; }
}

/* Su Mobile (sotto i 768px): 1 colonna singola */
@media (max-width: 768px) {
    .elementor-220 .elementor-element.elementor-element-bf901d0 .features-grid-wrapper {
        grid-template-columns: 1fr !important;
    }
    .elementor-220 .elementor-element.elementor-element-bf901d0 .feature-card {
        border-right: none !important;
        border-bottom: 1px solid rgba(184, 151, 102, 0.25) !important;
    }
    .elementor-220 .elementor-element.elementor-element-bf901d0 .feature-card:last-child { border-bottom: none !important; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-31e720a *//* =======================================================
   1. INTESTAZIONI E DIVISORE
   ======================================================= */
.elementor-220 .elementor-element.elementor-element-31e720a .kicker {
    color: #C39D6A !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    margin-bottom: 15px !important;
}

.elementor-220 .elementor-element.elementor-element-31e720a .main-heading {
    color: #1A140E !important;
    font-family: 'Playfair Display', serif !important;
    font-size: clamp(32px, 3.5vw, 42px) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin: 0 0 20px 0 !important;
}

.elementor-220 .elementor-element.elementor-element-31e720a .gold-divider {
    border: none !important;
    border-top: 2px solid #C39D6A !important;
    width: 50px !important;
    margin: 0 0 25px 0 !important;
}

/* =======================================================
   2. TESTO E LISTA CON ROMBI
   ======================================================= */
.elementor-220 .elementor-element.elementor-element-31e720a .description {
    color: #4A4A4A !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    margin-bottom: 25px !important;
}

.elementor-220 .elementor-element.elementor-element-31e720a .custom-list {
    list-style-type: none !important;
    padding: 0 !important;
    margin: 0 0 35px 0 !important;
}

.elementor-220 .elementor-element.elementor-element-31e720a .custom-list li {
    position: relative !important;
    padding-left: 20px !important;
    margin-bottom: 12px !important;
    color: #4A4A4A !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

/* Crea il rombo/stella dorata prima di ogni voce della lista */
.elementor-220 .elementor-element.elementor-element-31e720a .custom-list li::before {
    content: '✦' !important; /* Carattere speciale stella/rombo */
    position: absolute !important;
    left: 0 !important;
    color: #C39D6A !important;
    font-size: 14px !important;
}

/* =======================================================
   3. BOX PNRR IN BASSO
   ======================================================= */
.elementor-220 .elementor-element.elementor-element-31e720a .pnrr-box {
    display: flex !important;
    align-items: center !important;
    background-color: #F0EBE1 !important; /* Beige leggermente più scuro dello sfondo */
    border: 1px solid rgba(195, 157, 106, 0.3) !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    gap: 15px !important;
}

.elementor-220 .elementor-element.elementor-element-31e720a .pnrr-icon {
    font-family: 'Playfair Display', serif !important;
    font-weight: 900 !important;
    font-size: 18px !important;
    color: #1A140E !important;
}

.elementor-220 .elementor-element.elementor-element-31e720a .pnrr-text {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    color: #8C4B33 !important; /* Rosso/Marrone mattone tipico del logo ministeriale */
    font-weight: 500 !important;
    line-height: 1.3 !important;
}

.elementor-220 .elementor-element.elementor-element-31e720a .pnrr-bold {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    color: #8C4B33 !important;
    font-weight: 700 !important; /* Grassetto */
    line-height: 1.3 !important;
    border-left: 1px solid rgba(140, 75, 51, 0.2) !important;
    padding-left: 15px !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7bc3191 *//* =======================================================
   1. INTESTAZIONE DELLA SEZIONE
   ======================================================= */
.elementor-220 .elementor-element.elementor-element-7bc3191 .activities-header {
    margin-bottom: 40px !important;
}

.elementor-220 .elementor-element.elementor-element-7bc3191 .sec-kicker {
    color: #C39D6A !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    margin-bottom: 15px !important;
}

.elementor-220 .elementor-element.elementor-element-7bc3191 .sec-heading {
    color: #FFFFFF !important;
    font-family: 'Playfair Display', serif !important;
    font-size: clamp(32px, 3.5vw, 42px) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin: 0 0 20px 0 !important;
}

.elementor-220 .elementor-element.elementor-element-7bc3191 .sec-divider {
    border: none !important;
    border-top: 2px solid #C39D6A !important;
    width: 40px !important;
    margin: 0 0 20px 0 !important;
}

.elementor-220 .elementor-element.elementor-element-7bc3191 .sec-description {
    color: #9A9A9A !important; /* Grigio scuro per far risaltare il titolo */
    font-family: 'Montserrat', sans-serif !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    max-width: 600px !important;
    margin: 0 !important;
}

/* =======================================================
   2. GRIGLIA E CARD
   ======================================================= */
.elementor-220 .elementor-element.elementor-element-7bc3191 .activities-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important; /* 3 Colonne */
    gap: 25px !important; /* Spazio tra le card */
}

.elementor-220 .elementor-element.elementor-element-7bc3191 .activity-card {
    background-color: rgba(255, 255, 255, 0.03) !important; /* Sfondo leggerissimo in trasparenza */
    border: 1px solid rgba(255, 255, 255, 0.05) !important; /* Bordino appena visibile */
    border-radius: 12px !important;
    padding: 30px !important;
    display: flex !important;
    flex-direction: column !important;
    transition: all 0.3s ease !important;
}

.elementor-220 .elementor-element.elementor-element-7bc3191 .activity-card:hover {
    background-color: rgba(255, 255, 255, 0.06) !important; /* Si illumina al passaggio del mouse */
    transform: translateY(-3px) !important;
}

/* =======================================================
   3. CONTENUTI DELLE CARD
   ======================================================= */
.elementor-220 .elementor-element.elementor-element-7bc3191 .card-icon-box {
    background-color: rgba(0, 0, 0, 0.2) !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
    margin-bottom: 20px !important;
}

.elementor-220 .elementor-element.elementor-element-7bc3191 .card-title {
    color: #FFFFFF !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    margin: 0 0 12px 0 !important;
}

.elementor-220 .elementor-element.elementor-element-7bc3191 .card-text {
    color: #9A9A9A !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    margin: 0 0 24px 0 !important;
    flex-grow: 1 !important; /* Spinge il footer in basso se i testi hanno lunghezze diverse */
}

.elementor-220 .elementor-element.elementor-element-7bc3191 .card-footer {
    color: #C39D6A !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}

/* =======================================================
   4. RESPONSIVE
   ======================================================= */
@media (max-width: 1024px) {
    .elementor-220 .elementor-element.elementor-element-7bc3191 .activities-grid {
        grid-template-columns: repeat(2, 1fr) !important; /* 2 Colonne su Tablet */
    }
}

@media (max-width: 768px) {
    .elementor-220 .elementor-element.elementor-element-7bc3191 .activities-grid {
        grid-template-columns: 1fr !important; /* 1 Colonna su Mobile */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-aaad769 *//* =======================================================
   1. INTESTAZIONE
   ======================================================= */
.elementor-220 .elementor-element.elementor-element-aaad769 .immersive-header {
    margin-bottom: 50px !important;
}

.elementor-220 .elementor-element.elementor-element-aaad769 .sec-kicker {
    color: #C39D6A !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    margin-bottom: 15px !important;
}

.elementor-220 .elementor-element.elementor-element-aaad769 .sec-heading {
    color: #FFFFFF !important;
    font-family: 'Playfair Display', serif !important;
    font-size: clamp(32px, 3.5vw, 42px) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin: 0 0 20px 0 !important;
}

.elementor-220 .elementor-element.elementor-element-aaad769 .sec-divider {
    border: none !important;
    border-top: 2px solid #C39D6A !important;
    width: 40px !important;
    margin: 0 0 20px 0 !important;
}

.elementor-220 .elementor-element.elementor-element-aaad769 .sec-description {
    color: #9A9A9A !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    max-width: 600px !important;
    margin: 0 !important;
}

/* =======================================================
   2. GRIGLIA E CARD STANDARD
   ======================================================= */
.elementor-220 .elementor-element.elementor-element-aaad769 .immersive-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important; /* 2 Colonne */
    gap: 25px !important;
}

.elementor-220 .elementor-element.elementor-element-aaad769 .immersive-card {
    background-color: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 12px !important;
    padding: 35px 30px !important;
    transition: all 0.3s ease !important;
}

.elementor-220 .elementor-element.elementor-element-aaad769 .immersive-card:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2) !important;
}

/* CARD IN EVIDENZA (Rosso Mattone) */
.elementor-220 .elementor-element.elementor-element-aaad769 .highlight-card {
    background-color: #733224 !important; /* Colore mattone del mockup */
    border-color: #8A4131 !important;
}

/* =======================================================
   3. CONTENUTI INTERNI
   ======================================================= */
.elementor-220 .elementor-element.elementor-element-aaad769 .card-icon {
    font-size: 24px !important;
    margin-bottom: 20px !important;
}

.elementor-220 .elementor-element.elementor-element-aaad769 .card-title {
    color: #FFFFFF !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    margin: 0 0 15px 0 !important;
}

.elementor-220 .elementor-element.elementor-element-aaad769 .card-text {
    color: #B0B0B0 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    margin: 0 0 25px 0 !important;
}

/* Testo leggermente più luminoso nella card rossa per contrasto */
.elementor-220 .elementor-element.elementor-element-aaad769 .highlight-card .card-text {
    color: rgba(255,255,255,0.8) !important;
}

/* =======================================================
   4. ELENCHI PUNTATI CON FRECCINE (→)
   ======================================================= */
.elementor-220 .elementor-element.elementor-element-aaad769 .card-list {
    list-style-type: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-220 .elementor-element.elementor-element-aaad769 .card-list li {
    position: relative !important;
    padding-left: 20px !important; /* Spazio per la freccia */
    margin-bottom: 10px !important;
    color: #9A9A9A !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
}

/* Colore testo lista nella card rossa */
.elementor-220 .elementor-element.elementor-element-aaad769 .highlight-card .card-list li {
    color: rgba(255,255,255,0.8) !important;
}

/* Crea la freccia via CSS (così non devi scriverla a mano ogni volta) */
.elementor-220 .elementor-element.elementor-element-aaad769 .card-list li::before {
    content: '→' !important;
    position: absolute !important;
    left: 0 !important;
    color: #C39D6A !important; /* Freccia dorata per le card normali */
}

/* Freccia bianca/chiara per la card rossa */
.elementor-220 .elementor-element.elementor-element-aaad769 .highlight-card .card-list li::before {
    color: #FFFFFF !important;
}

/* =======================================================
   5. RESPONSIVE
   ======================================================= */
@media (max-width: 768px) {
    .elementor-220 .elementor-element.elementor-element-aaad769 .immersive-grid {
        grid-template-columns: 1fr !important; /* Su Mobile diventa 1 colonna */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a0ed728 *//* =======================================================
   1. INTESTAZIONE DELLA SEZIONE
   ======================================================= */
.elementor-220 .elementor-element.elementor-element-a0ed728 .timeline-header {
    margin-bottom: 50px !important;
}

.elementor-220 .elementor-element.elementor-element-a0ed728 .sec-kicker {
    color: #C39D6A !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    margin-bottom: 15px !important;
}

.elementor-220 .elementor-element.elementor-element-a0ed728 .sec-heading {
    color: #1A140E !important; /* Colore scuro per sfondo chiaro */
    font-family: 'Playfair Display', serif !important;
    font-size: clamp(32px, 3.5vw, 42px) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin: 0 0 20px 0 !important;
}

.elementor-220 .elementor-element.elementor-element-a0ed728 .sec-divider {
    border: none !important;
    border-top: 2px solid #C39D6A !important;
    width: 40px !important;
    margin: 0 0 20px 0 !important;
}

.elementor-220 .elementor-element.elementor-element-a0ed728 .sec-description {
    color: #4A4A4A !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    max-width: 600px !important;
    margin: 0 !important;
}

/* =======================================================
   2. LA LINEA DEL TEMPO (Magia CSS)
   ======================================================= */
.elementor-220 .elementor-element.elementor-element-a0ed728 .timeline-wrapper {
    position: relative !important;
    padding-left: 20px !important; /* Spazio per far respirare la linea a sinistra */
}

/* Disegna la linea verticale continua */
.elementor-220 .elementor-element.elementor-element-a0ed728 .timeline-wrapper::before {
    content: '' !important;
    position: absolute !important;
    top: 15px !important; /* Parte leggermente più in basso */
    bottom: 20px !important; /* Si ferma prima della fine */
    left: 34px !important; /* Posizione esatta per passare in mezzo ai cerchi */
    width: 1px !important;
    background-color: #C39D6A !important; /* Colore linea oro */
    z-index: 1 !important;
}

/* =======================================================
   3. I SINGOLI BLOCCHI (Cerchio + Card)
   ======================================================= */
.elementor-220 .elementor-element.elementor-element-a0ed728 .timeline-item {
    position: relative !important;
    padding-left: 60px !important; /* Spinge la card a destra della linea */
    margin-bottom: 30px !important;
}

/* Rimuove il margine sull'ultimo elemento */
.elementor-220 .elementor-element.elementor-element-a0ed728 .timeline-item:last-child {
    margin-bottom: 0 !important;
}

/* I cerchietti dorati con i numeri */
.elementor-220 .elementor-element.elementor-element-a0ed728 .timeline-number {
    position: absolute !important;
    left: 20px !important;
    top: 20px !important; /* Allinea il cerchio con il titolo della card */
    width: 28px !important;
    height: 28px !important;
    background-color: #D4B685 !important; /* Oro leggermente più chiaro/opaco */
    color: #1A140E !important; /* Numero scuro */
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    z-index: 2 !important; /* Fa stare il cerchio SOPRA la linea verticale */
}

/* Le scatole bianche dei contenuti */
.elementor-220 .elementor-element.elementor-element-a0ed728 .timeline-card {
    background-color: #FFFFFF !important;
    border-radius: 8px !important;
    padding: 30px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important; /* Ombra leggerissima */
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.elementor-220 .elementor-element.elementor-element-a0ed728 .timeline-card:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06) !important;
}

/* =======================================================
   4. TESTI INTERNI ALLE CARD
   ======================================================= */
.elementor-220 .elementor-element.elementor-element-a0ed728 .phase-kicker {
    color: #C39D6A !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    margin-bottom: 8px !important;
}

.elementor-220 .elementor-element.elementor-element-a0ed728 .phase-title {
    color: #1A140E !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    margin: 0 0 10px 0 !important;
}

.elementor-220 .elementor-element.elementor-element-a0ed728 .phase-text {
    color: #666666 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* =======================================================
   5. RESPONSIVE (Su Mobile)
   ======================================================= */
@media (max-width: 768px) {
    .elementor-220 .elementor-element.elementor-element-a0ed728 .timeline-card {
        padding: 20px !important; /* Riduce i margini interni su schermi piccoli */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-467fb45 *//* =======================================================
   1. INTESTAZIONE CENTRATA
   ======================================================= */
.elementor-220 .elementor-element.elementor-element-467fb45 .brand-header {
    text-align: center !important;
    margin-bottom: 60px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.elementor-220 .elementor-element.elementor-element-467fb45 .sec-kicker {
    color: #C39D6A !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    margin-bottom: 15px !important;
}

.elementor-220 .elementor-element.elementor-element-467fb45 .sec-heading {
    color: #1A140E !important;
    font-family: 'Playfair Display', serif !important;
    font-size: clamp(30px, 3.5vw, 40px) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin: 0 0 20px 0 !important;
}

.elementor-220 .elementor-element.elementor-element-467fb45 .sec-divider {
    border: none !important;
    border-top: 2px solid #C39D6A !important;
    width: 40px !important;
    margin: 0 0 25px 0 !important;
}

.elementor-220 .elementor-element.elementor-element-467fb45 .sec-description {
    color: #4A4A4A !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    max-width: 650px !important;
}

/* =======================================================
   2. GRIGLIA E CARD BIANCHE
   ======================================================= */
.elementor-220 .elementor-element.elementor-element-467fb45 .brand-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important; /* 4 colonne su desktop */
    gap: 20px !important;
}

.elementor-220 .elementor-element.elementor-element-467fb45 .brand-card {
    background-color: #FFFFFF !important;
    border-radius: 15px !important;
    padding: 40px 25px !important;
    text-align: center !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important; /* Ombra morbida */
    transition: all 0.3s ease !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.elementor-220 .elementor-element.elementor-element-467fb45 .brand-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08) !important;
}

/* =======================================================
   3. CONTENUTI DELLE CARD
   ======================================================= */
.elementor-220 .elementor-element.elementor-element-467fb45 .brand-icon {
    font-size: 30px !important;
    margin-bottom: 20px !important;
}

.elementor-220 .elementor-element.elementor-element-467fb45 .brand-title {
    color: #1A140E !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    margin: 0 0 12px 0 !important;
}

.elementor-220 .elementor-element.elementor-element-467fb45 .brand-text {
    color: #666666 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    margin: 0 !important;
}

/* =======================================================
   4. RESPONSIVE
   ======================================================= */
@media (max-width: 1024px) {
    .elementor-220 .elementor-element.elementor-element-467fb45 .brand-grid {
        grid-template-columns: repeat(2, 1fr) !important; /* 2x2 su Tablet */
    }
}

@media (max-width: 600px) {
    .elementor-220 .elementor-element.elementor-element-467fb45 .brand-grid {
        grid-template-columns: 1fr !important; /* 1 colonna su Mobile */
    }
}/* End custom CSS */