/* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300 800; font-stretch: 100%; font-display: swap; src: url(../font/Open%20Sans/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWtE6F15M.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300 800; font-stretch: 100%; font-display: swap; src: url(../font/Open%20Sans/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWvU6F15M.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300 800; font-stretch: 100%; font-display: swap; src: url(../font/Open%20Sans/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWtU6F15M.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300 800; font-stretch: 100%; font-display: swap; src: url(../font/Open%20Sans/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWuk6F15M.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* hebrew */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300 800; font-stretch: 100%; font-display: swap; src: url(../font/Open%20Sans/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWu06F15M.woff2) format('woff2'); unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } /* math */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300 800; font-stretch: 100%; font-display: swap; src: url(../font/Open%20Sans/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWxU6F15M.woff2) format('woff2'); unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF; } /* symbols */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300 800; font-stretch: 100%; font-display: swap; src: url(../font/Open%20Sans/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqW106F15M.woff2) format('woff2'); unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF; } /* vietnamese */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300 800; font-stretch: 100%; font-display: swap; src: url(../font/Open%20Sans/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWtk6F15M.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300 800; font-stretch: 100%; font-display: swap; src: url(../font/Open%20Sans/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWt06F15M.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300 800; font-stretch: 100%; font-display: swap; src: url(../font/Open%20Sans/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWuU6F.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300 800; font-stretch: 100%; font-display: swap; src: url(../font/Open%20Sans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300 800; font-stretch: 100%; font-display: swap; src: url(../font/Open%20Sans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300 800; font-stretch: 100%; font-display: swap; src: url(../font/Open%20Sans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300 800; font-stretch: 100%; font-display: swap; src: url(../font/Open%20Sans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* hebrew */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300 800; font-stretch: 100%; font-display: swap; src: url(../font/Open%20Sans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2'); unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } /* math */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300 800; font-stretch: 100%; font-display: swap; src: url(../font/Open%20Sans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTVOmu1aB.woff2) format('woff2'); unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF; } /* symbols */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300 800; font-stretch: 100%; font-display: swap; src: url(../font/Open%20Sans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTUGmu1aB.woff2) format('woff2'); unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF; } /* vietnamese */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300 800; font-stretch: 100%; font-display: swap; src: url(../font/Open%20Sans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300 800; font-stretch: 100%; font-display: swap; src: url(../font/Open%20Sans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300 800; font-stretch: 100%; font-display: swap; src: url(../font/Open%20Sans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 100 900; font-display: swap; src: url(../font/Montserrat/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 100 900; font-display: swap; src: url(../font/Montserrat/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 100 900; font-display: swap; src: url(../font/Montserrat/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 100 900; font-display: swap; src: url(../font/Montserrat/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 100 900; font-display: swap; src: url(../font/Montserrat/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(../font/Montserrat/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(../font/Montserrat/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(../font/Montserrat/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(../font/Montserrat/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(../font/Montserrat/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } .testo.due_colonne { columns: 2; text-align: left; column-gap: 4em; } .body_wrapper { height: 100%; display: flex; flex-direction: column; flex-grow: 1 } #cookiebanner-status { position: fixed; bottom: 0; right: 0; opacity: 0; } #cookiebanner-status + label { position: fixed; bottom: 3px; right: 3px; background: #fff; padding: 4px; cursor: pointer; z-index: 99998; } #cookiebanner { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); z-index: 99999; display: none; align-items: center; justify-content: center; } #cookiebanner-status:checked + label + #cookiebanner { display: flex; } #cookiebanner > div { background: #fff; padding: 20px; text-align: center; } #cookiebanner > div button { display: inline-block; padding: 10px; width: 120px; border: 1px solid; cursor: pointer; } :root { /* Blu scuro: #445763 (Titoli e body) Rosa: #ce80a0 Giallo/arancio: #ffd6a4 (Faq, numeri passi) Verde: #5ca04d (Bordi foto, cerchi passi, etichetta "Consigliato" pacchetti, Avorio background: #fff1e1 Sfumatura 2 colori (passi): */ --bg-header: #15313dff; --col-header-link: #ffffffff; --col-header-link-inattivi: #ffffffff; --bg-footer: #27434eff; --col-footer: #ccccccff; --col-footer-titoli: #ffffffff; --col-footer-icone: #ea5585ff; --bg-principale: #15313dff; --bg-fascia-footer: #74afbbff; --col-fascia-footer: #ffffffff; --col-titoli-h1-h2: #ffffffff; --col-titoli-h3-h4: #ea5585ff; --col-pre-titoli: #ea5585ff; --col-testi: #ccccccff; --bg-input: #112831ff; --col-input: #74afbbff; --bg-sfondo-secondario: #445763ff; --col-sfondo-secondario-titoli: #ea5585ff; --col-sfondo-secondario-titoli-2: #ffffffff; --col-sfondo-secondario-testi: #eff2f3ff; --bg-fascia-immagine: #74afbbb2; --bg-bottoni: #74afbbff; --col-bottoni: #ffffffff; /* --col-tratteggio-passi: #ea5585ff; */ --col-icone: #74afbbff; --col-icone-inattive: #bbbbbbff; --col-bordi: #ea5585ff; --col-linee-separatrici: #5ca04dff; --font-testo-family: Open Sans; --font-testo-size: 18px; --font-testo-weight: 300; --font-testo-lineheight: 1.4em; --font-h1-family: Montserrat; --font-h1-size: 55px; --font-h1-weight: 400; --font-h1-lineheight: 68px; --font-h2-family: Montserrat; --font-h2-size: 40px; --font-h2-weight: 400; --font-h2-lineheight: 48px; --font-h3-family: Montserrat; --font-h3-size: 24px; --font-h3-weight: 400; --font-h3-lineheight: 1.2em; --font-h4-family: Montserrat; --font-h4-size: 22px; --font-h4-weight: 400; --font-h4-lineheight: 1.2em; --font-pre-family: Montserrat; --font-pre-size: 25px; --font-pre-weight: 400; --font-pre-lineheight: 1.2em; --font-sub-family: Open Sans; --font-sub-size: 20px; --font-sub-weight: 400; --font-sub-lineheight: 1.2em; --font-footer-family: Open Sans; --font-footer-size: 0.8em; --font-footer-weight: 400; --font-footer-lineheight: 1.3em; --font-numero-passi-family: Montserrat; --font-numero-passi-size: 32px; --font-numero-passi-weight: 600; --font-numero-passi-lineheight: 1.2em; } .wrapper.sfondo_bianco { --bg-principale: #ffffffff; --col-titoli-h1-h2: #15313dff; --col-titoli-h3-h4: #ea5585ff; --col-pre-titoli: #ea5585ff; --col-sub-titoli: #ea5585ff; --col-testi: #15313dff; --bg-bottoni: #74afbbff; --col-bottoni: #ffffffff; --col-bordi: #ea5585ff; --col-linee-separatrici: #5ca04dff; --bg-input: #edf0f2ff; --col-input: [!--sez-bianco-col-input --]; --bg-sfondo-secondario: #eff2f3ff; --col-sfondo-secondario-titoli: #ea5585ff; --col-sfondo-secondario-titoli-2: #ffffffff; --col-sfondo-secondario-testi: #15313dff; --col-icone: #ea5585ff; --col-icone-inattive: #ccccccff; } .wrapper.sfondo_chiaro { --bg-principale: #eff2f3ff; --col-titoli-h1-h2: #15313dff; --col-titoli-h3-h4: #ea5585ff; --col-pre-titoli: #ea5585ff; --col-sub-titoli: #ea5585ff; --col-testi: #15313dff; --bg-bottoni: #74afbbff; --col-bottoni: #ffffffff; --col-bordi: #ea5585ff; --col-linee-separatrici: #5ca04dff; --bg-input: #ffffffff; --col-input: #74afbbff; --bg-sfondo-secondario: #ffffffff; --col-sfondo-secondario-titoli: #ea5585ff; --col-sfondo-secondario-titoli-2: #ffffffff; --col-sfondo-secondario-testi: #15313dff; --col-icone: #ea5585ff; --col-icone-inattive: #ccccccff; } .wrapper.sfondo_scuro { --bg-principale: #15313dff; --col-titoli-h1-h2: #ffffffff; --col-titoli-h3-h4: #ea5585ff; --col-pre-titoli: #ea5585ff; --col-sub-titoli: #ea5585ff; --col-testi: #ccccccff; --bg-bottoni: #74afbbff; --col-bottoni: #ffffffff; --col-bordi: #ea5585ff; --col-linee-separatrici: #5ca04dff; --bg-input: #112831ff; --col-input: #74afbbff; --bg-sfondo-secondario: #15313dff; --col-sfondo-secondario-titoli: #ea5585ff; --col-sfondo-secondario-titoli-2: #ffffffff; --col-sfondo-secondario-testi: #ccccccff; --col-icone: #74afbbff; --col-icone-inattive: #ccccccff; } @media screen and (max-width: 1023px) { :root { --font-h1-family: Montserrat; --font-h1-size: 40px; --font-h1-weight: 400; --font-h1-lineheight: 1.2em; --font-h2-family: Montserrat; --font-h2-size: 30px; --font-h2-weight: 400; --font-h2-lineheight: 1.2em; --font-h3-family: Montserrat; --font-h3-size: 26px; --font-h3-weight: 400; --font-h3-lineheight: 1.2em; --font-h4-family: Montserrat; --font-h4-size: 22px; --font-h4-weight: 400; --font-h4-lineheight: 1.2em; --font-footer-family: Open Sans; --font-footer-size: 0.8em; --font-footer-weight: 400; --font-footer-lineheight: 1.3em; --font-pre-family: Montserrat; --font-pre-size: 20px; --font-pre-weight: 400; --font-pre-lineheight: 1.2em; --font-sub-family: Open Sans; --font-sub-size: 20px; --font-sub-weight: 400; --font-sub-lineheight: 1.2em; } } .wrapper.sfondo_bianco, .wrapper.sfondo_chiaro, .wrapper.sfondo_scuro { background: var(--bg-principale); color: var(--col-testi); } details > summary {display: block;} details > summary::marker, details > summary::-webkit-details-marker { display: none; } html { position: relative; height: 100%; background: #fff; scroll-behavior: smooth; } body { background: var(--bg-principale); color: var(--col-testi); position: relative; margin: 0; min-height: 100%; display: flex; flex-direction: column; font-family: var(--font-testo-family); font-size: var(--font-testo-size); font-weight: var(--font-testo-weight); line-height: var(--font-testo-lineheight); } a { color: inherit; text-decoration: none; } b, strong { font-weight: 600; } sup { vertical-align: top; font-size: 0.7em; } ol ol li { list-style-type: lower-alpha; } ol ol ol li { list-style-type: upper-roman; } .main_wrapper { flex-grow: 1; display: flex; flex-direction: column; overflow: hidden; } .wrapper_larghezza { width: 1200px; margin-left: auto !important; margin-right: auto !important; } .wrapper_larghezza .wrapper_larghezza { width: 100%; /* da auto, v. blocco insegnante*/ box-sizing: border-box; } h1, h2, h3, h4, h5 { margin: 0; } .header_wrapper { background: var(--bg-header); color: var(--col-header-link-inattivi); } .header_wrapper > .wrapper_larghezza { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 0; } .header_wrapper .logo { flex-shrink: 1; min-width: 200px; } .header_wrapper .logo img { max-width: 100%; max-height: 80px; margin: 10px 0; } .header_wrapper .link_wrapper { height: 100%; flex-grow: 1; display: flex; flex-direction: row; justify-content: flex-end; align-items: center; gap: 5px 15px; flex-wrap: wrap; } .header_wrapper .menu { display: flex; align-items: center; } .header_wrapper .menu ul { list-style: none; height: 100%; display: contents; margin: 0; padding: 0; } .header_wrapper .menu ul li { position: relative; } .header_wrapper .menu ul.link > li > details > ul { display: flex; background: var(--bg-principale); position: absolute; flex-direction: column; top: 100%; height: auto; z-index: 2; left: -10px; padding: 0 10px; } .header_wrapper .menu ul.link ul ul { display: flex; flex-direction: column; position: static; background: var(--bg-header); margin: 0 -10px; padding: 0 10px; } .header_wrapper .menu a, .header_wrapper .menu details summary { color: var(--col-header-link-inattivi); transition: 0.2s all; white-space: nowrap; box-sizing: border-box; padding: 10px; display: flex; align-items: center; } .header_wrapper .menu details summary { display: flex; align-items: center; gap: 5px; cursor: pointer; margin-left: calc(-.5em - 5px); } .header_wrapper .menu details summary::before { content: ""; width: 0.33em; height: 0.33em; border-bottom: 2px solid currentColor; border-right: 2px solid currentColor; transform: rotate(-45deg); transition: transform 0.2s; } .header_wrapper .menu details[open] > summary::before { transform: rotate(45deg); } .header_wrapper .menu .active a { color: var(--col-header-link); } .header_wrapper .menu .in_evidenza { border: 2px solid var(--bg-bottoni); color: var(--col-header-link); background: none; padding: 10px; } .header_wrapper .menu a:hover { filter: brightness(1.15) } .header_wrapper .menu_status, .header_wrapper .menu_status + label { display: none; } .footer_wrapper { background-color: var(--bg-footer); color: var(--col-footer); padding: 40px 0 0 0; font-family: var(--font-footer-family); font-size: var(--font-footer-size); font-weight: var(--font-footer-weight); line-height: var(--font-footer-lineheight); } .footer_wrapper > .wrapper_larghezza { display: flex; justify-content: space-between; gap: 30px; align-items: center; } .footer_wrapper > .wrapper_larghezza > * { flex-basis: 33%; flex-grow: 1; flex-shrink: 1; } .footer_wrapper .logo { align-self: flex-start; } .footer_wrapper .logo img { display: block; max-width: 100%; max-height: 90px; } .footer_wrapper .logo .slogan { margin-top: 0.7em; } .footer_wrapper .titolo_footer { color: var(--col-footer-titoli); } .footer_wrapper .testo_footer { color: var(--col-footer); } .footer_wrapper .contenuto_aggiuntivo { margin-bottom: 20px; } .footer_wrapper .contenuto_aggiuntivo:empty { margin-bottom: 40px; } .footer_wrapper .contenuto_aggiuntivo .wrapper { padding: 20px 0; } .footer_wrapper .fascia_footer { background-color: var(--bg-fascia-footer); color: var(--col-fascia-footer); } .footer_wrapper .fascia_footer > .wrapper_larghezza { display: flex; align-items: flex-start; gap: 20px; padding: 20px 0; flex-wrap: wrap; } .footer_wrapper .fascia_footer .testo_fascia { flex-shrink: 0; margin: 0 auto; } .footer_wrapper .fascia_footer .link_wrapper { flex-grow: 1; display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 20px; } .footer_wrapper .fascia_footer .link_footer { flex-grow: 1; position: relative; list-style: none; padding: 0; margin: 0 auto; display: flex; justify-content: center; flex-wrap: wrap; gap: 10px 20px; } .footer_wrapper .fascia_footer .social { list-style: none; padding: 0; margin: -10px auto; display: flex; align-items: center; gap: 2px; } .footer_wrapper .fascia_footer .social a { padding: 8px; display: block; } .footer_wrapper .fascia_footer .social svg { display: block; height: 20px; fill: var(--col-fascia-footer); } .h1, .h2, .h3, .h4 { text-align: center; color: var(--col-titoli-h1-h2); margin: 50px 0 20px; } .h3, .h4 { color: var(--col-titoli-h3-h4); } h1, .titolo1 { font-family: var(--font-h1-family); font-size: var(--font-h1-size); font-weight: var(--font-h1-weight); line-height: var(--font-h1-lineheight); } h2, .titolo2 { font-weight: 300; position: relative; font-family: var(--font-h2-family); font-size: var(--font-h2-size); font-weight: var(--font-h2-weight); line-height: var(--font-h2-lineheight); } h3, .titolo3 { font-family: var(--font-h3-family); font-size: var(--font-h3-size); font-weight: var(--font-h3-weight); line-height: var(--font-h3-lineheight); } h4, .titolo4 { font-family: var(--font-h4-family); font-size: var(--font-h4-size); font-weight: var(--font-h4-weight); line-height: var(--font-h4-lineheight); } .h2:first-child, .h3:first-child { margin-top: 20px; } .h4:first-child { margin-top: 10px; } .h1 .pre, .h2 .pre, .h3 .pre, .h4 .pre { font-size: var(--font-pre-size); font-family: var(--font-pre-family); font-weight: var(--font-pre-weight); line-height: var(--font-pre-lineheight); color: var(--col-pre-titoli); text-align: inherit; margin-bottom: 20px; } .h1 .pre:empty, .h2 .pre:empty, .h3 .pre:empty, .h4 .pre:empty { display: none; } .h1 .sottotitolo, .h2 .sottotitolo, .h3 .sottotitolo, .h4 .sottotitolo { font-size: var(--font-sub-size); font-family: var(--font-sub-family); font-weight: var(--font-sub-weight); line-height: var(--font-sub-lineheight); color: var(--col-sub-titoli); text-align: inherit; margin-top: 10px; } .h1 .sottotitolo {color: inherit; margin-top: 20px;} .h1 .sottotitolo:empty, .h2 .sottotitolo:empty, .h3 .sottotitolo:empty, .h4 .sottotitolo:empty { display: none; } .allinea_testo .h1, .allinea_testo .h2, .allinea_testo .h3, .allinea_testo .h4 { text-align: left; } .bottone { text-transform: uppercase; appearance: none; align-self: center; display: inline-block; color: var(--col-bottoni); border: none; font-size: inherit; padding: 16px; min-width: 170px; text-align: center; cursor:pointer; margin: 10px 0; transition: 0.2s all; background: var(--bg-bottoni); } .bottone:hover { filter: brightness(1.15) } .bottone_singolo { padding: 10px 0 10px; text-align: center; } .immagine_singola { display: block; margin: 30px auto; border: 2px solid var(--col-bordi); box-sizing: border-box; max-width: 100%; } .immagine_singola.adatta { aspect-ratio: 2/1; object-fit: cover; width: 100%; } .immagine_singola.allinea_sx { margin-left: 0; } .immagine_singola.allinea_dx { margin-right: 0; } .testo { margin: 10px 0; text-align: center; } .testo ul { margin: 0; padding-left: 1.2em; } .allinea_testo .testo, .allinea_testo .bottone_singolo { text-align: left; } .wrapper { /* background: var(--bg-principale); color: var(--col-testi); */ padding: 70px 0; position: relative; background-repeat: no-repeat; } .wrapper .wrapper {padding: 30px 0;} /* layer per immagine di sfondo */ .wrapper.layer::before{ content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: inherit; } .wrapper.layer::before { mask-image: linear-gradient(to right, #ffffffE3, #ffffffE3); } .wrapper.layer.layer_sfondo_sx::before { mask-image: linear-gradient(to left, #ffffffE3 0 calc(50% + 600px), transparent calc(50% + 800px) 100%); } .wrapper.layer.layer_sfondo_dx::before { mask-image: linear-gradient(to right, #ffffffE3 0 calc(50% + 600px), transparent calc(50% + 800px) 100%); } .wrapper.layer.layer_sfondo_sx.stacco_bianco_nero::before, .wrapper.layer.layer_sfondo_dx.stacco_bianco_nero::before { background: none; } .wrapper > * { display: flex; justify-content: center; align-items: stretch; gap: 60px; min-height: 40px; } .wrapper > * > * { z-index: 1; flex-direction: column; justify-content: stretch; } .wrapper > * > *:not(:first-child) {display: none;} .wrapper > .monocolonna > *:first-child { flex-grow: 1; display: flex; flex-direction: column; min-width: 0; } .wrapper > .monocolonna > * > img { align-self: center; } .wrapper > .col_50 > * { width: 50%; } .wrapper > .col_50 > *:first-child, .wrapper > .col_50 > *:last-child {display: flex;} .wrapper > .col_6040 > *:first-child { display: flex; width: 60%; } .wrapper > .col_6040 > *:last-child { display: flex; width: 40%; } .wrapper > .col_4060 > *:first-child { display: flex; width: 40%; } .wrapper > .col_4060 > *:last-child { display: flex; width: 60%; } .wrapper > .col_25 { gap: 30px } .wrapper > .col_25 > * { display: flex; width: 25%; } .wrapper_colonna_immagine { display: flex; gap: 30px; position: relative; justify-content: flex-start; } .wrapper > .wrapper_colonna_immagine > div { display: block; flex-basis: 100%; min-height: 100px; } .wrapper > .wrapper_colonna_immagine > .colonna_immagine {display: none;} .wrapper > .wrapper_colonna_immagine.con_social > .colonna_immagine, .wrapper > .wrapper_colonna_immagine.con_immagine > .colonna_immagine { display: flex; justify-content: center; flex-basis: 0; flex-grow: 1; position: relative; align-self: stretch; } .wrapper_colonna_immagine > .colonna_immagine img { position: absolute; z-index: 0; max-height: calc(100% + 110px); bottom: -70px; margin: auto; left: 0; right: 0; } .wrapper > .wrapper_colonna_immagine.con_immagine > div { flex-basis: 60%; min-height: 100px; } .wrapper_colonna_immagine .colonna_social { z-index: 1; display: block; list-style: none; padding: 0; margin: 0 0 0 auto; width: min-content; } .wrapper_colonna_immagine .colonna_social li a { padding: 5px; display: block; } .wrapper_colonna_immagine .colonna_social li svg { width: 24px; height: 24px; fill: var(--col-icone); } .wrapper.wrapper_tema.layer::before, .wrapper.wrapper_tema.layer.layer_sfondo_sx::before, .wrapper.wrapper_tema.layer.layer_sfondo_dx::before { mask-image: linear-gradient(to right, #ffffffE3 0, #ffffffE3 0); } .sezione_con_immagine { display: flex; } .wrapper > .sezione_con_immagine > div { display: block; flex-basis: 50%; } .sezione_con_immagine .immagine img { display: block; width: 100%; } .sezione_con_immagine.immagine_sx { flex-direction: row-reverse; } .sezione_con_immagine.normale > div {flex-basis: 60%;} .sezione_con_immagine.normale .immagine { padding-top: 33%; position: relative; flex-basis: 40%; } .sezione_con_immagine.normale .immagine img { position: absolute; top: 0; left: 0; object-fit: cover; height: 100%; } .sezione_con_immagine.estesa .immagine { position: absolute; top: 0; height: 100%; } .sezione_con_immagine.immagine_dx.estesa .immagine { left: 50%; right: 0; } .sezione_con_immagine.immagine_sx.estesa .immagine { left: 0; right: 50%; } .sezione_con_immagine.estesa .immagine img { width: 100%; height: 100%; object-fit: cover; } .sezione_con_immagine.estesa::after { content: ''; flex-basis: 50%; } .separatore_immagine { position: relative; overflow: hidden; height: 400px; background-size: cover; background-position: 50% 50%; } .separatore_immagine.parallasse { background-attachment: fixed; } .separatore_immagine.filtro_colorato::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--bg-fascia-immagine); } .elenco_blocchi > ul { list-style: none; display: flex; gap: 20px; flex-wrap: wrap; justify-content: center; padding: 0; margin: 20px auto; } .elenco_blocchi > ul > li { display: grid; align-items: flex-start; box-sizing: border-box; grid-template-columns: 60px 1fr; grid-template-rows: min-content; } .elenco_blocchi.riquadro {gap: 20px;} .elenco_blocchi.riquadro > ul > li { padding: 20px; background-color: var(--bg-sfondo-secondario); color: var(--col-sfondo-secondario-testi); } .elenco_blocchi.linee > ul {gap: 40px;} .elenco_blocchi.linee > ul > li {position: relative;} .elenco_blocchi.linee.col_1 > ul > li:not(:last-child)::after { content: ''; height: 1px; width: 100%; background-color: var(--col-linee-separatrici); position: absolute; left: 0; bottom: -20px; } .elenco_blocchi.col_1 > ul > li { flex-basis: 100%; flex-grow: 1; } .elenco_blocchi.riquadro.col_2 > ul > li { flex-basis: calc(50% - 10px) } .elenco_blocchi.riquadro.col_3 > ul > li { flex-basis: calc(33.33% - 14px) } .elenco_blocchi.riquadro.col_4 > ul > li { flex-basis: calc(25% - 15px) } .elenco_blocchi.linee.col_2 > ul > li { flex-basis: calc(50% - 20px) } .elenco_blocchi.linee.col_3 > ul > li { flex-basis: calc(33.33% - 27px) } .elenco_blocchi.linee.col_4 > ul > li { flex-basis: calc(25% - 30px) } .elenco_blocchi > ul > li > img { width: 50px; height: 50px; } .elenco_blocchi > ul > li > .h3 { text-align: left !important; margin: 0; align-self: center; color: var(--col-titoli-h1-h2); } .elenco_blocchi > ul > li .testo { text-align: left; grid-column-start: 2; margin-top: 0; } .elenco_blocchi_bordo { margin: 20px auto; } .elenco_blocchi_bordo > ul { list-style: none; display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; max-width: 760px; margin: auto; padding: 0; } .elenco_blocchi_bordo > ul > li { border: 1px solid var(--col-bordi); background-color: var(--bg-sfondo-secondario); color: var(--col-sfondo-secondario-testi); box-sizing: border-box; padding: 20px; width: calc(50% - 10px); display: flex; flex-direction: column; gap: 30px; } .elenco_blocchi_bordo > ul > li .h3{ color: var(--col-sfondo-secondario-titoli2); margin-bottom: 0; flex-grow: 1; } .elenco_blocchi_bordo > ul > li img { display: block; width: 100%; height: auto; aspect-ratio: 4/2; object-fit: cover; margin-bottom: -30px; } .elenco_blocchi_bordo > ul > li .testo { flex-grow: 1000; margin: 0; } .elenco_blocchi_bordo > ul > li .bottone { flex-grow: 0; display: block; margin: 0; align-self: stretch; } .elenco_step > ul { counter-reset: step; list-style: none; padding: 0; margin: 20px auto; display: flex; flex-direction: column; gap: 30px; overflow: hidden; } .elenco_step > ul > li { display: grid; align-items: center; counter-increment: step; grid-template-columns: min-content auto; gap: 5px 15px; position: relative; } .elenco_step > ul > li::after { content: ''; position: absolute; bottom: -15px; left: 0; right: 0; border-bottom: 1px solid var(--col-linee-separatrici); } .elenco_step > ul > li > .numero_step { } .elenco_step > ul > li{ flex-basis: 1em; flex-grow: 1; } .elenco_step > ul > li > .numero_step { display: flex; flex-direction: column; align-self: stretch; } .elenco_step > ul > li > .numero_step::before { content: counter(step); font-family: var(--font-numero-passi-family); font-size: var(--font-numero-passi-size); font-weight: var(--font-numero-passi-weight); color: var(--col-bottoni); background: var(--bg-bottoni); aspect-ratio: 1 / 1; width: 1.6em; display: flex; justify-content: center; align-items: center; border-radius: 100%; align-self: flex-start; flex-grow: 0; } .elenco_step > ul > li .h3 { margin: 0 0 10px 0; text-align: left; color: var(--col-titoli-h1-h2) } .elenco_step > ul > li .testo { grid-column-start: 2; text-align: left; } .elenco_pacchetti { display: flex; align-items: stretch; flex-wrap: wrap; justify-content: center; gap: 15px; margin: 30px 0; padding: 0; list-style: none; } .elenco_pacchetti > li { display: flex; flex-direction: column; justify-content: stretch; box-sizing: border-box; padding: 20px; width: calc(33% - 10px); min-width: 260px; flex-grow: 0; background: var(--bg-sfondo-secondario); color: var(--col-sfondo-secondario-titoli); color: var(--col-sfondo-secondario-testi); } .elenco_pacchetti > li .immagine { position: relative; width: 50%; padding-top: 50%; border-radius: 100%; overflow: hidden; margin: 0 auto; } .elenco_pacchetti > li .immagine img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .elenco_pacchetti > li .testo_wrap { display: contents; } .elenco_pacchetti > li .h3 { margin-bottom: 0; color: var(--col-sfondo-secondario-titoli-2); } .elenco_pacchetti > li .sottotitolo { font-family: var(--font-pre-family); color: var(--col-sfondo-secondario-titoli); margin: 0; text-align: center; } .elenco_pacchetti > li .testo_pacchetto, .elenco_pacchetti > li .testo_wrap > ul, .elenco_pacchetti > li .prezzo_wrap { border-top: 1px solid rgba(0, 0, 0, 0.1); padding-top: 20px; margin-top: 20px; margin-bottom: 0; } .elenco_pacchetti > li .testo_pacchetto { flex-grow: 9999; } .elenco_pacchetti > li .testo_wrap > ul { flex-grow: 1; list-style: none; padding-left: 0; } .elenco_pacchetti > li .testo_wrap > ul > li { padding-left: 30px; position: relative; margin: 0 0 10px; } .elenco_pacchetti > li .testo_wrap > ul > li:last-child { margin-bottom: 0; } .elenco_pacchetti > li .testo_wrap > ul > li::before { content: ''; width: 20px; height: 20px; mask-size: 20px 20px; position: absolute; left: 0; } .elenco_pacchetti > li .testo_wrap > ul > li.incluso::before { background: var(--col-icone); mask-image: url('data:image/svg+xml;utf8, '); } .elenco_pacchetti > li .testo_wrap > ul > li.non_incluso::before { background: var(--col-icone-inattive); mask-image: url('data:image/svg+xml; utf8, '); } .elenco_pacchetti > li .prezzo_wrap { display: flex; justify-content: center; align-items: flex-end; flex-wrap: wrap; } .elenco_pacchetti > li .prezzo_wrap .prezzo { font-family: var(--font-h1-family); color: var(--col-titoli-h1-h2); font-size: 2em; line-height: 1em; } .dettaglio_pacchetti { display: flex; flex-direction: column; align-items: stretch; flex-wrap: wrap; justify-content: center; gap: 30px; margin: 60px 0; padding: 0; list-style: none; } .dettaglio_pacchetti > li { display: flex; justify-content: stretch; gap: 90px; box-sizing: border-box; padding: 40px; flex-grow: 0; background: var(--bg-sfondo-secondario); color: var(--col-sfondo-secondario-titoli); color: var(--col-sfondo-secondario-testi); } .dettaglio_pacchetti > li:nth-child(odd) { flex-direction: row-reverse; } .dettaglio_pacchetti > li .immagine { width: calc(50% - 45px); flex-grow: 0; flex-shrink: 0; position: relative; overflow: hidden; border: 2px solid var(--col-bordi); height: 470px; } .dettaglio_pacchetti > li .immagine img { display: block; width: 100%; height: 100%; object-fit: cover; } .dettaglio_pacchetti > li > .testo_wrap { flex-grow: 1; display: flex; flex-direction: column; align-items: stretch; justify-content: center; gap: 20px; } .dettaglio_pacchetti > li .h3 { margin-bottom: 0; color: var(--col-sfondo-secondario-titoli-2); text-align: left; margin-bottom: 10px;; } .dettaglio_pacchetti > li .sottotitolo { font-family: var(--font-pre-family); color: var(--col-sfondo-secondario-titoli); text-align: left; } .dettaglio_pacchetti > li .testo_pacchetto { text-align: left; } .dettaglio_pacchetti > li > .testo_wrap > ul { list-style: none; padding: 0; } .dettaglio_pacchetti > li > .testo_wrap > ul > li { padding-left: 30px; position: relative; margin: 15px 0; } .dettaglio_pacchetti > li > .testo_wrap > ul > li.incluso::before { content: ''; width: 20px; height: 20px; background: var(--col-icone); mask: url('data:image/svg+xml;utf8, '); mask-size: 20px 20px; position: absolute; left: 0; } .dettaglio_pacchetti > li > .testo_wrap > ul > li.non_incluso::before { content: ''; width: 20px; height: 20px; background: var(--col-icone-inattive); mask: url('data:image/svg+xml; utf8, '); mask-size: 20px 20px; position: absolute; left: 0; } .dettaglio_pacchetti > li .prezzo_wrap { display: flex; justify-content: flex-start; align-items: flex-end; flex-wrap: wrap; } .dettaglio_pacchetti > li .prezzo_wrap .prezzo { font-family: var(--font-h1-family); color: var(--col-titoli-h1-h2); font-size: 2em; line-height: 1em; } .dettaglio_pacchetti > li .prezzo_wrap .append { color: var(--col-pre-titoli); } .elenco_semplice_con_icona{ margin: 20px 0; } .elenco_semplice_con_icona > .h3 { margin-top: 0; } .elenco_semplice_con_icona > ul { list-style: none; padding: 0; width: max-content; max-width: 100%; margin: auto; display: flex; flex-direction: column; gap: 10px; } .allinea_testo .elenco_semplice_con_icona > ul { width: auto; margin: 0; } .elenco_semplice_con_icona > ul > li { padding: 0 0 0 35px; position: relative; min-height: 1.2em; } .elenco_semplice_con_icona li::before { content: ""; position: absolute; top: 0; left: 0; width: var(--font-testo-lineheight); height: var(--font-testo-lineheight); background: var(--col-icone); mask-position: 50% 50%; mask-size: 100%; mask-repeat: no-repeat; } .elenco_semplice_con_icona.riquadro { background: var(--bg-sfondo-secondario); border: 1px solid var(--col-bordi); padding: 20px; } /* icone contatti */ .elenco_semplice_con_icona li.icona_casa::before { mask-image: url('data:image/svg+xml;utf8,');} .elenco_semplice_con_icona li.icona_chat::before { mask-image: url('data:image/svg+xml;utf8,');} .elenco_semplice_con_icona li.icona_cuore::before { mask-image: url('data:image/svg+xml;utf8,');} .elenco_semplice_con_icona li.icona_discord::before { mask-image: url('data:image/svg+xml;utf8,');} .elenco_semplice_con_icona li.icona_facebook::before { mask-image: url('data:image/svg+xml;utf8,');} .elenco_semplice_con_icona li.icona_instagram::before { mask-image: url('data:image/svg+xml;utf8,');} .elenco_semplice_con_icona li.icona_internet::before { mask-image: url('data:image/svg+xml;utf8,');} .elenco_semplice_con_icona li.icona_mappa::before { mask-image: url('data:image/svg+xml;utf8,');} .elenco_semplice_con_icona li.icona_pinterest::before { mask-image: url('data:image/svg+xml;utf8,');} .elenco_semplice_con_icona li.icona_posta::before { mask-image: url('data:image/svg+xml;utf8,');} .elenco_semplice_con_icona li.icona_puntatore::before { mask-image: url('data:image/svg+xml;utf8,');} .elenco_semplice_con_icona li.icona_telefono::before { mask-image: url('data:image/svg+xml;utf8,');} .elenco_semplice_con_icona li.icona_telegram::before { mask-image: url('data:image/svg+xml;utf8,');} .elenco_semplice_con_icona li.icona_tiktok::before { mask-image: url('data:image/svg+xml;utf8,');} .elenco_semplice_con_icona li.icona_twitch::before { mask-image: url('data:image/svg+xml;utf8,');} .elenco_semplice_con_icona li.icona_utente::before { mask-image: url('data:image/svg+xml;utf8,');} .elenco_semplice_con_icona li.icona_whatsapp::before { mask-image: url('data:image/svg+xml;utf8,');} .elenco_semplice_con_icona li.icona_youtube::before { mask-image: url('data:image/svg+xml;utf8,');} /* icone elenco con spunte*/ .elenco_semplice_con_icona li.icona_incluso::before { mask-image: url('data:image/svg+xml;utf8, ');} .elenco_semplice_con_icona li.icona_escluso::before { mask-image: url('data:image/svg+xml; utf8, ');} .elenco_semplice_con_icona li .titolo_contatto { font-weight: bold; } .elenco_semplice_con_icona li .descrizione_contatto > br:only-child { display: none; } .elenco_loghi { background-color: var(--bg-sfondo-secondario); padding: 30px 60px; margin: 30px 0; } .elenco_loghi .splide__arrow.splide__arrow--prev { left: -45px; } .elenco_loghi .splide__arrow.splide__arrow--next { right: -45px; } .elenco_loghi ul li { display: flex; align-items: center; } .elenco_loghi ul li img { display: block; margin: auto; max-height: 100px; max-width: 100%; object-fit: contain; } .elenco_testimonial { margin: 30px 0; } .elenco_testimonial .splide__list { list-style: none; padding: 0; } .elenco_testimonial .splide__list > li { padding: 30px 50px; box-sizing: border-box; background-color: var(--bg-sfondo-secondario); color: var(--col-sfondo-secondario-titoli); color: var(--col-sfondo-secondario-testi); display: flex; flex-direction: column; } elenco_testimonial .splide__list > li .testimonial_testo { flex-grow: 1; } .elenco_testimonial .splide__list > li .testimonial_nome { font-weight: bold; margin: 20px 0 5px; } .elenco_testimonial .splide__list > li .testimonial_azienda { color: var(--col-pre-titoli) } .splide__arrow { position: absolute; top: 50%; margin-top: -15px; z-index: 1; cursor: pointer; appearance: none; background: transparent; border: none; padding: 0; display: flex; fill: var(--col-icone); } .splide__arrow svg { width: 30px; height: 30px; } .splide__arrow.splide__arrow--prev { left: 10px; transform:rotateY(180deg) } .splide__arrow.splide__arrow--next { right: 10px; } .elenco_faq { list-style: none; padding-left: 0; } .elenco_faq > li { background: var(--bg-sfondo-secondario); margin: 10px } .elenco_faq > li input { display: none; } .elenco_faq > li .domanda { cursor: pointer; display: flex; gap: 10px; align-items: center; justify-content: space-between; padding: 15px; border-radius: 25px 25px 0 0; color: var(--col-titoli-h1-h2); } .elenco_faq > li .domanda::after { content: ""; background: var(--col-icone); mask: url('data:image/svg+xml;utf8, '); width: 16px; height: 16px; flex-grow: 0; flex-shrink: 0; } .elenco_faq > li .risposta { height: 0; overflow: hidden; padding: 0 15px; transition: height .4s, padding .4s; interpolate-size: allow-keywords; } .elenco_faq > li input:checked ~ .domanda { background-color: var(--bg-sfondo-secondario); } .elenco_faq > li input:checked ~ .domanda::after { mask: url('data:image/svg+xml;utf8, '); border-radius: 0 0 25px 25px; } .elenco_faq > li input:checked ~ .domanda ~ .risposta { overflow: visible; height: auto; padding: 15px; } .link_social { list-style: none; display: flex; padding: 0; } .link_social.allinea_sx {justify-content: flex-start;} .link_social.allinea_cx {justify-content: center;} .link_social.allinea_dx {justify-content: flex-end;} .link_social a { padding: 5px; } .link_social svg { height: 20px; } .link_social svg * { fill: var(--col-icone); } .form_contatti { padding: 30px; max-width: 800px; margin: 0 auto; position: relative; display: flex; align-items: center; justify-content: center; } .form_contatti.mostra_esito .form { opacity: 0; } .form_contatti .esito { display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .form_contatti.mostra_esito .esito { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; } .form_contatti.mostra_esito .esito svg circle { fill: var(--bg-bottoni); } .form_contatti.mostra_esito .esito svg path { stroke: var(--col-bottoni); } .form_contatti .form > ul { list-style: none; padding: 0; margin: 0; max-width: 800px; display: flex; gap: 20px; flex-wrap: wrap; } .form_contatti .form > ul > li { flex-basis: 40%; flex-grow: 1; display: flex; align-items: center; } .form_contatti .form > ul > li.campo_grande { flex-basis: 100%; } .form_contatti input, .form_contatti textarea { appearance: none; border: none; background: var(--bg-input); color: var(--col-input); border: 1px solid var(--col-input); padding: 10px; margin: 1px 0; font: inherit; box-sizing: border-box; width: 100%; min-width: 180px; outline: none; } .form_contatti textarea { min-height: 110px; } .form_contatti input::placeholder, .form_contatti textarea::placeholder { color: var(--col-input); opacity: 0.6; } .form_contatti label { cursor: pointer; flex-shrink: 0; align-self: flex-start; display: flex; padding: 10px; margin-top: calc(((var(--font-testo-lineheight) - 20px) / 2) - 10px); margin-left: -10px; } .form_contatti input[type="checkbox"] { display: inline-block; padding: 0; width: 20px; height: 20px; min-width: 20px; flex-shrink: 0; position: relative; vertical-align: bottom; cursor: pointer; } .form_contatti input[type="checkbox"]:checked::before { content: ''; mask: url('data:image/svg+xml; utf8, '); background: var(--col-input); position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .form_contatti label + div { align-self: flex-start; color: var(--col-input); } .form_contatti button { margin-top: 20px; width: 100%; appearance: none; } .form_contatti button.caricamento::before { content: ""; display: inline-block; } @keyframes icona_caricamento { 0% {rotate: 0deg;} 100% {rotate: 360deg;} } .form_contatti button.caricamento { cursor:progress; opacity: 0.7; filter: none; transform: none; position: relative; } .form_contatti button.caricamento::before { content: ""; border-radius: 100%; border: 2px solid currentColor; opacity: 0.7; width: 15px; height: 15px; position: absolute; top: 17px; margin-left: -23px; border-right-color: transparent; animation: icona_caricamento 1s linear infinite; } .form_contatti .errore input, .form_contatti .errore textarea { border: 2px solid #f55 } @media screen and (max-width: 1279px) { .wrapper_larghezza { width: 980px; } } @media screen and (max-width: 1023px) { h1 > *, h2 > *, h3 > *, h4 > *, h5 > * {display: inline;} h1 > *::before, h2 > *::before, h3 > *::before, h4 > *::before, h5 > *::before {content: " ";} .wrapper_larghezza { width: 720px; } .elenco_blocchi.col_3 > ul > li, .wrapper .elenco_step > ul > li { flex-basis: calc(50% - 15px); } .wrapper > .col_25 { display: grid; grid-template-columns: 1fr 1fr; } .wrapper > .col_25 > * { width: auto; } .dettaglio_pacchetti > li, .dettaglio_pacchetti > li:nth-child(odd) { flex-direction: column; gap: 0; } .dettaglio_pacchetti > li .immagine { width: 100%; height: 350px; } .footer_wrapper > .wrapper_larghezza { flex-direction: column; } .footer_wrapper .logo { align-self: center; display: flex; flex-direction: column; justify-content: center; } .footer_wrapper .logo .slogan, .footer_wrapper .testo_footer { text-align: center; } .footer_wrapper .social { align-self: auto; } .separatore_immagine { height: 260px; } } @media screen and (max-width: 767px) { .wrapper { padding: 40px 0; } .wrapper_larghezza { width: 620px; } header.main_header .wrapper_larghezza { width: auto; margin-left: 20px !important; margin-right: 20px !important; } .header_wrapper img { max-height: 60px; } /* hamburger */ .header_wrapper .menu_status { opacity: 0; } .header_wrapper .menu_status + label { display: block; width: 30px; height: 30px; } .header_wrapper .menu_status + label + .link_wrapper { display: flex; flex-direction: column; align-items: center; position: absolute; z-index: 10; top: 100%; left: -20px; right: -20px; overflow: hidden; height: 0; padding: 0; transition: height .4s, padding .4s; interpolate-size: allow-keywords; background: var(--bg-sfondo-secondario); } .header_wrapper .menu_status:checked + label + .link_wrapper { height: auto; padding: 40px 20px; } .header_wrapper .menu_status:checked + label + .link_wrapper .link { flex-direction: column; } .header_wrapper .menu_status + label + .link_wrapper ul a { display: block; padding: 10px; text-align: center; font-size: 1.2em; } .header_wrapper .menu_status + label { width: 45px; height: 45px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; padding: 10px 5px; } .header_wrapper .menu_status + label::before, .header_wrapper .menu_status + label::after { content: ""; transition: all 0.3s; } .header_wrapper .menu_status + label span { transition: opacity 0.3s; } .header_wrapper .menu_status + label::before, .header_wrapper .menu_status + label::after, .header_wrapper .menu_status + label span { height: 4px; border-radius: 3px; transform-origin: center left; background: var(--col-icone); } .header_wrapper .menu_status:checked + label span {opacity: 0;} .header_wrapper .menu_status:checked + label::before, .header_wrapper .menu_status:checked + label::after { translate: 8px; scale: 0.86; } .header_wrapper .menu_status:checked + label::before { rotate: 45deg; } .header_wrapper .menu_status:checked + label::after { rotate: -45deg; } .footer_wrapper > div > div { align-items: center; } .elenco_blocchi.col_1 > ul > li, .elenco_blocchi.riquadro.col_2 > ul > li, .elenco_blocchi.riquadro.col_3 > ul > li, .elenco_blocchi.riquadro.col_4 > ul > li, .elenco_blocchi.linee.col_2 > ul > li, .elenco_blocchi.linee.col_3 > ul > li, .elenco_blocchi.linee.col_4 > ul > li { flex-basis: 100%; } .wrapper_colonna_immagine { flex-direction: column; gap: 30px } .wrapper > .wrapper_colonna_immagine.con_social > .colonna_immagine, .wrapper > .wrapper_colonna_immagine.con_immagine > .colonna_immagine { flex-direction: column-reverse; height: auto; margin: 0 0 -40px 0; min-height: 0; flex-basis: auto; } .wrapper_colonna_immagine .colonna_social { display: flex; justify-content: center; margin: 0 auto 20px; } .wrapper_colonna_immagine > .colonna_immagine img { position: static; width: auto; max-width: 100%; max-height: 70vh; } .wrapper.wrapper_tema.layer::before, .wrapper.wrapper_tema.layer.layer_sfondo_sx::before, .wrapper.wrapper_tema.layer.layer_sfondo_dx::before { mask-image: linear-gradient(to right, #ffffffe3 0 100%); } .wrapper_larghezza.col_50, .wrapper_larghezza.col_6040, .wrapper_larghezza.col_4060, .wrapper > .col_50, .wrapper > .col_6040, .wrapper > .col_4060 > * { width: auto !important; flex-direction: column; } .wrapper > .col_25 { display: block; } .wrapper > .col_25 > * { width: auto; } .sezione_con_immagine.immagine_sx, .sezione_con_immagine.immagine_dx { flex-direction: column-reverse; } .sezione_con_immagine.estesa::after {content: none;} .sezione_con_immagine.normale > div { flex-basis: auto; } .sezione_con_immagine.normale .immagine, .sezione_con_immagine.estesa.immagine_sx .immagine, .sezione_con_immagine.estesa.immagine_dx .immagine { position: relative; left: 0; right: 0; flex-basis: auto; padding-top: 60%; } .sezione_con_immagine .immagine img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; object-fit: cover; } .allinea_testo .h1, .allinea_testo .h2, .allinea_testo .h3, .allinea_testo .h4, .allinea_testo .testo, .allinea_testo .bottone_singolo { text-align: center; } .allinea_testo .testo ul { margin: auto; width: max-content; max-width: 100%; text-align: left; } .allinea_testo .elenco_semplice_con_icona > ul { width: max-content; max-width: 100%; margin: auto; } /* eccezioni di allineamento */ .allinea_testo .elenco_step > ul > li > .h3 { text-align: left; } .allinea_testo .elenco_step > ul > li > .testo { text-align: left; } .testo.due_colonne { column-count: 1; } } @media screen and (max-width: 639px) { .wrapper_larghezza { width: auto; margin-left: 20px !important; margin-right: 20px !important; } .wrapper_larghezza .wrapper_larghezza { margin-left: 0 !important; margin-right: 0 !important; } .wrapper_larghezza .wrapper_larghezza { width: auto; } .h1 { margin-top: 20px; } .wrapper_colonna_immagine.con_immagine .testo, .wrapper_colonna_immagine.con_immagine .bottone_singolo { text-align: center; } .elenco_blocchi.col_2 > ul > li, .elenco_blocchi.col_3 > ul > li, .wrapper .elenco_step > ul > li { flex-basis: 100%; } .wrapper .elenco_step > ul > li .testo_step { display: contents; } .link_social { justify-content: center !important; } .elenco_step ul { gap: 110px; } .elenco_step ul > li, .elenco_step ul > li:nth-child(even) { position: relative; flex-direction: column; /* padding-bottom: 80px; */ } .elenco_step ul > li:last-child { padding-bottom: 0; } .elenco_step > ul > li > .immagine_step { align-self: stretch; } .elenco_step > ul > li > .numero_step::before { align-self: center; } .elenco_step > ul > li > .numero_step::after { position: absolute; left: 0; right: 0; bottom: -100px; height: 90px; margin: 0 auto; } .elenco_pacchetti > li { width: 100%; } .elenco_pacchetti > li .immagine { width: 100px; padding-top: 100px; } .dettaglio_pacchetti > li .immagine { width: 100%; height: 270px; } .elenco_blocchi_bordo > ul > li { width: 100%; } .separatore_immagine { height: 185px; } .separatore_immagine.parallasse { background-attachment: scroll; } .footer_wrapper .fascia_footer > .wrapper_larghezza { flex-direction: column; } } @media screen and (max-width: 549px) { .dettaglio_pacchetti > li { padding: 20px; } } @media screen and (max-width: 379px) { }