Categoria Uncategorized

/* ===== GUSTO SFUSO – PAGINE INTERNE ===== */ /* Larghezza piena e spazi (solo pagine con .lv-page) */ .lv-page { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); color: #0E1A33; } body:has(.lv-page) .ct-container-full, body:has(.lv-page) [data-vertical-spacing], body:has(.lv-page) .entry-content, body:has(.lv-page) article { padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; } body:has(.lv-page) .elementor .e-con, body:has(.lv-page) .elementor .e-con-inner { padding-top: 0 !important; padding-bottom: 0 !important; --padding-top: 0px; --padding-bottom: 0px; --gap: 0px; } body:has(.lv-page) .elementor .e-flexbox-base { display: flex !important; flex-direction: column !important; width: 100% !important; padding: 0 !important; gap: 0 !important; } body:has(.lv-page) .hero-section, body:has(.lv-page) .entry-header { display: none !important; } /* Base */ .lv-page .lv-wrap { max-width: 1240px; margin: 0 auto; padding: 0 24px; } .lv-page p { margin: 0; } .lv-page .lv-eyebrow { margin: 0 0 12px; font-size: 13px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; color: #4A6E4F; } .lv-page h2 { margin: 0; font-size: clamp(28px, 3.2vw, 40px) !important; font-weight: 700 !important; line-height: 1.12; color: #0E1A33; } /* Bottoni */ .lv-page .lv-btns { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; } .lv-page .lv-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 26px; border-radius: 8px; font-size: 15px; font-weight: 600; letter-spacing: 0.02em; text-decoration: none; transition: background .2s ease, color .2s ease; } .lv-page .lv-btn--blue { background: #4A6E4F; color: #FFFFFF !important; } .lv-page .lv-btn--blue:hover { background: #3B5A40; color: #FFFFFF !important; } .lv-page .lv-btn--gold { background: #E6B93C; color: #0E1A33 !important; } .lv-page .lv-btn--gold:hover { background: #F3D46B; color: #0E1A33 !important; } .lv-page .lv-btn--ghost { border: 1px solid #E6B93C; color: #F5F1E6 !important; } .lv-page .lv-btn--ghost:hover { background: #E6B93C; color: #0E1A33 !important; } /* ===== HERO PAGINA ===== */ .lv-phero { position: relative; overflow: hidden; min-height: 440px; display: flex; align-items: flex-end; background: #4A6E4F center / cover no-repeat; color: #F5F1E6; } .lv-phero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(34, 54, 38, 0.92) 0%, rgba(34, 54, 38, 0.7) 45%, rgba(34, 54, 38, 0.35) 100%), linear-gradient(to top, rgba(34, 54, 38, 0.6), transparent 50%); } .lv-phero .lv-wrap { position: relative; width: 100%; padding-top: 120px; padding-bottom: 72px; } .lv-phero .lv-eyebrow { color: #FFFFFF; } .lv-phero h1 { margin: 0; max-width: 760px; color: #F5F1E6 !important; font-size: clamp(38px, 5vw, 64px) !important; font-weight: 800 !important; line-height: 1.04; letter-spacing: -0.02em; } .lv-phero h1 span { color: #F3D46B; } .lv-phero p:not(.lv-eyebrow) { margin-top: 20px; max-width: 540px; font-size: 18px; line-height: 1.6; color: #E3EADF; } /* ===== CARD INFO ===== */ .lv-cinfo { background: #F3EFE6; border-bottom: 1px solid #E5DFD2; } .lv-cinfo .lv-wrap { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; padding-top: 64px; padding-bottom: 64px; } .lv-ccard { display: flex; flex-direction: column; gap: 10px; padding: 32px 30px; background: #FFFFFF; border: 1px solid #E5DFD2; border-radius: 10px; transition: box-shadow .25s ease, transform .25s ease; } .lv-ccard:hover { box-shadow: 0 14px 34px rgba(30, 45, 32, 0.10); transform: translateY(-3px); } .lv-ccard svg { width: 34px; height: 34px; stroke: #4A6E4F; margin-bottom: 6px; } .lv-ccard h3 { margin: 0; font-size: 13px !important; font-weight: 700 !important; letter-spacing: 0.16em; text-transform: uppercase; color: #4A6E4F !important; } .lv-ccard p { font-size: 17px; line-height: 1.55; color: #0E1A33; } .lv-ccard p small { display: block; font-size: 14px; color: #4A5468; } .lv-ccard a:not(.lv-btn) { color: #0E1A33 !important; font-weight: 700; text-decoration: none; } .lv-ccard a:not(.lv-btn):hover { color: #4A6E4F !important; } .lv-ccard .lv-more { margin-top: auto; padding-top: 10px; font-size: 14px; font-weight: 600; color: #4A6E4F !important; } .lv-ccard dl { margin: 0; display: grid; grid-template-columns: auto 1fr; gap: 6px 16px; font-size: 15px; } .lv-ccard dt { font-weight: 700; } .lv-ccard dd { margin: 0; color: #4A5468; } /* Badge aperto / chiuso */ .lv-open { align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; margin-top: 8px; padding: 6px 12px; border-radius: 999px; font-size: 13px; font-weight: 600; background: #EEF1F7; color: #4A5468; } .lv-open::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #9AA3B5; } .lv-open.is-open { background: #E7F4EC; color: #1E6B3A; } .lv-open.is-open::before { background: #2E9B57; box-shadow: 0 0 0 0 rgba(46, 155, 87, 0.5); animation: lvPulse 2s infinite; } @keyframes lvPulse { 70% { box-shadow: 0 0 0 8px rgba(46, 155, 87, 0); } 100% { box-shadow: 0 0 0 0 rgba(46, 155, 87, 0); } } /* ===== FORM ===== */ /* Sezione form: testo a sinistra, form a destra */ .lv-cform .lv-wrap { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 64px; align-items: start; padding-top: 96px; padding-bottom: 96px; } .lv-cform .lv-cform-intro, .lv-cform .lv-cform-box { min-width: 0; } .lv-cform .wpforms-field-name .wpforms-field-row { display: flex !important; gap: 16px; max-width: 100% !important; } .lv-cform .wpforms-field-name .wpforms-field-row-block { flex: 1 1 0 !important; width: auto !important; max-width: none !important; padding: 0 !important; margin: 0 !important; float: none !important; } .lv-cform .wpforms-field-name .wpforms-field-row::before, .lv-cform .wpforms-field-name .wpforms-field-row::after { display: none !important; } .lv-cform-intro p:not(.lv-eyebrow) { margin-top: 18px; font-size: 16px; line-height: 1.65; color: #4A5468; } .lv-cform-intro ul { list-style: none; margin: 28px 0 0; padding: 0; display: grid; gap: 14px; } .lv-cform-intro li { display: flex; gap: 12px; font-size: 15px; color: #0E1A33; } .lv-cform-intro li::before { content: ""; flex: none; width: 20px; height: 20px; margin-top: 1px; border-radius: 50%; background: #4A6E4F url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 10.5l2.5 2.5L14 7.5'/%3E%3C/svg%3E") center / 20px no-repeat; } /* Scheda del form */ body:has(.lv-page) .wpforms-container { margin: 0 !important; padding: 40px !important; background: #FFFFFF; border: 1px solid #E5DFD2; border-radius: 12px; box-shadow: 0 20px 50px rgba(30, 45, 32, 0.08); } body:has(.lv-page) .wpforms-container .wpforms-field { padding: 0 0 18px !important; } body:has(.lv-page) .wpforms-container .wpforms-field-label { margin-bottom: 8px !important; font-size: 14px !important; font-weight: 600 !important; color: #0E1A33 !important; } body:has(.lv-page) .wpforms-container .wpforms-required-label { color: #4A6E4F !important; } body:has(.lv-page) .wpforms-container input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]), body:has(.lv-page) .wpforms-container select, body:has(.lv-page) .wpforms-container textarea { width: 100% !important; max-width: 100% !important; min-height: 50px; padding: 12px 16px !important; font-size: 16px !important; color: #0E1A33 !important; background: #FBF8F2 !important; border: 1px solid #E5DFD2 !important; border-radius: 8px !important; } body:has(.lv-page) .wpforms-container textarea { min-height: 150px; } body:has(.lv-page) .wpforms-container input:focus, body:has(.lv-page) .wpforms-container textarea:focus, body:has(.lv-page) .wpforms-container select:focus { background: #FFFFFF !important; border-color: #4A6E4F !important; box-shadow: 0 0 0 3px rgba(74, 110, 79, 0.15) !important; } body:has(.lv-page) .wpforms-container .wpforms-field-sublabel, body:has(.lv-page) .wpforms-container .wpforms-field-description { font-size: 13px !important; color: #4A5468 !important; } body:has(.lv-page) .wpforms-container .wpforms-submit-container { padding-top: 6px !important; } body:has(.lv-page) .wpforms-container .wpforms-submit { width: 100%; min-height: 52px !important; padding: 0 28px !important; font-size: 16px !important; font-weight: 600 !important; background: #4A6E4F !important; color: #FFFFFF !important; border: 0 !important; border-radius: 8px !important; cursor: pointer; } body:has(.lv-page) .wpforms-container .wpforms-submit:hover { background: #3B5A40 !important; } body:has(.lv-page) .wpforms-confirmation-container-full { margin: 0 !important; padding: 28px !important; background: #EEF3EC !important; border: 1px solid #CFDCCB !important; border-radius: 10px; color: #4A6E4F !important; font-size: 16px; } body:has(.lv-page) .wpforms-container label.wpforms-error, body:has(.lv-page) .wpforms-container em.wpforms-error { color: #8E1B2B !important; font-size: 13px !important; } /* ===== MAPPA + B2B ===== */ .lv-cmap-wrap { background: #F3EFE6; border-top: 1px solid #E5DFD2; } .lv-cmap-wrap .lv-wrap { display: grid; grid-template-columns: 1.5fr 1fr; gap: 28px; padding-top: 88px; padding-bottom: 88px; } .lv-cmap { min-height: 420px; border-radius: 12px; overflow: hidden; border: 1px solid #E5DFD2; background: #E5DFD2; } .lv-cmap iframe { display: block; width: 100%; height: 100%; min-height: 420px; border: 0; } .lv-cb2b { display: flex; flex-direction: column; justify-content: flex-end; padding: 40px 36px; border-radius: 12px; overflow: hidden; position: relative; background: #4A6E4F center / cover no-repeat; color: #F5F1E6; } .lv-cb2b::before { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(34, 54, 38, 0.95) 30%, rgba(34, 54, 38, 0.55)); } .lv-cb2b > * { position: relative; } .lv-cb2b .lv-eyebrow { color: #F3D46B; } .lv-cb2b h2 { color: #F5F1E6 !important; font-size: clamp(26px, 2.6vw, 32px) !important; } .lv-cb2b p:not(.lv-eyebrow) { margin-top: 14px; font-size: 16px; line-height: 1.6; color: #E3EADF; } /* ===== RESPONSIVE ===== */ @media (max-width: 1024px) { .lv-cinfo .lv-wrap { grid-template-columns: 1fr 1fr; } .lv-cinfo .lv-ccard:last-child { grid-column: 1 / -1; } .lv-cform .lv-wrap { grid-template-columns: 1fr; gap: 40px; padding-top: 72px; padding-bottom: 72px; } .lv-cmap-wrap .lv-wrap { grid-template-columns: 1fr; } } @media (max-width: 600px) { .lv-phero { min-height: 380px; } .lv-phero .lv-wrap { padding-top: 96px; padding-bottom: 48px; } .lv-cinfo .lv-wrap { grid-template-columns: 1fr; padding-top: 40px; padding-bottom: 40px; gap: 16px; } body:has(.lv-page) .wpforms-container { padding: 26px 20px !important; } .lv-cform .lv-wrap { padding-top: 56px; padding-bottom: 56px; } .lv-cform .wpforms-field-name .wpforms-field-row { flex-direction: column; gap: 14px; } .lv-cmap, .lv-cmap iframe { min-height: 320px; } .lv-cmap-wrap .lv-wrap { padding-top: 56px; padding-bottom: 56px; } }