#imPage { display: grid; grid-template-columns: minmax(0, 1fr) 1200px minmax(0, 1fr); grid-template-rows: 187px auto; } #imHeader { display: block; grid-column: 1 / 4; grid-row: 1 / 2; } #imFooter { display: none; } #imSideBar { display: none; } #imContent { display: block; grid-column: 1 / 4; grid-row: 2 / 3; } #imContentGraphics { display: block; grid-column: 2 / 3; grid-row: 2 / 3; } @media (max-width: 1199.9px) and (min-width: 720.0px) { #imPage { display: grid; grid-template-columns: minmax(0, 1fr) 720px minmax(0, 1fr); grid-template-rows: 80px auto; } #imHeader { display: block; grid-column: 1 / 4; grid-row: 1 / 2; } #imFooter { display: none; } #imSideBar { display: none; } #imContent { display: block; grid-column: 1 / 4; grid-row: 2 / 3; } #imContentGraphics { display: block; grid-column: 2 / 3; grid-row: 2 / 3; } } @media (max-width: 719.9px) and (min-width: 480.0px) { #imPage { display: grid; grid-template-columns: minmax(0, 1fr) 480px minmax(0, 1fr); grid-template-rows: 114px auto; } #imHeader { display: block; grid-column: 1 / 4; grid-row: 1 / 2; } #imFooter { display: none; } #imSideBar { display: none; } #imContent { display: block; grid-column: 1 / 4; grid-row: 2 / 3; } #imContentGraphics { display: block; grid-column: 2 / 3; grid-row: 2 / 3; } } @media (max-width: 479.9px) { #imPage { display: grid; grid-template-columns: 0 minmax(0, 1fr) 0; grid-template-rows: 118px auto; } #imHeader { display: block; grid-column: 1 / 4; grid-row: 1 / 2; } #imFooter { display: none; } #imSideBar { display: none; } #imContent { display: block; grid-column: 1 / 4; grid-row: 2 / 3; } #imContentGraphics { display: block; grid-column: 2 / 3; grid-row: 2 / 3; } } #imContent { display: grid; grid-template-columns: minmax(0, 1fr) 91.667px 91.667px 91.667px 91.667px 91.667px 91.667px 91.667px 91.667px 91.667px 91.667px 91.667px 91.667px minmax(0, 1fr); grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto; } #imContent > header { display: block; grid-column: 2 / 14; grid-row: 1 / 2; } #imGoToCont { display: block; grid-column: 2 / 3; grid-row: 1 / 2; } #imCell_2 { display: grid; grid-column: 1 / 15; grid-row: 2 / 3; } #imCell_1 { display: grid; grid-column: 1 / 15; grid-row: 3 / 4; } #imCell_4 { display: grid; grid-column: 1 / 15; grid-row: 4 / 5; } #imCell_3 { display: grid; grid-column: 1 / 15; grid-row: 5 / 6; } #imCell_5 { display: grid; grid-column: 1 / 15; grid-row: 6 / 7; } #imCell_6 { display: grid; grid-column: 1 / 15; grid-row: 7 / 8; } #imCell_7 { display: grid; grid-column: 1 / 15; grid-row: 8 / 9; } #imCell_8 { display: grid; grid-column: 1 / 15; grid-row: 9 / 10; } #imCell_9 { display: grid; grid-column: 1 / 15; grid-row: 10 / 11; } #imCell_10 { display: grid; grid-column: 1 / 15; grid-row: 11 / 12; } #imCell_11 { display: grid; grid-column: 1 / 15; grid-row: 12 / 13; } #imCell_12 { display: grid; grid-column: 1 / 15; grid-row: 13 / 14; } #imCell_13 { display: grid; grid-column: 1 / 15; grid-row: 14 / 15; } #imCell_14 { display: grid; grid-column: 1 / 15; grid-row: 15 / 16; } #imCell_15 { display: grid; grid-column: 1 / 15; grid-row: 16 / 17; } #imCell_16 { display: grid; grid-column: 1 / 15; grid-row: 17 / 18; } #imCell_17 { display: grid; grid-column: 1 / 15; grid-row: 18 / 19; } #imCell_26 { display: grid; grid-column: 1 / 15; grid-row: 19 / 20; } #imCell_27 { display: grid; grid-column: 1 / 15; grid-row: 20 / 21; } #imCell_28 { display: grid; grid-column: 1 / 15; grid-row: 21 / 22; } #imCell_29 { display: grid; grid-column: 1 / 15; grid-row: 22 / 23; } #imCell_30 { display: grid; grid-column: 1 / 15; grid-row: 23 / 24; } #imPageRow_1 { display: block; grid-column: 2 / 14; grid-row: 2 / 3; } #imPageRow_2 { display: block; grid-column: 2 / 14; grid-row: 3 / 4; } #imPageRow_3 { display: block; grid-column: 2 / 14; grid-row: 4 / 5; } #imPageRow_4 { display: block; grid-column: 2 / 14; grid-row: 5 / 6; } #imPageRow_5 { display: block; grid-column: 2 / 14; grid-row: 6 / 7; } #imPageRow_6 { display: block; grid-column: 2 / 14; grid-row: 7 / 8; } #imPageRow_7 { display: block; grid-column: 2 / 14; grid-row: 8 / 9; } #imPageRow_8 { display: block; grid-column: 2 / 14; grid-row: 9 / 10; } #imPageRow_9 { display: block; grid-column: 2 / 14; grid-row: 10 / 11; } #imPageRow_10 { display: block; grid-column: 2 / 14; grid-row: 11 / 12; } #imPageRow_11 { display: block; grid-column: 2 / 14; grid-row: 12 / 13; } #imPageRow_12 { display: block; grid-column: 2 / 14; grid-row: 13 / 14; } #imPageRow_13 { display: block; grid-column: 2 / 14; grid-row: 14 / 15; } #imPageRow_14 { display: block; grid-column: 2 / 14; grid-row: 15 / 16; } #imPageRow_15 { display: block; grid-column: 2 / 14; grid-row: 16 / 17; } #imPageRow_16 { display: block; grid-column: 2 / 14; grid-row: 17 / 18; } #imPageRow_17 { display: block; grid-column: 2 / 14; grid-row: 18 / 19; } #imPageRow_18 { display: block; grid-column: 2 / 14; grid-row: 19 / 20; } #imPageRow_19 { display: block; grid-column: 2 / 14; grid-row: 20 / 21; } #imPageRow_20 { display: block; grid-column: 2 / 14; grid-row: 21 / 22; } #imPageRow_21 { display: block; grid-column: 2 / 14; grid-row: 22 / 23; } #imPageRow_22 { display: block; grid-column: 2 / 14; grid-row: 23 / 24; } @media (max-width: 1199.9px) and (min-width: 720.0px) { #imContent { display: grid; grid-template-columns: minmax(0, 1fr) 58.333px 58.333px 58.333px 58.333px 58.333px 58.333px 58.333px 58.333px 58.333px 58.333px 58.333px 58.333px minmax(0, 1fr); grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto; } #imContent > header { display: block; grid-column: 2 / 14; grid-row: 1 / 2; } #imGoToCont { display: block; grid-column: 2 / 3; grid-row: 1 / 2; } #imCell_2 { display: grid; grid-column: 1 / 15; grid-row: 2 / 3; } #imCell_1 { display: grid; grid-column: 1 / 15; grid-row: 3 / 4; } #imCell_4 { display: grid; grid-column: 1 / 15; grid-row: 4 / 5; } #imCell_3 { display: grid; grid-column: 1 / 15; grid-row: 5 / 6; } #imCell_5 { display: grid; grid-column: 1 / 15; grid-row: 6 / 7; } #imCell_6 { display: grid; grid-column: 1 / 15; grid-row: 7 / 8; } #imCell_7 { display: grid; grid-column: 1 / 15; grid-row: 8 / 9; } #imCell_8 { display: grid; grid-column: 1 / 15; grid-row: 9 / 10; } #imCell_9 { display: grid; grid-column: 1 / 15; grid-row: 10 / 11; } #imCell_10 { display: grid; grid-column: 1 / 15; grid-row: 11 / 12; } #imCell_11 { display: grid; grid-column: 1 / 15; grid-row: 12 / 13; } #imCell_12 { display: grid; grid-column: 1 / 15; grid-row: 13 / 14; } #imCell_13 { display: grid; grid-column: 1 / 15; grid-row: 14 / 15; } #imCell_14 { display: grid; grid-column: 1 / 15; grid-row: 15 / 16; } #imCell_15 { display: grid; grid-column: 1 / 15; grid-row: 16 / 17; } #imCell_16 { display: grid; grid-column: 1 / 15; grid-row: 17 / 18; } #imCell_17 { display: grid; grid-column: 1 / 15; grid-row: 18 / 19; } #imCell_26 { display: grid; grid-column: 1 / 15; grid-row: 19 / 20; } #imCell_27 { display: grid; grid-column: 1 / 15; grid-row: 20 / 21; } #imCell_28 { display: grid; grid-column: 1 / 15; grid-row: 21 / 22; } #imCell_29 { display: grid; grid-column: 1 / 15; grid-row: 22 / 23; } #imCell_30 { display: grid; grid-column: 1 / 15; grid-row: 23 / 24; } #imPageRow_1 { display: block; grid-column: 2 / 14; grid-row: 2 / 3; } #imPageRow_2 { display: block; grid-column: 2 / 14; grid-row: 3 / 4; } #imPageRow_3 { display: block; grid-column: 2 / 14; grid-row: 4 / 5; } #imPageRow_4 { display: block; grid-column: 2 / 14; grid-row: 5 / 6; } #imPageRow_5 { display: block; grid-column: 2 / 14; grid-row: 6 / 7; } #imPageRow_6 { display: block; grid-column: 2 / 14; grid-row: 7 / 8; } #imPageRow_7 { display: block; grid-column: 2 / 14; grid-row: 8 / 9; } #imPageRow_8 { display: block; grid-column: 2 / 14; grid-row: 9 / 10; } #imPageRow_9 { display: block; grid-column: 2 / 14; grid-row: 10 / 11; } #imPageRow_10 { display: block; grid-column: 2 / 14; grid-row: 11 / 12; } #imPageRow_11 { display: block; grid-column: 2 / 14; grid-row: 12 / 13; } #imPageRow_12 { display: block; grid-column: 2 / 14; grid-row: 13 / 14; } #imPageRow_13 { display: block; grid-column: 2 / 14; grid-row: 14 / 15; } #imPageRow_14 { display: block; grid-column: 2 / 14; grid-row: 15 / 16; } #imPageRow_15 { display: block; grid-column: 2 / 14; grid-row: 16 / 17; } #imPageRow_16 { display: block; grid-column: 2 / 14; grid-row: 17 / 18; } #imPageRow_17 { display: block; grid-column: 2 / 14; grid-row: 18 / 19; } #imPageRow_18 { display: block; grid-column: 2 / 14; grid-row: 19 / 20; } #imPageRow_19 { display: block; grid-column: 2 / 14; grid-row: 20 / 21; } #imPageRow_20 { display: block; grid-column: 2 / 14; grid-row: 21 / 22; } #imPageRow_21 { display: block; grid-column: 2 / 14; grid-row: 22 / 23; } #imPageRow_22 { display: block; grid-column: 2 / 14; grid-row: 23 / 24; } } @media (max-width: 719.9px) and (min-width: 480.0px) { #imContent { display: grid; grid-template-columns: minmax(0, 1fr) 38.333px 38.333px 38.333px 38.333px 38.333px 38.333px 38.333px 38.333px 38.333px 38.333px 38.333px 38.333px minmax(0, 1fr); grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto; } #imContent > header { display: block; grid-column: 2 / 14; grid-row: 1 / 2; } #imGoToCont { display: block; grid-column: 2 / 3; grid-row: 1 / 2; } #imCell_2 { display: grid; grid-column: 1 / 15; grid-row: 2 / 3; } #imCell_1 { display: grid; grid-column: 1 / 15; grid-row: 3 / 4; } #imCell_4 { display: grid; grid-column: 1 / 15; grid-row: 4 / 5; } #imCell_3 { display: grid; grid-column: 1 / 15; grid-row: 5 / 6; } #imCell_5 { display: grid; grid-column: 1 / 15; grid-row: 6 / 7; } #imCell_6 { display: grid; grid-column: 1 / 15; grid-row: 7 / 8; } #imCell_7 { display: grid; grid-column: 1 / 15; grid-row: 8 / 9; } #imCell_8 { display: grid; grid-column: 1 / 15; grid-row: 9 / 10; } #imCell_9 { display: grid; grid-column: 1 / 15; grid-row: 10 / 11; } #imCell_10 { display: grid; grid-column: 1 / 15; grid-row: 11 / 12; } #imCell_11 { display: grid; grid-column: 1 / 15; grid-row: 12 / 13; } #imCell_12 { display: grid; grid-column: 1 / 15; grid-row: 13 / 14; } #imCell_13 { display: grid; grid-column: 1 / 15; grid-row: 14 / 15; } #imCell_14 { display: grid; grid-column: 1 / 15; grid-row: 15 / 16; } #imCell_15 { display: grid; grid-column: 1 / 15; grid-row: 16 / 17; } #imCell_16 { display: grid; grid-column: 1 / 15; grid-row: 17 / 18; } #imCell_17 { display: grid; grid-column: 1 / 15; grid-row: 18 / 19; } #imCell_26 { display: grid; grid-column: 1 / 15; grid-row: 19 / 20; } #imCell_27 { display: grid; grid-column: 1 / 15; grid-row: 20 / 21; } #imCell_28 { display: grid; grid-column: 1 / 15; grid-row: 21 / 22; } #imCell_29 { display: grid; grid-column: 1 / 15; grid-row: 22 / 23; } #imCell_30 { display: grid; grid-column: 1 / 15; grid-row: 23 / 24; } #imPageRow_1 { display: block; grid-column: 2 / 14; grid-row: 2 / 3; } #imPageRow_2 { display: block; grid-column: 2 / 14; grid-row: 3 / 4; } #imPageRow_3 { display: block; grid-column: 2 / 14; grid-row: 4 / 5; } #imPageRow_4 { display: block; grid-column: 2 / 14; grid-row: 5 / 6; } #imPageRow_5 { display: block; grid-column: 2 / 14; grid-row: 6 / 7; } #imPageRow_6 { display: block; grid-column: 2 / 14; grid-row: 7 / 8; } #imPageRow_7 { display: block; grid-column: 2 / 14; grid-row: 8 / 9; } #imPageRow_8 { display: block; grid-column: 2 / 14; grid-row: 9 / 10; } #imPageRow_9 { display: block; grid-column: 2 / 14; grid-row: 10 / 11; } #imPageRow_10 { display: block; grid-column: 2 / 14; grid-row: 11 / 12; } #imPageRow_11 { display: block; grid-column: 2 / 14; grid-row: 12 / 13; } #imPageRow_12 { display: block; grid-column: 2 / 14; grid-row: 13 / 14; } #imPageRow_13 { display: block; grid-column: 2 / 14; grid-row: 14 / 15; } #imPageRow_14 { display: block; grid-column: 2 / 14; grid-row: 15 / 16; } #imPageRow_15 { display: block; grid-column: 2 / 14; grid-row: 16 / 17; } #imPageRow_16 { display: block; grid-column: 2 / 14; grid-row: 17 / 18; } #imPageRow_17 { display: block; grid-column: 2 / 14; grid-row: 18 / 19; } #imPageRow_18 { display: block; grid-column: 2 / 14; grid-row: 19 / 20; } #imPageRow_19 { display: block; grid-column: 2 / 14; grid-row: 20 / 21; } #imPageRow_20 { display: block; grid-column: 2 / 14; grid-row: 21 / 22; } #imPageRow_21 { display: block; grid-column: 2 / 14; grid-row: 22 / 23; } #imPageRow_22 { display: block; grid-column: 2 / 14; grid-row: 23 / 24; } } @media (max-width: 479.9px) { #imContent { display: grid; grid-template-columns: 0 minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) 0; grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto; } #imContent > header { display: block; grid-column: 2 / 14; grid-row: 1 / 2; } #imGoToCont { display: block; grid-column: 2 / 3; grid-row: 1 / 2; } #imCell_2 { display: grid; grid-column: 1 / 15; grid-row: 2 / 3; } #imCell_1 { display: grid; grid-column: 1 / 15; grid-row: 3 / 4; } #imCell_4 { display: grid; grid-column: 1 / 15; grid-row: 4 / 5; } #imCell_3 { display: grid; grid-column: 1 / 15; grid-row: 5 / 6; } #imCell_5 { display: grid; grid-column: 1 / 15; grid-row: 6 / 7; } #imCell_6 { display: grid; grid-column: 1 / 15; grid-row: 7 / 8; } #imCell_7 { display: grid; grid-column: 1 / 15; grid-row: 8 / 9; } #imCell_8 { display: grid; grid-column: 1 / 15; grid-row: 9 / 10; } #imCell_9 { display: grid; grid-column: 1 / 15; grid-row: 10 / 11; } #imCell_10 { display: grid; grid-column: 1 / 15; grid-row: 11 / 12; } #imCell_11 { display: grid; grid-column: 1 / 15; grid-row: 12 / 13; } #imCell_12 { display: grid; grid-column: 1 / 15; grid-row: 13 / 14; } #imCell_13 { display: grid; grid-column: 1 / 15; grid-row: 14 / 15; } #imCell_14 { display: grid; grid-column: 1 / 15; grid-row: 15 / 16; } #imCell_15 { display: grid; grid-column: 1 / 15; grid-row: 16 / 17; } #imCell_16 { display: grid; grid-column: 1 / 15; grid-row: 17 / 18; } #imCell_17 { display: grid; grid-column: 1 / 15; grid-row: 18 / 19; } #imCell_26 { display: grid; grid-column: 1 / 15; grid-row: 19 / 20; } #imCell_27 { display: grid; grid-column: 1 / 15; grid-row: 20 / 21; } #imCell_28 { display: grid; grid-column: 1 / 15; grid-row: 21 / 22; } #imCell_29 { display: grid; grid-column: 1 / 15; grid-row: 22 / 23; } #imCell_30 { display: grid; grid-column: 1 / 15; grid-row: 23 / 24; } #imPageRow_1 { display: block; grid-column: 2 / 14; grid-row: 2 / 3; } #imPageRow_2 { display: block; grid-column: 2 / 14; grid-row: 3 / 4; } #imPageRow_3 { display: block; grid-column: 2 / 14; grid-row: 4 / 5; } #imPageRow_4 { display: block; grid-column: 2 / 14; grid-row: 5 / 6; } #imPageRow_5 { display: block; grid-column: 2 / 14; grid-row: 6 / 7; } #imPageRow_6 { display: block; grid-column: 2 / 14; grid-row: 7 / 8; } #imPageRow_7 { display: block; grid-column: 2 / 14; grid-row: 8 / 9; } #imPageRow_8 { display: block; grid-column: 2 / 14; grid-row: 9 / 10; } #imPageRow_9 { display: block; grid-column: 2 / 14; grid-row: 10 / 11; } #imPageRow_10 { display: block; grid-column: 2 / 14; grid-row: 11 / 12; } #imPageRow_11 { display: block; grid-column: 2 / 14; grid-row: 12 / 13; } #imPageRow_12 { display: block; grid-column: 2 / 14; grid-row: 13 / 14; } #imPageRow_13 { display: block; grid-column: 2 / 14; grid-row: 14 / 15; } #imPageRow_14 { display: block; grid-column: 2 / 14; grid-row: 15 / 16; } #imPageRow_15 { display: block; grid-column: 2 / 14; grid-row: 16 / 17; } #imPageRow_16 { display: block; grid-column: 2 / 14; grid-row: 17 / 18; } #imPageRow_17 { display: block; grid-column: 2 / 14; grid-row: 18 / 19; } #imPageRow_18 { display: block; grid-column: 2 / 14; grid-row: 19 / 20; } #imPageRow_19 { display: block; grid-column: 2 / 14; grid-row: 20 / 21; } #imPageRow_20 { display: block; grid-column: 2 / 14; grid-row: 21 / 22; } #imPageRow_21 { display: block; grid-column: 2 / 14; grid-row: 22 / 23; } #imPageRow_22 { display: block; grid-column: 2 / 14; grid-row: 23 / 24; } } #imHeader_imCell_63 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHeader_imObjectImage_63 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imHeader_imCellStyleGraphics_63 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imHeader_imCellStyleBorders_63 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imHeader_imObjectImage_63 { vertical-align: top; margin-top: 0px; margin-bottom: 0px; margin-inline-start: auto; margin-inline-end: auto; } #imHeader_imObjectImage_63 #imHeader_imObjectImage_63_container img { width: 100%; height: auto; vertical-align: top; }#imHeader_imCell_7 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHeader_imObjectImage_07 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imHeader_imCellStyleGraphics_7 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imHeader_imCellStyleBorders_7 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imHeader_imObjectImage_07 { vertical-align: top; margin-top: 0px; margin-bottom: 0px; margin-inline-start: auto; margin-inline-end: auto; } #imHeader_imObjectImage_07 #imHeader_imObjectImage_07_container img { width: 100%; height: auto; vertical-align: top; }#imHeader_imCell_45 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHeader_imObjectButton_45 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imHeader_imCellStyleGraphics_45 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imHeader_imCellStyleBorders_45 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imHeader_imObjectButton_45 {margin: 0px; } #imHeader_imObjectButton_45_button {font: normal normal bold 18pt 'Arial'; background-color: transparent; transition: background-color 0.2s linear; position: relative; display: inline-block; word-wrap: break-word; max-width: 100%;border: solid; border-block-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 1); border-inline-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 1); border-width: 0px; border-radius: 25px; padding-block: 4px; padding-inline: 8px; color: rgba(8, 156, 68, 1); } #imHeader_imObjectButton_45_button:hover {background-color: transparent; cursor: pointer; } #imHeader_imCell_51 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHeader_imObjectButton_51 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imHeader_imCellStyleGraphics_51 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imHeader_imCellStyleBorders_51 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imHeader_imObjectButton_51 {margin: 0px; } #imHeader_imObjectButton_51_button {font: normal normal bold 18pt 'Arial'; background-color: transparent; transition: background-color 0.2s linear; position: relative; display: inline-block; word-wrap: break-word; max-width: 100%;border: solid; border-block-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 1); border-inline-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 1); border-width: 0px; border-radius: 25px; padding-block: 4px; padding-inline: 8px; color: rgba(8, 156, 68, 1); } #imHeader_imObjectButton_51_button:hover {background-color: transparent; cursor: pointer; } #imHeader_imCell_52 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHeader_imObjectButton_52 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imHeader_imCellStyleGraphics_52 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imHeader_imCellStyleBorders_52 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imHeader_imObjectButton_52 {margin: 0px; } #imHeader_imObjectButton_52_button {font: normal normal bold 11pt 'Arial'; background-color: rgba(0, 152, 70, 1); transition: background-color 0.2s linear; position: relative; display: inline-block; word-wrap: break-word; max-width: 100%;border: solid; border-block-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 1); border-inline-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 1); border-width: 1px; border-radius: 25px; padding: 10px; color: rgba(255, 255, 255, 1); } #imHeader_imObjectButton_52_button:hover {background-color: rgba(31, 112, 174, 1); cursor: pointer; } #imHeader_imCell_58 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHeader_imObjectImage_58 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imHeader_imCellStyleGraphics_58 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imHeader_imCellStyleBorders_58 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imHeader_imObjectImage_58 { vertical-align: top; margin-top: 0px; margin-bottom: 0px; margin-inline-start: auto; margin-inline-end: auto; } #imHeader_imObjectImage_58 #imHeader_imObjectImage_58_container img { width: 100%; height: auto; vertical-align: top; }#imHeader_imCell_61 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHeader_imObjectImage_61 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imHeader_imCellStyleGraphics_61 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imHeader_imCellStyleBorders_61 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imHeader_imObjectImage_61 { vertical-align: top; margin-top: 0px; margin-bottom: 0px; margin-inline-start: auto; margin-inline-end: auto; } #imHeader_imObjectImage_61 #imHeader_imObjectImage_61_container img { width: 100%; height: auto; vertical-align: top; }#imHeader_imCell_62 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHeader_imObjectImage_62 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imHeader_imCellStyleGraphics_62 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imHeader_imCellStyleBorders_62 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imHeader_imObjectImage_62 { vertical-align: top; margin-top: 0px; margin-bottom: 0px; margin-inline-start: auto; margin-inline-end: auto; } #imHeader_imObjectImage_62 #imHeader_imObjectImage_62_container img { width: 100%; height: auto; vertical-align: top; }#imHeader_imCell_84 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHeader_imMenuObject_84 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 103; } #imHeader_imCellStyleGraphics_84 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imHeader_imCellStyleBorders_84 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 102; } .label-wrapper .menu-item-icon { max-height: 100%; position: absolute; top: 0; bottom: 0; inset-inline-start: 3px; margin: auto; z-index: 0; } .im-menu-opened #imStickyBarContainer, .im-menu-opened #imPageToTop { visibility: hidden !important; } #imHeader_imCell_85 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHeader_pluginAppObj_85 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imHeader_imCellStyleGraphics_85 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imHeader_imCellStyleBorders_85 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imHeader_imCell_86 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHeader_imObjectImage_86 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imHeader_imCellStyleGraphics_86 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imHeader_imCellStyleBorders_86 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imHeader_imObjectImage_86 { vertical-align: top; margin-top: 0px; margin-bottom: 0px; margin-inline-start: auto; margin-inline-end: auto; } #imHeader_imObjectImage_86 #imHeader_imObjectImage_86_container img { width: 100%; height: auto; vertical-align: top; }#imHeader_imCell_87 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHeader_pluginAppObj_87 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imHeader_imCellStyleGraphics_87 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imHeader_imCellStyleBorders_87 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imHeader_imCell_88 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHeader_pluginAppObj_88 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imHeader_imCellStyleGraphics_88 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imHeader_imCellStyleBorders_88 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imHeader_imCell_89 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHeader_pluginAppObj_89 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imHeader_imCellStyleGraphics_89 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imHeader_imCellStyleBorders_89 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imHeader_imCell_90 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHeader_pluginAppObj_90 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imHeader_imCellStyleGraphics_90 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imHeader_imCellStyleBorders_90 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imHeader_imCell_91 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHeader_pluginAppObj_91 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imHeader_imCellStyleGraphics_91 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imHeader_imCellStyleBorders_91 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imHeader_imCell_92 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHeader_pluginAppObj_92 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imHeader_imCellStyleGraphics_92 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imHeader_imCellStyleBorders_92 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imHeader_imCell_93 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHeader_imObjectImage_93 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imHeader_imCellStyleGraphics_93 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imHeader_imCellStyleBorders_93 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imHeader_imObjectImage_93 { vertical-align: top; margin-top: 0px; margin-bottom: 0px; margin-inline-start: auto; margin-inline-end: auto; } #imHeader_imObjectImage_93 #imHeader_imObjectImage_93_container img { width: 100%; height: auto; vertical-align: top; }#imHeader_imCell_94 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHeader_imObjectButton_94 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imHeader_imCellStyleGraphics_94 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imHeader_imCellStyleBorders_94 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imHeader_imObjectButton_94 {margin: 0px; } #imHeader_imObjectButton_94_button {font: normal normal bold 12pt 'Arial'; background-color: rgba(8, 156, 68, 1); transition: background-color 0.2s linear; position: relative; display: inline-block; word-wrap: break-word; max-width: 100%;border: solid; border-block-color: transparent transparent; border-inline-color: transparent transparent; border-width: 1px; border-radius: 5px; padding: 8px; color: rgba(255, 255, 255, 1); } #imHeader_imObjectButton_94_button:hover {background-color: rgba(38, 126, 98, 1); cursor: pointer; } #imHeader_imCell_95 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHeader_imObjectButton_95 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imHeader_imCellStyleGraphics_95 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imHeader_imCellStyleBorders_95 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imHeader_imObjectButton_95 {margin: 0px; } #imHeader_imObjectButton_95_button {font: normal normal bold 12pt 'Arial'; background-color: rgba(8, 156, 68, 1); transition: background-color 0.2s linear; position: relative; display: inline-block; word-wrap: break-word; max-width: 100%;border: solid; border-block-color: transparent transparent; border-inline-color: transparent transparent; border-width: 1px; border-radius: 5px; padding: 8px; color: rgba(255, 255, 255, 1); } #imHeader_imObjectButton_95_button:hover {background-color: rgba(38, 126, 98, 1); cursor: pointer; } #imFooter_imCell_24 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imFooter_imHTMLObject_24 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imFooter_imCellStyleGraphics_24 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imFooter_imCellStyleBorders_24 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imFooter_imCell_25 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imFooter_imHTMLObject_25 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imFooter_imCellStyleGraphics_25 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imFooter_imCellStyleBorders_25 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imFooter_imCell_26 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imFooter_imHTMLObject_26 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imFooter_imCellStyleGraphics_26 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imFooter_imCellStyleBorders_26 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imFooter_imCell_27 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imFooter_imHTMLObject_27 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imFooter_imCellStyleGraphics_27 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imFooter_imCellStyleBorders_27 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imFooter_imCell_28 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imFooter_imHTMLObject_28 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imFooter_imCellStyleGraphics_28 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imFooter_imCellStyleBorders_28 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imSideBar_imCell_19 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imSideBar_imObjectTitle_19 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imSideBar_imCellStyleGraphics_19 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imSideBar_imCellStyleBorders_19 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imSideBar_imObjectTitle_19 {margin: 0px; text-align: center;} #imSideBar_imObjectTitle_19_text {font: normal normal bold 16pt 'Arial'; padding: 0px; background-color: transparent; position: relative; display: inline-block; } #imSideBar_imObjectTitle_19_text, #imSideBar_imObjectTitle_19_text a { color: rgba(0, 152, 70, 1); overflow-wrap: break-word; max-width: 100%;white-space: pre-wrap; } #imSideBar_imObjectTitle_19_text a{ text-decoration: none; } #imSideBar_imCell_21 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imSideBar_imObjectForm_21 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imSideBar_imCellStyleGraphics_21 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imSideBar_imCellStyleBorders_21 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imSideBar_imObjectForm_21 { width: 100%; } .imObjectForm_21_tip { position: absolute; inset-inline-end: 0px; width: 20px; } #imObjectForm_21_form { position: relative; width: 100%; margin: 0px; padding: 0px; text-align: start; font-family: Arial, sans serif; font-size: 11pt; font-weight: normal; font-style: normal; } #imObjectForm_21_form label, #imObjectForm_21_form .checkbox, #imObjectForm_21_form .radiobutton, #imObjectForm_21_form option.label_option { opacity: 1; color: rgba(31, 112, 174, 1); font-family: Arial, sans serif; font-size: 11pt; font-weight: normal; font-style: normal; -webkit-text-size-adjust: 100%; } #imObjectForm_21_form ::placeholder { opacity: 1; color: rgba(31, 112, 174, 1); font-family: Arial, sans serif; font-size: 11pt; font-weight: normal; font-style: normal; -webkit-text-size-adjust: 100%; } #imObjectForm_21_form label { text-align: start; padding-block: 1px; padding-inline: 0px; } #imObjectForm_21_form label span { display: inline-block; padding-top: 5px; padding-bottom: 5px; } #imObjectForm_21_form fieldset { margin: 0px; padding-block: 8px 0px; padding-inline: 0px; } #imObjectForm_21_form fieldset.first { margin: 0px; padding: 0px; } #imObjectForm_21_form div.legend { margin-bottom: 8px; font-family: Arial, sans serif; font-size: 11pt;} #imObjectForm_21_form input[type=text], #imObjectForm_21_form input[type=password], #imObjectForm_21_form input[type=file], #imObjectForm_21_form input[type=tel], #imObjectForm_21_form input[type=date], #imObjectForm_21_form input[type=number], #imObjectForm_21_form input[type=email], #imObjectForm_21_form input[type=url], #imObjectForm_21_form select, #imObjectForm_21_form textarea, #imObjectForm_21_form span.textarea { resize: none; margin-block: 2px; margin-inline: 0px; color: rgba(0, 0, 0, 1); border-style: solid; border-width: 1px; border-color: transparent; background-color: rgba(255, 255, 255, 1); font-family: Arial, sans serif; font-size: 11pt; font-weight: normal; font-style: normal; padding-block: 5px; padding-inline: 11px; border-radius: 5px; box-shadow: none; transition: all 200ms ease; } #imObjectForm_21_form select { padding-block: 4px; padding-inline: 11px; } #imObjectForm_21_form input[type="checkbox"], #imObjectForm_21_form input[type="radio"] { border: 0; background-color: transparent; } #imObjectForm_21_form input.imFormFocus, #imObjectForm_21_form select.imFormFocus, #imObjectForm_21_form textarea.imFormFocus, #imObjectForm_21_form span.textarea.imFormFocus { color: rgba(255, 255, 255, 1); background-color: rgba(31, 112, 174, 1); border-color: rgba(169, 169, 169, 1);} #imObjectForm_21_form input[type="checkbox"].imFormFocus, #imObjectForm_21_form input[type="radio"].imFormFocus { border: 0; background-color: transparent; } #imObjectForm_21_form input.imFormMark, #imObjectForm_21_form textarea.imFormMark, #imObjectForm_21_form span.textarea.imFormMark, #imObjectForm_21_form select.imFormMark { color: rgba(255, 255, 255, 1); background-color: rgba(255, 0, 0, 1); border-color: rgba(255, 0, 0, 1); } #imObjectForm_21_form input[type="submit"], #imObjectForm_21_form input[type="button"], #imObjectForm_21_next, #imObjectForm_21_prev, #imObjectForm_21_submit {-webkit-appearance: none;cursor: pointer;color: rgba(255, 255, 255, 1); border: solid; border-block-color: transparent transparent; border-inline-color: transparent transparent; border-width: 0px; background-color: rgba(0, 152, 70, 1);font-family: Arial, sans serif;font-size: 12pt; font-weight: normal; font-style: normal;border-radius: 15px; padding-block: 8px; padding-inline: 4px; margin-inline-start: 0px; } #imObjectForm_21_form input[type="submit"]:disabled, #imObjectForm_21_form input[type="button"]:disabled, #imObjectForm_21_next:disabled, #imObjectForm_21_prev:disabled, #imObjectForm_21_submit:disabled { opacity: .5; cursor: default; }#imObjectForm_21_prot { display: none; } #imObjectForm_21_buttonswrap { text-align: center; box-sizing: border-box; width: 100%; } .imObjectFormFieldContainer { float: left; float: inline-start; box-sizing: border-box; padding-inline-start: 0px; margin: 0px; padding-top: 0px; padding-bottom: 2px; } .imObjectFormFieldContainer.centered { display: flex; align-items: center; } .imObjectFormAgreementCheckboxWrapper { display: block; } .imObjectFormAgreementCheckbox { margin-inline-end: 5px; vertical-align: middle; } .checkbox-input, .checkbox-label, .radio-input, .radio-label { vertical-align: middle; } .radio-input { margin-top: 0px; } #imObjectForm_21_1_container { position: relative; width: 100%; padding-inline-end: 10px; clear: left; clear: inline-start; } #imObjectForm_21_1_field { position: relative; float: left; float: inline-start; display: flex; box-sizing: border-box; width: 100%; padding-top: 2px; padding-bottom: 2px; } #imObjectForm_21_1 { box-sizing: border-box; width: 100%; } #imObjectForm_21_2_container { position: relative; width: 100%; padding-inline-end: 10px; clear: left; clear: inline-start; } #imObjectForm_21_2_field { position: relative; float: left; float: inline-start; display: flex; box-sizing: border-box; width: 100%; padding-top: 2px; padding-bottom: 2px; } #imObjectForm_21_2 { box-sizing: border-box; width: 100%; } #imObjectForm_21_3_container { position: relative; width: 100%; padding-inline-end: 10px; clear: left; clear: inline-start; } #imObjectForm_21_3_field { position: relative; float: left; float: inline-start; display: flex; box-sizing: border-box; width: 100%; padding-top: 2px; padding-bottom: 2px; } #imObjectForm_21_3 { box-sizing: border-box; width: 100%; } #imObjectForm_21_4_container { position: relative; width: 100%; padding-inline-end: 10px; clear: left; clear: inline-start; } #imObjectForm_21_4_field { position: relative; float: left; float: inline-start; display: flex; box-sizing: border-box; width: 100%; padding-top: 2px; padding-bottom: 2px; direction: ltr; } #imObjectForm_21_4 { box-sizing: border-box; width: 100%; } #imObjectForm_21_5_container { position: relative; width: 100%; padding-inline-end: 10px; clear: left; clear: inline-start; } #imObjectForm_21_5_field { position: relative; float: left; float: inline-start; display: flex; box-sizing: border-box; width: 100%; padding-top: 2px; padding-bottom: 2px; } #imObjectForm_21_5 { box-sizing: border-box; width: 100%; height: 70px; } #imObjectForm_21_6_container { position: relative; width: 100%; padding-inline-end: 10px; clear: left; clear: inline-start; } #imObjectForm_21_6_field { position: relative; float: left; float: inline-start; display: flex; box-sizing: border-box; width: 100%; padding-top: 2px; padding-bottom: 2px; padding-inline-end: 20px; } #imObjectForm_21_6_wrapper { display: inline-block; width: 100%; } .imObjectForm_21_6_radiobutton { display: block; float: left; float: inline-start; margin: 0; padding: 0; width: 100%; } .imObjectForm_21_6_radiobutton.firstrow { padding-top: 5px; } .imObjectForm_21_6_radiobutton.firstcolumn { clear: left; clear: inline-start; } #imObjectForm_21_7_container { position: relative; width: 100%; padding-inline-end: 10px; clear: left; clear: inline-start; } #imObjectForm_21_7_field { position: relative; float: left; float: inline-start; display: flex; box-sizing: border-box; width: 100%; padding-top: 2px; padding-bottom: 2px; } #imObjectForm_21_7 { box-sizing: border-box; width: 100%; font: normal normal normal 8pt 'Arial'; color: rgba(255, 255, 255, 1); text-decoration: none; text-align: start; padding: 0px; } #imSideBar_imObjectImage_22 { vertical-align: top; margin-top: 0px; margin-bottom: 0px; margin-inline-start: auto; margin-inline-end: auto; } #imSideBar_imObjectImage_22 #imSideBar_imObjectImage_22_container img { width: 100%; height: auto; vertical-align: top; }#imStickyBar_imCell_100 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imStickyBar_imObjectImage_100 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imStickyBar_imCellStyleGraphics_100 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imStickyBar_imCellStyleBorders_100 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imStickyBar_imObjectImage_100 { vertical-align: top; margin-top: 0px; margin-bottom: 0px; margin-inline-start: auto; margin-inline-end: auto; } #imStickyBar_imObjectImage_100 #imStickyBar_imObjectImage_100_container img { width: 100%; height: auto; vertical-align: top; }#imStickyBar_imCell_69 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imStickyBar_imObjectImage_69 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imStickyBar_imCellStyleGraphics_69 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imStickyBar_imCellStyleBorders_69 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imStickyBar_imObjectImage_69 { vertical-align: top; margin-top: 0px; margin-bottom: 0px; margin-inline-start: auto; margin-inline-end: auto; } #imStickyBar_imObjectImage_69 #imStickyBar_imObjectImage_69_container img { width: 100%; height: auto; vertical-align: top; }#imStickyBar_imCell_70 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imStickyBar_imObjectImage_70 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imStickyBar_imCellStyleGraphics_70 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imStickyBar_imCellStyleBorders_70 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imStickyBar_imObjectImage_70 { vertical-align: top; margin-top: 0px; margin-bottom: 0px; margin-inline-start: auto; margin-inline-end: auto; } #imStickyBar_imObjectImage_70 #imStickyBar_imObjectImage_70_container img { width: 100%; height: auto; vertical-align: top; }#imStickyBar_imCell_88 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imStickyBar_imObjectButton_88 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imStickyBar_imCellStyleGraphics_88 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imStickyBar_imCellStyleBorders_88 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imStickyBar_imObjectButton_88 {margin: 0px; } #imStickyBar_imObjectButton_88_button {font: normal normal bold 18pt 'Arial'; background-color: transparent; transition: background-color 0.2s linear; position: relative; display: inline-block; word-wrap: break-word; max-width: 100%;border: solid; border-block-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 1); border-inline-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 1); border-width: 0px; border-radius: 25px; padding-block: 4px; padding-inline: 8px; color: rgba(8, 156, 68, 1); } #imStickyBar_imObjectButton_88_button:hover {background-color: transparent; cursor: pointer; } #imStickyBar_imCell_95 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imStickyBar_imObjectButton_95 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imStickyBar_imCellStyleGraphics_95 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imStickyBar_imCellStyleBorders_95 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imStickyBar_imObjectButton_95 {margin: 0px; } #imStickyBar_imObjectButton_95_button {font: normal normal bold 11pt 'Arial'; background-color: rgba(0, 152, 70, 1); transition: background-color 0.2s linear; position: relative; display: inline-block; word-wrap: break-word; max-width: 100%;border: solid; border-block-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 1); border-inline-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 1); border-width: 1px; border-radius: 25px; padding: 10px; color: rgba(255, 255, 255, 1); } #imStickyBar_imObjectButton_95_button:hover {background-color: rgba(31, 112, 174, 1); cursor: pointer; } #imStickyBar_imCell_98 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imStickyBar_imObjectImage_98 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imStickyBar_imCellStyleGraphics_98 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imStickyBar_imCellStyleBorders_98 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imStickyBar_imObjectImage_98 { vertical-align: top; margin-top: 0px; margin-bottom: 0px; margin-inline-start: auto; margin-inline-end: auto; } #imStickyBar_imObjectImage_98 #imStickyBar_imObjectImage_98_container img { width: 100%; height: auto; vertical-align: top; }#imStickyBar_imCell_104 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imStickyBar_imObjectImage_104 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imStickyBar_imCellStyleGraphics_104 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imStickyBar_imCellStyleBorders_104 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imStickyBar_imObjectImage_104 { vertical-align: top; margin-top: 0px; margin-bottom: 0px; margin-inline-start: auto; margin-inline-end: auto; } #imStickyBar_imObjectImage_104 #imStickyBar_imObjectImage_104_container img { width: 100%; height: auto; vertical-align: top; }#imStickyBar_imCell_105 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imStickyBar_imObjectImage_105 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imStickyBar_imCellStyleGraphics_105 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imStickyBar_imCellStyleBorders_105 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imStickyBar_imObjectImage_105 { vertical-align: top; margin-top: 0px; margin-bottom: 0px; margin-inline-start: auto; margin-inline-end: auto; } #imStickyBar_imObjectImage_105 #imStickyBar_imObjectImage_105_container img { width: 100%; height: auto; vertical-align: top; }#imStickyBar_imCell_106 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imStickyBar_imObjectButton_106 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imStickyBar_imCellStyleGraphics_106 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imStickyBar_imCellStyleBorders_106 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imStickyBar_imObjectButton_106 {margin: 0px; } #imStickyBar_imObjectButton_106_button {font: normal normal bold 10pt 'Arial'; background-color: rgba(31, 112, 174, 1); transition: background-color 0.2s linear; position: relative; display: inline-block; word-wrap: break-word; max-width: 100%;border: solid; border-block-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 1); border-inline-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 1); border-width: 1px; border-radius: 25px; padding: 10px; color: rgba(255, 255, 255, 1); } #imStickyBar_imObjectButton_106_button:hover {background-color: rgba(0, 152, 70, 1); cursor: pointer; } #imStickyBar_imCell_107 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imStickyBar_imObjectButton_107 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imStickyBar_imCellStyleGraphics_107 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imStickyBar_imCellStyleBorders_107 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imStickyBar_imObjectButton_107 {margin: 0px; } #imStickyBar_imObjectButton_107_button {font: normal normal bold 10pt 'Arial'; background-color: rgba(0, 152, 70, 1); transition: background-color 0.2s linear; position: relative; display: inline-block; word-wrap: break-word; max-width: 100%;border: solid; border-block-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 1); border-inline-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 1); border-width: 1px; border-radius: 25px; padding: 10px; color: rgba(255, 255, 255, 1); } #imStickyBar_imObjectButton_107_button:hover {background-color: rgba(31, 112, 174, 1); cursor: pointer; } #imStickyBar_imCell_108 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imStickyBar_imObjectButton_108 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imStickyBar_imCellStyleGraphics_108 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imStickyBar_imCellStyleBorders_108 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imStickyBar_imObjectButton_108 {margin: 0px; } #imStickyBar_imObjectButton_108_button {font: normal normal bold 10pt 'Arial'; background-color: rgba(31, 112, 174, 1); transition: background-color 0.2s linear; position: relative; display: inline-block; word-wrap: break-word; max-width: 100%;border: solid; border-block-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 1); border-inline-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 1); border-width: 1px; border-radius: 25px; padding: 10px; color: rgba(255, 255, 255, 1); } #imStickyBar_imObjectButton_108_button:hover {background-color: rgba(0, 152, 70, 1); cursor: pointer; } #imStickyBar_imCell_112 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imStickyBar_imObjectButton_112 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imStickyBar_imCellStyleGraphics_112 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imStickyBar_imCellStyleBorders_112 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imStickyBar_imObjectButton_112 {margin: 0px; } #imStickyBar_imObjectButton_112_button {font: normal normal bold 18pt 'Arial'; background-color: transparent; transition: background-color 0.2s linear; position: relative; display: inline-block; word-wrap: break-word; max-width: 100%;border: solid; border-block-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 1); border-inline-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 1); border-width: 0px; border-radius: 25px; padding-block: 4px; padding-inline: 8px; color: rgba(8, 156, 68, 1); } #imStickyBar_imObjectButton_112_button:hover {background-color: transparent; cursor: pointer; } #imStickyBar_imCell_114 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imStickyBar_pluginAppObj_114 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imStickyBar_imCellStyleGraphics_114 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imStickyBar_imCellStyleBorders_114 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imStickyBar_imCell_115 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imStickyBar_imObjectImage_115 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imStickyBar_imCellStyleGraphics_115 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imStickyBar_imCellStyleBorders_115 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imStickyBar_imObjectImage_115 { vertical-align: top; margin-top: 0px; margin-bottom: 0px; margin-inline-start: auto; margin-inline-end: auto; } #imStickyBar_imObjectImage_115 #imStickyBar_imObjectImage_115_container img { width: 100%; height: auto; vertical-align: top; }#imStickyBar_imCell_117 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imStickyBar_imMenuObject_117 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 103; } #imStickyBar_imCellStyleGraphics_117 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imStickyBar_imCellStyleBorders_117 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 102; } .label-wrapper .menu-item-icon { max-height: 100%; position: absolute; top: 0; bottom: 0; inset-inline-start: 3px; margin: auto; z-index: 0; } .im-menu-opened #imStickyBarContainer, .im-menu-opened #imPageToTop { visibility: hidden !important; } #imStickyBar_imCell_118 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imStickyBar_imObjectButton_118 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imStickyBar_imCellStyleGraphics_118 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imStickyBar_imCellStyleBorders_118 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imStickyBar_imObjectButton_118 {margin: 0px; } #imStickyBar_imObjectButton_118_button {font: normal normal bold 14pt 'Arial'; background-color: rgba(8, 156, 68, 1); transition: background-color 0.2s linear; position: relative; display: inline-block; word-wrap: break-word; max-width: 100%;border: solid; border-block-color: transparent transparent; border-inline-color: transparent transparent; border-width: 1px; border-radius: 5px; padding: 8px; color: rgba(255, 255, 255, 1); } #imStickyBar_imObjectButton_118_button:hover {background-color: rgba(38, 126, 98, 1); cursor: pointer; } #imStickyBar_imCell_119 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imStickyBar_imObjectButton_119 { position: relative; max-width: 100%; box-sizing: border-box; z-index: 3; } #imStickyBar_imCellStyleGraphics_119 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imStickyBar_imCellStyleBorders_119 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #imStickyBar_imObjectButton_119 {margin: 0px; } #imStickyBar_imObjectButton_119_button {font: normal normal bold 12pt 'Arial'; background-color: rgba(8, 156, 68, 1); transition: background-color 0.2s linear; position: relative; display: inline-block; word-wrap: break-word; max-width: 100%;border: solid; border-block-color: transparent transparent; border-inline-color: transparent transparent; border-width: 1px; border-radius: 5px; padding: 8px; color: rgba(255, 255, 255, 1); } #imStickyBar_imObjectButton_119_button:hover {background-color: rgba(38, 126, 98, 1); cursor: pointer; } .imPageRow { position: relative; } #imCell_2 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1723_02 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_2 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_2 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= MENU PAGINE ISOLAMENTO ACUSTICO MILANO PAGINA ATTUALE: INSONORIZZAZIONE STANZA MILANO ========================================================= */ .smil-pages-menu { --smil-menu-dark: #073844; --smil-menu-deep: #052b35; --smil-menu-blue: #087c8f; --smil-menu-turquoise: #00a991; --smil-menu-turquoise-light: #dff8f4; --smil-menu-orange: #f28a2e; --smil-menu-orange-dark: #d66d0e; --smil-menu-orange-soft: #fff1e4; --smil-menu-white: #ffffff; --smil-menu-bg-soft: #f3faf9; --smil-menu-text: #183640; --smil-menu-muted: #557078; --smil-menu-border: #cee5e2; --smil-menu-shadow: 0 8px 22px rgba(5, 43, 53, 0.15); position: relative; z-index: 100; width: 100%; max-width: 100%; min-width: 0; margin: 0; overflow-x: hidden; border-top: 1px solid var(--smil-menu-border); border-bottom: 1px solid var(--smil-menu-border); background: var(--smil-menu-white); color: var(--smil-menu-text); box-shadow: var(--smil-menu-shadow); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; isolation: isolate; } @supports (overflow: clip) { .smil-pages-menu { overflow-x: clip; } } /* ========================================================= BOX SIZING E PROTEZIONE OVERFLOW ========================================================= */ .smil-pages-menu, .smil-pages-menu *, .smil-pages-menu *::before, .smil-pages-menu *::after { box-sizing: border-box; } .smil-pages-menu div, .smil-pages-menu ul, .smil-pages-menu li, .smil-pages-menu a, .smil-pages-menu p, .smil-pages-menu span, .smil-pages-menu small, .smil-pages-menu strong, .smil-pages-menu img { max-width: 100%; min-width: 0; } .smil-pages-menu p, .smil-pages-menu a, .smil-pages-menu span, .smil-pages-menu small, .smil-pages-menu strong { word-break: normal; overflow-wrap: break-word; white-space: normal; } .smil-pages-menu a { -webkit-tap-highlight-color: transparent; } /* ========================================================= CONTENITORE PRINCIPALE ========================================================= */ .smil-pages-menu__container { position: relative; display: grid; grid-template-columns: minmax(250px, 300px) minmax(0, 1fr); align-items: stretch; width: calc(100% - 32px); max-width: 1580px; min-width: 0; margin: 0 auto; } /* ========================================================= MARCHIO E CONTESTO LOCALE ========================================================= */ .smil-pages-menu__brand { position: relative; display: flex; align-items: center; justify-content: center; gap: 14px; width: 100%; min-width: 0; min-height: 105px; padding: 12px 18px; border: 0; border-right: 1px solid var(--smil-menu-border); border-radius: 0; background: var(--smil-menu-white); color: var(--smil-menu-dark); text-decoration: none; cursor: pointer; transition: background-color 180ms ease, color 180ms ease; } .smil-pages-menu__brand:hover, .smil-pages-menu__brand:focus, .smil-pages-menu__brand:active, .smil-pages-menu__brand:visited { background: var(--smil-menu-white); color: var(--smil-menu-dark); text-decoration: none; } .smil-pages-menu__logo { display: block; width: 94px; max-width: 43%; height: auto; flex: 0 0 auto; object-fit: contain; } .smil-pages-menu__brand-text { display: block; min-width: 0; } .smil-pages-menu__brand-text small { display: block; margin-bottom: 4px; color: var(--smil-menu-turquoise); font-size: 0.59rem; font-weight: 900; line-height: 1.3; letter-spacing: 0.055em; text-transform: uppercase; } .smil-pages-menu__brand-text strong { display: block; color: var(--smil-menu-dark); font-size: 0.83rem; font-weight: 900; line-height: 1.3; } /* ========================================================= AREA SERVIZI ========================================================= */ .smil-pages-menu__services { width: 100%; min-width: 0; padding: 7px 0 10px 14px; } .smil-pages-menu__context { display: flex; align-items: center; gap: 7px; width: 100%; min-width: 0; margin: 0 0 6px; padding: 0 3px; color: var(--smil-menu-dark); font-size: 0.61rem; line-height: 1.3; } .smil-pages-menu__context > span { display: inline-flex; width: 25px; height: 25px; flex: 0 0 25px; align-items: center; justify-content: center; border-radius: 7px; background: linear-gradient( 145deg, var(--smil-menu-orange), var(--smil-menu-orange-dark) ); color: var(--smil-menu-white); font-size: 0.56rem; font-weight: 950; line-height: 1; } .smil-pages-menu__context strong { color: var(--smil-menu-dark); font-size: 0.63rem; font-weight: 900; line-height: 1.35; letter-spacing: 0.025em; text-transform: uppercase; } /* ========================================================= ELENCO DELLE PAGINE ========================================================= */ .smil-pages-menu__list { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; align-items: stretch; width: 100%; min-width: 0; margin: 0; padding: 0; list-style: none; } .smil-pages-menu__item { display: flex; width: 100%; min-width: 0; margin: 0; padding: 0; list-style: none; } /* ========================================================= COLLEGAMENTI ========================================================= */ .smil-pages-menu__link { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 9px; align-items: center; width: 100%; min-width: 0; min-height: 72px; padding: 9px 10px; border: 1px solid var(--smil-menu-border); border-radius: 12px; background: var(--smil-menu-bg-soft); color: var(--smil-menu-dark); text-decoration: none; cursor: pointer; visibility: visible; opacity: 1; transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease; } .smil-pages-menu__link:hover, .smil-pages-menu__link:focus, .smil-pages-menu__link:active { transform: translateY(-2px); border-color: var(--smil-menu-turquoise); background: var(--smil-menu-white); color: var(--smil-menu-dark); box-shadow: var(--smil-menu-shadow); text-decoration: none; } .smil-pages-menu__link:visited { color: var(--smil-menu-dark); } /* ========================================================= PAGINA ATTUALE INSONORIZZAZIONE STANZA MILANO ========================================================= */ .smil-pages-menu__link--current, .smil-pages-menu__link--current:visited, .smil-pages-menu__link--current:hover, .smil-pages-menu__link--current:focus, .smil-pages-menu__link--current:active { transform: none; border-color: var(--smil-menu-blue); background: radial-gradient( circle at 100% 0%, rgba(0, 169, 145, 0.34), transparent 46% ), linear-gradient( 135deg, var(--smil-menu-deep) 0%, var(--smil-menu-dark) 56%, var(--smil-menu-blue) 100% ); color: var(--smil-menu-white); box-shadow: 0 10px 24px rgba(5, 43, 53, 0.22); } /* ========================================================= BADGE ========================================================= */ .smil-pages-menu__badge { display: inline-flex; width: 32px; height: 32px; flex: 0 0 32px; align-items: center; justify-content: center; border-radius: 9px; background: var(--smil-menu-turquoise); color: var(--smil-menu-white); font-size: 0.63rem; font-weight: 950; line-height: 1; } /* PAGINA PRINCIPALE */ .smil-pages-menu__item:nth-child(1) .smil-pages-menu__badge { background: var(--smil-menu-turquoise); } /* PARETI */ .smil-pages-menu__item:nth-child(2) .smil-pages-menu__badge { background: var(--smil-menu-blue); } /* SOFFITTO */ .smil-pages-menu__item:nth-child(3) .smil-pages-menu__badge { background: var(--smil-menu-dark); } /* PAVIMENTO */ .smil-pages-menu__item:nth-child(4) .smil-pages-menu__badge { background: var(--smil-menu-turquoise); } /* FINESTRE */ .smil-pages-menu__item:nth-child(5) .smil-pages-menu__badge { background: linear-gradient( 145deg, var(--smil-menu-orange), var(--smil-menu-orange-dark) ); } /* STANZA COMPLETA */ .smil-pages-menu__item:nth-child(6) .smil-pages-menu__badge { background: var(--smil-menu-blue); } /* BADGE DELLA PAGINA CORRENTE */ .smil-pages-menu__link--current .smil-pages-menu__badge { background: linear-gradient( 145deg, var(--smil-menu-orange), var(--smil-menu-orange-dark) ); color: var(--smil-menu-white); box-shadow: 0 7px 16px rgba(214, 109, 14, 0.25); } /* ========================================================= TESTI DELLE VOCI ========================================================= */ .smil-pages-menu__copy { display: block; width: 100%; min-width: 0; } .smil-pages-menu__copy strong { display: block; margin-bottom: 3px; color: var(--smil-menu-dark); font-size: 0.67rem; font-weight: 900; line-height: 1.27; } .smil-pages-menu__copy small { display: block; color: var(--smil-menu-muted); font-size: 0.55rem; font-weight: 400; line-height: 1.31; } .smil-pages-menu__link--current .smil-pages-menu__copy strong { color: var(--smil-menu-white); } .smil-pages-menu__link--current .smil-pages-menu__copy small { color: var(--smil-menu-turquoise-light); } /* ========================================================= ACCESSIBILITÀ ========================================================= */ .smil-pages-menu a:focus-visible { outline: 3px solid var(--smil-menu-orange); outline-offset: 3px; } /* ========================================================= DESKTOP MEDIO ========================================================= */ @media (max-width: 1380px) { .smil-pages-menu__container { grid-template-columns: minmax(215px, 245px) minmax(0, 1fr); } .smil-pages-menu__brand { padding-right: 12px; padding-left: 12px; } .smil-pages-menu__logo { width: 82px; } .smil-pages-menu__list { grid-template-columns: repeat(3, minmax(0, 1fr)); } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 900px) { .smil-pages-menu__container { grid-template-columns: minmax(0, 1fr); gap: 8px; width: calc(100% - 24px); max-width: 900px; padding-top: 10px; padding-bottom: 10px; } .smil-pages-menu__brand { justify-content: flex-start; min-height: 66px; padding: 7px 13px; border: 1px solid var(--smil-menu-border); border-radius: 12px; } .smil-pages-menu__logo { width: 86px; max-width: 110px; } .smil-pages-menu__services { padding: 0; } .smil-pages-menu__context { padding-right: 2px; padding-left: 2px; } .smil-pages-menu__list { grid-template-columns: repeat(3, minmax(0, 1fr)); } } /* ========================================================= SMARTPHONE ========================================================= */ @media (max-width: 650px) { .smil-pages-menu__container { width: calc(100% - 20px); max-width: 650px; } .smil-pages-menu__brand { justify-content: center; } .smil-pages-menu__brand-text strong { font-size: 0.76rem; } .smil-pages-menu__context { justify-content: center; margin-bottom: 8px; padding: 7px 9px; border: 1px solid var(--smil-menu-border); border-radius: 10px; background: var(--smil-menu-turquoise-light); } .smil-pages-menu__context strong { font-size: 0.59rem; text-align: center; } .smil-pages-menu__list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; } .smil-pages-menu__link { min-height: 76px; } .smil-pages-menu__copy strong { font-size: 0.65rem; } } /* ========================================================= SMARTPHONE PICCOLI ========================================================= */ @media (max-width: 430px) { .smil-pages-menu__brand { justify-content: flex-start; } .smil-pages-menu__logo { width: 78px; } .smil-pages-menu__list { grid-template-columns: minmax(0, 1fr); } .smil-pages-menu__link { min-height: 62px; padding: 9px 11px; } .smil-pages-menu__copy strong { font-size: 0.71rem; } .smil-pages-menu__copy small { font-size: 0.59rem; } } /* ========================================================= SMARTPHONE MOLTO PICCOLI ========================================================= */ @media (max-width: 350px) { .smil-pages-menu__container { width: calc(100% - 16px); } .smil-pages-menu__brand { gap: 10px; padding-right: 10px; padding-left: 10px; } .smil-pages-menu__logo { width: 70px; } .smil-pages-menu__link { grid-template-columns: 30px minmax(0, 1fr); gap: 8px; } .smil-pages-menu__badge { width: 30px; height: 30px; flex-basis: 30px; } } /* ========================================================= RIDUZIONE DEL MOVIMENTO ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-pages-menu__brand, .smil-pages-menu__link { transition: none; } .smil-pages-menu__link:hover { transform: none; } }#imCell_1 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1723_01 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_1 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_1 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= HERO – INSONORIZZAZIONE STANZA MILANO RESPONSIVE DESKTOP, TABLET E MOBILE ========================================================= */ .smil-stanza-hero { --smil-stanza-dark: #082f3b; --smil-stanza-dark-soft: #0d4653; --smil-stanza-teal: #087f8c; --smil-stanza-turquoise: #17c3b2; --smil-stanza-orange: #f28c28; --smil-stanza-orange-dark: #dc7718; --smil-stanza-green: #7cc043; --smil-stanza-white: #ffffff; --smil-stanza-cream: #fff9ef; --smil-stanza-light: #eef9fa; --smil-stanza-text: #263f47; --smil-stanza-muted: #60747b; --smil-stanza-border: #d8e7e9; position: relative; width: 100%; max-width: 100%; min-width: 0; margin: 0; padding: clamp(46px, 7vw, 92px) clamp(16px, 3.5vw, 32px); overflow-x: hidden; background: radial-gradient( circle at 92% 8%, rgba(23, 195, 178, 0.14) 0, rgba(23, 195, 178, 0) 34% ), linear-gradient( 135deg, var(--smil-stanza-white) 0%, var(--smil-stanza-light) 100% ); color: var(--smil-stanza-text); text-align: left; isolation: isolate; } @supports (overflow: clip) { .smil-stanza-hero { overflow-x: clip; } } /* ========================================================= RESET LOCALE DEL BLOCCO Impedisce che CSS generali del sito allarghino gli elementi ========================================================= */ .smil-stanza-hero, .smil-stanza-hero *, .smil-stanza-hero *::before, .smil-stanza-hero *::after { box-sizing: border-box; } .smil-stanza-hero h1, .smil-stanza-hero h2, .smil-stanza-hero h3, .smil-stanza-hero p, .smil-stanza-hero ul, .smil-stanza-hero li, .smil-stanza-hero a { max-width: 100%; } .smil-stanza-hero h1, .smil-stanza-hero p, .smil-stanza-hero li, .smil-stanza-hero a, .smil-stanza-hero strong { word-break: normal; overflow-wrap: break-word; white-space: normal; hyphens: auto; } .smil-stanza-hero a { -webkit-tap-highlight-color: transparent; } /* ========================================================= DECORAZIONE ========================================================= */ .smil-stanza-hero::before { position: absolute; z-index: -1; top: -120px; right: -120px; width: 300px; height: 300px; border: 52px solid rgba(8, 127, 140, 0.06); border-radius: 50%; content: ""; pointer-events: none; } /* ========================================================= CONTENITORE PRINCIPALE ========================================================= */ .smil-stanza-hero__container { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 370px); gap: clamp(34px, 5vw, 68px); align-items: center; width: 100%; max-width: 1220px; min-width: 0; margin: 0 auto; } .smil-stanza-hero__content, .smil-stanza-hero__card { width: 100%; max-width: 100%; min-width: 0; } /* ========================================================= EYEBROW ========================================================= */ .smil-stanza-hero__eyebrow { display: inline-flex; flex-wrap: nowrap; align-items: flex-start; gap: 10px; width: fit-content; max-width: 100%; margin: 0 0 18px; padding: 8px 14px; border: 1px solid rgba(8, 127, 140, 0.2); border-radius: 999px; background: rgba(255, 255, 255, 0.82); color: var(--smil-stanza-teal); font-size: clamp(0.72rem, 1.2vw, 0.85rem); font-weight: 800; line-height: 1.4; letter-spacing: 0.03em; text-align: left; text-transform: uppercase; overflow-wrap: break-word; } .smil-stanza-hero__eyebrow-dot { width: 8px; height: 8px; flex: 0 0 8px; margin-top: 0.28em; border-radius: 50%; background: var(--smil-stanza-orange); box-shadow: 0 0 0 5px rgba(242, 140, 40, 0.12); } /* ========================================================= H1 ========================================================= */ .smil-stanza-hero__title { width: 100%; max-width: 900px; min-width: 0; margin: 0; color: var(--smil-stanza-dark); font-size: clamp(2.15rem, 5vw, 4.3rem); font-weight: 850; line-height: 1.04; letter-spacing: -0.042em; text-align: left; overflow-wrap: break-word; word-break: normal; white-space: normal; } .smil-stanza-hero__title span { display: block; max-width: 100%; margin-top: 9px; color: var(--smil-stanza-teal); overflow-wrap: break-word; word-break: normal; white-space: normal; } /* ========================================================= RISPOSTA IMMEDIATA ========================================================= */ .smil-stanza-hero__answer { width: 100%; max-width: 890px; min-width: 0; margin-top: clamp(26px, 4vw, 38px); padding: clamp(20px, 3vw, 28px); border: 1px solid var(--smil-stanza-border); border-left: 5px solid var(--smil-stanza-turquoise); border-radius: 0 18px 18px 0; background: rgba(255, 255, 255, 0.92); box-shadow: 0 16px 36px rgba(8, 47, 59, 0.07); text-align: left; } .smil-stanza-hero__answer-label { margin: 0 0 8px; color: var(--smil-stanza-teal); font-size: 0.78rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-align: left; text-transform: uppercase; } .smil-stanza-hero__answer-text { width: 100%; min-width: 0; margin: 0; color: var(--smil-stanza-text); font-size: clamp(1rem, 1.7vw, 1.16rem); line-height: 1.72; text-align: left; overflow-wrap: break-word; word-break: normal; white-space: normal; } .smil-stanza-hero__answer strong, .smil-stanza-hero__intro strong { color: var(--smil-stanza-dark); font-weight: 800; } /* ========================================================= PARAGRAFI ========================================================= */ .smil-stanza-hero__intro { width: 100%; max-width: 890px; min-width: 0; margin: 22px 0 0; color: var(--smil-stanza-text); font-size: clamp(1rem, 1.5vw, 1.1rem); line-height: 1.78; text-align: left; overflow-wrap: break-word; word-break: normal; white-space: normal; } /* ========================================================= PUNTI DI FORZA ========================================================= */ .smil-stanza-hero__highlights { display: flex; flex-wrap: wrap; gap: 12px 20px; width: 100%; max-width: 890px; min-width: 0; margin: 26px 0 0; padding: 0; list-style: none; } .smil-stanza-hero__highlights li { display: flex; min-width: 0; flex: 0 1 auto; align-items: flex-start; gap: 9px; color: var(--smil-stanza-dark); font-size: 0.94rem; font-weight: 750; line-height: 1.45; text-align: left; overflow-wrap: break-word; } .smil-stanza-hero__highlights li > span:last-child { min-width: 0; overflow-wrap: break-word; } .smil-stanza-hero__check { display: inline-grid; width: 23px; height: 23px; flex: 0 0 23px; place-items: center; margin-top: 0.05em; border-radius: 50%; background: rgba(124, 192, 67, 0.15); color: #458d19; font-size: 0.78rem; font-weight: 900; line-height: 1; } /* ========================================================= PULSANTI ========================================================= */ .smil-stanza-hero__actions { display: flex; flex-wrap: wrap; gap: 13px; width: 100%; max-width: 890px; min-width: 0; margin-top: 30px; } .smil-stanza-hero__button { display: inline-flex; min-width: 0; max-width: 100%; min-height: 52px; flex: 0 1 auto; align-items: center; justify-content: center; padding: 13px 22px; border: 2px solid transparent; border-radius: 12px; font-family: inherit; font-size: clamp(0.9rem, 1.4vw, 0.98rem); font-weight: 800; line-height: 1.35; text-align: center; text-decoration: none; white-space: normal; overflow-wrap: break-word; word-break: normal; transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, border-color 0.2s ease; } .smil-stanza-hero__button:hover { transform: translateY(-2px); } .smil-stanza-hero__button--primary { background: var(--smil-stanza-orange); color: var(--smil-stanza-white); box-shadow: 0 13px 26px rgba(242, 140, 40, 0.23); } .smil-stanza-hero__button--primary:hover { background: var(--smil-stanza-orange-dark); box-shadow: 0 16px 30px rgba(242, 140, 40, 0.3); } .smil-stanza-hero__button--secondary { border-color: rgba(8, 127, 140, 0.34); background: rgba(255, 255, 255, 0.78); color: var(--smil-stanza-teal); } .smil-stanza-hero__button--secondary:hover { border-color: var(--smil-stanza-teal); background: var(--smil-stanza-white); } /* ========================================================= NOTA ========================================================= */ .smil-stanza-hero__note { width: 100%; max-width: 890px; margin: 16px 0 0; color: var(--smil-stanza-muted); font-size: 0.86rem; line-height: 1.55; text-align: left; } /* ========================================================= CARD LATERALE ========================================================= */ .smil-stanza-hero__card { position: relative; overflow: hidden; padding: clamp(26px, 4vw, 38px); border-radius: 26px; background: linear-gradient( 145deg, var(--smil-stanza-dark) 0%, var(--smil-stanza-dark-soft) 100% ); color: var(--smil-stanza-white); box-shadow: 0 26px 60px rgba(8, 47, 59, 0.22); text-align: left; } .smil-stanza-hero__card::after { position: absolute; right: -70px; bottom: -80px; width: 210px; height: 210px; border: 38px solid rgba(23, 195, 178, 0.13); border-radius: 50%; content: ""; pointer-events: none; } .smil-stanza-hero__card-kicker { position: relative; z-index: 1; margin: 0 0 10px; color: var(--smil-stanza-turquoise); font-size: 0.78rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.08em; text-align: left; text-transform: uppercase; } .smil-stanza-hero__card-title { position: relative; z-index: 1; width: 100%; min-width: 0; margin: 0; color: var(--smil-stanza-white); font-size: clamp(1.5rem, 2.6vw, 2.15rem); font-weight: 820; line-height: 1.18; letter-spacing: -0.025em; text-align: left; overflow-wrap: break-word; word-break: normal; white-space: normal; } .smil-stanza-hero__card-text { position: relative; z-index: 1; width: 100%; min-width: 0; margin: 18px 0 0; color: rgba(255, 255, 255, 0.84); font-size: 0.98rem; line-height: 1.68; text-align: left; overflow-wrap: break-word; } /* ========================================================= LISTA CARD ========================================================= */ .smil-stanza-hero__card-list { position: relative; z-index: 1; display: grid; gap: 10px; width: 100%; min-width: 0; margin: 22px 0 0; padding: 0; list-style: none; } .smil-stanza-hero__card-list li { position: relative; width: 100%; min-width: 0; margin: 0; padding: 11px 12px 11px 38px; border: 1px solid rgba(255, 255, 255, 0.11); border-radius: 11px; background: rgba(255, 255, 255, 0.06); color: rgba(255, 255, 255, 0.92); font-size: 0.91rem; font-weight: 650; line-height: 1.45; text-align: left; overflow-wrap: break-word; word-break: normal; white-space: normal; } .smil-stanza-hero__card-list li::before { position: absolute; top: 11px; left: 13px; color: var(--smil-stanza-turquoise); font-weight: 900; content: "✓"; } /* ========================================================= LINK DELLA CARD ========================================================= */ .smil-stanza-hero__card-link { position: relative; z-index: 1; display: inline-flex; flex-wrap: nowrap; align-items: center; gap: 9px; width: fit-content; max-width: 100%; min-width: 0; margin-top: 25px; color: var(--smil-stanza-white); font-size: 0.94rem; font-weight: 800; line-height: 1.45; text-align: left; text-decoration: none; white-space: normal; overflow-wrap: break-word; } .smil-stanza-hero__card-link-text { min-width: 0; overflow-wrap: break-word; } .smil-stanza-hero__card-link-arrow { flex: 0 0 auto; color: var(--smil-stanza-turquoise); font-size: 1.18rem; transition: transform 0.2s ease; } .smil-stanza-hero__card-link:hover .smil-stanza-hero__card-link-arrow { transform: translateX(4px); } /* ========================================================= ACCESSIBILITÀ ========================================================= */ .smil-stanza-hero__button:focus-visible, .smil-stanza-hero__card-link:focus-visible { outline: 3px solid rgba(242, 140, 40, 0.42); outline-offset: 4px; } /* ========================================================= DESKTOP INTERMEDIO ========================================================= */ @media (max-width: 1100px) { .smil-stanza-hero__container { grid-template-columns: minmax(0, 1fr) minmax(275px, 340px); gap: clamp(30px, 4vw, 46px); } .smil-stanza-hero__title { font-size: clamp(2.1rem, 5.2vw, 3.7rem); } } /* ========================================================= TABLET La card passa sotto il contenuto principale ========================================================= */ @media (max-width: 900px) { .smil-stanza-hero { padding: clamp(44px, 7vw, 68px) clamp(18px, 4vw, 28px); } .smil-stanza-hero__container { grid-template-columns: minmax(0, 1fr); gap: 42px; align-items: stretch; } .smil-stanza-hero__content, .smil-stanza-hero__card { width: 100%; max-width: 100%; } .smil-stanza-hero__title { max-width: 820px; font-size: clamp(2.15rem, 7vw, 3.65rem); } .smil-stanza-hero__answer, .smil-stanza-hero__intro, .smil-stanza-hero__highlights, .smil-stanza-hero__actions, .smil-stanza-hero__note { max-width: 100%; } .smil-stanza-hero__card { max-width: 760px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 640px) { .smil-stanza-hero { padding: 38px max(16px, env(safe-area-inset-right)) 48px max(16px, env(safe-area-inset-left)); } .smil-stanza-hero::before { top: -90px; right: -115px; width: 240px; height: 240px; border-width: 42px; } .smil-stanza-hero__container { gap: 34px; } .smil-stanza-hero__eyebrow { width: 100%; border-radius: 14px; font-size: 0.7rem; line-height: 1.45; letter-spacing: 0.025em; } .smil-stanza-hero__title { width: 100%; max-width: 100%; font-size: clamp(2rem, 9.4vw, 2.8rem); line-height: 1.08; letter-spacing: -0.032em; } .smil-stanza-hero__title span { margin-top: 7px; } .smil-stanza-hero__answer { width: 100%; margin-top: 24px; padding: 19px 17px; border-left-width: 4px; border-radius: 0 14px 14px 0; } .smil-stanza-hero__answer-text, .smil-stanza-hero__intro { font-size: 1rem; line-height: 1.7; } .smil-stanza-hero__intro { margin-top: 19px; } .smil-stanza-hero__highlights { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; margin-top: 24px; } .smil-stanza-hero__highlights li { width: 100%; font-size: 0.92rem; } .smil-stanza-hero__actions { display: grid; grid-template-columns: minmax(0, 1fr); gap: 11px; width: 100%; margin-top: 27px; } .smil-stanza-hero__button { width: 100%; max-width: 100%; min-height: 52px; padding: 13px 16px; font-size: 0.94rem; } .smil-stanza-hero__note { font-size: 0.83rem; line-height: 1.55; } .smil-stanza-hero__card { width: 100%; max-width: 100%; padding: 25px 19px; border-radius: 20px; } .smil-stanza-hero__card-title { font-size: clamp(1.45rem, 7vw, 1.85rem); line-height: 1.22; } .smil-stanza-hero__card-text { font-size: 0.94rem; line-height: 1.65; } .smil-stanza-hero__card-list li { padding: 11px 10px 11px 36px; font-size: 0.88rem; } .smil-stanza-hero__card-link { display: flex; width: 100%; align-items: flex-start; justify-content: space-between; padding: 13px 14px; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 11px; background: rgba(255, 255, 255, 0.07); font-size: 0.9rem; } } /* ========================================================= SMARTPHONE PICCOLI ========================================================= */ @media (max-width: 380px) { .smil-stanza-hero { padding-right: 14px; padding-left: 14px; } .smil-stanza-hero__title { font-size: clamp(1.85rem, 9.5vw, 2.3rem); } .smil-stanza-hero__answer { padding: 17px 14px; } .smil-stanza-hero__button { padding-right: 12px; padding-left: 12px; font-size: 0.89rem; } .smil-stanza-hero__card { padding-right: 16px; padding-left: 16px; } } /* ========================================================= RIDUZIONE ANIMAZIONI ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-stanza-hero__button, .smil-stanza-hero__card-link-arrow { transition: none; } .smil-stanza-hero__button:hover { transform: none; } .smil-stanza-hero__card-link:hover .smil-stanza-hero__card-link-arrow { transform: none; } }#imCell_4 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1723_04 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_4 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_4 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= INDICE DELLA PAGINA INSONORIZZAZIONE STANZA MILANO ========================================================= */ .smil-stanza-index { --smsi-dark: #073844; --smsi-deep: #052b35; --smsi-blue: #087c8f; --smsi-teal: #087f8c; --smsi-turquoise: #17c3b2; --smsi-turquoise-light: #dff8f4; --smsi-orange: #f28a2e; --smsi-orange-dark: #d66d0e; --smsi-orange-soft: #fff1e4; --smsi-white: #ffffff; --smsi-bg: #ffffff; --smsi-bg-soft: #f3faf9; --smsi-text: #183640; --smsi-muted: #557078; --smsi-border: #cee5e2; position: relative; width: 100%; max-width: 100%; min-width: 0; margin: 0; padding: clamp(58px, 7vw, 96px) clamp(16px, 3vw, 24px); overflow-x: hidden; background: radial-gradient( circle at 97% 3%, rgba(23, 195, 178, 0.09) 0, rgba(23, 195, 178, 0) 28% ), radial-gradient( circle at 2% 97%, rgba(242, 138, 46, 0.07) 0, rgba(242, 138, 46, 0) 25% ), linear-gradient( 180deg, var(--smsi-bg) 0%, var(--smsi-bg-soft) 100% ); color: var(--smsi-text); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; scroll-margin-top: 110px; isolation: isolate; } @supports (overflow: clip) { .smil-stanza-index { overflow-x: clip; } } /* ========================================================= RESET LOCALE E PROTEZIONE OVERFLOW ========================================================= */ .smil-stanza-index, .smil-stanza-index *, .smil-stanza-index *::before, .smil-stanza-index *::after { box-sizing: border-box; } .smil-stanza-index h2, .smil-stanza-index h3, .smil-stanza-index p, .smil-stanza-index ol, .smil-stanza-index li, .smil-stanza-index section, .smil-stanza-index article, .smil-stanza-index aside, .smil-stanza-index header, .smil-stanza-index nav, .smil-stanza-index div, .smil-stanza-index a, .smil-stanza-index span, .smil-stanza-index small, .smil-stanza-index strong, .smil-stanza-index svg { max-width: 100%; min-width: 0; } .smil-stanza-index h2, .smil-stanza-index h3, .smil-stanza-index p, .smil-stanza-index li, .smil-stanza-index a, .smil-stanza-index span, .smil-stanza-index small, .smil-stanza-index strong { word-break: normal; overflow-wrap: break-word; white-space: normal; } .smil-stanza-index a { -webkit-tap-highlight-color: transparent; } /* ========================================================= CONTENITORE ========================================================= */ .smil-stanza-index__container { width: 100%; max-width: 1220px; min-width: 0; margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-stanza-index__header { display: grid; grid-template-columns: minmax(0, 0.72fr) minmax(440px, 1.28fr); gap: clamp(30px, 5vw, 70px); align-items: end; width: 100%; min-width: 0; } .smil-stanza-index__heading, .smil-stanza-index__intro { width: 100%; min-width: 0; } .smil-stanza-index__eyebrow { display: inline-flex; width: fit-content; max-width: 100%; margin: 0 0 12px; padding: 7px 13px; border: 1px solid #c5e8e3; border-radius: 999px; background: var(--smsi-turquoise-light); color: var(--smsi-blue); font-size: 0.78rem; font-weight: 850; line-height: 1.35; letter-spacing: 0.045em; text-transform: uppercase; } .smil-stanza-index__title { width: 100%; min-width: 0; margin: 0; color: var(--smsi-dark); font-size: clamp(2rem, 4vw, 3.45rem); font-weight: 850; line-height: 1.08; letter-spacing: -0.04em; } .smil-stanza-index__intro { max-width: 790px; padding-bottom: 3px; } .smil-stanza-index__intro p { margin: 0; color: var(--smsi-muted); font-size: clamp(1.02rem, 1.5vw, 1.16rem); line-height: 1.72; } .smil-stanza-index__intro p + p { margin-top: 11px; font-size: 0.94rem; } .smil-stanza-index__intro strong { color: var(--smsi-dark); font-weight: 800; } /* ========================================================= RISPOSTA DIRETTA ========================================================= */ .smil-stanza-index__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; align-items: flex-start; width: 100%; min-width: 0; margin-top: 34px; padding: 22px 24px; border: 1px solid var(--smsi-border); border-left: 5px solid var(--smsi-orange); border-radius: 19px; background: var(--smsi-white); box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-stanza-index__answer-icon { display: grid; width: 54px; height: 54px; flex: 0 0 54px; place-items: center; border-radius: 15px; background: var(--smsi-turquoise-light); color: var(--smsi-blue); } .smil-stanza-index__answer-icon svg { width: 28px; height: 28px; } .smil-stanza-index__answer-content { width: 100%; min-width: 0; } .smil-stanza-index__answer-title { display: block; width: 100%; min-width: 0; margin: 1px 0 7px; color: var(--smsi-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-stanza-index__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } .smil-stanza-index__answer-content p strong { color: var(--smsi-dark); font-weight: 800; } /* ========================================================= NAVIGAZIONE ========================================================= */ .smil-stanza-index__nav { width: 100%; min-width: 0; margin-top: 28px; } .smil-stanza-index__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; width: 100%; min-width: 0; margin: 0; padding: 0; list-style: none; } .smil-stanza-index__item { width: 100%; min-width: 0; margin: 0; padding: 0; } /* ========================================================= COLLEGAMENTO DELL’INDICE ========================================================= */ .smil-stanza-index__link { position: relative; display: grid; grid-template-columns: 52px minmax(0, 1fr) 38px; gap: 14px; align-items: center; width: 100%; min-width: 0; min-height: 106px; height: 100%; padding: 17px 18px; border: 1px solid var(--smsi-border); border-radius: 17px; background: var(--smsi-white); color: var(--smsi-text); box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); text-decoration: none; transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease; } .smil-stanza-index__link::before { position: absolute; top: 17px; bottom: 17px; left: 0; width: 4px; border-radius: 0 4px 4px 0; background: var(--smsi-turquoise); content: ""; opacity: 0; transform: scaleY(0.45); transform-origin: center; transition: opacity 180ms ease, transform 180ms ease; } .smil-stanza-index__number { display: grid; width: 50px; height: 50px; flex: 0 0 50px; place-items: center; border: 1px solid #c5e8e3; border-radius: 14px; background: var(--smsi-turquoise-light); color: var(--smsi-blue); font-size: 0.76rem; font-weight: 900; line-height: 1; } .smil-stanza-index__item:nth-child(4n + 2) .smil-stanza-index__number, .smil-stanza-index__item:nth-child(4n + 3) .smil-stanza-index__number { border-color: #efd0b4; background: var(--smsi-orange-soft); color: var(--smsi-orange-dark); } .smil-stanza-index__content { display: block; width: 100%; min-width: 0; } .smil-stanza-index__content strong { display: block; margin: 0 0 5px; color: var(--smsi-dark); font-size: 0.95rem; font-weight: 850; line-height: 1.4; } .smil-stanza-index__content small { display: block; color: var(--smsi-muted); font-size: 0.8rem; font-weight: 400; line-height: 1.5; } .smil-stanza-index__arrow { display: grid; width: 36px; height: 36px; flex: 0 0 36px; place-items: center; border-radius: 11px; background: var(--smsi-turquoise-light); color: var(--smsi-blue); font-size: 1rem; font-weight: 900; line-height: 1; transition: color 180ms ease, background-color 180ms ease, transform 180ms ease; } .smil-stanza-index__link:hover, .smil-stanza-index__link:focus-visible { transform: translateY(-3px); border-color: var(--smsi-turquoise); background: #fbfefd; color: var(--smsi-text); box-shadow: 0 16px 36px rgba(7, 56, 68, 0.11); } .smil-stanza-index__link:hover::before, .smil-stanza-index__link:focus-visible::before { opacity: 1; transform: scaleY(1); } .smil-stanza-index__link:hover .smil-stanza-index__arrow, .smil-stanza-index__link:focus-visible .smil-stanza-index__arrow { transform: translateX(3px); background: var(--smsi-turquoise); color: var(--smsi-white); } .smil-stanza-index__link:focus-visible { outline: 3px solid var(--smsi-turquoise); outline-offset: 4px; } /* ========================================================= CTA FINALE ========================================================= */ .smil-stanza-index__footer { display: grid; grid-template-columns: minmax(0, 1fr) minmax(210px, 260px); gap: 24px; align-items: center; width: 100%; min-width: 0; margin-top: 28px; padding: 21px 23px; border-radius: 20px; background: linear-gradient( 135deg, var(--smsi-blue) 0%, var(--smsi-turquoise) 100% ); color: var(--smsi-white); box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-stanza-index__footer-content { display: grid; grid-template-columns: 47px minmax(0, 1fr); gap: 14px; align-items: center; width: 100%; min-width: 0; } .smil-stanza-index__footer-icon { display: grid; width: 47px; height: 47px; flex: 0 0 47px; place-items: center; border-radius: 14px; background: rgba(255, 255, 255, 0.87); color: var(--smsi-dark); } .smil-stanza-index__footer-icon svg { width: 25px; height: 25px; } .smil-stanza-index__footer-copy { width: 100%; min-width: 0; } .smil-stanza-index__footer-title { display: block; margin: 0 0 4px; color: var(--smsi-white); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-stanza-index__footer-content p { margin: 0; color: rgba(241, 255, 252, 0.84); font-size: 0.86rem; line-height: 1.5; } .smil-stanza-index__button { display: inline-flex; width: 100%; min-width: 0; min-height: 51px; align-items: center; justify-content: center; gap: 9px; padding: 12px 18px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; background: linear-gradient( 135deg, var(--smsi-orange) 0%, var(--smsi-orange-dark) 100% ); color: var(--smsi-white); box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); font-size: 0.91rem; font-weight: 850; line-height: 1.25; text-align: center; text-decoration: none; transition: transform 180ms ease, box-shadow 180ms ease; } .smil-stanza-index__button svg { width: 19px; height: 19px; flex: 0 0 19px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform 180ms ease; } .smil-stanza-index__button:hover, .smil-stanza-index__button:focus-visible { transform: translateY(-2px); color: var(--smsi-white); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-stanza-index__button:hover svg, .smil-stanza-index__button:focus-visible svg { transform: translateX(3px); } .smil-stanza-index__button:focus-visible { outline: 3px solid var(--smsi-white); outline-offset: 4px; } /* ========================================================= DESTINAZIONI DI SCORRIMENTO ========================================================= */ #indice-insonorizzazione-stanza-milano, #cosa-significa-insonorizzare-stanza, #quando-parete-non-sufficiente, #da-dove-entra-rumore-stanza, #insonorizzare-stanza-condominio-milano, #come-si-realizza-stanza-insonorizzata, #isolamento-acustico-pareti-stanza-milano, #isolamento-acustico-soffitto-stanza-milano, #isolamento-acustico-pavimento-stanza-milano, #finestre-porte-cassonetti-punti-deboli-stanza-milano, #metodo-sorgedil-insonorizzazione-completa, #sopralluogo-analitico-prima-del-progetto, #quanto-costa-insonorizzare-stanza-milano, #risultato-ottenibile-stanza-completa, #garanzia-sorgedil-stanza-completa, #chi-chiamare-insonorizzare-stanza-milano, #interventi-milano-citta-metropolitana, #domande-frequenti-insonorizzazione-stanza-milano, #richiedi-contatto-tecnico-sorgedil, #contact-form-basso { scroll-margin-top: 110px; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1050px) { .smil-stanza-index__header { grid-template-columns: minmax(0, 1fr); align-items: start; } .smil-stanza-index__intro { max-width: 900px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 760px) { .smil-stanza-index { padding: 49px max(14px, env(safe-area-inset-right)) 58px max(14px, env(safe-area-inset-left)); } .smil-stanza-index__header { gap: 23px; } .smil-stanza-index__eyebrow { border-radius: 12px; font-size: 0.7rem; line-height: 1.45; } .smil-stanza-index__title { font-size: clamp(2rem, 10vw, 2.8rem); } .smil-stanza-index__intro p { font-size: 1rem; line-height: 1.68; } .smil-stanza-index__intro p + p { font-size: 0.91rem; } .smil-stanza-index__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; margin-top: 28px; padding: 18px 17px; } .smil-stanza-index__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-stanza-index__answer-icon svg { width: 24px; height: 24px; } .smil-stanza-index__answer-title { font-size: 1rem; } .smil-stanza-index__answer-content p { font-size: 0.88rem; line-height: 1.58; } .smil-stanza-index__list { grid-template-columns: minmax(0, 1fr); } .smil-stanza-index__link { min-height: 0; padding: 15px; } .smil-stanza-index__footer { grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-stanza-index__button { width: 100%; } } /* ========================================================= SMARTPHONE PICCOLI ========================================================= */ @media (max-width: 440px) { .smil-stanza-index__eyebrow { width: 100%; justify-content: center; text-align: center; } .smil-stanza-index__answer { grid-template-columns: minmax(0, 1fr); } .smil-stanza-index__link { grid-template-columns: 46px minmax(0, 1fr); gap: 12px; } .smil-stanza-index__number { width: 44px; height: 44px; flex-basis: 44px; border-radius: 12px; } .smil-stanza-index__arrow { display: none; } .smil-stanza-index__footer-content { grid-template-columns: minmax(0, 1fr); } } /* ========================================================= SMARTPHONE MOLTO PICCOLI ========================================================= */ @media (max-width: 360px) { .smil-stanza-index { padding-right: 13px; padding-left: 13px; } .smil-stanza-index__link { grid-template-columns: minmax(0, 1fr); } .smil-stanza-index__number { width: 42px; height: 42px; } } /* ========================================================= ACCESSIBILITÀ E RIDUZIONE MOVIMENTO ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-stanza-index__link, .smil-stanza-index__link::before, .smil-stanza-index__arrow, .smil-stanza-index__button, .smil-stanza-index__button svg { transition: none; } .smil-stanza-index__link:hover, .smil-stanza-index__button:hover { transform: none; } }#imCell_3 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1723_03 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_3 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_3 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= COSA SIGNIFICA INSONORIZZARE COMPLETAMENTE UNA STANZA RESPONSIVE DESKTOP, TABLET E MOBILE ========================================================= */ .smil-stanza-significato { --smil-ss-dark: #082f3b; --smil-ss-dark-soft: #104653; --smil-ss-teal: #087f8c; --smil-ss-turquoise: #17c3b2; --smil-ss-orange: #f28c28; --smil-ss-orange-dark: #dc7718; --smil-ss-green: #7cc043; --smil-ss-white: #ffffff; --smil-ss-cream: #fff9ef; --smil-ss-light: #f1fafb; --smil-ss-text: #263f47; --smil-ss-muted: #60767d; --smil-ss-border: #d8e7e9; position: relative; width: 100%; max-width: 100%; min-width: 0; margin: 0; padding: clamp(58px, 7vw, 96px) clamp(16px, 3.5vw, 32px); overflow-x: hidden; background: var(--smil-ss-white); color: var(--smil-ss-text); text-align: left; scroll-margin-top: 90px; } @supports (overflow: clip) { .smil-stanza-significato { overflow-x: clip; } } /* ========================================================= RESET LOCALE Protegge il blocco da stili generali del sito ========================================================= */ .smil-stanza-significato, .smil-stanza-significato *, .smil-stanza-significato *::before, .smil-stanza-significato *::after { box-sizing: border-box; } .smil-stanza-significato h2, .smil-stanza-significato h3, .smil-stanza-significato h4, .smil-stanza-significato p, .smil-stanza-significato ul, .smil-stanza-significato li, .smil-stanza-significato nav, .smil-stanza-significato aside, .smil-stanza-significato article, .smil-stanza-significato a, .smil-stanza-significato span, .smil-stanza-significato small, .smil-stanza-significato strong { max-width: 100%; min-width: 0; } .smil-stanza-significato h2, .smil-stanza-significato h3, .smil-stanza-significato p, .smil-stanza-significato li, .smil-stanza-significato a, .smil-stanza-significato span, .smil-stanza-significato small, .smil-stanza-significato strong { word-break: normal; overflow-wrap: break-word; white-space: normal; hyphens: auto; } .smil-stanza-significato a { -webkit-tap-highlight-color: transparent; } /* ========================================================= CONTENITORE ========================================================= */ .smil-stanza-significato__container { width: 100%; max-width: 1220px; min-width: 0; margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-stanza-significato__header { width: 100%; max-width: 940px; min-width: 0; margin: 0 auto; text-align: center; } .smil-stanza-significato__eyebrow { display: inline-flex; max-width: 100%; flex-wrap: nowrap; align-items: center; justify-content: center; gap: 9px; margin: 0 0 15px; color: var(--smil-ss-teal); font-size: clamp(0.72rem, 1.2vw, 0.8rem); font-weight: 850; line-height: 1.4; letter-spacing: 0.07em; text-align: center; text-transform: uppercase; } .smil-stanza-significato__eyebrow > span:nth-child(2) { min-width: 0; overflow-wrap: break-word; } .smil-stanza-significato__eyebrow-line { width: 32px; height: 2px; flex: 0 0 32px; border-radius: 999px; background: var(--smil-ss-turquoise); } .smil-stanza-significato__title { width: 100%; max-width: 940px; min-width: 0; margin: 0; color: var(--smil-ss-dark); font-size: clamp(2rem, 4vw, 3.55rem); font-weight: 850; line-height: 1.08; letter-spacing: -0.04em; text-align: center; overflow-wrap: break-word; word-break: normal; white-space: normal; } .smil-stanza-significato__lead { width: 100%; max-width: 860px; min-width: 0; margin: 22px auto 0; color: var(--smil-ss-text); font-size: clamp(1.03rem, 1.7vw, 1.2rem); line-height: 1.78; text-align: center; overflow-wrap: break-word; } .smil-stanza-significato__lead strong { color: var(--smil-ss-dark); font-weight: 800; } /* ========================================================= RISPOSTA SINTETICA ========================================================= */ .smil-stanza-significato__answer { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 17px; align-items: flex-start; width: 100%; max-width: 1010px; min-width: 0; margin: clamp(30px, 5vw, 48px) auto 0; padding: clamp(20px, 3vw, 28px); border: 1px solid rgba(8, 127, 140, 0.18); border-radius: 18px; background: linear-gradient( 135deg, rgba(238, 249, 250, 0.95) 0%, rgba(255, 255, 255, 0.98) 100% ); box-shadow: 0 15px 35px rgba(8, 47, 59, 0.06); text-align: left; } .smil-stanza-significato__answer-icon { display: grid; width: 43px; height: 43px; flex: 0 0 43px; place-items: center; border-radius: 50%; background: var(--smil-ss-teal); color: var(--smil-ss-white); font-family: Georgia, serif; font-size: 1.25rem; font-weight: 800; line-height: 1; } .smil-stanza-significato__answer-content { width: 100%; min-width: 0; } .smil-stanza-significato__answer-label { margin: 0 0 6px; color: var(--smil-ss-teal); font-size: 0.77rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-significato__answer-text { width: 100%; min-width: 0; margin: 0; color: var(--smil-ss-text); font-size: clamp(1rem, 1.5vw, 1.1rem); line-height: 1.74; text-align: left; overflow-wrap: break-word; } .smil-stanza-significato__answer-text strong { color: var(--smil-ss-dark); font-weight: 800; } /* ========================================================= LAYOUT PRINCIPALE ========================================================= */ .smil-stanza-significato__layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, 390px); gap: clamp(34px, 5vw, 68px); align-items: start; width: 100%; min-width: 0; margin-top: clamp(44px, 6vw, 70px); } .smil-stanza-significato__content, .smil-stanza-significato__summary { width: 100%; max-width: 100%; min-width: 0; } /* ========================================================= CONTENUTO TESTUALE ========================================================= */ .smil-stanza-significato__subtitle { width: 100%; min-width: 0; margin: 0; color: var(--smil-ss-dark); font-size: clamp(1.35rem, 2.4vw, 1.9rem); font-weight: 820; line-height: 1.27; letter-spacing: -0.025em; text-align: left; overflow-wrap: break-word; word-break: normal; white-space: normal; } .smil-stanza-significato__content > p { width: 100%; min-width: 0; margin: 18px 0 0; color: var(--smil-ss-text); font-size: clamp(1rem, 1.35vw, 1.08rem); line-height: 1.8; text-align: left; overflow-wrap: break-word; word-break: normal; white-space: normal; } .smil-stanza-significato__content strong { color: var(--smil-ss-dark); font-weight: 800; } /* ========================================================= DIFFERENZA ISOLAMENTO / FONOASSORBIMENTO ========================================================= */ .smil-stanza-significato__difference { position: relative; width: 100%; max-width: 100%; min-width: 0; margin: 30px 0 34px; padding: clamp(22px, 3.5vw, 30px); border: 1px solid #f2dfc6; border-left: 5px solid var(--smil-ss-orange); border-radius: 0 17px 17px 0; background: var(--smil-ss-cream); text-align: left; } .smil-stanza-significato__difference-title { width: 100%; min-width: 0; margin: 0 !important; color: var(--smil-ss-dark) !important; font-size: clamp(1.1rem, 1.8vw, 1.3rem) !important; font-weight: 850; line-height: 1.42 !important; text-align: left; overflow-wrap: break-word; } .smil-stanza-significato__difference p:not( .smil-stanza-significato__difference-title ) { width: 100%; min-width: 0; margin: 12px 0 0; color: var(--smil-ss-text); font-size: clamp(0.98rem, 1.35vw, 1.06rem); line-height: 1.75; text-align: left; overflow-wrap: break-word; } /* ========================================================= RIEPILOGO LATERALE ========================================================= */ .smil-stanza-significato__summary { position: sticky; top: 24px; overflow: hidden; padding: clamp(25px, 3vw, 34px); border: 1px solid var(--smil-ss-border); border-radius: 24px; background: var(--smil-ss-light); box-shadow: 0 20px 46px rgba(8, 47, 59, 0.09); text-align: left; } .smil-stanza-significato__summary::before { position: absolute; top: 0; right: 0; left: 0; height: 5px; background: linear-gradient( 90deg, var(--smil-ss-teal), var(--smil-ss-turquoise), var(--smil-ss-orange) ); content: ""; } .smil-stanza-significato__summary-kicker { width: 100%; margin: 0; color: var(--smil-ss-teal); font-size: 0.77rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-significato__summary-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-ss-dark); font-size: clamp(1.4rem, 2.3vw, 2rem); font-weight: 830; line-height: 1.22; letter-spacing: -0.025em; text-align: left; overflow-wrap: break-word; } /* ========================================================= LINK DELLE SUPERFICI ========================================================= */ .smil-stanza-significato__items { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; width: 100%; min-width: 0; margin-top: 23px; } .smil-stanza-significato__item { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; gap: 13px; align-items: center; width: 100%; max-width: 100%; min-width: 0; padding: 14px; border: 1px solid rgba(8, 127, 140, 0.14); border-radius: 13px; background: rgba(255, 255, 255, 0.9); color: var(--smil-ss-text); text-align: left; text-decoration: none; overflow: hidden; transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease; } .smil-stanza-significato__item:hover { transform: translateY(-2px); border-color: rgba(8, 127, 140, 0.34); box-shadow: 0 10px 24px rgba(8, 47, 59, 0.08); } .smil-stanza-significato__item-number { display: grid; width: 36px; height: 36px; flex: 0 0 36px; place-items: center; border-radius: 10px; background: rgba(23, 195, 178, 0.13); color: var(--smil-ss-teal); font-size: 0.74rem; font-weight: 900; line-height: 1; } .smil-stanza-significato__item-content { display: grid; gap: 3px; width: 100%; min-width: 0; overflow-wrap: break-word; } .smil-stanza-significato__item-content strong { display: block; width: 100%; min-width: 0; color: var(--smil-ss-dark); font-size: 0.98rem; font-weight: 820; line-height: 1.35; text-align: left; overflow-wrap: break-word; } .smil-stanza-significato__item-content small { display: block; width: 100%; min-width: 0; color: var(--smil-ss-muted); font-size: 0.82rem; line-height: 1.45; text-align: left; overflow-wrap: break-word; } .smil-stanza-significato__item-arrow { flex: 0 0 auto; color: var(--smil-ss-teal); font-size: 1.12rem; font-weight: 850; line-height: 1; transition: transform 0.2s ease; } .smil-stanza-significato__item:hover .smil-stanza-significato__item-arrow { transform: translateX(3px); } .smil-stanza-significato__summary-note { width: 100%; min-width: 0; margin: 19px 0 0; padding-top: 18px; border-top: 1px solid var(--smil-ss-border); color: var(--smil-ss-muted); font-size: 0.85rem; line-height: 1.65; text-align: left; overflow-wrap: break-word; } /* ========================================================= CTA DI CONVERSIONE ========================================================= */ .smil-stanza-significato__conversion { display: grid; grid-template-columns: minmax(0, 1fr) minmax(220px, auto); gap: 30px; align-items: center; width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(48px, 7vw, 78px); padding: clamp(26px, 4vw, 42px); overflow: hidden; border-radius: 24px; background: radial-gradient( circle at 90% 10%, rgba(23, 195, 178, 0.17), transparent 35% ), linear-gradient( 135deg, var(--smil-ss-dark) 0%, var(--smil-ss-dark-soft) 100% ); color: var(--smil-ss-white); box-shadow: 0 22px 50px rgba(8, 47, 59, 0.18); text-align: left; } .smil-stanza-significato__conversion-content, .smil-stanza-significato__conversion-actions { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-significato__conversion-kicker { margin: 0; color: var(--smil-ss-turquoise); font-size: 0.77rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-significato__conversion-title { width: 100%; max-width: 720px; min-width: 0; margin: 8px 0 0; color: var(--smil-ss-white); font-size: clamp(1.4rem, 2.6vw, 2.2rem); font-weight: 830; line-height: 1.22; letter-spacing: -0.025em; text-align: left; overflow-wrap: break-word; } .smil-stanza-significato__conversion-text { width: 100%; max-width: 760px; min-width: 0; margin: 14px 0 0; color: rgba(255, 255, 255, 0.84); font-size: 0.98rem; line-height: 1.7; text-align: left; overflow-wrap: break-word; } .smil-stanza-significato__conversion-actions { display: grid; grid-template-columns: minmax(0, 1fr); gap: 13px; justify-items: stretch; } /* ========================================================= PULSANTE PRINCIPALE ========================================================= */ .smil-stanza-significato__button { display: inline-flex; width: 100%; max-width: 100%; min-width: 0; min-height: 52px; align-items: center; justify-content: center; padding: 13px 21px; border-radius: 12px; background: var(--smil-ss-orange); color: var(--smil-ss-white); font-family: inherit; font-size: clamp(0.9rem, 1.4vw, 0.96rem); font-weight: 820; line-height: 1.4; text-align: center; text-decoration: none; white-space: normal; overflow-wrap: break-word; word-break: normal; box-shadow: 0 12px 25px rgba(242, 140, 40, 0.25); transition: transform 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease; } .smil-stanza-significato__button:hover { transform: translateY(-2px); background: var(--smil-ss-orange-dark); box-shadow: 0 15px 28px rgba(242, 140, 40, 0.32); } /* ========================================================= LINK AL BLOCCO SUCCESSIVO ========================================================= */ .smil-stanza-significato__next { display: flex; width: 100%; max-width: 100%; min-width: 0; align-items: center; justify-content: center; gap: 8px; color: rgba(255, 255, 255, 0.9); font-size: 0.87rem; font-weight: 750; line-height: 1.45; text-align: center; text-decoration: none; white-space: normal; overflow-wrap: break-word; } .smil-stanza-significato__next-text { min-width: 0; overflow-wrap: break-word; } .smil-stanza-significato__next-arrow { flex: 0 0 auto; color: var(--smil-ss-turquoise); transition: transform 0.2s ease; } .smil-stanza-significato__next:hover .smil-stanza-significato__next-arrow { transform: translateY(3px); } /* ========================================================= ACCESSIBILITÀ ========================================================= */ .smil-stanza-significato__item:focus-visible, .smil-stanza-significato__button:focus-visible, .smil-stanza-significato__next:focus-visible { outline: 3px solid rgba(242, 140, 40, 0.42); outline-offset: 4px; } /* ========================================================= DESKTOP INTERMEDIO ========================================================= */ @media (max-width: 1100px) { .smil-stanza-significato__layout { grid-template-columns: minmax(0, 1fr) minmax(285px, 350px); gap: clamp(30px, 4vw, 46px); } .smil-stanza-significato__conversion { grid-template-columns: minmax(0, 1fr) minmax(220px, 280px); gap: 24px; } } /* ========================================================= TABLET La colonna laterale passa sotto il testo ========================================================= */ @media (max-width: 900px) { .smil-stanza-significato { padding: clamp(52px, 7vw, 72px) clamp(18px, 4vw, 28px); } .smil-stanza-significato__layout { grid-template-columns: minmax(0, 1fr); gap: 38px; } .smil-stanza-significato__summary { position: relative; top: auto; width: 100%; max-width: 760px; } .smil-stanza-significato__conversion { grid-template-columns: minmax(0, 1fr); gap: 25px; } .smil-stanza-significato__conversion-actions { width: min(100%, 420px); justify-items: stretch; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 640px) { .smil-stanza-significato { padding: 46px max(16px, env(safe-area-inset-right)) 52px max(16px, env(safe-area-inset-left)); scroll-margin-top: 72px; } .smil-stanza-significato__header { text-align: left; } .smil-stanza-significato__eyebrow { display: block; width: 100%; margin-bottom: 13px; font-size: 0.7rem; line-height: 1.45; letter-spacing: 0.045em; text-align: left; } .smil-stanza-significato__eyebrow-line { display: none; } .smil-stanza-significato__title { font-size: clamp(1.9rem, 9vw, 2.65rem); line-height: 1.1; letter-spacing: -0.032em; text-align: left; } .smil-stanza-significato__lead { margin-top: 18px; font-size: 1rem; line-height: 1.7; text-align: left; } .smil-stanza-significato__answer { grid-template-columns: minmax(0, 1fr); gap: 13px; margin-top: 26px; padding: 19px 17px; border-radius: 15px; } .smil-stanza-significato__answer-icon { width: 39px; height: 39px; } .smil-stanza-significato__answer-text { font-size: 1rem; line-height: 1.68; } .smil-stanza-significato__layout { margin-top: 38px; gap: 33px; } .smil-stanza-significato__subtitle { font-size: clamp(1.28rem, 6.3vw, 1.65rem); line-height: 1.3; } .smil-stanza-significato__content > p { margin-top: 16px; font-size: 1rem; line-height: 1.72; } .smil-stanza-significato__difference { margin: 26px 0 31px; padding: 19px 16px; border-left-width: 4px; border-radius: 0 14px 14px 0; } .smil-stanza-significato__difference-title { font-size: 1.08rem !important; line-height: 1.42 !important; } .smil-stanza-significato__difference p:not( .smil-stanza-significato__difference-title ) { font-size: 0.98rem; line-height: 1.7; } .smil-stanza-significato__summary { width: 100%; max-width: 100%; padding: 25px 17px; border-radius: 20px; } .smil-stanza-significato__summary-title { font-size: clamp(1.4rem, 7vw, 1.8rem); } .smil-stanza-significato__item { grid-template-columns: 34px minmax(0, 1fr); gap: 11px; padding: 13px 11px; } .smil-stanza-significato__item-number { width: 34px; height: 34px; } .smil-stanza-significato__item-arrow { display: none; } .smil-stanza-significato__item-content strong { font-size: 0.94rem; } .smil-stanza-significato__item-content small { font-size: 0.8rem; line-height: 1.45; } .smil-stanza-significato__summary-note { font-size: 0.83rem; line-height: 1.6; } .smil-stanza-significato__conversion { margin-top: 46px; padding: 26px 18px; border-radius: 20px; } .smil-stanza-significato__conversion-title { font-size: clamp(1.38rem, 7vw, 1.85rem); line-height: 1.25; } .smil-stanza-significato__conversion-text { font-size: 0.95rem; line-height: 1.65; } .smil-stanza-significato__conversion-actions { width: 100%; } .smil-stanza-significato__button { width: 100%; max-width: 100%; padding: 13px 15px; font-size: 0.93rem; } .smil-stanza-significato__next { width: 100%; justify-content: space-between; padding: 12px 13px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 11px; background: rgba(255, 255, 255, 0.06); text-align: left; } } /* ========================================================= SMARTPHONE PICCOLI ========================================================= */ @media (max-width: 380px) { .smil-stanza-significato { padding-right: 14px; padding-left: 14px; } .smil-stanza-significato__title { font-size: clamp(1.78rem, 9vw, 2.2rem); } .smil-stanza-significato__answer { padding-right: 14px; padding-left: 14px; } .smil-stanza-significato__summary { padding-right: 14px; padding-left: 14px; } .smil-stanza-significato__item { padding-right: 9px; padding-left: 9px; } .smil-stanza-significato__conversion { padding-right: 16px; padding-left: 16px; } .smil-stanza-significato__button { padding-right: 11px; padding-left: 11px; font-size: 0.88rem; } } /* ========================================================= RIDUZIONE ANIMAZIONI ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-stanza-significato__item, .smil-stanza-significato__item-arrow, .smil-stanza-significato__button, .smil-stanza-significato__next-arrow { transition: none; } .smil-stanza-significato__item:hover, .smil-stanza-significato__button:hover { transform: none; } .smil-stanza-significato__item:hover .smil-stanza-significato__item-arrow, .smil-stanza-significato__next:hover .smil-stanza-significato__next-arrow { transform: none; } }#imCell_5 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1723_05 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_5 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_5 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= QUANDO UNA SOLA PARETE NON È SUFFICIENTE RESPONSIVE DESKTOP, TABLET E MOBILE ========================================================= */ .smil-stanza-parete { --smil-sp-dark: #082f3b; --smil-sp-dark-soft: #104653; --smil-sp-teal: #087f8c; --smil-sp-turquoise: #17c3b2; --smil-sp-orange: #f28c28; --smil-sp-orange-dark: #dc7718; --smil-sp-green: #7cc043; --smil-sp-white: #ffffff; --smil-sp-cream: #fff9ef; --smil-sp-light: #f2fafb; --smil-sp-grey: #f5f7f8; --smil-sp-text: #263f47; --smil-sp-muted: #60767d; --smil-sp-border: #d8e7e9; position: relative; width: 100%; max-width: 100%; min-width: 0; margin: 0; padding: clamp(58px, 7vw, 96px) clamp(16px, 3.5vw, 32px); overflow-x: hidden; background: linear-gradient( 180deg, var(--smil-sp-light) 0%, var(--smil-sp-white) 34%, var(--smil-sp-white) 100% ); color: var(--smil-sp-text); text-align: left; scroll-margin-top: 90px; isolation: isolate; } @supports (overflow: clip) { .smil-stanza-parete { overflow-x: clip; } } /* ========================================================= RESET LOCALE Evita interferenze con il CSS generale del sito ========================================================= */ .smil-stanza-parete, .smil-stanza-parete *, .smil-stanza-parete *::before, .smil-stanza-parete *::after { box-sizing: border-box; } .smil-stanza-parete h2, .smil-stanza-parete h3, .smil-stanza-parete h4, .smil-stanza-parete p, .smil-stanza-parete ul, .smil-stanza-parete li, .smil-stanza-parete section, .smil-stanza-parete article, .smil-stanza-parete aside, .smil-stanza-parete a, .smil-stanza-parete span, .smil-stanza-parete strong { max-width: 100%; min-width: 0; } .smil-stanza-parete h2, .smil-stanza-parete h3, .smil-stanza-parete h4, .smil-stanza-parete p, .smil-stanza-parete li, .smil-stanza-parete a, .smil-stanza-parete span, .smil-stanza-parete strong { word-break: normal; overflow-wrap: break-word; white-space: normal; hyphens: none; } .smil-stanza-parete a { -webkit-tap-highlight-color: transparent; } /* ========================================================= DECORAZIONE ========================================================= */ .smil-stanza-parete::before { position: absolute; z-index: -1; top: 180px; left: -160px; width: 320px; height: 320px; border: 54px solid rgba(8, 127, 140, 0.045); border-radius: 50%; content: ""; pointer-events: none; } /* ========================================================= CONTENITORE ========================================================= */ .smil-stanza-parete__container { position: relative; z-index: 1; width: 100%; max-width: 1220px; min-width: 0; margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-stanza-parete__header { width: 100%; max-width: 940px; min-width: 0; margin: 0 auto; text-align: center; } .smil-stanza-parete__eyebrow { display: inline-flex; max-width: 100%; flex-wrap: nowrap; align-items: center; justify-content: center; gap: 9px; margin: 0 0 15px; color: var(--smil-sp-teal); font-size: clamp(0.72rem, 1.2vw, 0.8rem); font-weight: 850; line-height: 1.4; letter-spacing: 0.07em; text-align: center; text-transform: uppercase; } .smil-stanza-parete__eyebrow > span:nth-child(2) { min-width: 0; overflow-wrap: break-word; } .smil-stanza-parete__eyebrow-line { width: 32px; height: 2px; flex: 0 0 32px; border-radius: 999px; background: var(--smil-sp-turquoise); } .smil-stanza-parete__title { width: 100%; max-width: 940px; min-width: 0; margin: 0; color: var(--smil-sp-dark); font-size: clamp(2rem, 4vw, 3.55rem); font-weight: 850; line-height: 1.08; letter-spacing: -0.04em; text-align: center; overflow-wrap: break-word; } .smil-stanza-parete__lead { width: 100%; max-width: 870px; min-width: 0; margin: 22px auto 0; color: var(--smil-sp-text); font-size: clamp(1.03rem, 1.7vw, 1.2rem); line-height: 1.78; text-align: center; overflow-wrap: break-word; } .smil-stanza-parete__lead strong { color: var(--smil-sp-dark); font-weight: 800; } /* ========================================================= RISPOSTA IMMEDIATA ========================================================= */ .smil-stanza-parete__answer { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 18px; align-items: flex-start; width: 100%; max-width: 1020px; min-width: 0; margin: clamp(30px, 5vw, 48px) auto 0; padding: clamp(21px, 3vw, 29px); border: 1px solid rgba(8, 127, 140, 0.18); border-radius: 19px; background: rgba(255, 255, 255, 0.94); box-shadow: 0 15px 36px rgba(8, 47, 59, 0.07); text-align: left; } .smil-stanza-parete__answer-mark { display: grid; width: 44px; height: 44px; flex: 0 0 44px; place-items: center; border-radius: 50%; background: var(--smil-sp-teal); color: var(--smil-sp-white); font-size: 1.2rem; font-weight: 900; line-height: 1; } .smil-stanza-parete__answer-content { width: 100%; min-width: 0; } .smil-stanza-parete__answer-label { margin: 0 0 6px; color: var(--smil-sp-teal); font-size: 0.77rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-parete__answer-text { width: 100%; min-width: 0; margin: 0; color: var(--smil-sp-text); font-size: clamp(1rem, 1.5vw, 1.1rem); line-height: 1.74; text-align: left; overflow-wrap: break-word; } .smil-stanza-parete__answer-text strong { color: var(--smil-sp-dark); font-weight: 800; } /* ========================================================= LAYOUT PRINCIPALE ========================================================= */ .smil-stanza-parete__layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(310px, 390px); gap: clamp(36px, 5vw, 68px); align-items: start; width: 100%; min-width: 0; margin-top: clamp(46px, 6vw, 74px); } .smil-stanza-parete__content, .smil-stanza-parete__signals { width: 100%; max-width: 100%; min-width: 0; } /* ========================================================= CONTENUTO TESTUALE ========================================================= */ .smil-stanza-parete__subtitle { width: 100%; min-width: 0; margin: 0; color: var(--smil-sp-dark); font-size: clamp(1.35rem, 2.4vw, 1.95rem); font-weight: 820; line-height: 1.27; letter-spacing: -0.025em; text-align: left; overflow-wrap: break-word; } .smil-stanza-parete__content > p { width: 100%; min-width: 0; margin: 18px 0 0; color: var(--smil-sp-text); font-size: clamp(1rem, 1.35vw, 1.08rem); line-height: 1.8; text-align: left; overflow-wrap: break-word; } .smil-stanza-parete__content strong { color: var(--smil-sp-dark); font-weight: 800; } /* ========================================================= AVVERTENZA ========================================================= */ .smil-stanza-parete__warning { width: 100%; max-width: 100%; min-width: 0; margin: 30px 0 35px; padding: clamp(22px, 3vw, 30px); border: 1px solid #f1ddc4; border-left: 5px solid var(--smil-sp-orange); border-radius: 0 18px 18px 0; background: var(--smil-sp-cream); text-align: left; } .smil-stanza-parete__warning-title { width: 100%; min-width: 0; margin: 0 !important; color: var(--smil-sp-dark) !important; font-size: clamp(1.08rem, 1.8vw, 1.3rem) !important; font-weight: 850; line-height: 1.45 !important; text-align: left; overflow-wrap: break-word; } .smil-stanza-parete__warning p:not( .smil-stanza-parete__warning-title ) { width: 100%; min-width: 0; margin: 12px 0 0; color: var(--smil-sp-text); font-size: clamp(0.98rem, 1.35vw, 1.06rem); line-height: 1.72; text-align: left; overflow-wrap: break-word; } /* ========================================================= SEGNALI ========================================================= */ .smil-stanza-parete__signals { position: sticky; top: 24px; overflow: hidden; padding: clamp(25px, 3vw, 34px); border-radius: 24px; background: linear-gradient( 145deg, var(--smil-sp-dark) 0%, var(--smil-sp-dark-soft) 100% ); color: var(--smil-sp-white); box-shadow: 0 22px 52px rgba(8, 47, 59, 0.2); text-align: left; } .smil-stanza-parete__signals::after { position: absolute; right: -80px; bottom: -90px; width: 220px; height: 220px; border: 40px solid rgba(23, 195, 178, 0.12); border-radius: 50%; content: ""; pointer-events: none; } .smil-stanza-parete__signals-kicker, .smil-stanza-parete__signals-title, .smil-stanza-parete__signals-list { position: relative; z-index: 1; } .smil-stanza-parete__signals-kicker { width: 100%; margin: 0; color: var(--smil-sp-turquoise); font-size: 0.77rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-parete__signals-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-sp-white); font-size: clamp(1.42rem, 2.3vw, 2rem); font-weight: 830; line-height: 1.22; letter-spacing: -0.025em; text-align: left; overflow-wrap: break-word; } .smil-stanza-parete__signals-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 11px; width: 100%; min-width: 0; margin: 23px 0 0; padding: 0; list-style: none; } .smil-stanza-parete__signals-list li { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 13px; align-items: flex-start; width: 100%; max-width: 100%; min-width: 0; padding: 14px; border: 1px solid rgba(255, 255, 255, 0.11); border-radius: 13px; background: rgba(255, 255, 255, 0.06); overflow: hidden; } .smil-stanza-parete__signals-number { display: grid; width: 34px; height: 34px; flex: 0 0 34px; place-items: center; border-radius: 9px; background: rgba(23, 195, 178, 0.14); color: var(--smil-sp-turquoise); font-size: 0.72rem; font-weight: 900; line-height: 1; } .smil-stanza-parete__signals-content { width: 100%; min-width: 0; } .smil-stanza-parete__signals-content strong { display: block; width: 100%; min-width: 0; color: var(--smil-sp-white); font-size: 0.94rem; font-weight: 800; line-height: 1.4; text-align: left; overflow-wrap: break-word; } .smil-stanza-parete__signals-content p { width: 100%; min-width: 0; margin: 5px 0 0; color: rgba(255, 255, 255, 0.75); font-size: 0.82rem; line-height: 1.5; text-align: left; overflow-wrap: break-word; } /* ========================================================= CONFRONTO ========================================================= */ .smil-stanza-parete__comparison { width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(54px, 7vw, 86px); } .smil-stanza-parete__comparison-header { width: 100%; max-width: 820px; min-width: 0; margin: 0 auto; text-align: center; } .smil-stanza-parete__comparison-kicker { margin: 0; color: var(--smil-sp-teal); font-size: 0.77rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: center; text-transform: uppercase; } .smil-stanza-parete__comparison-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-sp-dark); font-size: clamp(1.6rem, 3vw, 2.55rem); font-weight: 840; line-height: 1.2; letter-spacing: -0.03em; text-align: center; overflow-wrap: break-word; } .smil-stanza-parete__comparison-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; width: 100%; max-width: 1010px; min-width: 0; margin: 33px auto 0; } .smil-stanza-parete__option { position: relative; width: 100%; max-width: 100%; min-width: 0; padding: clamp(25px, 3.5vw, 36px); overflow: hidden; border: 1px solid var(--smil-sp-border); border-radius: 22px; background: var(--smil-sp-white); box-shadow: 0 16px 38px rgba(8, 47, 59, 0.07); text-align: left; } .smil-stanza-parete__option--featured { border-color: rgba(8, 127, 140, 0.25); background: linear-gradient( 145deg, var(--smil-sp-light) 0%, var(--smil-sp-white) 100% ); box-shadow: 0 20px 46px rgba(8, 127, 140, 0.12); } .smil-stanza-parete__option-badge { position: absolute; top: 18px; right: 18px; max-width: calc(100% - 36px); margin: 0; padding: 6px 10px; border-radius: 999px; background: rgba(124, 192, 67, 0.15); color: #428716; font-size: 0.7rem; font-weight: 850; line-height: 1.35; letter-spacing: 0.045em; text-align: center; text-transform: uppercase; overflow-wrap: break-word; } .smil-stanza-parete__option-icon { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 13px; background: rgba(8, 127, 140, 0.11); color: var(--smil-sp-teal); font-size: 1.15rem; font-weight: 900; line-height: 1; } .smil-stanza-parete__option h4 { width: 100%; min-width: 0; margin: 19px 0 0; color: var(--smil-sp-dark); font-size: clamp(1.3rem, 2vw, 1.7rem); font-weight: 820; line-height: 1.27; text-align: left; overflow-wrap: break-word; } .smil-stanza-parete__option > p:not( .smil-stanza-parete__option-badge ) { width: 100%; min-width: 0; margin: 14px 0 0; color: var(--smil-sp-text); font-size: 0.98rem; line-height: 1.7; text-align: left; overflow-wrap: break-word; } .smil-stanza-parete__option-link { display: inline-flex; width: fit-content; max-width: 100%; min-width: 0; align-items: center; gap: 8px; margin-top: 21px; color: var(--smil-sp-teal); font-size: 0.92rem; font-weight: 820; line-height: 1.45; text-align: left; text-decoration: none; white-space: normal; overflow-wrap: break-word; } .smil-stanza-parete__option-link-text { min-width: 0; overflow-wrap: break-word; } .smil-stanza-parete__option-link-arrow { flex: 0 0 auto; transition: transform 0.2s ease; } .smil-stanza-parete__option-link:hover .smil-stanza-parete__option-link-arrow { transform: translateX(4px); } .smil-stanza-parete__comparison-note { width: 100%; max-width: 860px; min-width: 0; margin: 21px auto 0; color: var(--smil-sp-muted); font-size: 0.87rem; line-height: 1.65; text-align: center; overflow-wrap: break-word; } /* ========================================================= BLOCCO GEO MILANO ========================================================= */ .smil-stanza-parete__geo { display: grid; grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr); gap: clamp(28px, 5vw, 62px); align-items: center; width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(54px, 7vw, 82px); padding: clamp(27px, 4vw, 42px); overflow: hidden; border: 1px solid var(--smil-sp-border); border-radius: 23px; background: var(--smil-sp-grey); } .smil-stanza-parete__geo-heading, .smil-stanza-parete__geo-text { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-parete__geo-kicker { margin: 0; color: var(--smil-sp-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-parete__geo-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-sp-dark); font-size: clamp(1.4rem, 2.5vw, 2.05rem); font-weight: 830; line-height: 1.24; letter-spacing: -0.025em; text-align: left; overflow-wrap: break-word; } .smil-stanza-parete__geo-text p { width: 100%; min-width: 0; margin: 0; color: var(--smil-sp-text); font-size: 0.98rem; line-height: 1.74; text-align: left; overflow-wrap: break-word; } .smil-stanza-parete__geo-text p + p { margin-top: 13px; } .smil-stanza-parete__geo-text strong { color: var(--smil-sp-dark); font-weight: 800; } /* ========================================================= CTA DI CONVERSIONE ========================================================= */ .smil-stanza-parete__conversion { display: grid; grid-template-columns: minmax(0, 1fr) minmax(230px, 290px); gap: 30px; align-items: center; width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(48px, 7vw, 78px); padding: clamp(27px, 4vw, 43px); overflow: hidden; border-radius: 24px; background: radial-gradient( circle at 90% 10%, rgba(23, 195, 178, 0.17), transparent 35% ), linear-gradient( 135deg, var(--smil-sp-dark) 0%, var(--smil-sp-dark-soft) 100% ); color: var(--smil-sp-white); box-shadow: 0 22px 50px rgba(8, 47, 59, 0.18); text-align: left; } .smil-stanza-parete__conversion-content, .smil-stanza-parete__conversion-actions { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-parete__conversion-kicker { margin: 0; color: var(--smil-sp-turquoise); font-size: 0.77rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-parete__conversion-title { width: 100%; max-width: 760px; min-width: 0; margin: 8px 0 0; color: var(--smil-sp-white); font-size: clamp(1.42rem, 2.6vw, 2.2rem); font-weight: 830; line-height: 1.22; letter-spacing: -0.025em; text-align: left; overflow-wrap: break-word; } .smil-stanza-parete__conversion-text { width: 100%; max-width: 760px; min-width: 0; margin: 14px 0 0; color: rgba(255, 255, 255, 0.84); font-size: 0.98rem; line-height: 1.7; text-align: left; overflow-wrap: break-word; } .smil-stanza-parete__conversion-actions { display: grid; grid-template-columns: minmax(0, 1fr); gap: 13px; justify-items: stretch; } /* ========================================================= PULSANTE ========================================================= */ .smil-stanza-parete__button { display: inline-flex; width: 100%; max-width: 100%; min-width: 0; min-height: 52px; align-items: center; justify-content: center; padding: 13px 21px; border-radius: 12px; background: var(--smil-sp-orange); color: var(--smil-sp-white); font-family: inherit; font-size: clamp(0.9rem, 1.4vw, 0.96rem); font-weight: 820; line-height: 1.4; text-align: center; text-decoration: none; white-space: normal; overflow-wrap: break-word; word-break: normal; box-shadow: 0 12px 25px rgba(242, 140, 40, 0.25); transition: transform 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease; } .smil-stanza-parete__button:hover { transform: translateY(-2px); background: var(--smil-sp-orange-dark); box-shadow: 0 15px 28px rgba(242, 140, 40, 0.32); } /* ========================================================= LINK AL BLOCCO SUCCESSIVO ========================================================= */ .smil-stanza-parete__next { display: flex; width: 100%; max-width: 100%; min-width: 0; align-items: center; justify-content: center; gap: 8px; color: rgba(255, 255, 255, 0.9); font-size: 0.87rem; font-weight: 750; line-height: 1.45; text-align: center; text-decoration: none; white-space: normal; overflow-wrap: break-word; } .smil-stanza-parete__next-text { min-width: 0; overflow-wrap: break-word; } .smil-stanza-parete__next-arrow { flex: 0 0 auto; color: var(--smil-sp-turquoise); transition: transform 0.2s ease; } .smil-stanza-parete__next:hover .smil-stanza-parete__next-arrow { transform: translateY(3px); } /* ========================================================= ACCESSIBILITÀ ========================================================= */ .smil-stanza-parete a:focus-visible { outline: 3px solid rgba(242, 140, 40, 0.42); outline-offset: 4px; } /* ========================================================= DESKTOP INTERMEDIO ========================================================= */ @media (max-width: 1100px) { .smil-stanza-parete__layout { grid-template-columns: minmax(0, 1fr) minmax(290px, 350px); gap: clamp(30px, 4vw, 46px); } .smil-stanza-parete__conversion { grid-template-columns: minmax(0, 1fr) minmax(220px, 270px); gap: 24px; } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 900px) { .smil-stanza-parete { padding: clamp(52px, 7vw, 72px) clamp(18px, 4vw, 28px); } .smil-stanza-parete__layout, .smil-stanza-parete__geo, .smil-stanza-parete__conversion { grid-template-columns: minmax(0, 1fr); } .smil-stanza-parete__layout { gap: 38px; } .smil-stanza-parete__signals { position: relative; top: auto; width: 100%; max-width: 760px; } .smil-stanza-parete__conversion { gap: 25px; } .smil-stanza-parete__conversion-actions { width: min(100%, 420px); } } /* ========================================================= TABLET PICCOLI ========================================================= */ @media (max-width: 760px) { .smil-stanza-parete__comparison-grid { grid-template-columns: minmax(0, 1fr); } .smil-stanza-parete__option { width: 100%; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 640px) { .smil-stanza-parete { padding: 46px max(16px, env(safe-area-inset-right)) 52px max(16px, env(safe-area-inset-left)); scroll-margin-top: 72px; } .smil-stanza-parete::before { top: 220px; left: -125px; width: 240px; height: 240px; border-width: 42px; } .smil-stanza-parete__header, .smil-stanza-parete__comparison-header { text-align: left; } .smil-stanza-parete__eyebrow { display: block; width: 100%; margin-bottom: 13px; font-size: 0.7rem; line-height: 1.45; letter-spacing: 0.045em; text-align: left; } .smil-stanza-parete__eyebrow-line { display: none; } .smil-stanza-parete__title { font-size: clamp(1.9rem, 9vw, 2.65rem); line-height: 1.1; letter-spacing: -0.032em; text-align: left; } .smil-stanza-parete__lead { margin-top: 18px; font-size: 1rem; line-height: 1.7; text-align: left; } .smil-stanza-parete__answer { grid-template-columns: minmax(0, 1fr); gap: 13px; margin-top: 26px; padding: 19px 17px; border-radius: 15px; } .smil-stanza-parete__answer-mark { width: 40px; height: 40px; } .smil-stanza-parete__answer-text { font-size: 1rem; line-height: 1.68; } .smil-stanza-parete__layout { margin-top: 38px; gap: 33px; } .smil-stanza-parete__subtitle { font-size: clamp(1.28rem, 6.3vw, 1.65rem); line-height: 1.3; } .smil-stanza-parete__content > p { margin-top: 16px; font-size: 1rem; line-height: 1.72; } .smil-stanza-parete__warning { margin: 26px 0 31px; padding: 19px 16px; border-left-width: 4px; border-radius: 0 14px 14px 0; } .smil-stanza-parete__warning-title { font-size: 1.08rem !important; line-height: 1.42 !important; } .smil-stanza-parete__warning p:not( .smil-stanza-parete__warning-title ) { font-size: 0.98rem; line-height: 1.7; } .smil-stanza-parete__signals { width: 100%; max-width: 100%; padding: 25px 17px; border-radius: 20px; } .smil-stanza-parete__signals-title { font-size: clamp(1.4rem, 7vw, 1.8rem); } .smil-stanza-parete__signals-list li { grid-template-columns: 32px minmax(0, 1fr); gap: 11px; padding: 12px 10px; } .smil-stanza-parete__signals-number { width: 32px; height: 32px; } .smil-stanza-parete__signals-content strong { font-size: 0.9rem; } .smil-stanza-parete__signals-content p { font-size: 0.8rem; line-height: 1.48; } .smil-stanza-parete__comparison { margin-top: 48px; } .smil-stanza-parete__comparison-kicker, .smil-stanza-parete__comparison-title { text-align: left; } .smil-stanza-parete__comparison-title { font-size: clamp(1.45rem, 7vw, 1.9rem); } .smil-stanza-parete__comparison-grid { margin-top: 26px; } .smil-stanza-parete__option { padding: 25px 18px; border-radius: 19px; } .smil-stanza-parete__option-badge { position: static; display: inline-flex; width: fit-content; max-width: 100%; margin: 0 0 15px; } .smil-stanza-parete__option h4 { font-size: clamp(1.25rem, 6vw, 1.55rem); } .smil-stanza-parete__option-link { display: flex; width: 100%; justify-content: space-between; padding: 12px 13px; border: 1px solid rgba(8, 127, 140, 0.16); border-radius: 11px; background: rgba(8, 127, 140, 0.05); } .smil-stanza-parete__comparison-note { text-align: left; } .smil-stanza-parete__geo { margin-top: 48px; padding: 25px 18px; border-radius: 19px; } .smil-stanza-parete__geo-title { font-size: clamp(1.35rem, 6.7vw, 1.75rem); } .smil-stanza-parete__geo-text p { font-size: 0.96rem; line-height: 1.7; } .smil-stanza-parete__conversion { margin-top: 46px; padding: 26px 18px; border-radius: 20px; } .smil-stanza-parete__conversion-title { font-size: clamp(1.38rem, 7vw, 1.85rem); line-height: 1.25; } .smil-stanza-parete__conversion-text { font-size: 0.95rem; line-height: 1.65; } .smil-stanza-parete__conversion-actions { width: 100%; } .smil-stanza-parete__button { width: 100%; max-width: 100%; padding: 13px 15px; font-size: 0.93rem; } .smil-stanza-parete__next { width: 100%; justify-content: space-between; padding: 12px 13px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 11px; background: rgba(255, 255, 255, 0.06); text-align: left; } } /* ========================================================= SMARTPHONE PICCOLI ========================================================= */ @media (max-width: 380px) { .smil-stanza-parete { padding-right: 14px; padding-left: 14px; } .smil-stanza-parete__title { font-size: clamp(1.78rem, 9vw, 2.2rem); } .smil-stanza-parete__answer { padding-right: 14px; padding-left: 14px; } .smil-stanza-parete__signals { padding-right: 14px; padding-left: 14px; } .smil-stanza-parete__option { padding-right: 16px; padding-left: 16px; } .smil-stanza-parete__geo, .smil-stanza-parete__conversion { padding-right: 16px; padding-left: 16px; } .smil-stanza-parete__button { padding-right: 11px; padding-left: 11px; font-size: 0.88rem; } } /* ========================================================= RIDUZIONE ANIMAZIONI ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-stanza-parete__option-link-arrow, .smil-stanza-parete__button, .smil-stanza-parete__next-arrow { transition: none; } .smil-stanza-parete__button:hover { transform: none; } .smil-stanza-parete__option-link:hover .smil-stanza-parete__option-link-arrow, .smil-stanza-parete__next:hover .smil-stanza-parete__next-arrow { transform: none; } }#imCell_6 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1723_06 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_6 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_6 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= DA DOVE PUÒ ENTRARE IL RUMORE IN UNA STANZA RESPONSIVE DESKTOP, TABLET E MOBILE ========================================================= */ .smil-stanza-rumore { --smil-sr-dark: #082f3b; --smil-sr-dark-soft: #104653; --smil-sr-teal: #087f8c; --smil-sr-turquoise: #17c3b2; --smil-sr-orange: #f28c28; --smil-sr-orange-dark: #dc7718; --smil-sr-green: #7cc043; --smil-sr-white: #ffffff; --smil-sr-cream: #fff9ef; --smil-sr-light: #eef9fa; --smil-sr-grey: #f4f7f8; --smil-sr-text: #263f47; --smil-sr-muted: #60767d; --smil-sr-border: #d8e7e9; position: relative; width: 100%; max-width: 100%; min-width: 0; margin: 0; padding: clamp(58px, 7vw, 96px) clamp(16px, 3.5vw, 32px); overflow-x: hidden; background: var(--smil-sr-white); color: var(--smil-sr-text); text-align: left; scroll-margin-top: 90px; isolation: isolate; } @supports (overflow: clip) { .smil-stanza-rumore { overflow-x: clip; } } /* ========================================================= RESET LOCALE ========================================================= */ .smil-stanza-rumore, .smil-stanza-rumore *, .smil-stanza-rumore *::before, .smil-stanza-rumore *::after { box-sizing: border-box; } .smil-stanza-rumore h2, .smil-stanza-rumore h3, .smil-stanza-rumore h4, .smil-stanza-rumore p, .smil-stanza-rumore ul, .smil-stanza-rumore li, .smil-stanza-rumore section, .smil-stanza-rumore article, .smil-stanza-rumore aside, .smil-stanza-rumore div, .smil-stanza-rumore a, .smil-stanza-rumore span, .smil-stanza-rumore strong { max-width: 100%; min-width: 0; } .smil-stanza-rumore h2, .smil-stanza-rumore h3, .smil-stanza-rumore h4, .smil-stanza-rumore p, .smil-stanza-rumore li, .smil-stanza-rumore a, .smil-stanza-rumore span, .smil-stanza-rumore strong { word-break: normal; overflow-wrap: break-word; white-space: normal; hyphens: none; } .smil-stanza-rumore a { -webkit-tap-highlight-color: transparent; } /* ========================================================= DECORAZIONE ========================================================= */ .smil-stanza-rumore::before { position: absolute; z-index: -1; top: 360px; right: -170px; width: 340px; height: 340px; border: 58px solid rgba(8, 127, 140, 0.045); border-radius: 50%; content: ""; pointer-events: none; } /* ========================================================= CONTENITORE ========================================================= */ .smil-stanza-rumore__container { position: relative; z-index: 1; width: 100%; max-width: 1220px; min-width: 0; margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-stanza-rumore__header { width: 100%; max-width: 950px; min-width: 0; margin: 0 auto; text-align: center; } .smil-stanza-rumore__eyebrow { display: inline-flex; max-width: 100%; flex-wrap: nowrap; align-items: center; justify-content: center; gap: 9px; margin: 0 0 15px; color: var(--smil-sr-teal); font-size: clamp(0.72rem, 1.2vw, 0.8rem); font-weight: 850; line-height: 1.4; letter-spacing: 0.07em; text-align: center; text-transform: uppercase; } .smil-stanza-rumore__eyebrow > span:nth-child(2) { min-width: 0; overflow-wrap: break-word; } .smil-stanza-rumore__eyebrow-line { width: 32px; height: 2px; flex: 0 0 32px; border-radius: 999px; background: var(--smil-sr-turquoise); } .smil-stanza-rumore__title { width: 100%; min-width: 0; margin: 0; color: var(--smil-sr-dark); font-size: clamp(2rem, 4vw, 3.55rem); font-weight: 850; line-height: 1.08; letter-spacing: -0.04em; text-align: center; overflow-wrap: break-word; } .smil-stanza-rumore__lead { width: 100%; max-width: 890px; min-width: 0; margin: 22px auto 0; color: var(--smil-sr-text); font-size: clamp(1.03rem, 1.7vw, 1.2rem); line-height: 1.78; text-align: center; overflow-wrap: break-word; } .smil-stanza-rumore__lead strong { color: var(--smil-sr-dark); font-weight: 800; } /* ========================================================= RISPOSTA IMMEDIATA ========================================================= */ .smil-stanza-rumore__answer { display: grid; grid-template-columns: 43px minmax(0, 1fr); gap: 18px; align-items: flex-start; width: 100%; max-width: 1030px; min-width: 0; margin: clamp(30px, 5vw, 48px) auto 0; padding: clamp(21px, 3vw, 29px); border: 1px solid rgba(8, 127, 140, 0.18); border-left: 5px solid var(--smil-sr-turquoise); border-radius: 0 19px 19px 0; background: linear-gradient( 135deg, var(--smil-sr-light) 0%, var(--smil-sr-white) 100% ); box-shadow: 0 15px 36px rgba(8, 47, 59, 0.07); text-align: left; } .smil-stanza-rumore__answer-icon { display: grid; width: 43px; height: 43px; flex: 0 0 43px; place-items: center; border-radius: 50%; background: var(--smil-sr-teal); color: var(--smil-sr-white); font-family: Georgia, serif; font-size: 1.2rem; font-weight: 850; line-height: 1; } .smil-stanza-rumore__answer-content { width: 100%; min-width: 0; } .smil-stanza-rumore__answer-label { margin: 0 0 6px; color: var(--smil-sr-teal); font-size: 0.77rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-rumore__answer-text { width: 100%; min-width: 0; margin: 0; color: var(--smil-sr-text); font-size: clamp(1rem, 1.5vw, 1.1rem); line-height: 1.74; text-align: left; overflow-wrap: break-word; } .smil-stanza-rumore__answer-text strong { color: var(--smil-sr-dark); font-weight: 800; } /* ========================================================= INTRODUZIONE ========================================================= */ .smil-stanza-rumore__intro-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(290px, 370px); gap: clamp(34px, 5vw, 66px); align-items: center; width: 100%; min-width: 0; margin-top: clamp(45px, 6vw, 72px); } .smil-stanza-rumore__intro-content, .smil-stanza-rumore__question { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-rumore__subtitle { width: 100%; min-width: 0; margin: 0; color: var(--smil-sr-dark); font-size: clamp(1.35rem, 2.4vw, 1.95rem); font-weight: 820; line-height: 1.27; letter-spacing: -0.025em; text-align: left; overflow-wrap: break-word; } .smil-stanza-rumore__intro-content p { width: 100%; min-width: 0; margin: 18px 0 0; color: var(--smil-sr-text); font-size: clamp(1rem, 1.35vw, 1.08rem); line-height: 1.8; text-align: left; overflow-wrap: break-word; } .smil-stanza-rumore__intro-content strong { color: var(--smil-sr-dark); font-weight: 800; } /* ========================================================= BOX DOMANDA ========================================================= */ .smil-stanza-rumore__question { position: relative; overflow: hidden; padding: clamp(25px, 3.5vw, 36px); border-radius: 24px; background: linear-gradient( 145deg, var(--smil-sr-dark) 0%, var(--smil-sr-dark-soft) 100% ); color: var(--smil-sr-white); box-shadow: 0 22px 50px rgba(8, 47, 59, 0.2); text-align: left; } .smil-stanza-rumore__question::after { position: absolute; right: 18px; bottom: -35px; color: rgba(23, 195, 178, 0.1); font-size: 10rem; font-weight: 900; line-height: 1; content: "?"; pointer-events: none; } .smil-stanza-rumore__question-kicker, .smil-stanza-rumore__question-title, .smil-stanza-rumore__question-text, .smil-stanza-rumore__question-link { position: relative; z-index: 1; } .smil-stanza-rumore__question-kicker { margin: 0; color: var(--smil-sr-turquoise); font-size: 0.77rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-rumore__question-title { width: 100%; min-width: 0; margin: 9px 0 0; color: var(--smil-sr-white); font-size: clamp(1.4rem, 2.4vw, 1.95rem); font-weight: 830; line-height: 1.23; letter-spacing: -0.025em; text-align: left; overflow-wrap: break-word; } .smil-stanza-rumore__question-text { width: 100%; min-width: 0; margin: 16px 0 0; color: rgba(255, 255, 255, 0.82); font-size: 0.95rem; line-height: 1.68; text-align: left; overflow-wrap: break-word; } .smil-stanza-rumore__question-link { display: inline-flex; width: fit-content; max-width: 100%; min-width: 0; align-items: center; gap: 8px; margin-top: 21px; color: var(--smil-sr-white); font-size: 0.91rem; font-weight: 820; line-height: 1.45; text-align: left; text-decoration: none; white-space: normal; overflow-wrap: break-word; } .smil-stanza-rumore__question-link-text { min-width: 0; overflow-wrap: break-word; } .smil-stanza-rumore__question-link-arrow { flex: 0 0 auto; color: var(--smil-sr-turquoise); transition: transform 0.2s ease; } .smil-stanza-rumore__question-link:hover .smil-stanza-rumore__question-link-arrow { transform: translateX(4px); } /* ========================================================= PRINCIPALI VIE DEL RUMORE ========================================================= */ .smil-stanza-rumore__paths { width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(58px, 8vw, 92px); } .smil-stanza-rumore__paths-header { width: 100%; max-width: 830px; min-width: 0; margin: 0 auto; text-align: center; } .smil-stanza-rumore__paths-kicker { margin: 0; color: var(--smil-sr-teal); font-size: 0.77rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: center; text-transform: uppercase; } .smil-stanza-rumore__paths-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-sr-dark); font-size: clamp(1.65rem, 3.1vw, 2.65rem); font-weight: 840; line-height: 1.19; letter-spacing: -0.03em; text-align: center; overflow-wrap: break-word; } .smil-stanza-rumore__paths-header > p:last-child { width: 100%; max-width: 760px; min-width: 0; margin: 16px auto 0; color: var(--smil-sr-muted); font-size: 0.98rem; line-height: 1.7; text-align: center; overflow-wrap: break-word; } /* ========================================================= GRIGLIA DELLE VIE DEL RUMORE ========================================================= */ .smil-stanza-rumore__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; width: 100%; min-width: 0; margin-top: 34px; } .smil-stanza-rumore__card { position: relative; display: flex; flex-direction: column; width: 100%; max-width: 100%; min-width: 0; padding: clamp(23px, 3vw, 31px); overflow: hidden; border: 1px solid var(--smil-sr-border); border-radius: 21px; background: var(--smil-sr-white); box-shadow: 0 15px 36px rgba(8, 47, 59, 0.065); text-align: left; transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease; } .smil-stanza-rumore__card:hover { transform: translateY(-3px); border-color: rgba(8, 127, 140, 0.3); box-shadow: 0 20px 42px rgba(8, 47, 59, 0.1); } .smil-stanza-rumore__card-number { display: grid; width: 43px; height: 43px; place-items: center; border-radius: 12px; background: rgba(23, 195, 178, 0.12); color: var(--smil-sr-teal); font-size: 0.75rem; font-weight: 900; line-height: 1; } .smil-stanza-rumore__card h4 { width: 100%; min-width: 0; margin: 18px 0 0; color: var(--smil-sr-dark); font-size: clamp(1.15rem, 1.8vw, 1.42rem); font-weight: 820; line-height: 1.32; text-align: left; overflow-wrap: break-word; } .smil-stanza-rumore__card > p { width: 100%; min-width: 0; margin: 13px 0 0; color: var(--smil-sr-text); font-size: 0.94rem; line-height: 1.68; text-align: left; overflow-wrap: break-word; } .smil-stanza-rumore__card-link, .smil-stanza-rumore__card-note { margin-top: auto; padding-top: 19px; font-size: 0.86rem; font-weight: 790; line-height: 1.45; text-align: left; overflow-wrap: break-word; } .smil-stanza-rumore__card-link { display: inline-flex; width: fit-content; max-width: 100%; min-width: 0; align-items: center; gap: 7px; color: var(--smil-sr-teal); text-decoration: none; white-space: normal; } .smil-stanza-rumore__card-link-text { min-width: 0; overflow-wrap: break-word; } .smil-stanza-rumore__card-link-arrow { flex: 0 0 auto; transition: transform 0.2s ease; } .smil-stanza-rumore__card-link:hover .smil-stanza-rumore__card-link-arrow { transform: translateX(4px); } .smil-stanza-rumore__card-note { display: block; width: 100%; max-width: 100%; min-width: 0; color: var(--smil-sr-muted); } /* ========================================================= TIPOLOGIE DI RUMORE ========================================================= */ .smil-stanza-rumore__types { display: grid; grid-template-columns: minmax(0, 0.7fr) minmax(0, 1.3fr); gap: clamp(32px, 5vw, 64px); align-items: center; width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(58px, 8vw, 90px); padding: clamp(28px, 4.5vw, 46px); overflow: hidden; border: 1px solid var(--smil-sr-border); border-radius: 25px; background: linear-gradient( 135deg, var(--smil-sr-light) 0%, var(--smil-sr-white) 100% ); } .smil-stanza-rumore__types-heading, .smil-stanza-rumore__types-grid { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-rumore__types-kicker { margin: 0; color: var(--smil-sr-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-rumore__types-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-sr-dark); font-size: clamp(1.45rem, 2.6vw, 2.15rem); font-weight: 830; line-height: 1.22; letter-spacing: -0.025em; text-align: left; overflow-wrap: break-word; } .smil-stanza-rumore__types-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; } .smil-stanza-rumore__type { width: 100%; max-width: 100%; min-width: 0; padding: 19px 20px; overflow: hidden; border: 1px solid rgba(8, 127, 140, 0.14); border-radius: 15px; background: rgba(255, 255, 255, 0.88); text-align: left; } .smil-stanza-rumore__type-label { margin: 0; color: var(--smil-sr-teal); font-size: 0.72rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-align: left; text-transform: uppercase; } .smil-stanza-rumore__type h4 { width: 100%; min-width: 0; margin: 5px 0 0; color: var(--smil-sr-dark); font-size: 1.08rem; font-weight: 820; line-height: 1.4; text-align: left; overflow-wrap: break-word; } .smil-stanza-rumore__type > p:last-child { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-sr-text); font-size: 0.89rem; line-height: 1.6; text-align: left; overflow-wrap: break-word; } /* ========================================================= DIAGNOSI E PERCORSO ========================================================= */ .smil-stanza-rumore__diagnosis { display: grid; grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr); gap: clamp(34px, 5vw, 66px); align-items: center; width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(58px, 8vw, 90px); } .smil-stanza-rumore__diagnosis-content, .smil-stanza-rumore__diagnosis-steps { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-rumore__diagnosis-kicker { margin: 0; color: var(--smil-sr-teal); font-size: 0.77rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-rumore__diagnosis-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-sr-dark); font-size: clamp(1.55rem, 2.9vw, 2.4rem); font-weight: 840; line-height: 1.2; letter-spacing: -0.03em; text-align: left; overflow-wrap: break-word; } .smil-stanza-rumore__diagnosis-content > p:last-child { width: 100%; min-width: 0; margin: 16px 0 0; color: var(--smil-sr-text); font-size: 0.98rem; line-height: 1.74; text-align: left; overflow-wrap: break-word; } .smil-stanza-rumore__diagnosis-content strong { color: var(--smil-sr-dark); font-weight: 800; } .smil-stanza-rumore__diagnosis-steps { display: grid; grid-template-columns: minmax(0, 1fr); gap: 11px; } .smil-stanza-rumore__diagnosis-step { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 14px; align-items: center; width: 100%; max-width: 100%; min-width: 0; padding: 16px; overflow: hidden; border: 1px solid var(--smil-sr-border); border-radius: 15px; background: var(--smil-sr-grey); } .smil-stanza-rumore__diagnosis-step > span { display: grid; width: 37px; height: 37px; place-items: center; border-radius: 10px; background: var(--smil-sr-teal); color: var(--smil-sr-white); font-size: 0.8rem; font-weight: 900; line-height: 1; } .smil-stanza-rumore__diagnosis-step p { width: 100%; min-width: 0; margin: 0; color: var(--smil-sr-muted); font-size: 0.88rem; line-height: 1.55; text-align: left; overflow-wrap: break-word; } .smil-stanza-rumore__diagnosis-step strong { display: block; width: 100%; min-width: 0; margin-bottom: 2px; color: var(--smil-sr-dark); font-size: 0.96rem; font-weight: 820; overflow-wrap: break-word; } /* ========================================================= CTA DI CONVERSIONE ========================================================= */ .smil-stanza-rumore__conversion { display: grid; grid-template-columns: minmax(0, 1fr) minmax(235px, 295px); gap: 30px; align-items: center; width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(52px, 7vw, 80px); padding: clamp(27px, 4vw, 43px); overflow: hidden; border-radius: 24px; background: radial-gradient( circle at 92% 8%, rgba(23, 195, 178, 0.17), transparent 35% ), linear-gradient( 135deg, var(--smil-sr-dark) 0%, var(--smil-sr-dark-soft) 100% ); color: var(--smil-sr-white); box-shadow: 0 22px 50px rgba(8, 47, 59, 0.18); text-align: left; } .smil-stanza-rumore__conversion-content, .smil-stanza-rumore__conversion-actions { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-rumore__conversion-kicker { margin: 0; color: var(--smil-sr-turquoise); font-size: 0.77rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-rumore__conversion-title { width: 100%; max-width: 760px; min-width: 0; margin: 8px 0 0; color: var(--smil-sr-white); font-size: clamp(1.42rem, 2.6vw, 2.2rem); font-weight: 830; line-height: 1.22; letter-spacing: -0.025em; text-align: left; overflow-wrap: break-word; } .smil-stanza-rumore__conversion-text { width: 100%; max-width: 780px; min-width: 0; margin: 14px 0 0; color: rgba(255, 255, 255, 0.84); font-size: 0.98rem; line-height: 1.7; text-align: left; overflow-wrap: break-word; } .smil-stanza-rumore__conversion-actions { display: grid; grid-template-columns: minmax(0, 1fr); gap: 13px; justify-items: stretch; } /* ========================================================= PULSANTE ========================================================= */ .smil-stanza-rumore__button { display: inline-flex; width: 100%; max-width: 100%; min-width: 0; min-height: 52px; align-items: center; justify-content: center; padding: 13px 21px; border-radius: 12px; background: var(--smil-sr-orange); color: var(--smil-sr-white); font-family: inherit; font-size: clamp(0.9rem, 1.4vw, 0.96rem); font-weight: 820; line-height: 1.4; text-align: center; text-decoration: none; white-space: normal; overflow-wrap: break-word; word-break: normal; box-shadow: 0 12px 25px rgba(242, 140, 40, 0.25); transition: transform 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease; } .smil-stanza-rumore__button:hover { transform: translateY(-2px); background: var(--smil-sr-orange-dark); box-shadow: 0 15px 28px rgba(242, 140, 40, 0.32); } /* ========================================================= LINK AL BLOCCO SUCCESSIVO ========================================================= */ .smil-stanza-rumore__next { display: flex; width: 100%; max-width: 100%; min-width: 0; align-items: center; justify-content: center; gap: 8px; color: rgba(255, 255, 255, 0.9); font-size: 0.87rem; font-weight: 750; line-height: 1.45; text-align: center; text-decoration: none; white-space: normal; overflow-wrap: break-word; } .smil-stanza-rumore__next-text { min-width: 0; overflow-wrap: break-word; } .smil-stanza-rumore__next-arrow { flex: 0 0 auto; color: var(--smil-sr-turquoise); transition: transform 0.2s ease; } .smil-stanza-rumore__next:hover .smil-stanza-rumore__next-arrow { transform: translateY(3px); } /* ========================================================= ACCESSIBILITÀ ========================================================= */ .smil-stanza-rumore a:focus-visible { outline: 3px solid rgba(242, 140, 40, 0.42); outline-offset: 4px; } /* ========================================================= DESKTOP INTERMEDIO ========================================================= */ @media (max-width: 1100px) { .smil-stanza-rumore__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-stanza-rumore__conversion { grid-template-columns: minmax(0, 1fr) minmax(220px, 275px); gap: 24px; } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 900px) { .smil-stanza-rumore { padding: clamp(52px, 7vw, 72px) clamp(18px, 4vw, 28px); } .smil-stanza-rumore__intro-layout, .smil-stanza-rumore__types, .smil-stanza-rumore__diagnosis, .smil-stanza-rumore__conversion { grid-template-columns: minmax(0, 1fr); } .smil-stanza-rumore__intro-layout { gap: 38px; } .smil-stanza-rumore__question { width: 100%; max-width: 760px; } .smil-stanza-rumore__conversion { gap: 25px; } .smil-stanza-rumore__conversion-actions { width: min(100%, 430px); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 640px) { .smil-stanza-rumore { padding: 46px max(16px, env(safe-area-inset-right)) 52px max(16px, env(safe-area-inset-left)); scroll-margin-top: 72px; } .smil-stanza-rumore::before { top: 420px; right: -125px; width: 240px; height: 240px; border-width: 42px; } .smil-stanza-rumore__header, .smil-stanza-rumore__paths-header { text-align: left; } .smil-stanza-rumore__eyebrow { display: block; width: 100%; margin-bottom: 13px; font-size: 0.7rem; line-height: 1.45; letter-spacing: 0.045em; text-align: left; } .smil-stanza-rumore__eyebrow-line { display: none; } .smil-stanza-rumore__title { font-size: clamp(1.9rem, 9vw, 2.65rem); line-height: 1.1; letter-spacing: -0.032em; text-align: left; } .smil-stanza-rumore__lead { margin-top: 18px; font-size: 1rem; line-height: 1.7; text-align: left; } .smil-stanza-rumore__answer { grid-template-columns: minmax(0, 1fr); gap: 13px; margin-top: 26px; padding: 19px 17px; border-left-width: 4px; border-radius: 0 15px 15px 0; } .smil-stanza-rumore__answer-icon { width: 40px; height: 40px; } .smil-stanza-rumore__answer-text { font-size: 1rem; line-height: 1.68; } .smil-stanza-rumore__intro-layout { margin-top: 38px; gap: 33px; } .smil-stanza-rumore__subtitle { font-size: clamp(1.28rem, 6.3vw, 1.65rem); line-height: 1.3; } .smil-stanza-rumore__intro-content p { margin-top: 16px; font-size: 1rem; line-height: 1.72; } .smil-stanza-rumore__question { width: 100%; max-width: 100%; padding: 25px 18px; border-radius: 20px; } .smil-stanza-rumore__question-title { font-size: clamp(1.4rem, 7vw, 1.8rem); } .smil-stanza-rumore__question-link { display: flex; width: 100%; justify-content: space-between; padding: 12px 13px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 11px; background: rgba(255, 255, 255, 0.07); } .smil-stanza-rumore__paths { margin-top: 50px; } .smil-stanza-rumore__paths-kicker, .smil-stanza-rumore__paths-title, .smil-stanza-rumore__paths-header > p:last-child { text-align: left; } .smil-stanza-rumore__paths-title { font-size: clamp(1.45rem, 7vw, 1.95rem); } .smil-stanza-rumore__grid { grid-template-columns: minmax(0, 1fr); gap: 17px; margin-top: 27px; } .smil-stanza-rumore__card { padding: 24px 18px; border-radius: 19px; } .smil-stanza-rumore__card h4 { font-size: clamp(1.18rem, 6vw, 1.5rem); } .smil-stanza-rumore__card-link { display: flex; width: 100%; justify-content: space-between; padding: 12px 13px; margin-top: 19px; border: 1px solid rgba(8, 127, 140, 0.16); border-radius: 11px; background: rgba(8, 127, 140, 0.05); } .smil-stanza-rumore__types { margin-top: 50px; padding: 25px 18px; border-radius: 20px; } .smil-stanza-rumore__types-title { font-size: clamp(1.38rem, 6.7vw, 1.8rem); } .smil-stanza-rumore__type { padding: 17px 15px; } .smil-stanza-rumore__diagnosis { margin-top: 50px; gap: 27px; } .smil-stanza-rumore__diagnosis-title { font-size: clamp(1.42rem, 7vw, 1.9rem); } .smil-stanza-rumore__diagnosis-step { grid-template-columns: 35px minmax(0, 1fr); gap: 11px; padding: 14px 12px; } .smil-stanza-rumore__diagnosis-step > span { width: 35px; height: 35px; } .smil-stanza-rumore__conversion { margin-top: 46px; padding: 26px 18px; border-radius: 20px; } .smil-stanza-rumore__conversion-title { font-size: clamp(1.38rem, 7vw, 1.85rem); line-height: 1.25; } .smil-stanza-rumore__conversion-text { font-size: 0.95rem; line-height: 1.65; } .smil-stanza-rumore__conversion-actions { width: 100%; } .smil-stanza-rumore__button { width: 100%; padding: 13px 15px; font-size: 0.93rem; } .smil-stanza-rumore__next { width: 100%; justify-content: space-between; padding: 12px 13px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 11px; background: rgba(255, 255, 255, 0.06); text-align: left; } } /* ========================================================= SMARTPHONE PICCOLI ========================================================= */ @media (max-width: 380px) { .smil-stanza-rumore { padding-right: 14px; padding-left: 14px; } .smil-stanza-rumore__title { font-size: clamp(1.78rem, 9vw, 2.2rem); } .smil-stanza-rumore__answer, .smil-stanza-rumore__question, .smil-stanza-rumore__types, .smil-stanza-rumore__conversion { padding-right: 15px; padding-left: 15px; } .smil-stanza-rumore__card { padding-right: 16px; padding-left: 16px; } .smil-stanza-rumore__diagnosis-step { padding-right: 10px; padding-left: 10px; } .smil-stanza-rumore__button { padding-right: 11px; padding-left: 11px; font-size: 0.88rem; } } /* ========================================================= RIDUZIONE ANIMAZIONI ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-stanza-rumore__question-link-arrow, .smil-stanza-rumore__card, .smil-stanza-rumore__card-link-arrow, .smil-stanza-rumore__button, .smil-stanza-rumore__next-arrow { transition: none; } .smil-stanza-rumore__card:hover, .smil-stanza-rumore__button:hover { transform: none; } .smil-stanza-rumore__question-link:hover .smil-stanza-rumore__question-link-arrow, .smil-stanza-rumore__card-link:hover .smil-stanza-rumore__card-link-arrow, .smil-stanza-rumore__next:hover .smil-stanza-rumore__next-arrow { transform: none; } }#imCell_7 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1723_07 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_7 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_7 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= INSONORIZZARE UNA STANZA IN CONDOMINIO A MILANO RESPONSIVE DESKTOP, TABLET E MOBILE ========================================================= */ .smil-stanza-condominio { --smil-sc-dark: #082f3b; --smil-sc-dark-soft: #104653; --smil-sc-teal: #087f8c; --smil-sc-turquoise: #17c3b2; --smil-sc-orange: #f28c28; --smil-sc-orange-dark: #dc7718; --smil-sc-green: #7cc043; --smil-sc-white: #ffffff; --smil-sc-cream: #fff9ef; --smil-sc-light: #eef9fa; --smil-sc-grey: #f4f7f8; --smil-sc-text: #263f47; --smil-sc-muted: #60767d; --smil-sc-border: #d8e7e9; position: relative; width: 100%; max-width: 100%; min-width: 0; margin: 0; padding: clamp(58px, 7vw, 96px) clamp(16px, 3.5vw, 32px); overflow-x: hidden; background: linear-gradient( 180deg, var(--smil-sc-light) 0%, var(--smil-sc-white) 27%, var(--smil-sc-white) 100% ); color: var(--smil-sc-text); text-align: left; scroll-margin-top: 90px; isolation: isolate; } @supports (overflow: clip) { .smil-stanza-condominio { overflow-x: clip; } } /* ========================================================= RESET LOCALE Protegge la sezione dagli stili generali del sito ========================================================= */ .smil-stanza-condominio, .smil-stanza-condominio *, .smil-stanza-condominio *::before, .smil-stanza-condominio *::after { box-sizing: border-box; } .smil-stanza-condominio h2, .smil-stanza-condominio h3, .smil-stanza-condominio h4, .smil-stanza-condominio p, .smil-stanza-condominio ul, .smil-stanza-condominio ol, .smil-stanza-condominio li, .smil-stanza-condominio nav, .smil-stanza-condominio section, .smil-stanza-condominio article, .smil-stanza-condominio aside, .smil-stanza-condominio div, .smil-stanza-condominio a, .smil-stanza-condominio span, .smil-stanza-condominio small, .smil-stanza-condominio strong { max-width: 100%; min-width: 0; } .smil-stanza-condominio h2, .smil-stanza-condominio h3, .smil-stanza-condominio h4, .smil-stanza-condominio p, .smil-stanza-condominio li, .smil-stanza-condominio a, .smil-stanza-condominio span, .smil-stanza-condominio small, .smil-stanza-condominio strong { word-break: normal; overflow-wrap: break-word; white-space: normal; hyphens: none; } .smil-stanza-condominio a { -webkit-tap-highlight-color: transparent; } /* ========================================================= DECORAZIONE ========================================================= */ .smil-stanza-condominio::before { position: absolute; z-index: -1; top: 260px; left: -170px; width: 340px; height: 340px; border: 58px solid rgba(8, 127, 140, 0.045); border-radius: 50%; content: ""; pointer-events: none; } /* ========================================================= CONTENITORE ========================================================= */ .smil-stanza-condominio__container { position: relative; z-index: 1; width: 100%; max-width: 1220px; min-width: 0; margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-stanza-condominio__header { width: 100%; max-width: 960px; min-width: 0; margin: 0 auto; text-align: center; } .smil-stanza-condominio__eyebrow { display: inline-flex; max-width: 100%; flex-wrap: nowrap; align-items: center; justify-content: center; gap: 9px; margin: 0 0 15px; color: var(--smil-sc-teal); font-size: clamp(0.72rem, 1.2vw, 0.8rem); font-weight: 850; line-height: 1.4; letter-spacing: 0.07em; text-align: center; text-transform: uppercase; } .smil-stanza-condominio__eyebrow > span:nth-child(2) { min-width: 0; overflow-wrap: break-word; } .smil-stanza-condominio__eyebrow-line { width: 32px; height: 2px; flex: 0 0 32px; border-radius: 999px; background: var(--smil-sc-turquoise); } .smil-stanza-condominio__title { width: 100%; min-width: 0; margin: 0; color: var(--smil-sc-dark); font-size: clamp(2rem, 4vw, 3.55rem); font-weight: 850; line-height: 1.08; letter-spacing: -0.04em; text-align: center; overflow-wrap: break-word; } .smil-stanza-condominio__lead { width: 100%; max-width: 890px; min-width: 0; margin: 22px auto 0; color: var(--smil-sc-text); font-size: clamp(1.03rem, 1.7vw, 1.2rem); line-height: 1.78; text-align: center; overflow-wrap: break-word; } .smil-stanza-condominio__lead strong { color: var(--smil-sc-dark); font-weight: 800; } /* ========================================================= RISPOSTA IMMEDIATA ========================================================= */ .smil-stanza-condominio__answer { display: grid; grid-template-columns: 43px minmax(0, 1fr); gap: 18px; align-items: flex-start; width: 100%; max-width: 1030px; min-width: 0; margin: clamp(30px, 5vw, 48px) auto 0; padding: clamp(21px, 3vw, 29px); border: 1px solid rgba(8, 127, 140, 0.18); border-left: 5px solid var(--smil-sc-turquoise); border-radius: 0 19px 19px 0; background: rgba(255, 255, 255, 0.96); box-shadow: 0 15px 36px rgba(8, 47, 59, 0.07); text-align: left; } .smil-stanza-condominio__answer-icon { display: grid; width: 43px; height: 43px; flex: 0 0 43px; place-items: center; border-radius: 50%; background: var(--smil-sc-teal); color: var(--smil-sc-white); font-family: Georgia, serif; font-size: 1.2rem; font-weight: 850; line-height: 1; } .smil-stanza-condominio__answer-content { width: 100%; min-width: 0; } .smil-stanza-condominio__answer-label { margin: 0 0 6px; color: var(--smil-sc-teal); font-size: 0.77rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-condominio__answer-text { width: 100%; min-width: 0; margin: 0; color: var(--smil-sc-text); font-size: clamp(1rem, 1.5vw, 1.1rem); line-height: 1.74; text-align: left; overflow-wrap: break-word; } .smil-stanza-condominio__answer-text strong { color: var(--smil-sc-dark); font-weight: 800; } /* ========================================================= CONTENUTO E SCENARI ========================================================= */ .smil-stanza-condominio__layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(310px, 390px); gap: clamp(36px, 5vw, 68px); align-items: start; width: 100%; min-width: 0; margin-top: clamp(46px, 6vw, 74px); } .smil-stanza-condominio__content, .smil-stanza-condominio__scenario { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-condominio__subtitle { width: 100%; min-width: 0; margin: 0; color: var(--smil-sc-dark); font-size: clamp(1.35rem, 2.4vw, 1.95rem); font-weight: 820; line-height: 1.27; letter-spacing: -0.025em; text-align: left; overflow-wrap: break-word; } .smil-stanza-condominio__content > p { width: 100%; min-width: 0; margin: 18px 0 0; color: var(--smil-sc-text); font-size: clamp(1rem, 1.35vw, 1.08rem); line-height: 1.8; text-align: left; overflow-wrap: break-word; } .smil-stanza-condominio__content strong { color: var(--smil-sc-dark); font-weight: 800; } /* ========================================================= FOCUS ========================================================= */ .smil-stanza-condominio__focus { width: 100%; max-width: 100%; min-width: 0; margin: 30px 0 35px; padding: clamp(22px, 3vw, 30px); overflow: hidden; border: 1px solid #f1ddc4; border-left: 5px solid var(--smil-sc-orange); border-radius: 0 18px 18px 0; background: var(--smil-sc-cream); text-align: left; } .smil-stanza-condominio__focus-title { width: 100%; min-width: 0; margin: 0 !important; color: var(--smil-sc-dark) !important; font-size: clamp(1.08rem, 1.8vw, 1.3rem) !important; font-weight: 850; line-height: 1.45 !important; text-align: left; overflow-wrap: break-word; } .smil-stanza-condominio__focus p:not( .smil-stanza-condominio__focus-title ) { width: 100%; min-width: 0; margin: 12px 0 0; color: var(--smil-sc-text); font-size: clamp(0.98rem, 1.35vw, 1.06rem); line-height: 1.72; text-align: left; overflow-wrap: break-word; } /* ========================================================= SCENARI FREQUENTI ========================================================= */ .smil-stanza-condominio__scenario { position: sticky; top: 24px; overflow: hidden; padding: clamp(25px, 3vw, 34px); border-radius: 24px; background: linear-gradient( 145deg, var(--smil-sc-dark) 0%, var(--smil-sc-dark-soft) 100% ); color: var(--smil-sc-white); box-shadow: 0 22px 52px rgba(8, 47, 59, 0.2); text-align: left; } .smil-stanza-condominio__scenario::after { position: absolute; right: -85px; bottom: -95px; width: 230px; height: 230px; border: 41px solid rgba(23, 195, 178, 0.12); border-radius: 50%; content: ""; pointer-events: none; } .smil-stanza-condominio__scenario-kicker, .smil-stanza-condominio__scenario-title, .smil-stanza-condominio__scenario-list, .smil-stanza-condominio__scenario-link { position: relative; z-index: 1; } .smil-stanza-condominio__scenario-kicker { margin: 0; color: var(--smil-sc-turquoise); font-size: 0.77rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-condominio__scenario-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-sc-white); font-size: clamp(1.45rem, 2.3vw, 2rem); font-weight: 830; line-height: 1.22; letter-spacing: -0.025em; text-align: left; overflow-wrap: break-word; } .smil-stanza-condominio__scenario-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 11px; width: 100%; min-width: 0; margin-top: 23px; } .smil-stanza-condominio__scenario-item { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 13px; align-items: flex-start; width: 100%; max-width: 100%; min-width: 0; padding: 14px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.11); border-radius: 13px; background: rgba(255, 255, 255, 0.06); } .smil-stanza-condominio__scenario-number { display: grid; width: 34px; height: 34px; flex: 0 0 34px; place-items: center; border-radius: 9px; background: rgba(23, 195, 178, 0.14); color: var(--smil-sc-turquoise); font-size: 0.72rem; font-weight: 900; line-height: 1; } .smil-stanza-condominio__scenario-content { width: 100%; min-width: 0; } .smil-stanza-condominio__scenario-content strong { display: block; width: 100%; min-width: 0; color: var(--smil-sc-white); font-size: 0.94rem; font-weight: 800; line-height: 1.4; text-align: left; overflow-wrap: break-word; } .smil-stanza-condominio__scenario-content p { width: 100%; min-width: 0; margin: 5px 0 0; color: rgba(255, 255, 255, 0.75); font-size: 0.82rem; line-height: 1.5; text-align: left; overflow-wrap: break-word; } .smil-stanza-condominio__scenario-link { display: inline-flex; width: fit-content; max-width: 100%; min-width: 0; align-items: center; gap: 8px; margin-top: 22px; color: var(--smil-sc-white); font-size: 0.91rem; font-weight: 820; line-height: 1.45; text-align: left; text-decoration: none; white-space: normal; overflow-wrap: break-word; } .smil-stanza-condominio__scenario-link-text { min-width: 0; overflow-wrap: break-word; } .smil-stanza-condominio__scenario-link-arrow { flex: 0 0 auto; color: var(--smil-sc-turquoise); transition: transform 0.2s ease; } .smil-stanza-condominio__scenario-link:hover .smil-stanza-condominio__scenario-link-arrow { transform: translateX(4px); } /* ========================================================= ERRORI FREQUENTI ========================================================= */ .smil-stanza-condominio__mistakes { width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(58px, 8vw, 92px); } .smil-stanza-condominio__mistakes-header { width: 100%; max-width: 850px; min-width: 0; margin: 0 auto; text-align: center; } .smil-stanza-condominio__mistakes-kicker { margin: 0; color: var(--smil-sc-teal); font-size: 0.77rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: center; text-transform: uppercase; } .smil-stanza-condominio__mistakes-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-sc-dark); font-size: clamp(1.65rem, 3.1vw, 2.65rem); font-weight: 840; line-height: 1.19; letter-spacing: -0.03em; text-align: center; overflow-wrap: break-word; } .smil-stanza-condominio__mistakes-header > p:last-child { width: 100%; max-width: 760px; min-width: 0; margin: 16px auto 0; color: var(--smil-sc-muted); font-size: 0.98rem; line-height: 1.7; text-align: center; overflow-wrap: break-word; } .smil-stanza-condominio__mistakes-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; width: 100%; min-width: 0; margin-top: 34px; } .smil-stanza-condominio__mistake { width: 100%; max-width: 100%; min-width: 0; padding: clamp(23px, 3vw, 31px); overflow: hidden; border: 1px solid var(--smil-sc-border); border-radius: 21px; background: var(--smil-sc-white); box-shadow: 0 15px 36px rgba(8, 47, 59, 0.065); text-align: left; } .smil-stanza-condominio__mistake-number { display: grid; width: 43px; height: 43px; place-items: center; border-radius: 12px; background: rgba(242, 140, 40, 0.12); color: #c86611; font-size: 0.75rem; font-weight: 900; line-height: 1; } .smil-stanza-condominio__mistake h4 { width: 100%; min-width: 0; margin: 18px 0 0; color: var(--smil-sc-dark); font-size: clamp(1.15rem, 1.8vw, 1.42rem); font-weight: 820; line-height: 1.32; text-align: left; overflow-wrap: break-word; } .smil-stanza-condominio__mistake p { width: 100%; min-width: 0; margin: 13px 0 0; color: var(--smil-sc-text); font-size: 0.94rem; line-height: 1.68; text-align: left; overflow-wrap: break-word; } /* ========================================================= SOLUZIONI COORDINATE ========================================================= */ .smil-stanza-condominio__solutions { display: grid; grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr); gap: clamp(34px, 5vw, 66px); align-items: center; width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(58px, 8vw, 90px); padding: clamp(28px, 4.5vw, 46px); overflow: hidden; border: 1px solid var(--smil-sc-border); border-radius: 25px; background: linear-gradient( 135deg, var(--smil-sc-light) 0%, var(--smil-sc-white) 100% ); } .smil-stanza-condominio__solutions-heading, .smil-stanza-condominio__solutions-list { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-condominio__solutions-kicker { margin: 0; color: var(--smil-sc-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-condominio__solutions-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-sc-dark); font-size: clamp(1.5rem, 2.8vw, 2.25rem); font-weight: 835; line-height: 1.22; letter-spacing: -0.028em; text-align: left; overflow-wrap: break-word; } .smil-stanza-condominio__solutions-heading > p:last-child { width: 100%; min-width: 0; margin: 15px 0 0; color: var(--smil-sc-muted); font-size: 0.96rem; line-height: 1.7; text-align: left; overflow-wrap: break-word; } .smil-stanza-condominio__solutions-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 11px; } .smil-stanza-condominio__solution { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; gap: 14px; align-items: center; width: 100%; max-width: 100%; min-width: 0; padding: 15px; overflow: hidden; border: 1px solid rgba(8, 127, 140, 0.14); border-radius: 14px; background: rgba(255, 255, 255, 0.9); color: var(--smil-sc-text); text-align: left; text-decoration: none; transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease; } .smil-stanza-condominio__solution:hover { transform: translateY(-2px); border-color: rgba(8, 127, 140, 0.32); box-shadow: 0 11px 25px rgba(8, 47, 59, 0.08); } .smil-stanza-condominio__solution-index { display: grid; width: 38px; height: 38px; flex: 0 0 38px; place-items: center; border-radius: 10px; background: rgba(23, 195, 178, 0.13); color: var(--smil-sc-teal); font-size: 0.73rem; font-weight: 900; line-height: 1; } .smil-stanza-condominio__solution-text { display: grid; gap: 3px; width: 100%; min-width: 0; } .smil-stanza-condominio__solution-text strong { display: block; width: 100%; min-width: 0; color: var(--smil-sc-dark); font-size: 0.97rem; font-weight: 820; line-height: 1.4; text-align: left; overflow-wrap: break-word; } .smil-stanza-condominio__solution-text small { display: block; width: 100%; min-width: 0; color: var(--smil-sc-muted); font-size: 0.82rem; line-height: 1.48; text-align: left; overflow-wrap: break-word; } .smil-stanza-condominio__solution-arrow { flex: 0 0 auto; color: var(--smil-sc-teal); font-size: 1.12rem; font-weight: 850; transition: transform 0.2s ease; } .smil-stanza-condominio__solution:hover .smil-stanza-condominio__solution-arrow { transform: translateX(4px); } /* ========================================================= BLOCCO GEO ========================================================= */ .smil-stanza-condominio__geo { display: grid; grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr); gap: clamp(28px, 5vw, 62px); align-items: center; width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(54px, 7vw, 82px); padding: clamp(27px, 4vw, 42px); overflow: hidden; border: 1px solid var(--smil-sc-border); border-radius: 23px; background: var(--smil-sc-grey); } .smil-stanza-condominio__geo-heading, .smil-stanza-condominio__geo-content { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-condominio__geo-kicker { margin: 0; color: var(--smil-sc-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-condominio__geo-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-sc-dark); font-size: clamp(1.4rem, 2.5vw, 2.05rem); font-weight: 830; line-height: 1.23; letter-spacing: -0.025em; text-align: left; overflow-wrap: break-word; } .smil-stanza-condominio__geo-content p { width: 100%; min-width: 0; margin: 0; color: var(--smil-sc-text); font-size: 0.98rem; line-height: 1.74; text-align: left; overflow-wrap: break-word; } .smil-stanza-condominio__geo-content p + p { margin-top: 13px; } .smil-stanza-condominio__geo-content strong { color: var(--smil-sc-dark); font-weight: 800; } /* ========================================================= PERCORSO SORGEDIL ========================================================= */ .smil-stanza-condominio__process { display: grid; grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr); gap: clamp(34px, 5vw, 66px); align-items: center; width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(58px, 8vw, 90px); } .smil-stanza-condominio__process-content, .smil-stanza-condominio__process-steps { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-condominio__process-kicker { margin: 0; color: var(--smil-sc-teal); font-size: 0.77rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-condominio__process-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-sc-dark); font-size: clamp(1.55rem, 2.9vw, 2.4rem); font-weight: 840; line-height: 1.2; letter-spacing: -0.03em; text-align: left; overflow-wrap: break-word; } .smil-stanza-condominio__process-content > p { width: 100%; min-width: 0; margin: 16px 0 0; color: var(--smil-sc-text); font-size: 0.98rem; line-height: 1.74; text-align: left; overflow-wrap: break-word; } .smil-stanza-condominio__process-content strong { color: var(--smil-sc-dark); font-weight: 800; } .smil-stanza-condominio__process-steps { display: grid; grid-template-columns: minmax(0, 1fr); gap: 11px; margin: 0; padding: 0; list-style: none; } .smil-stanza-condominio__process-steps li { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 14px; align-items: center; width: 100%; max-width: 100%; min-width: 0; padding: 16px; overflow: hidden; border: 1px solid var(--smil-sc-border); border-radius: 15px; background: var(--smil-sc-grey); } .smil-stanza-condominio__process-steps > li > span { display: grid; width: 37px; height: 37px; flex: 0 0 37px; place-items: center; border-radius: 10px; background: var(--smil-sc-teal); color: var(--smil-sc-white); font-size: 0.8rem; font-weight: 900; line-height: 1; } .smil-stanza-condominio__process-steps li > div { width: 100%; min-width: 0; } .smil-stanza-condominio__process-steps strong { display: block; width: 100%; min-width: 0; color: var(--smil-sc-dark); font-size: 0.96rem; font-weight: 820; line-height: 1.4; overflow-wrap: break-word; } .smil-stanza-condominio__process-steps p { width: 100%; min-width: 0; margin: 2px 0 0; color: var(--smil-sc-muted); font-size: 0.86rem; line-height: 1.5; text-align: left; overflow-wrap: break-word; } /* ========================================================= CTA DI CONVERSIONE ========================================================= */ .smil-stanza-condominio__conversion { display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, 300px); gap: 30px; align-items: center; width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(52px, 7vw, 80px); padding: clamp(27px, 4vw, 43px); overflow: hidden; border-radius: 24px; background: radial-gradient( circle at 92% 8%, rgba(23, 195, 178, 0.17), transparent 35% ), linear-gradient( 135deg, var(--smil-sc-dark) 0%, var(--smil-sc-dark-soft) 100% ); color: var(--smil-sc-white); box-shadow: 0 22px 50px rgba(8, 47, 59, 0.18); text-align: left; } .smil-stanza-condominio__conversion-content, .smil-stanza-condominio__conversion-actions { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-condominio__conversion-kicker { margin: 0; color: var(--smil-sc-turquoise); font-size: 0.77rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-condominio__conversion-title { width: 100%; max-width: 760px; min-width: 0; margin: 8px 0 0; color: var(--smil-sc-white); font-size: clamp(1.42rem, 2.6vw, 2.2rem); font-weight: 830; line-height: 1.22; letter-spacing: -0.025em; text-align: left; overflow-wrap: break-word; } .smil-stanza-condominio__conversion-text { width: 100%; max-width: 780px; min-width: 0; margin: 14px 0 0; color: rgba(255, 255, 255, 0.84); font-size: 0.98rem; line-height: 1.7; text-align: left; overflow-wrap: break-word; } .smil-stanza-condominio__conversion-actions { display: grid; grid-template-columns: minmax(0, 1fr); gap: 13px; justify-items: stretch; } /* ========================================================= PULSANTE PRINCIPALE ========================================================= */ .smil-stanza-condominio__button { display: inline-flex; width: 100%; max-width: 100%; min-width: 0; min-height: 52px; align-items: center; justify-content: center; padding: 13px 21px; border-radius: 12px; background: var(--smil-sc-orange); color: var(--smil-sc-white); font-family: inherit; font-size: clamp(0.9rem, 1.4vw, 0.96rem); font-weight: 820; line-height: 1.4; text-align: center; text-decoration: none; white-space: normal; overflow-wrap: break-word; word-break: normal; box-shadow: 0 12px 25px rgba(242, 140, 40, 0.25); transition: transform 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease; } .smil-stanza-condominio__button:hover { transform: translateY(-2px); background: var(--smil-sc-orange-dark); box-shadow: 0 15px 28px rgba(242, 140, 40, 0.32); } /* ========================================================= LINK AL BLOCCO SUCCESSIVO ========================================================= */ .smil-stanza-condominio__next { display: flex; width: 100%; max-width: 100%; min-width: 0; align-items: center; justify-content: center; gap: 8px; color: rgba(255, 255, 255, 0.9); font-size: 0.87rem; font-weight: 750; line-height: 1.45; text-align: center; text-decoration: none; white-space: normal; overflow-wrap: break-word; } .smil-stanza-condominio__next-text { min-width: 0; overflow-wrap: break-word; } .smil-stanza-condominio__next-arrow { flex: 0 0 auto; color: var(--smil-sc-turquoise); transition: transform 0.2s ease; } .smil-stanza-condominio__next:hover .smil-stanza-condominio__next-arrow { transform: translateY(3px); } /* ========================================================= ACCESSIBILITÀ ========================================================= */ .smil-stanza-condominio a:focus-visible { outline: 3px solid rgba(242, 140, 40, 0.42); outline-offset: 4px; } /* ========================================================= DESKTOP INTERMEDIO ========================================================= */ @media (max-width: 1100px) { .smil-stanza-condominio__layout { grid-template-columns: minmax(0, 1fr) minmax(290px, 350px); gap: clamp(30px, 4vw, 46px); } .smil-stanza-condominio__mistakes-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-stanza-condominio__mistake:last-child { grid-column: 1 / -1; width: min(100%, 590px); justify-self: center; } .smil-stanza-condominio__conversion { grid-template-columns: minmax(0, 1fr) minmax(225px, 280px); gap: 24px; } } /* ========================================================= TABLET Tutte le sezioni principali passano a una colonna ========================================================= */ @media (max-width: 900px) { .smil-stanza-condominio { padding: clamp(52px, 7vw, 72px) clamp(18px, 4vw, 28px); } .smil-stanza-condominio__layout, .smil-stanza-condominio__solutions, .smil-stanza-condominio__geo, .smil-stanza-condominio__process, .smil-stanza-condominio__conversion { grid-template-columns: minmax(0, 1fr); } .smil-stanza-condominio__layout { gap: 38px; } .smil-stanza-condominio__scenario { position: relative; top: auto; width: 100%; max-width: 760px; } .smil-stanza-condominio__mistakes-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-stanza-condominio__mistake:last-child { grid-column: 1 / -1; } .smil-stanza-condominio__conversion { gap: 25px; } .smil-stanza-condominio__conversion-actions { width: min(100%, 430px); } } /* ========================================================= TABLET PICCOLI ========================================================= */ @media (max-width: 720px) { .smil-stanza-condominio__mistakes-grid { grid-template-columns: minmax(0, 1fr); } .smil-stanza-condominio__mistake:last-child { grid-column: auto; width: 100%; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 640px) { .smil-stanza-condominio { padding: 46px max(16px, env(safe-area-inset-right)) 52px max(16px, env(safe-area-inset-left)); scroll-margin-top: 72px; } .smil-stanza-condominio::before { top: 330px; left: -125px; width: 240px; height: 240px; border-width: 42px; } .smil-stanza-condominio__header, .smil-stanza-condominio__mistakes-header { text-align: left; } .smil-stanza-condominio__eyebrow { display: block; width: 100%; margin-bottom: 13px; font-size: 0.7rem; line-height: 1.45; letter-spacing: 0.045em; text-align: left; } .smil-stanza-condominio__eyebrow-line { display: none; } .smil-stanza-condominio__title { font-size: clamp(1.9rem, 9vw, 2.65rem); line-height: 1.1; letter-spacing: -0.032em; text-align: left; } .smil-stanza-condominio__lead { margin-top: 18px; font-size: 1rem; line-height: 1.7; text-align: left; } .smil-stanza-condominio__answer { grid-template-columns: minmax(0, 1fr); gap: 13px; margin-top: 26px; padding: 19px 17px; border-left-width: 4px; border-radius: 0 15px 15px 0; } .smil-stanza-condominio__answer-icon { width: 40px; height: 40px; } .smil-stanza-condominio__answer-text { font-size: 1rem; line-height: 1.68; } .smil-stanza-condominio__layout { margin-top: 38px; gap: 33px; } .smil-stanza-condominio__subtitle { font-size: clamp(1.28rem, 6.3vw, 1.65rem); line-height: 1.3; } .smil-stanza-condominio__content > p { margin-top: 16px; font-size: 1rem; line-height: 1.72; } .smil-stanza-condominio__focus { margin: 26px 0 31px; padding: 19px 16px; border-left-width: 4px; border-radius: 0 14px 14px 0; } .smil-stanza-condominio__focus-title { font-size: 1.08rem !important; line-height: 1.42 !important; } .smil-stanza-condominio__focus p:not( .smil-stanza-condominio__focus-title ) { font-size: 0.98rem; line-height: 1.7; } .smil-stanza-condominio__scenario { width: 100%; max-width: 100%; padding: 25px 17px; border-radius: 20px; } .smil-stanza-condominio__scenario-title { font-size: clamp(1.4rem, 7vw, 1.8rem); } .smil-stanza-condominio__scenario-item { grid-template-columns: 32px minmax(0, 1fr); gap: 11px; padding: 12px 10px; } .smil-stanza-condominio__scenario-number { width: 32px; height: 32px; } .smil-stanza-condominio__scenario-content strong { font-size: 0.9rem; } .smil-stanza-condominio__scenario-content p { font-size: 0.8rem; line-height: 1.48; } .smil-stanza-condominio__scenario-link { display: flex; width: 100%; justify-content: space-between; padding: 12px 13px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 11px; background: rgba(255, 255, 255, 0.07); } .smil-stanza-condominio__mistakes { margin-top: 50px; } .smil-stanza-condominio__mistakes-kicker, .smil-stanza-condominio__mistakes-title, .smil-stanza-condominio__mistakes-header > p:last-child { text-align: left; } .smil-stanza-condominio__mistakes-title { font-size: clamp(1.45rem, 7vw, 1.95rem); } .smil-stanza-condominio__mistakes-grid { margin-top: 27px; } .smil-stanza-condominio__mistake { padding: 24px 18px; border-radius: 19px; } .smil-stanza-condominio__mistake h4 { font-size: clamp(1.18rem, 6vw, 1.5rem); } .smil-stanza-condominio__solutions { margin-top: 50px; padding: 25px 18px; border-radius: 20px; } .smil-stanza-condominio__solutions-title { font-size: clamp(1.38rem, 6.7vw, 1.8rem); } .smil-stanza-condominio__solution { grid-template-columns: 34px minmax(0, 1fr); gap: 11px; padding: 13px 11px; } .smil-stanza-condominio__solution-index { width: 34px; height: 34px; } .smil-stanza-condominio__solution-arrow { display: none; } .smil-stanza-condominio__solution-text strong { font-size: 0.94rem; } .smil-stanza-condominio__solution-text small { font-size: 0.8rem; line-height: 1.45; } .smil-stanza-condominio__geo { margin-top: 48px; padding: 25px 18px; border-radius: 20px; } .smil-stanza-condominio__geo-title { font-size: clamp(1.35rem, 6.7vw, 1.75rem); } .smil-stanza-condominio__geo-content p { font-size: 0.96rem; line-height: 1.7; } .smil-stanza-condominio__process { margin-top: 50px; gap: 27px; } .smil-stanza-condominio__process-title { font-size: clamp(1.42rem, 7vw, 1.9rem); } .smil-stanza-condominio__process-steps li { grid-template-columns: 35px minmax(0, 1fr); gap: 11px; padding: 14px 12px; } .smil-stanza-condominio__process-steps > li > span { width: 35px; height: 35px; } .smil-stanza-condominio__conversion { margin-top: 46px; padding: 26px 18px; border-radius: 20px; } .smil-stanza-condominio__conversion-title { font-size: clamp(1.38rem, 7vw, 1.85rem); line-height: 1.25; } .smil-stanza-condominio__conversion-text { font-size: 0.95rem; line-height: 1.65; } .smil-stanza-condominio__conversion-actions { width: 100%; } .smil-stanza-condominio__button { width: 100%; padding: 13px 15px; font-size: 0.93rem; } .smil-stanza-condominio__next { width: 100%; justify-content: space-between; padding: 12px 13px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 11px; background: rgba(255, 255, 255, 0.06); text-align: left; } } /* ========================================================= SMARTPHONE PICCOLI ========================================================= */ @media (max-width: 380px) { .smil-stanza-condominio { padding-right: 14px; padding-left: 14px; } .smil-stanza-condominio__title { font-size: clamp(1.78rem, 9vw, 2.2rem); } .smil-stanza-condominio__answer, .smil-stanza-condominio__scenario, .smil-stanza-condominio__solutions, .smil-stanza-condominio__geo, .smil-stanza-condominio__conversion { padding-right: 15px; padding-left: 15px; } .smil-stanza-condominio__mistake { padding-right: 16px; padding-left: 16px; } .smil-stanza-condominio__process-steps li { padding-right: 10px; padding-left: 10px; } .smil-stanza-condominio__button { padding-right: 11px; padding-left: 11px; font-size: 0.88rem; } } /* ========================================================= RIDUZIONE ANIMAZIONI ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-stanza-condominio__scenario-link-arrow, .smil-stanza-condominio__solution, .smil-stanza-condominio__solution-arrow, .smil-stanza-condominio__button, .smil-stanza-condominio__next-arrow { transition: none; } .smil-stanza-condominio__solution:hover, .smil-stanza-condominio__button:hover { transform: none; } .smil-stanza-condominio__scenario-link:hover .smil-stanza-condominio__scenario-link-arrow, .smil-stanza-condominio__solution:hover .smil-stanza-condominio__solution-arrow, .smil-stanza-condominio__next:hover .smil-stanza-condominio__next-arrow { transform: none; } }#imCell_8 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1723_08 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_8 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_8 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= COME SI REALIZZA UNA STANZA INSONORIZZATA RESPONSIVE DESKTOP, TABLET E MOBILE ========================================================= */ .smil-stanza-realizzazione { --smil-srl-dark: #082f3b; --smil-srl-dark-soft: #104653; --smil-srl-teal: #087f8c; --smil-srl-turquoise: #17c3b2; --smil-srl-orange: #f28c28; --smil-srl-orange-dark: #dc7718; --smil-srl-green: #7cc043; --smil-srl-white: #ffffff; --smil-srl-cream: #fff9ef; --smil-srl-light: #eef9fa; --smil-srl-grey: #f4f7f8; --smil-srl-text: #263f47; --smil-srl-muted: #60767d; --smil-srl-border: #d8e7e9; position: relative; width: 100%; max-width: 100%; min-width: 0; margin: 0; padding: clamp(58px, 7vw, 96px) clamp(16px, 3.5vw, 32px); overflow-x: hidden; background: var(--smil-srl-white); color: var(--smil-srl-text); text-align: left; scroll-margin-top: 90px; isolation: isolate; } @supports (overflow: clip) { .smil-stanza-realizzazione { overflow-x: clip; } } /* ========================================================= RESET LOCALE Protegge la sezione dagli stili generali del sito ========================================================= */ .smil-stanza-realizzazione, .smil-stanza-realizzazione *, .smil-stanza-realizzazione *::before, .smil-stanza-realizzazione *::after { box-sizing: border-box; } .smil-stanza-realizzazione h2, .smil-stanza-realizzazione h3, .smil-stanza-realizzazione h4, .smil-stanza-realizzazione p, .smil-stanza-realizzazione ul, .smil-stanza-realizzazione ol, .smil-stanza-realizzazione li, .smil-stanza-realizzazione section, .smil-stanza-realizzazione article, .smil-stanza-realizzazione aside, .smil-stanza-realizzazione div, .smil-stanza-realizzazione a, .smil-stanza-realizzazione span, .smil-stanza-realizzazione small, .smil-stanza-realizzazione strong { max-width: 100%; min-width: 0; } .smil-stanza-realizzazione h2, .smil-stanza-realizzazione h3, .smil-stanza-realizzazione h4, .smil-stanza-realizzazione p, .smil-stanza-realizzazione li, .smil-stanza-realizzazione a, .smil-stanza-realizzazione span, .smil-stanza-realizzazione small, .smil-stanza-realizzazione strong { word-break: normal; overflow-wrap: break-word; white-space: normal; hyphens: none; } .smil-stanza-realizzazione a { -webkit-tap-highlight-color: transparent; } .smil-stanza-realizzazione strong { color: var(--smil-srl-dark); font-weight: 800; } /* ========================================================= DECORAZIONE ========================================================= */ .smil-stanza-realizzazione::before { position: absolute; z-index: -1; top: 430px; right: -170px; width: 340px; height: 340px; border: 58px solid rgba(8, 127, 140, 0.045); border-radius: 50%; content: ""; pointer-events: none; } /* ========================================================= CONTENITORE ========================================================= */ .smil-stanza-realizzazione__container { position: relative; z-index: 1; width: 100%; max-width: 1220px; min-width: 0; margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-stanza-realizzazione__header { width: 100%; max-width: 960px; min-width: 0; margin: 0 auto; text-align: center; } .smil-stanza-realizzazione__eyebrow { display: inline-flex; max-width: 100%; flex-wrap: nowrap; align-items: center; justify-content: center; gap: 9px; margin: 0 0 15px; color: var(--smil-srl-teal); font-size: clamp(0.72rem, 1.2vw, 0.8rem); font-weight: 850; line-height: 1.4; letter-spacing: 0.07em; text-align: center; text-transform: uppercase; } .smil-stanza-realizzazione__eyebrow > span:nth-child(2) { min-width: 0; overflow-wrap: break-word; } .smil-stanza-realizzazione__eyebrow-line { width: 32px; height: 2px; flex: 0 0 32px; border-radius: 999px; background: var(--smil-srl-turquoise); } .smil-stanza-realizzazione__title { width: 100%; min-width: 0; margin: 0; color: var(--smil-srl-dark); font-size: clamp(2rem, 4vw, 3.55rem); font-weight: 850; line-height: 1.08; letter-spacing: -0.04em; text-align: center; overflow-wrap: break-word; } .smil-stanza-realizzazione__lead { width: 100%; max-width: 900px; min-width: 0; margin: 22px auto 0; color: var(--smil-srl-text); font-size: clamp(1.03rem, 1.7vw, 1.2rem); line-height: 1.78; text-align: center; overflow-wrap: break-word; } /* ========================================================= RISPOSTA IMMEDIATA ========================================================= */ .smil-stanza-realizzazione__answer { display: grid; grid-template-columns: 43px minmax(0, 1fr); gap: 18px; align-items: flex-start; width: 100%; max-width: 1030px; min-width: 0; margin: clamp(30px, 5vw, 48px) auto 0; padding: clamp(21px, 3vw, 29px); border: 1px solid rgba(8, 127, 140, 0.18); border-left: 5px solid var(--smil-srl-turquoise); border-radius: 0 19px 19px 0; background: linear-gradient( 135deg, var(--smil-srl-light) 0%, var(--smil-srl-white) 100% ); box-shadow: 0 15px 36px rgba(8, 47, 59, 0.07); text-align: left; } .smil-stanza-realizzazione__answer-icon { display: grid; width: 43px; height: 43px; flex: 0 0 43px; place-items: center; border-radius: 50%; background: var(--smil-srl-teal); color: var(--smil-srl-white); font-family: Georgia, serif; font-size: 1.2rem; font-weight: 850; line-height: 1; } .smil-stanza-realizzazione__answer-content { width: 100%; min-width: 0; } .smil-stanza-realizzazione__answer-label { margin: 0 0 6px; color: var(--smil-srl-teal); font-size: 0.77rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-realizzazione__answer-text { width: 100%; min-width: 0; margin: 0; color: var(--smil-srl-text); font-size: clamp(1rem, 1.5vw, 1.1rem); line-height: 1.74; text-align: left; overflow-wrap: break-word; } /* ========================================================= INTRODUZIONE ========================================================= */ .smil-stanza-realizzazione__intro { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, 380px); gap: clamp(34px, 5vw, 66px); align-items: center; width: 100%; min-width: 0; margin-top: clamp(46px, 6vw, 74px); } .smil-stanza-realizzazione__intro-content, .smil-stanza-realizzazione__principle { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-realizzazione__intro-content p { width: 100%; min-width: 0; margin: 0; color: var(--smil-srl-text); font-size: clamp(1rem, 1.35vw, 1.08rem); line-height: 1.8; text-align: left; overflow-wrap: break-word; } .smil-stanza-realizzazione__intro-content p + p { margin-top: 18px; } /* ========================================================= PRINCIPIO FONDAMENTALE ========================================================= */ .smil-stanza-realizzazione__principle { position: relative; overflow: hidden; padding: clamp(25px, 3.5vw, 36px); border-radius: 24px; background: linear-gradient( 145deg, var(--smil-srl-dark) 0%, var(--smil-srl-dark-soft) 100% ); color: var(--smil-srl-white); box-shadow: 0 22px 50px rgba(8, 47, 59, 0.2); text-align: left; } .smil-stanza-realizzazione__principle::after { position: absolute; right: -75px; bottom: -85px; width: 210px; height: 210px; border: 38px solid rgba(23, 195, 178, 0.12); border-radius: 50%; content: ""; pointer-events: none; } .smil-stanza-realizzazione__principle-label, .smil-stanza-realizzazione__principle-title, .smil-stanza-realizzazione__principle-text { position: relative; z-index: 1; } .smil-stanza-realizzazione__principle-label { margin: 0; color: var(--smil-srl-turquoise); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-realizzazione__principle-title { width: 100%; min-width: 0; margin: 9px 0 0; color: var(--smil-srl-white); font-size: clamp(1.35rem, 2.3vw, 1.9rem); font-weight: 830; line-height: 1.23; letter-spacing: -0.025em; text-align: left; overflow-wrap: break-word; } .smil-stanza-realizzazione__principle-text { width: 100%; min-width: 0; margin: 16px 0 0; color: rgba(255, 255, 255, 0.82); font-size: 0.94rem; line-height: 1.68; text-align: left; overflow-wrap: break-word; } /* ========================================================= STANZA NELLA STANZA ========================================================= */ .smil-stanza-realizzazione__room-system { display: grid; grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr); gap: clamp(32px, 5vw, 64px); align-items: center; width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(58px, 8vw, 90px); padding: clamp(28px, 4.5vw, 46px); overflow: hidden; border: 1px solid var(--smil-srl-border); border-radius: 25px; background: linear-gradient( 135deg, var(--smil-srl-light) 0%, var(--smil-srl-white) 100% ); } .smil-stanza-realizzazione__room-heading, .smil-stanza-realizzazione__room-content { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-realizzazione__room-kicker { margin: 0; color: var(--smil-srl-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-realizzazione__room-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-srl-dark); font-size: clamp(1.45rem, 2.7vw, 2.2rem); font-weight: 835; line-height: 1.22; letter-spacing: -0.028em; text-align: left; overflow-wrap: break-word; } .smil-stanza-realizzazione__room-content p { width: 100%; min-width: 0; margin: 0; color: var(--smil-srl-text); font-size: 0.97rem; line-height: 1.74; text-align: left; overflow-wrap: break-word; } .smil-stanza-realizzazione__room-content p + p { margin-top: 14px; } /* ========================================================= FASI ========================================================= */ .smil-stanza-realizzazione__phases { width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(58px, 8vw, 92px); } .smil-stanza-realizzazione__phases-header { width: 100%; max-width: 850px; min-width: 0; margin: 0 auto; text-align: center; } .smil-stanza-realizzazione__phases-kicker { margin: 0; color: var(--smil-srl-teal); font-size: 0.77rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: center; text-transform: uppercase; } .smil-stanza-realizzazione__phases-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-srl-dark); font-size: clamp(1.65rem, 3.1vw, 2.65rem); font-weight: 840; line-height: 1.19; letter-spacing: -0.03em; text-align: center; overflow-wrap: break-word; } .smil-stanza-realizzazione__phases-intro { width: 100%; max-width: 760px; min-width: 0; margin: 16px auto 0; color: var(--smil-srl-muted); font-size: 0.98rem; line-height: 1.7; text-align: center; overflow-wrap: break-word; } .smil-stanza-realizzazione__phases-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; width: 100%; min-width: 0; margin: 34px 0 0; padding: 0; list-style: none; } .smil-stanza-realizzazione__phase { display: grid; grid-template-columns: 43px minmax(0, 1fr); gap: 17px; align-items: flex-start; width: 100%; max-width: 100%; min-width: 0; padding: clamp(22px, 3vw, 29px); overflow: hidden; border: 1px solid var(--smil-srl-border); border-radius: 19px; background: var(--smil-srl-white); box-shadow: 0 14px 34px rgba(8, 47, 59, 0.06); text-align: left; } .smil-stanza-realizzazione__phase-number { display: grid; width: 43px; height: 43px; flex: 0 0 43px; place-items: center; border-radius: 12px; background: rgba(23, 195, 178, 0.13); color: var(--smil-srl-teal); font-size: 0.75rem; font-weight: 900; line-height: 1; } .smil-stanza-realizzazione__phase-content { width: 100%; min-width: 0; } .smil-stanza-realizzazione__phase-content strong { display: block; width: 100%; min-width: 0; color: var(--smil-srl-dark); font-size: 1.06rem; font-weight: 820; line-height: 1.4; text-align: left; overflow-wrap: break-word; } .smil-stanza-realizzazione__phase-content p { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-srl-muted); font-size: 0.9rem; line-height: 1.63; text-align: left; overflow-wrap: break-word; } /* ========================================================= COMPONENTI ========================================================= */ .smil-stanza-realizzazione__components { display: grid; grid-template-columns: minmax(0, 0.7fr) minmax(0, 1.3fr); gap: clamp(34px, 5vw, 66px); align-items: center; width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(58px, 8vw, 90px); } .smil-stanza-realizzazione__components-heading, .smil-stanza-realizzazione__components-grid { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-realizzazione__components-kicker { margin: 0; color: var(--smil-srl-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-realizzazione__components-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-srl-dark); font-size: clamp(1.5rem, 2.8vw, 2.3rem); font-weight: 835; line-height: 1.22; letter-spacing: -0.028em; text-align: left; overflow-wrap: break-word; } .smil-stanza-realizzazione__components-heading > p:last-child { width: 100%; min-width: 0; margin: 15px 0 0; color: var(--smil-srl-muted); font-size: 0.96rem; line-height: 1.7; text-align: left; overflow-wrap: break-word; } .smil-stanza-realizzazione__components-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 11px; } .smil-stanza-realizzazione__component { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; gap: 14px; align-items: center; width: 100%; max-width: 100%; min-width: 0; padding: 15px; overflow: hidden; border: 1px solid var(--smil-srl-border); border-radius: 14px; background: var(--smil-srl-grey); color: var(--smil-srl-text); text-align: left; text-decoration: none; } a.smil-stanza-realizzazione__component { background: var(--smil-srl-light); transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease; } a.smil-stanza-realizzazione__component:hover { transform: translateY(-2px); border-color: rgba(8, 127, 140, 0.34); box-shadow: 0 11px 25px rgba(8, 47, 59, 0.08); } .smil-stanza-realizzazione__component-index { display: grid; width: 38px; height: 38px; flex: 0 0 38px; place-items: center; border-radius: 10px; background: rgba(23, 195, 178, 0.13); color: var(--smil-srl-teal); font-size: 0.73rem; font-weight: 900; line-height: 1; } .smil-stanza-realizzazione__component-text { display: grid; gap: 3px; width: 100%; min-width: 0; } .smil-stanza-realizzazione__component-text strong { display: block; width: 100%; min-width: 0; color: var(--smil-srl-dark); font-size: 0.97rem; font-weight: 820; line-height: 1.4; text-align: left; overflow-wrap: break-word; } .smil-stanza-realizzazione__component-text small { display: block; width: 100%; min-width: 0; color: var(--smil-srl-muted); font-size: 0.82rem; line-height: 1.48; text-align: left; overflow-wrap: break-word; } .smil-stanza-realizzazione__component-arrow { flex: 0 0 auto; color: var(--smil-srl-teal); font-weight: 900; line-height: 1; transition: transform 0.2s ease; } a.smil-stanza-realizzazione__component:hover .smil-stanza-realizzazione__component-arrow { transform: translateY(3px); } /* ========================================================= CONFRONTO ========================================================= */ .smil-stanza-realizzazione__comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; width: 100%; max-width: 1050px; min-width: 0; margin: clamp(58px, 8vw, 90px) auto 0; } .smil-stanza-realizzazione__comparison-card { width: 100%; max-width: 100%; min-width: 0; padding: clamp(25px, 3.5vw, 36px); overflow: hidden; border: 1px solid var(--smil-srl-border); border-radius: 22px; background: var(--smil-srl-white); box-shadow: 0 16px 38px rgba(8, 47, 59, 0.07); text-align: left; } .smil-stanza-realizzazione__comparison-card--featured { border-color: rgba(8, 127, 140, 0.25); background: linear-gradient( 145deg, var(--smil-srl-light) 0%, var(--smil-srl-white) 100% ); } .smil-stanza-realizzazione__comparison-label { margin: 0; color: var(--smil-srl-teal); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.065em; text-align: left; text-transform: uppercase; } .smil-stanza-realizzazione__comparison-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-srl-dark); font-size: clamp(1.3rem, 2.2vw, 1.85rem); font-weight: 830; line-height: 1.27; letter-spacing: -0.025em; text-align: left; overflow-wrap: break-word; } .smil-stanza-realizzazione__comparison-card ul { display: grid; grid-template-columns: minmax(0, 1fr); gap: 11px; width: 100%; min-width: 0; margin: 21px 0 0; padding: 0; list-style: none; } .smil-stanza-realizzazione__comparison-card li { position: relative; width: 100%; min-width: 0; padding-left: 27px; color: var(--smil-srl-text); font-size: 0.92rem; line-height: 1.6; text-align: left; overflow-wrap: break-word; } .smil-stanza-realizzazione__comparison-card li::before { position: absolute; top: 0; left: 0; color: var(--smil-srl-teal); font-weight: 900; content: "✓"; } /* ========================================================= GEO MILANO ========================================================= */ .smil-stanza-realizzazione__geo { display: grid; grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr); gap: clamp(28px, 5vw, 62px); align-items: center; width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(54px, 7vw, 82px); padding: clamp(27px, 4vw, 42px); overflow: hidden; border: 1px solid var(--smil-srl-border); border-radius: 23px; background: var(--smil-srl-grey); } .smil-stanza-realizzazione__geo-heading, .smil-stanza-realizzazione__geo-content { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-realizzazione__geo-kicker { margin: 0; color: var(--smil-srl-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-realizzazione__geo-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-srl-dark); font-size: clamp(1.4rem, 2.5vw, 2.05rem); font-weight: 830; line-height: 1.23; letter-spacing: -0.025em; text-align: left; overflow-wrap: break-word; } .smil-stanza-realizzazione__geo-content p { width: 100%; min-width: 0; margin: 0; color: var(--smil-srl-text); font-size: 0.98rem; line-height: 1.74; text-align: left; overflow-wrap: break-word; } .smil-stanza-realizzazione__geo-content p + p { margin-top: 13px; } /* ========================================================= CTA DI CONVERSIONE ========================================================= */ .smil-stanza-realizzazione__conversion { display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, 300px); gap: 30px; align-items: center; width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(52px, 7vw, 80px); padding: clamp(27px, 4vw, 43px); overflow: hidden; border-radius: 24px; background: radial-gradient( circle at 92% 8%, rgba(23, 195, 178, 0.17), transparent 35% ), linear-gradient( 135deg, var(--smil-srl-dark) 0%, var(--smil-srl-dark-soft) 100% ); color: var(--smil-srl-white); box-shadow: 0 22px 50px rgba(8, 47, 59, 0.18); text-align: left; } .smil-stanza-realizzazione__conversion-content, .smil-stanza-realizzazione__conversion-actions { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-realizzazione__conversion-kicker { margin: 0; color: var(--smil-srl-turquoise); font-size: 0.77rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-realizzazione__conversion-title { width: 100%; max-width: 760px; min-width: 0; margin: 8px 0 0; color: var(--smil-srl-white); font-size: clamp(1.42rem, 2.6vw, 2.2rem); font-weight: 830; line-height: 1.22; letter-spacing: -0.025em; text-align: left; overflow-wrap: break-word; } .smil-stanza-realizzazione__conversion-text { width: 100%; max-width: 780px; min-width: 0; margin: 14px 0 0; color: rgba(255, 255, 255, 0.84); font-size: 0.98rem; line-height: 1.7; text-align: left; overflow-wrap: break-word; } .smil-stanza-realizzazione__conversion-actions { display: grid; grid-template-columns: minmax(0, 1fr); gap: 13px; justify-items: stretch; } /* ========================================================= PULSANTE ========================================================= */ .smil-stanza-realizzazione__button { display: inline-flex; width: 100%; max-width: 100%; min-width: 0; min-height: 52px; align-items: center; justify-content: center; padding: 13px 21px; border-radius: 12px; background: var(--smil-srl-orange); color: var(--smil-srl-white); font-family: inherit; font-size: clamp(0.9rem, 1.4vw, 0.96rem); font-weight: 820; line-height: 1.4; text-align: center; text-decoration: none; white-space: normal; overflow-wrap: break-word; word-break: normal; box-shadow: 0 12px 25px rgba(242, 140, 40, 0.25); transition: transform 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease; } .smil-stanza-realizzazione__button:hover { transform: translateY(-2px); background: var(--smil-srl-orange-dark); box-shadow: 0 15px 28px rgba(242, 140, 40, 0.32); } /* ========================================================= LINK AL BLOCCO SUCCESSIVO ========================================================= */ .smil-stanza-realizzazione__next { display: flex; width: 100%; max-width: 100%; min-width: 0; align-items: center; justify-content: center; gap: 8px; color: rgba(255, 255, 255, 0.9); font-size: 0.87rem; font-weight: 750; line-height: 1.45; text-align: center; text-decoration: none; white-space: normal; overflow-wrap: break-word; } .smil-stanza-realizzazione__next-text { min-width: 0; overflow-wrap: break-word; } .smil-stanza-realizzazione__next-arrow { flex: 0 0 auto; color: var(--smil-srl-turquoise); transition: transform 0.2s ease; } .smil-stanza-realizzazione__next:hover .smil-stanza-realizzazione__next-arrow { transform: translateY(3px); } /* ========================================================= ACCESSIBILITÀ ========================================================= */ .smil-stanza-realizzazione a:focus-visible { outline: 3px solid rgba(242, 140, 40, 0.42); outline-offset: 4px; } /* ========================================================= DESKTOP INTERMEDIO ========================================================= */ @media (max-width: 1100px) { .smil-stanza-realizzazione__intro { grid-template-columns: minmax(0, 1fr) minmax(285px, 350px); gap: clamp(30px, 4vw, 46px); } .smil-stanza-realizzazione__conversion { grid-template-columns: minmax(0, 1fr) minmax(225px, 280px); gap: 24px; } } /* ========================================================= TABLET Le sezioni principali passano a una colonna ========================================================= */ @media (max-width: 900px) { .smil-stanza-realizzazione { padding: clamp(52px, 7vw, 72px) clamp(18px, 4vw, 28px); } .smil-stanza-realizzazione__intro, .smil-stanza-realizzazione__room-system, .smil-stanza-realizzazione__components, .smil-stanza-realizzazione__geo, .smil-stanza-realizzazione__conversion { grid-template-columns: minmax(0, 1fr); } .smil-stanza-realizzazione__principle { width: 100%; max-width: 760px; } .smil-stanza-realizzazione__conversion { gap: 25px; } .smil-stanza-realizzazione__conversion-actions { width: min(100%, 430px); } } /* ========================================================= TABLET PICCOLI ========================================================= */ @media (max-width: 760px) { .smil-stanza-realizzazione__phases-list, .smil-stanza-realizzazione__comparison { grid-template-columns: minmax(0, 1fr); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 640px) { .smil-stanza-realizzazione { padding: 46px max(16px, env(safe-area-inset-right)) 52px max(16px, env(safe-area-inset-left)); scroll-margin-top: 72px; } .smil-stanza-realizzazione::before { top: 480px; right: -125px; width: 240px; height: 240px; border-width: 42px; } .smil-stanza-realizzazione__header, .smil-stanza-realizzazione__phases-header { text-align: left; } .smil-stanza-realizzazione__eyebrow { display: block; width: 100%; margin-bottom: 13px; font-size: 0.7rem; line-height: 1.45; letter-spacing: 0.045em; text-align: left; } .smil-stanza-realizzazione__eyebrow-line { display: none; } .smil-stanza-realizzazione__title { font-size: clamp(1.9rem, 9vw, 2.65rem); line-height: 1.1; letter-spacing: -0.032em; text-align: left; } .smil-stanza-realizzazione__lead { margin-top: 18px; font-size: 1rem; line-height: 1.7; text-align: left; } .smil-stanza-realizzazione__answer { grid-template-columns: minmax(0, 1fr); gap: 13px; margin-top: 26px; padding: 19px 17px; border-left-width: 4px; border-radius: 0 15px 15px 0; } .smil-stanza-realizzazione__answer-icon { width: 40px; height: 40px; } .smil-stanza-realizzazione__answer-text { font-size: 1rem; line-height: 1.68; } .smil-stanza-realizzazione__intro { margin-top: 38px; gap: 33px; } .smil-stanza-realizzazione__intro-content p { font-size: 1rem; line-height: 1.72; } .smil-stanza-realizzazione__principle { width: 100%; max-width: 100%; padding: 25px 18px; border-radius: 20px; } .smil-stanza-realizzazione__principle-title { font-size: clamp(1.4rem, 7vw, 1.8rem); } .smil-stanza-realizzazione__principle-text { font-size: 0.94rem; line-height: 1.65; } .smil-stanza-realizzazione__room-system { margin-top: 50px; padding: 25px 18px; border-radius: 20px; } .smil-stanza-realizzazione__room-title { font-size: clamp(1.38rem, 6.7vw, 1.8rem); } .smil-stanza-realizzazione__room-content p { font-size: 0.96rem; line-height: 1.7; } .smil-stanza-realizzazione__phases { margin-top: 50px; } .smil-stanza-realizzazione__phases-kicker, .smil-stanza-realizzazione__phases-title, .smil-stanza-realizzazione__phases-intro { text-align: left; } .smil-stanza-realizzazione__phases-title { font-size: clamp(1.45rem, 7vw, 1.95rem); } .smil-stanza-realizzazione__phases-list { margin-top: 27px; } .smil-stanza-realizzazione__phase { grid-template-columns: 40px minmax(0, 1fr); gap: 13px; padding: 20px 16px; border-radius: 17px; } .smil-stanza-realizzazione__phase-number { width: 40px; height: 40px; } .smil-stanza-realizzazione__phase-content strong { font-size: 1rem; line-height: 1.38; } .smil-stanza-realizzazione__phase-content p { font-size: 0.87rem; line-height: 1.58; } .smil-stanza-realizzazione__components { margin-top: 50px; gap: 27px; } .smil-stanza-realizzazione__components-title { font-size: clamp(1.42rem, 7vw, 1.9rem); } .smil-stanza-realizzazione__component { grid-template-columns: 34px minmax(0, 1fr); gap: 11px; padding: 13px 11px; } .smil-stanza-realizzazione__component-index { width: 34px; height: 34px; } .smil-stanza-realizzazione__component-arrow { display: none; } .smil-stanza-realizzazione__component-text strong { font-size: 0.94rem; } .smil-stanza-realizzazione__component-text small { font-size: 0.8rem; line-height: 1.45; } .smil-stanza-realizzazione__comparison { margin-top: 50px; } .smil-stanza-realizzazione__comparison-card { padding: 24px 18px; border-radius: 19px; } .smil-stanza-realizzazione__comparison-title { font-size: clamp(1.25rem, 6vw, 1.55rem); } .smil-stanza-realizzazione__geo { margin-top: 48px; padding: 25px 18px; border-radius: 20px; } .smil-stanza-realizzazione__geo-title { font-size: clamp(1.35rem, 6.7vw, 1.75rem); } .smil-stanza-realizzazione__geo-content p { font-size: 0.96rem; line-height: 1.7; } .smil-stanza-realizzazione__conversion { margin-top: 46px; padding: 26px 18px; border-radius: 20px; } .smil-stanza-realizzazione__conversion-title { font-size: clamp(1.38rem, 7vw, 1.85rem); line-height: 1.25; } .smil-stanza-realizzazione__conversion-text { font-size: 0.95rem; line-height: 1.65; } .smil-stanza-realizzazione__conversion-actions { width: 100%; } .smil-stanza-realizzazione__button { width: 100%; padding: 13px 15px; font-size: 0.93rem; } .smil-stanza-realizzazione__next { width: 100%; justify-content: space-between; padding: 12px 13px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 11px; background: rgba(255, 255, 255, 0.06); text-align: left; } } /* ========================================================= SMARTPHONE PICCOLI ========================================================= */ @media (max-width: 380px) { .smil-stanza-realizzazione { padding-right: 14px; padding-left: 14px; } .smil-stanza-realizzazione__title { font-size: clamp(1.78rem, 9vw, 2.2rem); } .smil-stanza-realizzazione__answer, .smil-stanza-realizzazione__principle, .smil-stanza-realizzazione__room-system, .smil-stanza-realizzazione__geo, .smil-stanza-realizzazione__conversion { padding-right: 15px; padding-left: 15px; } .smil-stanza-realizzazione__phase, .smil-stanza-realizzazione__comparison-card { padding-right: 14px; padding-left: 14px; } .smil-stanza-realizzazione__component { padding-right: 9px; padding-left: 9px; } .smil-stanza-realizzazione__button { padding-right: 11px; padding-left: 11px; font-size: 0.88rem; } } /* ========================================================= RIDUZIONE ANIMAZIONI ========================================================= */ @media (prefers-reduced-motion: reduce) { a.smil-stanza-realizzazione__component, .smil-stanza-realizzazione__component-arrow, .smil-stanza-realizzazione__button, .smil-stanza-realizzazione__next-arrow { transition: none; } a.smil-stanza-realizzazione__component:hover, .smil-stanza-realizzazione__button:hover { transform: none; } a.smil-stanza-realizzazione__component:hover .smil-stanza-realizzazione__component-arrow, .smil-stanza-realizzazione__next:hover .smil-stanza-realizzazione__next-arrow { transform: none; } }#imCell_9 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1723_09 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_9 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_9 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H3 – ISOLAMENTO ACUSTICO DELLE PARETI DELLA STANZA RESPONSIVE DESKTOP, TABLET E MOBILE ========================================================= */ .smil-stanza-pareti { --smil-spt-dark: #082f3b; --smil-spt-dark-deep: #05242d; --smil-spt-dark-soft: #104653; --smil-spt-teal: #087f8c; --smil-spt-turquoise: #17c3b2; --smil-spt-turquoise-light: #70e1d3; --smil-spt-orange: #f28c28; --smil-spt-orange-dark: #d97215; --smil-spt-green: #7cc043; --smil-spt-white: #ffffff; --smil-spt-cream: #fff9ef; --smil-spt-light: #eef9fa; --smil-spt-grey: #f4f7f8; --smil-spt-text: #263f47; --smil-spt-muted: #60767d; --smil-spt-border: #d8e7e9; position: relative; width: 100%; max-width: 100%; min-width: 0; margin: 0; padding: clamp(60px, 7vw, 98px) clamp(16px, 3.5vw, 32px); overflow-x: hidden; background: radial-gradient( circle at 100% 4%, rgba(23, 195, 178, 0.1), transparent 27% ), linear-gradient( 180deg, #eef8f8 0%, var(--smil-spt-white) 30%, var(--smil-spt-white) 100% ); color: var(--smil-spt-text); text-align: left; scroll-margin-top: 90px; isolation: isolate; } @supports (overflow: clip) { .smil-stanza-pareti { overflow-x: clip; } } /* ========================================================= RESET LOCALE Impedisce agli stili globali di allargare la sezione ========================================================= */ .smil-stanza-pareti, .smil-stanza-pareti *, .smil-stanza-pareti *::before, .smil-stanza-pareti *::after { box-sizing: border-box; } .smil-stanza-pareti h3, .smil-stanza-pareti h4, .smil-stanza-pareti p, .smil-stanza-pareti ul, .smil-stanza-pareti li, .smil-stanza-pareti section, .smil-stanza-pareti article, .smil-stanza-pareti aside, .smil-stanza-pareti figure, .smil-stanza-pareti figcaption, .smil-stanza-pareti details, .smil-stanza-pareti summary, .smil-stanza-pareti div, .smil-stanza-pareti a, .smil-stanza-pareti span, .smil-stanza-pareti strong, .smil-stanza-pareti img, .smil-stanza-pareti iframe, .smil-stanza-pareti svg { max-width: 100%; min-width: 0; } .smil-stanza-pareti h3, .smil-stanza-pareti h4, .smil-stanza-pareti p, .smil-stanza-pareti li, .smil-stanza-pareti a, .smil-stanza-pareti span, .smil-stanza-pareti strong, .smil-stanza-pareti small, .smil-stanza-pareti figcaption, .smil-stanza-pareti summary { word-break: normal; overflow-wrap: break-word; white-space: normal; hyphens: none; } .smil-stanza-pareti img, .smil-stanza-pareti iframe, .smil-stanza-pareti video { display: block; max-width: 100%; } .smil-stanza-pareti a { -webkit-tap-highlight-color: transparent; } .smil-stanza-pareti strong { color: var(--smil-spt-dark); font-weight: 820; } /* ========================================================= DECORAZIONE ========================================================= */ .smil-stanza-pareti::before { position: absolute; z-index: -1; top: 520px; left: -200px; width: 390px; height: 390px; border: 65px solid rgba(8, 127, 140, 0.035); border-radius: 50%; content: ""; pointer-events: none; } /* ========================================================= CONTENITORE ========================================================= */ .smil-stanza-pareti__container { position: relative; z-index: 1; width: 100%; max-width: 1220px; min-width: 0; margin: 0 auto; } /* ========================================================= HEADER ========================================================= */ .smil-stanza-pareti__header { width: 100%; max-width: 960px; min-width: 0; margin: 0 auto; text-align: center; } .smil-stanza-pareti__eyebrow { display: inline-flex; max-width: 100%; flex-wrap: nowrap; align-items: center; justify-content: center; gap: 9px; margin: 0 0 15px; color: var(--smil-spt-teal); font-size: clamp(0.71rem, 1.2vw, 0.79rem); font-weight: 850; line-height: 1.4; letter-spacing: 0.07em; text-align: center; text-transform: uppercase; } .smil-stanza-pareti__eyebrow > span:nth-child(2) { min-width: 0; overflow-wrap: break-word; } .smil-stanza-pareti__eyebrow-line { width: 32px; height: 2px; flex: 0 0 32px; border-radius: 999px; background: var(--smil-spt-turquoise); } .smil-stanza-pareti__title { width: 100%; min-width: 0; margin: 0; color: var(--smil-spt-dark); font-size: clamp(2rem, 4vw, 3.45rem); font-weight: 850; line-height: 1.08; letter-spacing: -0.04em; text-align: center; overflow-wrap: break-word; } .smil-stanza-pareti__lead { width: 100%; max-width: 900px; min-width: 0; margin: 22px auto 0; color: var(--smil-spt-text); font-size: clamp(1.03rem, 1.7vw, 1.18rem); line-height: 1.78; text-align: center; overflow-wrap: break-word; } /* ========================================================= RISPOSTA DIRETTA ========================================================= */ .smil-stanza-pareti__answer { display: grid; grid-template-columns: 45px minmax(0, 1fr); gap: 18px; align-items: flex-start; width: 100%; max-width: 1030px; min-width: 0; margin: clamp(31px, 5vw, 49px) auto 0; padding: clamp(22px, 3vw, 30px); border: 1px solid rgba(8, 127, 140, 0.18); border-left: 5px solid var(--smil-spt-turquoise); border-radius: 0 19px 19px 0; background: rgba(255, 255, 255, 0.96); box-shadow: 0 15px 38px rgba(8, 47, 59, 0.07); text-align: left; } .smil-stanza-pareti__answer-icon { display: grid; width: 45px; height: 45px; flex: 0 0 45px; place-items: center; border-radius: 13px; background: rgba(23, 195, 178, 0.14); } .smil-stanza-pareti__answer-icon svg { width: 25px; height: 25px; fill: var(--smil-spt-teal); } .smil-stanza-pareti__answer-content { width: 100%; min-width: 0; } .smil-stanza-pareti__answer-label { margin: 0 0 6px; color: var(--smil-spt-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-pareti__answer-title { width: 100%; min-width: 0; margin: 0; color: var(--smil-spt-dark); font-size: clamp(1.2rem, 2vw, 1.55rem); font-weight: 830; line-height: 1.35; text-align: left; overflow-wrap: break-word; } .smil-stanza-pareti__answer-text { width: 100%; min-width: 0; margin: 11px 0 0; color: var(--smil-spt-text); font-size: clamp(1rem, 1.45vw, 1.08rem); line-height: 1.74; text-align: left; overflow-wrap: break-word; } /* ========================================================= TESTO PRINCIPALE E SISTEMA ========================================================= */ .smil-stanza-pareti__layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(310px, 390px); gap: clamp(36px, 5vw, 68px); align-items: start; width: 100%; min-width: 0; margin-top: clamp(48px, 6vw, 76px); } .smil-stanza-pareti__content, .smil-stanza-pareti__system { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-pareti__subtitle { width: 100%; min-width: 0; margin: 0; color: var(--smil-spt-dark); font-size: clamp(1.34rem, 2.4vw, 1.92rem); font-weight: 830; line-height: 1.27; letter-spacing: -0.025em; text-align: left; overflow-wrap: break-word; } .smil-stanza-pareti__content > p { width: 100%; min-width: 0; margin: 18px 0 0; color: var(--smil-spt-text); font-size: clamp(1rem, 1.35vw, 1.07rem); line-height: 1.8; text-align: left; overflow-wrap: break-word; } /* ========================================================= AVVERTENZA ========================================================= */ .smil-stanza-pareti__warning { width: 100%; max-width: 100%; min-width: 0; margin: 31px 0 36px; padding: clamp(22px, 3vw, 30px); overflow: hidden; border: 1px solid #f0dcc3; border-left: 5px solid var(--smil-spt-orange); border-radius: 0 18px 18px 0; background: var(--smil-spt-cream); text-align: left; } .smil-stanza-pareti__warning-label { margin: 0 !important; color: var(--smil-spt-orange-dark) !important; font-size: 0.75rem !important; font-weight: 850; line-height: 1.3 !important; letter-spacing: 0.07em; text-align: left; text-transform: uppercase; } .smil-stanza-pareti__warning h4 { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-spt-dark); font-size: clamp(1.15rem, 1.9vw, 1.43rem); font-weight: 830; line-height: 1.4; text-align: left; overflow-wrap: break-word; } .smil-stanza-pareti__warning > p:last-child { width: 100%; min-width: 0; margin: 12px 0 0; color: var(--smil-spt-text); font-size: clamp(0.98rem, 1.35vw, 1.05rem); line-height: 1.72; text-align: left; overflow-wrap: break-word; } /* ========================================================= BOX SISTEMA ========================================================= */ .smil-stanza-pareti__system { position: sticky; top: 24px; overflow: hidden; padding: clamp(25px, 3vw, 35px); border-radius: 24px; background: linear-gradient( 145deg, var(--smil-spt-dark) 0%, var(--smil-spt-dark-soft) 100% ); color: var(--smil-spt-white); box-shadow: 0 23px 54px rgba(8, 47, 59, 0.2); text-align: left; } .smil-stanza-pareti__system::after { position: absolute; right: -85px; bottom: -95px; width: 230px; height: 230px; border: 41px solid rgba(23, 195, 178, 0.11); border-radius: 50%; content: ""; pointer-events: none; } .smil-stanza-pareti__system-kicker, .smil-stanza-pareti__system-title, .smil-stanza-pareti__system-list, .smil-stanza-pareti__system-link { position: relative; z-index: 1; } .smil-stanza-pareti__system-kicker { margin: 0; color: var(--smil-spt-turquoise-light); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-pareti__system-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-spt-white); font-size: clamp(1.4rem, 2.3vw, 1.95rem); font-weight: 830; line-height: 1.22; letter-spacing: -0.025em; text-align: left; overflow-wrap: break-word; } .smil-stanza-pareti__system-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; width: 100%; min-width: 0; margin: 23px 0 0; padding: 0; list-style: none; } .smil-stanza-pareti__system-list li { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 12px; align-items: flex-start; width: 100%; max-width: 100%; min-width: 0; padding: 13px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.11); border-radius: 13px; background: rgba(255, 255, 255, 0.06); } .smil-stanza-pareti__system-number { display: grid; width: 34px; height: 34px; flex: 0 0 34px; place-items: center; border-radius: 9px; background: rgba(23, 195, 178, 0.14); color: var(--smil-spt-turquoise-light); font-size: 0.7rem; font-weight: 900; line-height: 1; } .smil-stanza-pareti__system-content { width: 100%; min-width: 0; } .smil-stanza-pareti__system-list strong { display: block; width: 100%; min-width: 0; color: var(--smil-spt-white); font-size: 0.93rem; font-weight: 810; line-height: 1.4; text-align: left; overflow-wrap: break-word; } .smil-stanza-pareti__system-list p { width: 100%; min-width: 0; margin: 4px 0 0; color: rgba(255, 255, 255, 0.72); font-size: 0.81rem; line-height: 1.5; text-align: left; overflow-wrap: break-word; } .smil-stanza-pareti__system-link { display: inline-flex; width: fit-content; max-width: 100%; min-width: 0; align-items: center; gap: 8px; margin-top: 22px; color: var(--smil-spt-white); font-size: 0.9rem; font-weight: 810; line-height: 1.45; text-align: left; text-decoration: none; white-space: normal; overflow-wrap: break-word; } .smil-stanza-pareti__system-link-text { min-width: 0; overflow-wrap: break-word; } .smil-stanza-pareti__system-link svg { width: 18px; height: 18px; flex: 0 0 18px; fill: var(--smil-spt-turquoise-light); transition: transform 180ms ease; } .smil-stanza-pareti__system-link:hover svg { transform: translateX(4px); } /* ========================================================= VIDEO TECNICO ========================================================= */ .smil-stanza-pareti__video { width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(58px, 8vw, 92px); overflow: hidden; border-radius: 27px; background: radial-gradient( circle at 95% 5%, rgba(23, 195, 178, 0.15), transparent 32% ), linear-gradient( 145deg, var(--smil-spt-dark-deep) 0%, var(--smil-spt-dark-soft) 100% ); color: var(--smil-spt-white); box-shadow: 0 25px 62px rgba(5, 36, 45, 0.2); } .smil-stanza-pareti__video-header { width: 100%; max-width: 950px; min-width: 0; margin: 0 auto; padding: clamp(30px, 5vw, 50px) clamp(20px, 4vw, 42px) clamp(26px, 4vw, 38px); text-align: center; } .smil-stanza-pareti__video-kicker { margin: 0; color: var(--smil-spt-turquoise-light); font-size: 0.77rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: center; text-transform: uppercase; } .smil-stanza-pareti__video-title { width: 100%; min-width: 0; margin: 9px 0 0; color: var(--smil-spt-white); font-size: clamp(1.55rem, 3vw, 2.45rem); font-weight: 840; line-height: 1.2; letter-spacing: -0.03em; text-align: center; overflow-wrap: break-word; } .smil-stanza-pareti__video-header > p:last-child { width: 100%; max-width: 890px; min-width: 0; margin: 16px auto 0; color: rgba(255, 255, 255, 0.82); font-size: 0.98rem; line-height: 1.72; text-align: center; overflow-wrap: break-word; } .smil-stanza-pareti__video-header strong { color: var(--smil-spt-white); } .smil-stanza-pareti__video-layout { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr); width: 100%; min-width: 0; border-top: 1px solid rgba(112, 225, 211, 0.15); } .smil-stanza-pareti__video-media { width: 100%; max-width: 100%; min-width: 0; margin: 0; padding: clamp(20px, 3.5vw, 39px); background: rgba(255, 255, 255, 0.03); } .smil-stanza-pareti__video-frame { position: relative; width: 100%; max-width: 100%; min-width: 0; aspect-ratio: 16 / 9; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 19px; background: #020f13; box-shadow: 0 20px 46px rgba(0, 0, 0, 0.3); } .smil-stanza-pareti__video-frame iframe { position: absolute; inset: 0; display: block; width: 100%; max-width: 100%; height: 100%; border: 0; } .smil-stanza-pareti__video-media figcaption { width: 100%; min-width: 0; margin-top: 12px; color: rgba(255, 255, 255, 0.62); font-size: 0.78rem; line-height: 1.55; text-align: left; overflow-wrap: break-word; } .smil-stanza-pareti__video-details { width: 100%; max-width: 100%; min-width: 0; padding: clamp(27px, 3.5vw, 40px); border-left: 1px solid rgba(112, 225, 211, 0.15); background: rgba(255, 255, 255, 0.055); text-align: left; } .smil-stanza-pareti__video-details-label { margin: 0; color: var(--smil-spt-turquoise-light); font-size: 0.73rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-pareti__video-details-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-spt-white); font-size: clamp(1.25rem, 2.2vw, 1.72rem); font-weight: 830; line-height: 1.3; text-align: left; overflow-wrap: break-word; } .smil-stanza-pareti__video-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; width: 100%; min-width: 0; margin: 21px 0 0; padding: 0; list-style: none; } .smil-stanza-pareti__video-list li { position: relative; width: 100%; min-width: 0; padding-left: 23px; color: rgba(255, 255, 255, 0.74); font-size: 0.83rem; line-height: 1.55; text-align: left; overflow-wrap: break-word; } .smil-stanza-pareti__video-list li::before { position: absolute; top: 0.53em; left: 2px; width: 8px; height: 8px; border-radius: 50%; background: var(--smil-spt-turquoise); box-shadow: 0 0 0 5px rgba(23, 195, 178, 0.08); content: ""; } .smil-stanza-pareti__video-note { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 11px; align-items: flex-start; width: 100%; max-width: 100%; min-width: 0; margin-top: 22px; padding: 15px; overflow: hidden; border: 1px solid rgba(112, 225, 211, 0.17); border-radius: 14px; background: rgba(23, 195, 178, 0.08); } .smil-stanza-pareti__video-note svg { width: 22px; height: 22px; flex: 0 0 22px; fill: var(--smil-spt-turquoise-light); } .smil-stanza-pareti__video-note p { width: 100%; min-width: 0; margin: 0; color: rgba(255, 255, 255, 0.68); font-size: 0.78rem; line-height: 1.58; text-align: left; overflow-wrap: break-word; } /* ========================================================= TRASCRIZIONE ========================================================= */ .smil-stanza-pareti__transcript { width: auto; max-width: calc(100% - (clamp(20px, 3.5vw, 39px) * 2)); min-width: 0; margin: 0 clamp(20px, 3.5vw, 39px) clamp(25px, 3.5vw, 39px); overflow: hidden; border: 1px solid rgba(112, 225, 211, 0.17); border-radius: 16px; background: rgba(255, 255, 255, 0.055); } .smil-stanza-pareti__transcript summary { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 29px; gap: 18px; align-items: center; width: 100%; max-width: 100%; min-width: 0; min-height: 55px; padding: 15px 18px; color: var(--smil-spt-white); font-size: 0.9rem; font-weight: 810; line-height: 1.4; text-align: left; cursor: pointer; list-style: none; overflow-wrap: break-word; } .smil-stanza-pareti__transcript summary::-webkit-details-marker { display: none; } .smil-stanza-pareti__transcript-label { min-width: 0; overflow-wrap: break-word; } .smil-stanza-pareti__transcript-icon { display: grid; width: 29px; height: 29px; flex: 0 0 29px; place-items: center; border-radius: 9px; background: rgba(23, 195, 178, 0.14); color: var(--smil-spt-turquoise-light); font-size: 1.2rem; line-height: 1; transition: transform 180ms ease; } .smil-stanza-pareti__transcript[open] .smil-stanza-pareti__transcript-icon { transform: rotate(45deg); } .smil-stanza-pareti__transcript-content { width: 100%; min-width: 0; padding: 0 18px 19px; border-top: 1px solid rgba(112, 225, 211, 0.12); } .smil-stanza-pareti__transcript-content p { width: 100%; min-width: 0; margin: 15px 0 0; color: rgba(255, 255, 255, 0.72); font-size: 0.84rem; line-height: 1.68; text-align: left; overflow-wrap: break-word; } /* ========================================================= VIDEO RECENSIONI E CASI REALI ========================================================= */ .smil-stanza-pareti__proof { width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(59px, 8vw, 92px); } .smil-stanza-pareti__proof-header { display: flex; gap: 30px; align-items: flex-end; justify-content: space-between; width: 100%; min-width: 0; } .smil-stanza-pareti__proof-heading { width: 100%; max-width: 820px; min-width: 0; } .smil-stanza-pareti__proof-kicker { margin: 0; color: var(--smil-spt-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-pareti__proof-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-spt-dark); font-size: clamp(1.6rem, 3vw, 2.55rem); font-weight: 840; line-height: 1.18; letter-spacing: -0.03em; text-align: left; overflow-wrap: break-word; } .smil-stanza-pareti__proof-heading > p:last-child { width: 100%; min-width: 0; margin: 15px 0 0; color: var(--smil-spt-muted); font-size: 0.96rem; line-height: 1.7; text-align: left; overflow-wrap: break-word; } .smil-stanza-pareti__archive { display: inline-flex; width: fit-content; max-width: 100%; min-width: 0; min-height: 48px; flex: 0 1 auto; align-items: center; justify-content: center; gap: 8px; padding: 11px 16px; border: 1px solid rgba(8, 127, 140, 0.19); border-radius: 11px; background: var(--smil-spt-white); color: var(--smil-spt-teal); font-size: 0.86rem; font-weight: 810; line-height: 1.4; text-align: center; text-decoration: none; white-space: normal; overflow-wrap: break-word; box-shadow: 0 10px 28px rgba(5, 36, 45, 0.06); transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .smil-stanza-pareti__archive:hover { transform: translateY(-2px); border-color: var(--smil-spt-turquoise); box-shadow: 0 14px 33px rgba(5, 36, 45, 0.1); } .smil-stanza-pareti__archive-text { min-width: 0; overflow-wrap: break-word; } .smil-stanza-pareti__archive svg { width: 18px; height: 18px; flex: 0 0 18px; fill: currentColor; } .smil-stanza-pareti__proof-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; width: 100%; min-width: 0; margin-top: 32px; } .smil-stanza-pareti__review { display: flex; flex-direction: column; width: 100%; max-width: 100%; min-width: 0; overflow: hidden; border: 1px solid var(--smil-spt-border); border-radius: 21px; background: var(--smil-spt-white); box-shadow: 0 16px 39px rgba(8, 47, 59, 0.075); } .smil-stanza-pareti__review-cover { position: relative; display: block; width: 100%; max-width: 100%; min-width: 0; aspect-ratio: 16 / 9; overflow: hidden; background: var(--smil-spt-dark); } .smil-stanza-pareti__review-cover img { display: block; width: 100%; max-width: 100%; height: 100%; object-fit: cover; transition: transform 260ms ease; } .smil-stanza-pareti__review:hover .smil-stanza-pareti__review-cover img { transform: scale(1.035); } .smil-stanza-pareti__review-overlay { position: absolute; inset: 0; background: linear-gradient( 180deg, rgba(5, 36, 45, 0.04) 20%, rgba(5, 36, 45, 0.66) 100% ); } .smil-stanza-pareti__review-play { position: absolute; top: 50%; left: 50%; display: grid; width: 58px; height: 58px; place-items: center; border: 2px solid rgba(255, 255, 255, 0.73); border-radius: 50%; background: rgba(225, 59, 53, 0.94); box-shadow: 0 13px 30px rgba(0, 0, 0, 0.27); transform: translate(-50%, -50%); } .smil-stanza-pareti__review-play svg { width: 27px; height: 27px; margin-left: 3px; fill: var(--smil-spt-white); } .smil-stanza-pareti__review-place { position: absolute; right: 13px; bottom: 12px; max-width: calc(100% - 26px); padding: 6px 10px; border-radius: 999px; background: rgba(5, 36, 45, 0.82); color: var(--smil-spt-white); font-size: 0.7rem; font-weight: 800; line-height: 1.3; text-align: center; overflow-wrap: break-word; } .smil-stanza-pareti__review-body { display: flex; flex: 1 1 auto; flex-direction: column; width: 100%; min-width: 0; padding: 22px; text-align: left; } .smil-stanza-pareti__review-type { margin: 0; color: var(--smil-spt-teal); font-size: 0.7rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.065em; text-align: left; text-transform: uppercase; } .smil-stanza-pareti__review-body h4 { width: 100%; min-width: 0; margin: 7px 0 0; color: var(--smil-spt-dark); font-size: clamp(1.13rem, 1.8vw, 1.4rem); font-weight: 830; line-height: 1.32; text-align: left; overflow-wrap: break-word; } .smil-stanza-pareti__review-body > p:not( .smil-stanza-pareti__review-type ) { width: 100%; min-width: 0; margin: 12px 0 0; color: var(--smil-spt-muted); font-size: 0.89rem; line-height: 1.65; text-align: left; overflow-wrap: break-word; } .smil-stanza-pareti__review-link { display: inline-flex; width: fit-content; max-width: 100%; min-width: 0; align-items: center; gap: 8px; margin-top: auto; padding-top: 18px; color: var(--smil-spt-teal); font-size: 0.86rem; font-weight: 810; line-height: 1.4; text-align: left; text-decoration: none; white-space: normal; overflow-wrap: break-word; } .smil-stanza-pareti__review-link-text { min-width: 0; overflow-wrap: break-word; } .smil-stanza-pareti__review-link-arrow { flex: 0 0 auto; transition: transform 180ms ease; } .smil-stanza-pareti__review-link:hover .smil-stanza-pareti__review-link-arrow { transform: translateX(4px); } /* ========================================================= NOTA PROVE REALI ========================================================= */ .smil-stanza-pareti__proof-note { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 16px; align-items: flex-start; width: 100%; max-width: 100%; min-width: 0; margin-top: 28px; padding: clamp(22px, 3vw, 30px); overflow: hidden; border: 1px solid rgba(8, 127, 140, 0.16); border-radius: 19px; background: var(--smil-spt-light); } .smil-stanza-pareti__proof-note-icon { display: grid; width: 44px; height: 44px; flex: 0 0 44px; place-items: center; border-radius: 13px; background: linear-gradient( 135deg, var(--smil-spt-turquoise), var(--smil-spt-teal) ); } .smil-stanza-pareti__proof-note-icon svg { width: 24px; height: 24px; fill: var(--smil-spt-white); } .smil-stanza-pareti__proof-note-content { width: 100%; min-width: 0; } .smil-stanza-pareti__proof-note strong { display: block; width: 100%; min-width: 0; color: var(--smil-spt-dark); font-size: 1rem; line-height: 1.45; text-align: left; overflow-wrap: break-word; } .smil-stanza-pareti__proof-note p { width: 100%; min-width: 0; margin: 6px 0 0; color: var(--smil-spt-muted); font-size: 0.89rem; line-height: 1.65; text-align: left; overflow-wrap: break-word; } /* ========================================================= CTA FINALE ========================================================= */ .smil-stanza-pareti__conversion { display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, 300px); gap: 30px; align-items: center; width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(53px, 7vw, 82px); padding: clamp(28px, 4vw, 44px); overflow: hidden; border-radius: 24px; background: radial-gradient( circle at 92% 8%, rgba(23, 195, 178, 0.17), transparent 35% ), linear-gradient( 135deg, var(--smil-spt-dark) 0%, var(--smil-spt-dark-soft) 100% ); color: var(--smil-spt-white); box-shadow: 0 22px 50px rgba(8, 47, 59, 0.18); text-align: left; } .smil-stanza-pareti__conversion-content, .smil-stanza-pareti__conversion-actions { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-pareti__conversion-kicker { margin: 0; color: var(--smil-spt-turquoise-light); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-pareti__conversion-title { width: 100%; max-width: 780px; min-width: 0; margin: 8px 0 0; color: var(--smil-spt-white); font-size: clamp(1.42rem, 2.6vw, 2.18rem); font-weight: 830; line-height: 1.22; letter-spacing: -0.025em; text-align: left; overflow-wrap: break-word; } .smil-stanza-pareti__conversion-text { width: 100%; max-width: 780px; min-width: 0; margin: 14px 0 0; color: rgba(255, 255, 255, 0.82); font-size: 0.96rem; line-height: 1.7; text-align: left; overflow-wrap: break-word; } .smil-stanza-pareti__conversion-actions { display: grid; grid-template-columns: minmax(0, 1fr); gap: 13px; justify-items: stretch; } /* ========================================================= PULSANTE ========================================================= */ .smil-stanza-pareti__button { display: inline-flex; width: 100%; max-width: 100%; min-width: 0; min-height: 52px; align-items: center; justify-content: center; padding: 13px 21px; border-radius: 12px; background: var(--smil-spt-orange); color: var(--smil-spt-white); font-family: inherit; font-size: clamp(0.9rem, 1.4vw, 0.95rem); font-weight: 820; line-height: 1.4; text-align: center; text-decoration: none; white-space: normal; overflow-wrap: break-word; box-shadow: 0 12px 25px rgba(242, 140, 40, 0.25); transition: transform 180ms ease, background-color 180ms ease, box-shadow 180ms ease; } .smil-stanza-pareti__button:hover { transform: translateY(-2px); background: var(--smil-spt-orange-dark); box-shadow: 0 15px 29px rgba(242, 140, 40, 0.32); } /* ========================================================= LINK AL BLOCCO SUCCESSIVO ========================================================= */ .smil-stanza-pareti__next { display: flex; width: 100%; max-width: 100%; min-width: 0; align-items: center; justify-content: center; gap: 8px; color: rgba(255, 255, 255, 0.9); font-size: 0.86rem; font-weight: 750; line-height: 1.45; text-align: center; text-decoration: none; white-space: normal; overflow-wrap: break-word; } .smil-stanza-pareti__next-text { min-width: 0; overflow-wrap: break-word; } .smil-stanza-pareti__next-arrow { flex: 0 0 auto; color: var(--smil-spt-turquoise-light); transition: transform 180ms ease; } .smil-stanza-pareti__next:hover .smil-stanza-pareti__next-arrow { transform: translateY(3px); } /* ========================================================= ACCESSIBILITÀ ========================================================= */ .smil-stanza-pareti a:focus-visible, .smil-stanza-pareti summary:focus-visible { outline: 3px solid rgba(242, 140, 40, 0.44); outline-offset: 4px; } /* ========================================================= DESKTOP INTERMEDIO ========================================================= */ @media (max-width: 1100px) { .smil-stanza-pareti__layout { grid-template-columns: minmax(0, 1fr) minmax(285px, 350px); gap: clamp(30px, 4vw, 46px); } .smil-stanza-pareti__video-layout { grid-template-columns: minmax(0, 1fr) minmax(280px, 340px); } .smil-stanza-pareti__proof-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-stanza-pareti__review:last-child { grid-column: 1 / -1; width: min(100%, 590px); justify-self: center; } .smil-stanza-pareti__conversion { grid-template-columns: minmax(0, 1fr) minmax(225px, 280px); gap: 24px; } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 900px) { .smil-stanza-pareti { padding: clamp(52px, 7vw, 72px) clamp(18px, 4vw, 28px); } .smil-stanza-pareti__layout, .smil-stanza-pareti__video-layout, .smil-stanza-pareti__conversion { grid-template-columns: minmax(0, 1fr); } .smil-stanza-pareti__system { position: relative; top: auto; width: 100%; max-width: 760px; } .smil-stanza-pareti__video-details { border-top: 1px solid rgba(112, 225, 211, 0.15); border-left: 0; } .smil-stanza-pareti__conversion { gap: 25px; } .smil-stanza-pareti__conversion-actions { width: min(100%, 430px); } } /* ========================================================= TABLET PICCOLI ========================================================= */ @media (max-width: 720px) { .smil-stanza-pareti__proof-grid { grid-template-columns: minmax(0, 1fr); } .smil-stanza-pareti__review:last-child { grid-column: auto; width: 100%; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 640px) { .smil-stanza-pareti { padding: 46px max(16px, env(safe-area-inset-right)) 52px max(16px, env(safe-area-inset-left)); scroll-margin-top: 72px; } .smil-stanza-pareti::before { top: 580px; left: -125px; width: 240px; height: 240px; border-width: 42px; } .smil-stanza-pareti__header { text-align: left; } .smil-stanza-pareti__eyebrow { display: block; width: 100%; margin-bottom: 13px; font-size: 0.7rem; line-height: 1.45; letter-spacing: 0.045em; text-align: left; } .smil-stanza-pareti__eyebrow-line { display: none; } .smil-stanza-pareti__title { font-size: clamp(1.9rem, 9vw, 2.65rem); line-height: 1.1; letter-spacing: -0.032em; text-align: left; } .smil-stanza-pareti__lead { margin-top: 18px; font-size: 1rem; line-height: 1.7; text-align: left; } .smil-stanza-pareti__answer { grid-template-columns: minmax(0, 1fr); gap: 13px; margin-top: 26px; padding: 19px 17px; border-left-width: 4px; border-radius: 0 15px 15px 0; } .smil-stanza-pareti__answer-icon { width: 40px; height: 40px; } .smil-stanza-pareti__answer-icon svg { width: 22px; height: 22px; } .smil-stanza-pareti__answer-title { font-size: 1.18rem; line-height: 1.4; } .smil-stanza-pareti__answer-text { font-size: 1rem; line-height: 1.68; } .smil-stanza-pareti__layout { margin-top: 38px; gap: 33px; } .smil-stanza-pareti__subtitle { font-size: clamp(1.28rem, 6.3vw, 1.65rem); line-height: 1.3; } .smil-stanza-pareti__content > p { margin-top: 16px; font-size: 1rem; line-height: 1.72; } .smil-stanza-pareti__warning { margin: 26px 0 31px; padding: 19px 16px; border-left-width: 4px; border-radius: 0 14px 14px 0; } .smil-stanza-pareti__warning h4 { font-size: 1.08rem; line-height: 1.42; } .smil-stanza-pareti__warning > p:last-child { font-size: 0.98rem; line-height: 1.7; } .smil-stanza-pareti__system { width: 100%; max-width: 100%; padding: 25px 17px; border-radius: 20px; } .smil-stanza-pareti__system-title { font-size: clamp(1.4rem, 7vw, 1.8rem); } .smil-stanza-pareti__system-list li { grid-template-columns: 32px minmax(0, 1fr); gap: 11px; padding: 12px 10px; } .smil-stanza-pareti__system-number { width: 32px; height: 32px; } .smil-stanza-pareti__system-list strong { font-size: 0.9rem; } .smil-stanza-pareti__system-list p { font-size: 0.8rem; line-height: 1.48; } .smil-stanza-pareti__system-link { display: flex; width: 100%; justify-content: space-between; padding: 12px 13px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 11px; background: rgba(255, 255, 255, 0.07); } .smil-stanza-pareti__video { margin-top: 50px; border-radius: 20px; } .smil-stanza-pareti__video-header { padding: 27px 18px 24px; text-align: left; } .smil-stanza-pareti__video-kicker, .smil-stanza-pareti__video-title, .smil-stanza-pareti__video-header > p:last-child { text-align: left; } .smil-stanza-pareti__video-title { font-size: clamp(1.4rem, 7vw, 1.9rem); } .smil-stanza-pareti__video-media, .smil-stanza-pareti__video-details { padding: 20px 16px; } .smil-stanza-pareti__video-frame { border-radius: 14px; } .smil-stanza-pareti__video-details-title { font-size: clamp(1.25rem, 6.3vw, 1.6rem); } .smil-stanza-pareti__video-note { grid-template-columns: minmax(0, 1fr); padding: 14px; } .smil-stanza-pareti__transcript { width: auto; max-width: calc(100% - 32px); margin: 0 16px 20px; } .smil-stanza-pareti__transcript summary { grid-template-columns: minmax(0, 1fr) 29px; gap: 12px; padding: 14px; font-size: 0.86rem; } .smil-stanza-pareti__transcript-content { padding: 0 14px 17px; } .smil-stanza-pareti__proof { margin-top: 50px; } .smil-stanza-pareti__proof-header { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; align-items: start; } .smil-stanza-pareti__proof-title { font-size: clamp(1.45rem, 7vw, 1.95rem); } .smil-stanza-pareti__archive { width: 100%; justify-content: space-between; text-align: left; } .smil-stanza-pareti__proof-grid { margin-top: 27px; } .smil-stanza-pareti__review { border-radius: 19px; } .smil-stanza-pareti__review-body { padding: 20px 17px; } .smil-stanza-pareti__review-body h4 { font-size: clamp(1.16rem, 6vw, 1.45rem); } .smil-stanza-pareti__review-link { display: flex; width: 100%; justify-content: space-between; padding: 12px 13px; margin-top: 17px; border: 1px solid rgba(8, 127, 140, 0.16); border-radius: 11px; background: rgba(8, 127, 140, 0.05); } .smil-stanza-pareti__proof-note { grid-template-columns: minmax(0, 1fr); padding: 20px 17px; border-radius: 17px; } .smil-stanza-pareti__conversion { margin-top: 46px; padding: 26px 18px; border-radius: 20px; } .smil-stanza-pareti__conversion-title { font-size: clamp(1.38rem, 7vw, 1.85rem); line-height: 1.25; } .smil-stanza-pareti__conversion-text { font-size: 0.95rem; line-height: 1.65; } .smil-stanza-pareti__conversion-actions { width: 100%; } .smil-stanza-pareti__button { width: 100%; padding: 13px 15px; font-size: 0.93rem; } .smil-stanza-pareti__next { width: 100%; justify-content: space-between; padding: 12px 13px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 11px; background: rgba(255, 255, 255, 0.06); text-align: left; } } /* ========================================================= SMARTPHONE PICCOLI ========================================================= */ @media (max-width: 380px) { .smil-stanza-pareti { padding-right: 14px; padding-left: 14px; } .smil-stanza-pareti__title { font-size: clamp(1.78rem, 9vw, 2.2rem); } .smil-stanza-pareti__answer, .smil-stanza-pareti__system, .smil-stanza-pareti__conversion { padding-right: 14px; padding-left: 14px; } .smil-stanza-pareti__video-header, .smil-stanza-pareti__video-media, .smil-stanza-pareti__video-details { padding-right: 14px; padding-left: 14px; } .smil-stanza-pareti__transcript { max-width: calc(100% - 28px); margin-right: 14px; margin-left: 14px; } .smil-stanza-pareti__review-body { padding-right: 15px; padding-left: 15px; } .smil-stanza-pareti__proof-note { padding-right: 15px; padding-left: 15px; } .smil-stanza-pareti__button { padding-right: 11px; padding-left: 11px; font-size: 0.88rem; } } /* ========================================================= RIDUZIONE ANIMAZIONI ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-stanza-pareti__system-link svg, .smil-stanza-pareti__transcript-icon, .smil-stanza-pareti__archive, .smil-stanza-pareti__review-cover img, .smil-stanza-pareti__review-link-arrow, .smil-stanza-pareti__button, .smil-stanza-pareti__next-arrow { transition: none; } .smil-stanza-pareti__archive:hover, .smil-stanza-pareti__button:hover { transform: none; } .smil-stanza-pareti__review:hover .smil-stanza-pareti__review-cover img { transform: none; } .smil-stanza-pareti__system-link:hover svg, .smil-stanza-pareti__review-link:hover .smil-stanza-pareti__review-link-arrow, .smil-stanza-pareti__next:hover .smil-stanza-pareti__next-arrow { transform: none; } }#imCell_10 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1723_10 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_10 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_10 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H3 – ISOLAMENTO ACUSTICO DEL SOFFITTO DELLA STANZA RESPONSIVE DESKTOP, TABLET E MOBILE ========================================================= */ .smil-stanza-soffitto { --smil-ssf-dark: #082f3b; --smil-ssf-dark-deep: #05242d; --smil-ssf-dark-soft: #104653; --smil-ssf-teal: #087f8c; --smil-ssf-turquoise: #17c3b2; --smil-ssf-turquoise-light: #70e1d3; --smil-ssf-orange: #f28c28; --smil-ssf-orange-dark: #d97215; --smil-ssf-white: #ffffff; --smil-ssf-cream: #fff9ef; --smil-ssf-light: #eef9fa; --smil-ssf-grey: #f4f7f8; --smil-ssf-text: #263f47; --smil-ssf-muted: #60767d; --smil-ssf-border: #d8e7e9; position: relative; width: 100%; max-width: 100%; min-width: 0; margin: 0; padding: clamp(60px, 7vw, 98px) clamp(16px, 3.5vw, 32px); overflow-x: hidden; background: radial-gradient( circle at 0 5%, rgba(23, 195, 178, 0.1), transparent 27% ), linear-gradient( 180deg, #f0fafb 0%, var(--smil-ssf-white) 30%, var(--smil-ssf-white) 100% ); color: var(--smil-ssf-text); text-align: left; scroll-margin-top: 90px; isolation: isolate; } @supports (overflow: clip) { .smil-stanza-soffitto { overflow-x: clip; } } /* ========================================================= RESET LOCALE ========================================================= */ .smil-stanza-soffitto, .smil-stanza-soffitto *, .smil-stanza-soffitto *::before, .smil-stanza-soffitto *::after { box-sizing: border-box; } .smil-stanza-soffitto h3, .smil-stanza-soffitto h4, .smil-stanza-soffitto p, .smil-stanza-soffitto ul, .smil-stanza-soffitto ol, .smil-stanza-soffitto li, .smil-stanza-soffitto section, .smil-stanza-soffitto article, .smil-stanza-soffitto aside, .smil-stanza-soffitto figure, .smil-stanza-soffitto figcaption, .smil-stanza-soffitto details, .smil-stanza-soffitto summary, .smil-stanza-soffitto div, .smil-stanza-soffitto a, .smil-stanza-soffitto span, .smil-stanza-soffitto strong, .smil-stanza-soffitto time, .smil-stanza-soffitto img, .smil-stanza-soffitto iframe, .smil-stanza-soffitto svg { max-width: 100%; min-width: 0; } .smil-stanza-soffitto h3, .smil-stanza-soffitto h4, .smil-stanza-soffitto p, .smil-stanza-soffitto li, .smil-stanza-soffitto a, .smil-stanza-soffitto span, .smil-stanza-soffitto strong, .smil-stanza-soffitto figcaption, .smil-stanza-soffitto summary { word-break: normal; overflow-wrap: break-word; white-space: normal; hyphens: none; } .smil-stanza-soffitto img, .smil-stanza-soffitto iframe, .smil-stanza-soffitto video { display: block; max-width: 100%; } .smil-stanza-soffitto a { -webkit-tap-highlight-color: transparent; } .smil-stanza-soffitto strong { color: var(--smil-ssf-dark); font-weight: 820; } /* ========================================================= CONTENITORE ========================================================= */ .smil-stanza-soffitto__container { position: relative; z-index: 1; width: 100%; max-width: 1220px; min-width: 0; margin: 0 auto; } /* ========================================================= HEADER ========================================================= */ .smil-stanza-soffitto__header { width: 100%; max-width: 960px; min-width: 0; margin: 0 auto; text-align: center; } .smil-stanza-soffitto__eyebrow { display: inline-flex; max-width: 100%; flex-wrap: nowrap; align-items: center; justify-content: center; gap: 9px; margin: 0 0 15px; color: var(--smil-ssf-teal); font-size: clamp(0.71rem, 1.2vw, 0.79rem); font-weight: 850; line-height: 1.4; letter-spacing: 0.07em; text-align: center; text-transform: uppercase; } .smil-stanza-soffitto__eyebrow > span:nth-child(2) { min-width: 0; overflow-wrap: break-word; } .smil-stanza-soffitto__eyebrow-line { width: 32px; height: 2px; flex: 0 0 32px; border-radius: 999px; background: var(--smil-ssf-turquoise); } .smil-stanza-soffitto__title { width: 100%; min-width: 0; margin: 0; color: var(--smil-ssf-dark); font-size: clamp(2rem, 4vw, 3.45rem); font-weight: 850; line-height: 1.08; letter-spacing: -0.04em; text-align: center; overflow-wrap: break-word; } .smil-stanza-soffitto__lead { width: 100%; max-width: 900px; min-width: 0; margin: 22px auto 0; color: var(--smil-ssf-text); font-size: clamp(1.03rem, 1.7vw, 1.18rem); line-height: 1.78; text-align: center; overflow-wrap: break-word; } /* ========================================================= RISPOSTA DIRETTA ========================================================= */ .smil-stanza-soffitto__answer { display: grid; grid-template-columns: 45px minmax(0, 1fr); gap: 18px; align-items: flex-start; width: 100%; max-width: 1030px; min-width: 0; margin: clamp(31px, 5vw, 49px) auto 0; padding: clamp(22px, 3vw, 30px); border: 1px solid rgba(8, 127, 140, 0.18); border-left: 5px solid var(--smil-ssf-turquoise); border-radius: 0 19px 19px 0; background: rgba(255, 255, 255, 0.96); box-shadow: 0 15px 38px rgba(8, 47, 59, 0.07); text-align: left; } .smil-stanza-soffitto__answer-icon { display: grid; width: 45px; height: 45px; flex: 0 0 45px; place-items: center; border-radius: 13px; background: rgba(23, 195, 178, 0.14); } .smil-stanza-soffitto__answer-icon svg { width: 25px; height: 25px; fill: var(--smil-ssf-teal); } .smil-stanza-soffitto__answer-content { width: 100%; min-width: 0; } .smil-stanza-soffitto__answer-label { margin: 0 0 6px; color: var(--smil-ssf-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-soffitto__answer-title { width: 100%; min-width: 0; margin: 0; color: var(--smil-ssf-dark); font-size: clamp(1.2rem, 2vw, 1.55rem); font-weight: 830; line-height: 1.35; text-align: left; overflow-wrap: break-word; } .smil-stanza-soffitto__answer-text { width: 100%; min-width: 0; margin: 11px 0 0; color: var(--smil-ssf-text); font-size: clamp(1rem, 1.45vw, 1.08rem); line-height: 1.74; text-align: left; overflow-wrap: break-word; } /* ========================================================= CONTENUTO E BOX TECNICO ========================================================= */ .smil-stanza-soffitto__layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(310px, 390px); gap: clamp(36px, 5vw, 68px); align-items: start; width: 100%; min-width: 0; margin-top: clamp(48px, 6vw, 76px); } .smil-stanza-soffitto__content, .smil-stanza-soffitto__system { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-soffitto__subtitle { width: 100%; min-width: 0; margin: 0; color: var(--smil-ssf-dark); font-size: clamp(1.34rem, 2.4vw, 1.92rem); font-weight: 830; line-height: 1.27; letter-spacing: -0.025em; text-align: left; overflow-wrap: break-word; } .smil-stanza-soffitto__content > p { width: 100%; min-width: 0; margin: 18px 0 0; color: var(--smil-ssf-text); font-size: clamp(1rem, 1.35vw, 1.07rem); line-height: 1.8; text-align: left; overflow-wrap: break-word; } /* ========================================================= AVVERTENZA ========================================================= */ .smil-stanza-soffitto__warning { width: 100%; max-width: 100%; min-width: 0; margin: 31px 0 36px; padding: clamp(22px, 3vw, 30px); overflow: hidden; border: 1px solid #f0dcc3; border-left: 5px solid var(--smil-ssf-orange); border-radius: 0 18px 18px 0; background: var(--smil-ssf-cream); text-align: left; } .smil-stanza-soffitto__warning-label { margin: 0 !important; color: var(--smil-ssf-orange-dark) !important; font-size: 0.75rem !important; font-weight: 850; line-height: 1.3 !important; letter-spacing: 0.07em; text-align: left; text-transform: uppercase; } .smil-stanza-soffitto__warning h4 { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-ssf-dark); font-size: clamp(1.15rem, 1.9vw, 1.43rem); font-weight: 830; line-height: 1.4; text-align: left; overflow-wrap: break-word; } .smil-stanza-soffitto__warning p:not( .smil-stanza-soffitto__warning-label ) { width: 100%; min-width: 0; margin: 12px 0 0; color: var(--smil-ssf-text); font-size: clamp(0.98rem, 1.35vw, 1.05rem); line-height: 1.72; text-align: left; overflow-wrap: break-word; } /* ========================================================= BOX LATERALE ========================================================= */ .smil-stanza-soffitto__system { position: sticky; top: 24px; overflow: hidden; padding: clamp(25px, 3vw, 35px); border-radius: 24px; background: linear-gradient( 145deg, var(--smil-ssf-dark) 0%, var(--smil-ssf-dark-soft) 100% ); color: var(--smil-ssf-white); box-shadow: 0 23px 54px rgba(8, 47, 59, 0.2); text-align: left; } .smil-stanza-soffitto__system-kicker { margin: 0; color: var(--smil-ssf-turquoise-light); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-soffitto__system-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-ssf-white); font-size: clamp(1.4rem, 2.3vw, 1.95rem); font-weight: 830; line-height: 1.22; letter-spacing: -0.025em; text-align: left; overflow-wrap: break-word; } .smil-stanza-soffitto__system-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; width: 100%; min-width: 0; margin: 23px 0 0; padding: 0; list-style: none; } .smil-stanza-soffitto__system-list li { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 12px; align-items: flex-start; width: 100%; max-width: 100%; min-width: 0; padding: 13px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.11); border-radius: 13px; background: rgba(255, 255, 255, 0.06); } .smil-stanza-soffitto__system-number { display: grid; width: 34px; height: 34px; flex: 0 0 34px; place-items: center; border-radius: 9px; background: rgba(23, 195, 178, 0.14); color: var(--smil-ssf-turquoise-light); font-size: 0.7rem; font-weight: 900; line-height: 1; } .smil-stanza-soffitto__system-content { width: 100%; min-width: 0; } .smil-stanza-soffitto__system-list strong { display: block; width: 100%; min-width: 0; color: var(--smil-ssf-white); font-size: 0.93rem; font-weight: 810; line-height: 1.4; text-align: left; overflow-wrap: break-word; } .smil-stanza-soffitto__system-list p { width: 100%; min-width: 0; margin: 4px 0 0; color: rgba(255, 255, 255, 0.72); font-size: 0.81rem; line-height: 1.5; text-align: left; overflow-wrap: break-word; } .smil-stanza-soffitto__system-link { display: inline-flex; width: fit-content; max-width: 100%; min-width: 0; align-items: center; gap: 8px; margin-top: 22px; color: var(--smil-ssf-white); font-size: 0.9rem; font-weight: 810; line-height: 1.45; text-align: left; text-decoration: none; white-space: normal; overflow-wrap: break-word; } .smil-stanza-soffitto__system-link-text { min-width: 0; overflow-wrap: break-word; } .smil-stanza-soffitto__system-link svg { width: 18px; height: 18px; flex: 0 0 18px; fill: var(--smil-ssf-turquoise-light); transition: transform 180ms ease; } .smil-stanza-soffitto__system-link:hover svg { transform: translateX(4px); } /* ========================================================= CONFRONTO ========================================================= */ .smil-stanza-soffitto__comparison { width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(58px, 8vw, 92px); } .smil-stanza-soffitto__comparison-header { width: 100%; max-width: 850px; min-width: 0; margin: 0 auto; text-align: center; } .smil-stanza-soffitto__comparison-kicker { margin: 0; color: var(--smil-ssf-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: center; text-transform: uppercase; } .smil-stanza-soffitto__comparison-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-ssf-dark); font-size: clamp(1.55rem, 3vw, 2.45rem); font-weight: 840; line-height: 1.22; letter-spacing: -0.03em; text-align: center; overflow-wrap: break-word; } .smil-stanza-soffitto__comparison-header > p:last-child { width: 100%; max-width: 760px; min-width: 0; margin: 15px auto 0; color: var(--smil-ssf-muted); font-size: 0.97rem; line-height: 1.7; text-align: center; overflow-wrap: break-word; } .smil-stanza-soffitto__comparison-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; width: 100%; max-width: 1050px; min-width: 0; margin: 32px auto 0; } .smil-stanza-soffitto__comparison-card { width: 100%; max-width: 100%; min-width: 0; padding: clamp(25px, 3.5vw, 36px); overflow: hidden; border: 1px solid var(--smil-ssf-border); border-radius: 22px; background: var(--smil-ssf-white); box-shadow: 0 16px 38px rgba(8, 47, 59, 0.07); text-align: left; } .smil-stanza-soffitto__comparison-card--featured { border-color: rgba(8, 127, 140, 0.25); background: var(--smil-ssf-light); } .smil-stanza-soffitto__comparison-label { margin: 0; color: var(--smil-ssf-teal); font-size: 0.74rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.065em; text-align: left; text-transform: uppercase; } .smil-stanza-soffitto__comparison-card h4 { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-ssf-dark); font-size: clamp(1.25rem, 2vw, 1.72rem); font-weight: 830; line-height: 1.3; text-align: left; overflow-wrap: break-word; } .smil-stanza-soffitto__comparison-card ul { display: grid; grid-template-columns: minmax(0, 1fr); gap: 11px; width: 100%; min-width: 0; margin: 21px 0 0; padding: 0; list-style: none; } .smil-stanza-soffitto__comparison-card li { position: relative; width: 100%; min-width: 0; padding-left: 27px; color: var(--smil-ssf-text); font-size: 0.92rem; line-height: 1.6; text-align: left; overflow-wrap: break-word; } .smil-stanza-soffitto__comparison-card li::before { position: absolute; left: 0; color: var(--smil-ssf-teal); font-weight: 900; content: "✓"; } .smil-stanza-soffitto__comparison-note { width: 100%; min-width: 0; margin: 19px 0 0; padding-top: 17px; border-top: 1px solid var(--smil-ssf-border); color: var(--smil-ssf-muted); font-size: 0.83rem; line-height: 1.6; text-align: left; overflow-wrap: break-word; } /* ========================================================= VIDEO PRINCIPALE ========================================================= */ .smil-stanza-soffitto__video { width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(58px, 8vw, 92px); overflow: hidden; border-radius: 27px; background: linear-gradient( 145deg, var(--smil-ssf-dark-deep), var(--smil-ssf-dark-soft) ); color: var(--smil-ssf-white); box-shadow: 0 25px 62px rgba(5, 36, 45, 0.2); } .smil-stanza-soffitto__video-header { width: 100%; max-width: 950px; min-width: 0; margin: 0 auto; padding: clamp(30px, 5vw, 50px) clamp(20px, 4vw, 42px); text-align: center; } .smil-stanza-soffitto__video-kicker { margin: 0; color: var(--smil-ssf-turquoise-light); font-size: 0.77rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: center; text-transform: uppercase; } .smil-stanza-soffitto__video-title { width: 100%; min-width: 0; margin: 9px 0 0; color: var(--smil-ssf-white); font-size: clamp(1.55rem, 3vw, 2.45rem); font-weight: 840; line-height: 1.2; letter-spacing: -0.03em; text-align: center; overflow-wrap: break-word; } .smil-stanza-soffitto__video-header > p:last-child { width: 100%; max-width: 890px; min-width: 0; margin: 16px auto 0; color: rgba(255, 255, 255, 0.82); font-size: 0.98rem; line-height: 1.72; text-align: center; overflow-wrap: break-word; } .smil-stanza-soffitto__video-layout { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr); width: 100%; min-width: 0; border-top: 1px solid rgba(112, 225, 211, 0.15); } .smil-stanza-soffitto__video-media { width: 100%; max-width: 100%; min-width: 0; margin: 0; padding: clamp(20px, 3.5vw, 39px); } .smil-stanza-soffitto__video-frame { position: relative; width: 100%; max-width: 100%; min-width: 0; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 19px; background: #020f13; } .smil-stanza-soffitto__video-frame iframe { position: absolute; inset: 0; display: block; width: 100%; max-width: 100%; height: 100%; border: 0; } .smil-stanza-soffitto__video-media figcaption { width: 100%; min-width: 0; margin-top: 12px; color: rgba(255, 255, 255, 0.62); font-size: 0.78rem; line-height: 1.55; text-align: left; overflow-wrap: break-word; } .smil-stanza-soffitto__video-details { width: 100%; max-width: 100%; min-width: 0; padding: clamp(27px, 3.5vw, 40px); border-left: 1px solid rgba(112, 225, 211, 0.15); background: rgba(255, 255, 255, 0.055); text-align: left; } .smil-stanza-soffitto__video-details-label { margin: 0; color: var(--smil-ssf-turquoise-light); font-size: 0.73rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-soffitto__video-details-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-ssf-white); font-size: clamp(1.25rem, 2.2vw, 1.72rem); font-weight: 830; line-height: 1.3; text-align: left; overflow-wrap: break-word; } .smil-stanza-soffitto__video-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; width: 100%; min-width: 0; margin: 21px 0 0; padding: 0; list-style: none; } .smil-stanza-soffitto__video-list li { position: relative; width: 100%; min-width: 0; padding-left: 23px; color: rgba(255, 255, 255, 0.74); font-size: 0.83rem; line-height: 1.55; text-align: left; overflow-wrap: break-word; } .smil-stanza-soffitto__video-list li::before { position: absolute; top: 0.55em; left: 2px; width: 8px; height: 8px; border-radius: 50%; background: var(--smil-ssf-turquoise); content: ""; } .smil-stanza-soffitto__video-note { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 11px; align-items: flex-start; width: 100%; max-width: 100%; min-width: 0; margin-top: 22px; padding: 15px; overflow: hidden; border-radius: 14px; background: rgba(23, 195, 178, 0.08); } .smil-stanza-soffitto__video-note svg { width: 22px; height: 22px; flex: 0 0 22px; fill: var(--smil-ssf-turquoise-light); } .smil-stanza-soffitto__video-note p { width: 100%; min-width: 0; margin: 0; color: rgba(255, 255, 255, 0.68); font-size: 0.78rem; line-height: 1.58; text-align: left; overflow-wrap: break-word; } /* ========================================================= CAPITOLI VIDEO ========================================================= */ .smil-stanza-soffitto__chapters { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; width: 100%; min-width: 0; margin: 0; padding: 22px clamp(20px, 3.5vw, 39px); border-top: 1px solid rgba(112, 225, 211, 0.13); list-style: none; } .smil-stanza-soffitto__chapters li { width: 100%; max-width: 100%; min-width: 0; padding: 13px; overflow: hidden; border-radius: 12px; background: rgba(255, 255, 255, 0.06); } .smil-stanza-soffitto__chapters time { display: block; color: var(--smil-ssf-turquoise-light); font-size: 0.77rem; font-weight: 850; line-height: 1.3; } .smil-stanza-soffitto__chapters span { display: block; width: 100%; min-width: 0; margin-top: 4px; color: rgba(255, 255, 255, 0.78); font-size: 0.78rem; line-height: 1.4; text-align: left; overflow-wrap: break-word; } /* ========================================================= TRASCRIZIONE ========================================================= */ .smil-stanza-soffitto__transcript { width: auto; max-width: calc(100% - (clamp(20px, 3.5vw, 39px) * 2)); min-width: 0; margin: 0 clamp(20px, 3.5vw, 39px) clamp(25px, 3.5vw, 39px); overflow: hidden; border: 1px solid rgba(112, 225, 211, 0.17); border-radius: 16px; background: rgba(255, 255, 255, 0.055); } .smil-stanza-soffitto__transcript summary { display: grid; grid-template-columns: minmax(0, 1fr) 29px; gap: 18px; align-items: center; width: 100%; max-width: 100%; min-width: 0; min-height: 55px; padding: 15px 18px; color: var(--smil-ssf-white); font-size: 0.9rem; font-weight: 810; line-height: 1.4; text-align: left; cursor: pointer; list-style: none; overflow-wrap: break-word; } .smil-stanza-soffitto__transcript summary::-webkit-details-marker { display: none; } .smil-stanza-soffitto__transcript-label { min-width: 0; overflow-wrap: break-word; } .smil-stanza-soffitto__transcript-icon { display: grid; width: 29px; height: 29px; flex: 0 0 29px; place-items: center; border-radius: 9px; background: rgba(23, 195, 178, 0.14); color: var(--smil-ssf-turquoise-light); font-size: 1.2rem; line-height: 1; transition: transform 180ms ease; } .smil-stanza-soffitto__transcript[open] .smil-stanza-soffitto__transcript-icon { transform: rotate(45deg); } .smil-stanza-soffitto__transcript-content { width: 100%; min-width: 0; padding: 0 18px 19px; border-top: 1px solid rgba(112, 225, 211, 0.12); } .smil-stanza-soffitto__transcript-content p { width: 100%; min-width: 0; margin: 15px 0 0; color: rgba(255, 255, 255, 0.72); font-size: 0.84rem; line-height: 1.68; text-align: left; overflow-wrap: break-word; } /* ========================================================= VIDEO RECENSIONI ========================================================= */ .smil-stanza-soffitto__proof { width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(59px, 8vw, 92px); } .smil-stanza-soffitto__proof-header { display: flex; gap: 30px; align-items: flex-end; justify-content: space-between; width: 100%; min-width: 0; } .smil-stanza-soffitto__proof-heading { width: 100%; max-width: 820px; min-width: 0; } .smil-stanza-soffitto__proof-kicker { margin: 0; color: var(--smil-ssf-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-soffitto__proof-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-ssf-dark); font-size: clamp(1.6rem, 3vw, 2.55rem); font-weight: 840; line-height: 1.18; letter-spacing: -0.03em; text-align: left; overflow-wrap: break-word; } .smil-stanza-soffitto__proof-heading > p:last-child { width: 100%; min-width: 0; margin: 15px 0 0; color: var(--smil-ssf-muted); font-size: 0.96rem; line-height: 1.7; text-align: left; overflow-wrap: break-word; } .smil-stanza-soffitto__archive { display: inline-flex; width: fit-content; max-width: 100%; min-width: 0; min-height: 48px; flex: 0 1 auto; align-items: center; justify-content: center; gap: 8px; padding: 11px 16px; border: 1px solid rgba(8, 127, 140, 0.19); border-radius: 11px; background: var(--smil-ssf-white); color: var(--smil-ssf-teal); font-size: 0.86rem; font-weight: 810; line-height: 1.4; text-align: center; text-decoration: none; white-space: normal; overflow-wrap: break-word; } .smil-stanza-soffitto__archive-text { min-width: 0; overflow-wrap: break-word; } .smil-stanza-soffitto__archive svg { width: 18px; height: 18px; flex: 0 0 18px; fill: currentColor; } .smil-stanza-soffitto__proof-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; width: 100%; min-width: 0; margin-top: 32px; } .smil-stanza-soffitto__review { display: flex; flex-direction: column; width: 100%; max-width: 100%; min-width: 0; overflow: hidden; border: 1px solid var(--smil-ssf-border); border-radius: 21px; background: var(--smil-ssf-white); box-shadow: 0 16px 39px rgba(8, 47, 59, 0.075); } .smil-stanza-soffitto__review-cover { position: relative; display: block; width: 100%; max-width: 100%; min-width: 0; aspect-ratio: 16 / 9; overflow: hidden; background: var(--smil-ssf-dark); } .smil-stanza-soffitto__review-cover img { display: block; width: 100%; max-width: 100%; height: 100%; object-fit: cover; } .smil-stanza-soffitto__review-shade { position: absolute; inset: 0; background: linear-gradient( 180deg, transparent, rgba(5, 36, 45, 0.68) ); } .smil-stanza-soffitto__review-play { position: absolute; top: 50%; left: 50%; display: grid; width: 58px; height: 58px; place-items: center; border-radius: 50%; background: rgba(225, 59, 53, 0.94); transform: translate(-50%, -50%); } .smil-stanza-soffitto__review-play svg { width: 27px; height: 27px; margin-left: 3px; fill: var(--smil-ssf-white); } .smil-stanza-soffitto__review-place { position: absolute; right: 13px; bottom: 12px; max-width: calc(100% - 26px); padding: 6px 10px; border-radius: 999px; background: rgba(5, 36, 45, 0.84); color: var(--smil-ssf-white); font-size: 0.7rem; font-weight: 800; line-height: 1.3; text-align: center; overflow-wrap: break-word; } .smil-stanza-soffitto__review-body { display: flex; flex: 1 1 auto; flex-direction: column; width: 100%; min-width: 0; padding: 22px; text-align: left; } .smil-stanza-soffitto__review-type { margin: 0; color: var(--smil-ssf-teal); font-size: 0.7rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.065em; text-align: left; text-transform: uppercase; } .smil-stanza-soffitto__review-body h4 { width: 100%; min-width: 0; margin: 7px 0 0; color: var(--smil-ssf-dark); font-size: clamp(1.13rem, 1.8vw, 1.4rem); font-weight: 830; line-height: 1.32; text-align: left; overflow-wrap: break-word; } .smil-stanza-soffitto__review-body > p:not( .smil-stanza-soffitto__review-type ) { width: 100%; min-width: 0; margin: 12px 0 0; color: var(--smil-ssf-muted); font-size: 0.89rem; line-height: 1.65; text-align: left; overflow-wrap: break-word; } .smil-stanza-soffitto__review-link { display: inline-flex; width: fit-content; max-width: 100%; min-width: 0; align-items: center; gap: 8px; margin-top: auto; padding-top: 18px; color: var(--smil-ssf-teal); font-size: 0.86rem; font-weight: 810; line-height: 1.4; text-align: left; text-decoration: none; white-space: normal; overflow-wrap: break-word; } .smil-stanza-soffitto__review-link-text { min-width: 0; overflow-wrap: break-word; } .smil-stanza-soffitto__review-link-arrow { flex: 0 0 auto; transition: transform 180ms ease; } .smil-stanza-soffitto__review-link:hover .smil-stanza-soffitto__review-link-arrow { transform: translateX(4px); } /* ========================================================= NOTA RECENSIONI ========================================================= */ .smil-stanza-soffitto__proof-note { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 16px; align-items: flex-start; width: 100%; max-width: 100%; min-width: 0; margin-top: 28px; padding: clamp(22px, 3vw, 30px); overflow: hidden; border: 1px solid rgba(8, 127, 140, 0.16); border-radius: 19px; background: var(--smil-ssf-light); } .smil-stanza-soffitto__proof-note-icon { display: grid; width: 44px; height: 44px; flex: 0 0 44px; place-items: center; border-radius: 13px; background: var(--smil-ssf-teal); } .smil-stanza-soffitto__proof-note-icon svg { width: 24px; height: 24px; fill: var(--smil-ssf-white); } .smil-stanza-soffitto__proof-note-content { width: 100%; min-width: 0; } .smil-stanza-soffitto__proof-note strong { display: block; width: 100%; min-width: 0; color: var(--smil-ssf-dark); font-size: 1rem; line-height: 1.45; text-align: left; overflow-wrap: break-word; } .smil-stanza-soffitto__proof-note p { width: 100%; min-width: 0; margin: 6px 0 0; color: var(--smil-ssf-muted); font-size: 0.89rem; line-height: 1.65; text-align: left; overflow-wrap: break-word; } /* ========================================================= CTA FINALE ========================================================= */ .smil-stanza-soffitto__conversion { display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, 300px); gap: 30px; align-items: center; width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(53px, 7vw, 82px); padding: clamp(28px, 4vw, 44px); overflow: hidden; border-radius: 24px; background: linear-gradient( 135deg, var(--smil-ssf-dark), var(--smil-ssf-dark-soft) ); color: var(--smil-ssf-white); box-shadow: 0 22px 50px rgba(8, 47, 59, 0.18); text-align: left; } .smil-stanza-soffitto__conversion-content, .smil-stanza-soffitto__conversion-actions { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-soffitto__conversion-kicker { margin: 0; color: var(--smil-ssf-turquoise-light); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-soffitto__conversion-title { width: 100%; max-width: 780px; min-width: 0; margin: 8px 0 0; color: var(--smil-ssf-white); font-size: clamp(1.42rem, 2.6vw, 2.18rem); font-weight: 830; line-height: 1.22; letter-spacing: -0.025em; text-align: left; overflow-wrap: break-word; } .smil-stanza-soffitto__conversion-text { width: 100%; max-width: 780px; min-width: 0; margin: 14px 0 0; color: rgba(255, 255, 255, 0.82); font-size: 0.96rem; line-height: 1.7; text-align: left; overflow-wrap: break-word; } .smil-stanza-soffitto__conversion-actions { display: grid; grid-template-columns: minmax(0, 1fr); gap: 13px; justify-items: stretch; } /* ========================================================= PULSANTE ========================================================= */ .smil-stanza-soffitto__button { display: inline-flex; width: 100%; max-width: 100%; min-width: 0; min-height: 52px; align-items: center; justify-content: center; padding: 13px 21px; border-radius: 12px; background: var(--smil-ssf-orange); color: var(--smil-ssf-white); font-family: inherit; font-size: clamp(0.9rem, 1.4vw, 0.95rem); font-weight: 820; line-height: 1.4; text-align: center; text-decoration: none; white-space: normal; overflow-wrap: break-word; box-shadow: 0 12px 25px rgba(242, 140, 40, 0.25); transition: transform 180ms ease, background-color 180ms ease, box-shadow 180ms ease; } .smil-stanza-soffitto__button:hover { transform: translateY(-2px); background: var(--smil-ssf-orange-dark); box-shadow: 0 15px 29px rgba(242, 140, 40, 0.32); } /* ========================================================= LINK AL BLOCCO SUCCESSIVO ========================================================= */ .smil-stanza-soffitto__next { display: flex; width: 100%; max-width: 100%; min-width: 0; align-items: center; justify-content: center; gap: 8px; color: rgba(255, 255, 255, 0.9); font-size: 0.86rem; font-weight: 750; line-height: 1.45; text-align: center; text-decoration: none; white-space: normal; overflow-wrap: break-word; } .smil-stanza-soffitto__next-text { min-width: 0; overflow-wrap: break-word; } .smil-stanza-soffitto__next-arrow { flex: 0 0 auto; color: var(--smil-ssf-turquoise-light); transition: transform 180ms ease; } .smil-stanza-soffitto__next:hover .smil-stanza-soffitto__next-arrow { transform: translateY(3px); } /* ========================================================= ACCESSIBILITÀ ========================================================= */ .smil-stanza-soffitto a:focus-visible, .smil-stanza-soffitto summary:focus-visible { outline: 3px solid rgba(242, 140, 40, 0.44); outline-offset: 4px; } /* ========================================================= DESKTOP INTERMEDIO ========================================================= */ @media (max-width: 1100px) { .smil-stanza-soffitto__layout { grid-template-columns: minmax(0, 1fr) minmax(285px, 350px); gap: clamp(30px, 4vw, 46px); } .smil-stanza-soffitto__video-layout { grid-template-columns: minmax(0, 1fr) minmax(280px, 340px); } .smil-stanza-soffitto__chapters { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-stanza-soffitto__proof-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-stanza-soffitto__review:last-child { grid-column: 1 / -1; width: min(100%, 590px); justify-self: center; } .smil-stanza-soffitto__conversion { grid-template-columns: minmax(0, 1fr) minmax(225px, 280px); gap: 24px; } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 900px) { .smil-stanza-soffitto { padding: clamp(52px, 7vw, 72px) clamp(18px, 4vw, 28px); } .smil-stanza-soffitto__layout, .smil-stanza-soffitto__video-layout, .smil-stanza-soffitto__conversion { grid-template-columns: minmax(0, 1fr); } .smil-stanza-soffitto__system { position: relative; top: auto; width: 100%; max-width: 760px; } .smil-stanza-soffitto__video-details { border-top: 1px solid rgba(112, 225, 211, 0.15); border-left: 0; } .smil-stanza-soffitto__conversion { gap: 25px; } .smil-stanza-soffitto__conversion-actions { width: min(100%, 430px); } } /* ========================================================= TABLET PICCOLI ========================================================= */ @media (max-width: 720px) { .smil-stanza-soffitto__comparison-grid, .smil-stanza-soffitto__proof-grid { grid-template-columns: minmax(0, 1fr); } .smil-stanza-soffitto__review:last-child { grid-column: auto; width: 100%; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 640px) { .smil-stanza-soffitto { padding: 46px max(16px, env(safe-area-inset-right)) 52px max(16px, env(safe-area-inset-left)); scroll-margin-top: 72px; } .smil-stanza-soffitto__header, .smil-stanza-soffitto__comparison-header, .smil-stanza-soffitto__video-header { text-align: left; } .smil-stanza-soffitto__eyebrow { display: block; width: 100%; margin-bottom: 13px; font-size: 0.7rem; line-height: 1.45; letter-spacing: 0.045em; text-align: left; } .smil-stanza-soffitto__eyebrow-line { display: none; } .smil-stanza-soffitto__title { font-size: clamp(1.9rem, 9vw, 2.65rem); line-height: 1.1; letter-spacing: -0.032em; text-align: left; } .smil-stanza-soffitto__lead { margin-top: 18px; font-size: 1rem; line-height: 1.7; text-align: left; } .smil-stanza-soffitto__answer { grid-template-columns: minmax(0, 1fr); gap: 13px; margin-top: 26px; padding: 19px 17px; border-left-width: 4px; border-radius: 0 15px 15px 0; } .smil-stanza-soffitto__answer-icon { width: 40px; height: 40px; } .smil-stanza-soffitto__answer-icon svg { width: 22px; height: 22px; } .smil-stanza-soffitto__answer-title { font-size: 1.18rem; line-height: 1.4; } .smil-stanza-soffitto__answer-text { font-size: 1rem; line-height: 1.68; } .smil-stanza-soffitto__layout { margin-top: 38px; gap: 33px; } .smil-stanza-soffitto__subtitle { font-size: clamp(1.28rem, 6.3vw, 1.65rem); line-height: 1.3; } .smil-stanza-soffitto__content > p { margin-top: 16px; font-size: 1rem; line-height: 1.72; } .smil-stanza-soffitto__warning { margin: 26px 0 31px; padding: 19px 16px; border-left-width: 4px; border-radius: 0 14px 14px 0; } .smil-stanza-soffitto__warning h4 { font-size: 1.08rem; line-height: 1.42; } .smil-stanza-soffitto__warning p:not( .smil-stanza-soffitto__warning-label ) { font-size: 0.98rem; line-height: 1.7; } .smil-stanza-soffitto__system { width: 100%; max-width: 100%; padding: 25px 17px; border-radius: 20px; } .smil-stanza-soffitto__system-title { font-size: clamp(1.4rem, 7vw, 1.8rem); } .smil-stanza-soffitto__system-list li { grid-template-columns: 32px minmax(0, 1fr); gap: 11px; padding: 12px 10px; } .smil-stanza-soffitto__system-number { width: 32px; height: 32px; } .smil-stanza-soffitto__system-list strong { font-size: 0.9rem; } .smil-stanza-soffitto__system-list p { font-size: 0.8rem; line-height: 1.48; } .smil-stanza-soffitto__system-link { display: flex; width: 100%; justify-content: space-between; padding: 12px 13px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 11px; background: rgba(255, 255, 255, 0.07); } .smil-stanza-soffitto__comparison { margin-top: 50px; } .smil-stanza-soffitto__comparison-kicker, .smil-stanza-soffitto__comparison-title, .smil-stanza-soffitto__comparison-header > p:last-child { text-align: left; } .smil-stanza-soffitto__comparison-title { font-size: clamp(1.42rem, 7vw, 1.9rem); } .smil-stanza-soffitto__comparison-card { padding: 24px 18px; border-radius: 19px; } .smil-stanza-soffitto__comparison-card h4 { font-size: clamp(1.2rem, 6vw, 1.5rem); } .smil-stanza-soffitto__video { margin-top: 50px; border-radius: 20px; } .smil-stanza-soffitto__video-header { padding: 27px 18px 24px; } .smil-stanza-soffitto__video-kicker, .smil-stanza-soffitto__video-title, .smil-stanza-soffitto__video-header > p:last-child { text-align: left; } .smil-stanza-soffitto__video-title { font-size: clamp(1.4rem, 7vw, 1.9rem); } .smil-stanza-soffitto__video-media, .smil-stanza-soffitto__video-details { padding: 20px 16px; } .smil-stanza-soffitto__video-frame { border-radius: 14px; } .smil-stanza-soffitto__video-details-title { font-size: clamp(1.25rem, 6.3vw, 1.6rem); } .smil-stanza-soffitto__video-note { grid-template-columns: minmax(0, 1fr); padding: 14px; } .smil-stanza-soffitto__chapters { grid-template-columns: minmax(0, 1fr); padding: 20px 16px; } .smil-stanza-soffitto__transcript { width: auto; max-width: calc(100% - 32px); margin: 0 16px 20px; } .smil-stanza-soffitto__transcript summary { grid-template-columns: minmax(0, 1fr) 29px; gap: 12px; padding: 14px; font-size: 0.86rem; } .smil-stanza-soffitto__transcript-content { padding: 0 14px 17px; } .smil-stanza-soffitto__proof { margin-top: 50px; } .smil-stanza-soffitto__proof-header { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; align-items: start; } .smil-stanza-soffitto__proof-title { font-size: clamp(1.45rem, 7vw, 1.95rem); } .smil-stanza-soffitto__archive { width: 100%; justify-content: space-between; text-align: left; } .smil-stanza-soffitto__proof-grid { margin-top: 27px; } .smil-stanza-soffitto__review { border-radius: 19px; } .smil-stanza-soffitto__review-body { padding: 20px 17px; } .smil-stanza-soffitto__review-body h4 { font-size: clamp(1.16rem, 6vw, 1.45rem); } .smil-stanza-soffitto__review-link { display: flex; width: 100%; justify-content: space-between; padding: 12px 13px; margin-top: 17px; border: 1px solid rgba(8, 127, 140, 0.16); border-radius: 11px; background: rgba(8, 127, 140, 0.05); } .smil-stanza-soffitto__proof-note { grid-template-columns: minmax(0, 1fr); padding: 20px 17px; border-radius: 17px; } .smil-stanza-soffitto__conversion { margin-top: 46px; padding: 26px 18px; border-radius: 20px; } .smil-stanza-soffitto__conversion-title { font-size: clamp(1.38rem, 7vw, 1.85rem); line-height: 1.25; } .smil-stanza-soffitto__conversion-text { font-size: 0.95rem; line-height: 1.65; } .smil-stanza-soffitto__conversion-actions { width: 100%; } .smil-stanza-soffitto__button { width: 100%; padding: 13px 15px; font-size: 0.93rem; } .smil-stanza-soffitto__next { width: 100%; justify-content: space-between; padding: 12px 13px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 11px; background: rgba(255, 255, 255, 0.06); text-align: left; } } /* ========================================================= SMARTPHONE PICCOLI ========================================================= */ @media (max-width: 380px) { .smil-stanza-soffitto { padding-right: 14px; padding-left: 14px; } .smil-stanza-soffitto__title { font-size: clamp(1.78rem, 9vw, 2.2rem); } .smil-stanza-soffitto__answer, .smil-stanza-soffitto__system, .smil-stanza-soffitto__conversion { padding-right: 14px; padding-left: 14px; } .smil-stanza-soffitto__video-header, .smil-stanza-soffitto__video-media, .smil-stanza-soffitto__video-details { padding-right: 14px; padding-left: 14px; } .smil-stanza-soffitto__chapters { padding-right: 14px; padding-left: 14px; } .smil-stanza-soffitto__transcript { max-width: calc(100% - 28px); margin-right: 14px; margin-left: 14px; } .smil-stanza-soffitto__comparison-card, .smil-stanza-soffitto__review-body, .smil-stanza-soffitto__proof-note { padding-right: 15px; padding-left: 15px; } .smil-stanza-soffitto__button { padding-right: 11px; padding-left: 11px; font-size: 0.88rem; } } /* ========================================================= RIDUZIONE ANIMAZIONI ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-stanza-soffitto__system-link svg, .smil-stanza-soffitto__transcript-icon, .smil-stanza-soffitto__review-link-arrow, .smil-stanza-soffitto__button, .smil-stanza-soffitto__next-arrow { transition: none; } .smil-stanza-soffitto__button:hover { transform: none; } .smil-stanza-soffitto__system-link:hover svg, .smil-stanza-soffitto__review-link:hover .smil-stanza-soffitto__review-link-arrow, .smil-stanza-soffitto__next:hover .smil-stanza-soffitto__next-arrow { transform: none; } }#imCell_11 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1723_11 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_11 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_11 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H3 – ISOLAMENTO ACUSTICO DEL PAVIMENTO DELLA STANZA RESPONSIVE DESKTOP, TABLET E MOBILE ========================================================= */ .smil-stanza-pavimento { --smil-spv-dark: #082f3b; --smil-spv-dark-deep: #05242d; --smil-spv-dark-soft: #104653; --smil-spv-teal: #087f8c; --smil-spv-turquoise: #17c3b2; --smil-spv-turquoise-light: #70e1d3; --smil-spv-orange: #f28c28; --smil-spv-orange-dark: #d97215; --smil-spv-white: #ffffff; --smil-spv-cream: #fff9ef; --smil-spv-light: #eef9fa; --smil-spv-grey: #f4f7f8; --smil-spv-text: #263f47; --smil-spv-muted: #60767d; --smil-spv-border: #d8e7e9; position: relative; width: 100%; max-width: 100%; min-width: 0; margin: 0; padding: clamp(60px, 7vw, 98px) clamp(16px, 3.5vw, 32px); overflow-x: hidden; background: radial-gradient( circle at 100% 6%, rgba(23, 195, 178, 0.1), transparent 28% ), linear-gradient( 180deg, #f0fafb 0%, var(--smil-spv-white) 30%, var(--smil-spv-white) 100% ); color: var(--smil-spv-text); text-align: left; scroll-margin-top: 90px; isolation: isolate; } @supports (overflow: clip) { .smil-stanza-pavimento { overflow-x: clip; } } /* ========================================================= RESET LOCALE ========================================================= */ .smil-stanza-pavimento, .smil-stanza-pavimento *, .smil-stanza-pavimento *::before, .smil-stanza-pavimento *::after { box-sizing: border-box; } .smil-stanza-pavimento h3, .smil-stanza-pavimento h4, .smil-stanza-pavimento p, .smil-stanza-pavimento ul, .smil-stanza-pavimento ol, .smil-stanza-pavimento li, .smil-stanza-pavimento section, .smil-stanza-pavimento article, .smil-stanza-pavimento aside, .smil-stanza-pavimento figure, .smil-stanza-pavimento figcaption, .smil-stanza-pavimento details, .smil-stanza-pavimento summary, .smil-stanza-pavimento div, .smil-stanza-pavimento a, .smil-stanza-pavimento button, .smil-stanza-pavimento span, .smil-stanza-pavimento strong, .smil-stanza-pavimento img, .smil-stanza-pavimento iframe, .smil-stanza-pavimento svg { max-width: 100%; min-width: 0; } .smil-stanza-pavimento h3, .smil-stanza-pavimento h4, .smil-stanza-pavimento p, .smil-stanza-pavimento li, .smil-stanza-pavimento a, .smil-stanza-pavimento button, .smil-stanza-pavimento span, .smil-stanza-pavimento strong, .smil-stanza-pavimento figcaption, .smil-stanza-pavimento summary { word-break: normal; overflow-wrap: break-word; white-space: normal; hyphens: none; } .smil-stanza-pavimento img, .smil-stanza-pavimento iframe, .smil-stanza-pavimento video { display: block; max-width: 100%; } .smil-stanza-pavimento a, .smil-stanza-pavimento button { -webkit-tap-highlight-color: transparent; } .smil-stanza-pavimento strong { color: var(--smil-spv-dark); font-weight: 820; } /* ========================================================= CONTENITORE ========================================================= */ .smil-stanza-pavimento__container { position: relative; z-index: 1; width: 100%; max-width: 1220px; min-width: 0; margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-stanza-pavimento__header { width: 100%; max-width: 960px; min-width: 0; margin: 0 auto; text-align: center; } .smil-stanza-pavimento__eyebrow { display: inline-flex; max-width: 100%; flex-wrap: nowrap; align-items: center; justify-content: center; gap: 9px; margin: 0 0 15px; color: var(--smil-spv-teal); font-size: clamp(0.71rem, 1.2vw, 0.79rem); font-weight: 850; line-height: 1.4; letter-spacing: 0.07em; text-align: center; text-transform: uppercase; } .smil-stanza-pavimento__eyebrow > span:nth-child(2) { min-width: 0; overflow-wrap: break-word; } .smil-stanza-pavimento__eyebrow-line { width: 32px; height: 2px; flex: 0 0 32px; border-radius: 999px; background: var(--smil-spv-turquoise); } .smil-stanza-pavimento__title { width: 100%; min-width: 0; margin: 0; color: var(--smil-spv-dark); font-size: clamp(2rem, 4vw, 3.45rem); font-weight: 850; line-height: 1.08; letter-spacing: -0.04em; text-align: center; overflow-wrap: break-word; } .smil-stanza-pavimento__lead { width: 100%; max-width: 910px; min-width: 0; margin: 22px auto 0; color: var(--smil-spv-text); font-size: clamp(1.03rem, 1.7vw, 1.18rem); line-height: 1.78; text-align: center; overflow-wrap: break-word; } /* ========================================================= RISPOSTA DIRETTA ========================================================= */ .smil-stanza-pavimento__answer { display: grid; grid-template-columns: 45px minmax(0, 1fr); gap: 18px; align-items: flex-start; width: 100%; max-width: 1030px; min-width: 0; margin: clamp(31px, 5vw, 49px) auto 0; padding: clamp(22px, 3vw, 30px); border: 1px solid rgba(8, 127, 140, 0.18); border-left: 5px solid var(--smil-spv-turquoise); border-radius: 0 19px 19px 0; background: rgba(255, 255, 255, 0.96); box-shadow: 0 15px 38px rgba(8, 47, 59, 0.07); text-align: left; } .smil-stanza-pavimento__answer-icon { display: grid; width: 45px; height: 45px; flex: 0 0 45px; place-items: center; border-radius: 13px; background: rgba(23, 195, 178, 0.14); } .smil-stanza-pavimento__answer-icon svg { width: 25px; height: 25px; fill: var(--smil-spv-teal); } .smil-stanza-pavimento__answer-content { width: 100%; min-width: 0; } .smil-stanza-pavimento__answer-label { margin: 0 0 6px; color: var(--smil-spv-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-pavimento__answer-title { width: 100%; min-width: 0; margin: 0; color: var(--smil-spv-dark); font-size: clamp(1.2rem, 2vw, 1.55rem); font-weight: 830; line-height: 1.35; text-align: left; overflow-wrap: break-word; } .smil-stanza-pavimento__answer-text { width: 100%; min-width: 0; margin: 11px 0 0; color: var(--smil-spv-text); font-size: clamp(1rem, 1.45vw, 1.08rem); line-height: 1.74; text-align: left; overflow-wrap: break-word; } /* ========================================================= CONTENUTO PRINCIPALE ========================================================= */ .smil-stanza-pavimento__layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(310px, 390px); gap: clamp(36px, 5vw, 68px); align-items: start; width: 100%; min-width: 0; margin-top: clamp(48px, 6vw, 76px); } .smil-stanza-pavimento__content, .smil-stanza-pavimento__system { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-pavimento__subtitle { width: 100%; min-width: 0; margin: 0; color: var(--smil-spv-dark); font-size: clamp(1.34rem, 2.4vw, 1.92rem); font-weight: 830; line-height: 1.27; letter-spacing: -0.025em; text-align: left; overflow-wrap: break-word; } .smil-stanza-pavimento__content > p { width: 100%; min-width: 0; margin: 18px 0 0; color: var(--smil-spv-text); font-size: clamp(1rem, 1.35vw, 1.07rem); line-height: 1.8; text-align: left; overflow-wrap: break-word; } /* ========================================================= AVVERTENZA ========================================================= */ .smil-stanza-pavimento__warning { width: 100%; max-width: 100%; min-width: 0; margin: 31px 0 36px; padding: clamp(22px, 3vw, 30px); overflow: hidden; border: 1px solid #f0dcc3; border-left: 5px solid var(--smil-spv-orange); border-radius: 0 18px 18px 0; background: var(--smil-spv-cream); text-align: left; } .smil-stanza-pavimento__warning-label { margin: 0 !important; color: var(--smil-spv-orange-dark) !important; font-size: 0.75rem !important; font-weight: 850; line-height: 1.3 !important; letter-spacing: 0.07em; text-align: left; text-transform: uppercase; } .smil-stanza-pavimento__warning h4 { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-spv-dark); font-size: clamp(1.15rem, 1.9vw, 1.43rem); font-weight: 830; line-height: 1.4; text-align: left; overflow-wrap: break-word; } .smil-stanza-pavimento__warning p:not( .smil-stanza-pavimento__warning-label ) { width: 100%; min-width: 0; margin: 12px 0 0; color: var(--smil-spv-text); font-size: clamp(0.98rem, 1.35vw, 1.05rem); line-height: 1.72; text-align: left; overflow-wrap: break-word; } /* ========================================================= BOX TECNICO LATERALE ========================================================= */ .smil-stanza-pavimento__system { position: sticky; top: 24px; overflow: hidden; padding: clamp(25px, 3vw, 35px); border-radius: 24px; background: linear-gradient( 145deg, var(--smil-spv-dark) 0%, var(--smil-spv-dark-soft) 100% ); color: var(--smil-spv-white); box-shadow: 0 23px 54px rgba(8, 47, 59, 0.2); text-align: left; } .smil-stanza-pavimento__system::after { position: absolute; right: -85px; bottom: -95px; width: 230px; height: 230px; border: 41px solid rgba(23, 195, 178, 0.11); border-radius: 50%; content: ""; pointer-events: none; } .smil-stanza-pavimento__system-kicker, .smil-stanza-pavimento__system-title, .smil-stanza-pavimento__system-list, .smil-stanza-pavimento__system-link { position: relative; z-index: 1; } .smil-stanza-pavimento__system-kicker { margin: 0; color: var(--smil-spv-turquoise-light); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-pavimento__system-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-spv-white); font-size: clamp(1.4rem, 2.3vw, 1.95rem); font-weight: 830; line-height: 1.22; letter-spacing: -0.025em; text-align: left; overflow-wrap: break-word; } .smil-stanza-pavimento__system-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; width: 100%; min-width: 0; margin: 23px 0 0; padding: 0; list-style: none; } .smil-stanza-pavimento__system-list li { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 12px; align-items: flex-start; width: 100%; max-width: 100%; min-width: 0; padding: 13px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.11); border-radius: 13px; background: rgba(255, 255, 255, 0.06); } .smil-stanza-pavimento__system-number { display: grid; width: 34px; height: 34px; flex: 0 0 34px; place-items: center; border-radius: 9px; background: rgba(23, 195, 178, 0.14); color: var(--smil-spv-turquoise-light); font-size: 0.7rem; font-weight: 900; line-height: 1; } .smil-stanza-pavimento__system-content { width: 100%; min-width: 0; } .smil-stanza-pavimento__system-list strong { display: block; width: 100%; min-width: 0; color: var(--smil-spv-white); font-size: 0.93rem; font-weight: 810; line-height: 1.4; text-align: left; overflow-wrap: break-word; } .smil-stanza-pavimento__system-list p { width: 100%; min-width: 0; margin: 4px 0 0; color: rgba(255, 255, 255, 0.72); font-size: 0.81rem; line-height: 1.5; text-align: left; overflow-wrap: break-word; } .smil-stanza-pavimento__system-link { display: inline-flex; width: fit-content; max-width: 100%; min-width: 0; align-items: center; gap: 8px; margin-top: 22px; color: var(--smil-spv-white); font-size: 0.9rem; font-weight: 810; line-height: 1.45; text-align: left; text-decoration: none; white-space: normal; overflow-wrap: break-word; } .smil-stanza-pavimento__system-link-text { min-width: 0; overflow-wrap: break-word; } .smil-stanza-pavimento__system-link svg { width: 18px; height: 18px; flex: 0 0 18px; fill: var(--smil-spv-turquoise-light); transition: transform 180ms ease; } .smil-stanza-pavimento__system-link:hover svg { transform: translateX(4px); } /* ========================================================= TIPOLOGIE DI RUMORE ========================================================= */ .smil-stanza-pavimento__noise { width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(58px, 8vw, 92px); } .smil-stanza-pavimento__noise-header { width: 100%; max-width: 850px; min-width: 0; margin: 0 auto; text-align: center; } .smil-stanza-pavimento__noise-kicker { margin: 0; color: var(--smil-spv-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: center; text-transform: uppercase; } .smil-stanza-pavimento__noise-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-spv-dark); font-size: clamp(1.55rem, 3vw, 2.45rem); font-weight: 840; line-height: 1.2; letter-spacing: -0.03em; text-align: center; overflow-wrap: break-word; } .smil-stanza-pavimento__noise-header > p:last-child { width: 100%; max-width: 760px; min-width: 0; margin: 15px auto 0; color: var(--smil-spv-muted); font-size: 0.96rem; line-height: 1.7; text-align: center; overflow-wrap: break-word; } .smil-stanza-pavimento__noise-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; width: 100%; min-width: 0; margin-top: 32px; } .smil-stanza-pavimento__noise-card { width: 100%; max-width: 100%; min-width: 0; padding: clamp(23px, 3vw, 31px); overflow: hidden; border: 1px solid var(--smil-spv-border); border-radius: 21px; background: var(--smil-spv-white); box-shadow: 0 15px 36px rgba(8, 47, 59, 0.065); text-align: left; } .smil-stanza-pavimento__noise-index { display: grid; width: 43px; height: 43px; place-items: center; border-radius: 12px; background: rgba(23, 195, 178, 0.13); color: var(--smil-spv-teal); font-size: 0.75rem; font-weight: 900; line-height: 1; } .smil-stanza-pavimento__noise-label { margin: 18px 0 0; color: var(--smil-spv-teal); font-size: 0.7rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.065em; text-align: left; text-transform: uppercase; } .smil-stanza-pavimento__noise-card h4 { width: 100%; min-width: 0; margin: 6px 0 0; color: var(--smil-spv-dark); font-size: clamp(1.12rem, 1.8vw, 1.4rem); font-weight: 830; line-height: 1.35; text-align: left; overflow-wrap: break-word; } .smil-stanza-pavimento__noise-card > p:last-child { width: 100%; min-width: 0; margin: 12px 0 0; color: var(--smil-spv-muted); font-size: 0.9rem; line-height: 1.65; text-align: left; overflow-wrap: break-word; } /* ========================================================= QUANDO IL PAVIMENTO NON BASTA ========================================================= */ .smil-stanza-pavimento__limits { display: grid; grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr); gap: clamp(30px, 5vw, 62px); align-items: center; width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(58px, 8vw, 90px); padding: clamp(28px, 4.5vw, 45px); overflow: hidden; border: 1px solid var(--smil-spv-border); border-radius: 24px; background: var(--smil-spv-light); } .smil-stanza-pavimento__limits-heading, .smil-stanza-pavimento__limits-content { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-pavimento__limits-kicker { margin: 0; color: var(--smil-spv-teal); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-pavimento__limits-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-spv-dark); font-size: clamp(1.4rem, 2.6vw, 2.1rem); font-weight: 830; line-height: 1.23; letter-spacing: -0.025em; text-align: left; overflow-wrap: break-word; } .smil-stanza-pavimento__limits-content p { width: 100%; min-width: 0; margin: 0; color: var(--smil-spv-text); font-size: 0.96rem; line-height: 1.75; text-align: left; overflow-wrap: break-word; } .smil-stanza-pavimento__limits-content p + p { margin-top: 13px; } .smil-stanza-pavimento__limits-link { display: inline-flex; width: fit-content; max-width: 100%; min-width: 0; align-items: center; gap: 8px; margin-top: 20px; color: var(--smil-spv-teal); font-size: 0.9rem; font-weight: 820; line-height: 1.45; text-align: left; text-decoration: none; white-space: normal; overflow-wrap: break-word; } .smil-stanza-pavimento__limits-link-text { min-width: 0; overflow-wrap: break-word; } .smil-stanza-pavimento__limits-link-arrow { flex: 0 0 auto; transition: transform 180ms ease; } .smil-stanza-pavimento__limits-link:hover .smil-stanza-pavimento__limits-link-arrow { transform: translateX(4px); } /* ========================================================= VIDEO TECNICO ========================================================= */ .smil-stanza-pavimento__video { width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(58px, 8vw, 92px); overflow: hidden; border-radius: 27px; background: linear-gradient( 145deg, var(--smil-spv-dark-deep), var(--smil-spv-dark-soft) ); color: var(--smil-spv-white); box-shadow: 0 25px 62px rgba(5, 36, 45, 0.2); } .smil-stanza-pavimento__video-header { width: 100%; max-width: 950px; min-width: 0; margin: 0 auto; padding: clamp(30px, 5vw, 50px) clamp(20px, 4vw, 42px); text-align: center; } .smil-stanza-pavimento__video-kicker { margin: 0; color: var(--smil-spv-turquoise-light); font-size: 0.77rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: center; text-transform: uppercase; } .smil-stanza-pavimento__video-title { width: 100%; min-width: 0; margin: 9px 0 0; color: var(--smil-spv-white); font-size: clamp(1.55rem, 3vw, 2.45rem); font-weight: 840; line-height: 1.2; letter-spacing: -0.03em; text-align: center; overflow-wrap: break-word; } .smil-stanza-pavimento__video-header > p:last-child { width: 100%; max-width: 890px; min-width: 0; margin: 16px auto 0; color: rgba(255, 255, 255, 0.82); font-size: 0.98rem; line-height: 1.72; text-align: center; overflow-wrap: break-word; } .smil-stanza-pavimento__video-layout { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr); width: 100%; min-width: 0; border-top: 1px solid rgba(112, 225, 211, 0.15); } .smil-stanza-pavimento__video-media { width: 100%; max-width: 100%; min-width: 0; margin: 0; padding: clamp(20px, 3.5vw, 39px); } .smil-stanza-pavimento__video-loader, .smil-stanza-pavimento__video-frame { position: relative; display: block; width: 100%; max-width: 100%; min-width: 0; aspect-ratio: 16 / 9; overflow: hidden; padding: 0; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 19px; background: #020f13; box-shadow: 0 20px 46px rgba(0, 0, 0, 0.3); } .smil-stanza-pavimento__video-loader { appearance: none; font: inherit; cursor: pointer; } .smil-stanza-pavimento__video-loader img { display: block; width: 100%; max-width: 100%; height: 100%; object-fit: cover; } .smil-stanza-pavimento__video-shade { position: absolute; inset: 0; background: linear-gradient( 180deg, rgba(5, 36, 45, 0.05), rgba(5, 36, 45, 0.64) ); } .smil-stanza-pavimento__video-play { position: absolute; top: 50%; left: 50%; display: grid; width: 68px; height: 68px; place-items: center; border: 2px solid rgba(255, 255, 255, 0.75); border-radius: 50%; background: rgba(225, 59, 53, 0.96); box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3); transform: translate(-50%, -50%); } .smil-stanza-pavimento__video-play svg { width: 31px; height: 31px; margin-left: 4px; fill: var(--smil-spv-white); } .smil-stanza-pavimento__video-duration { position: absolute; right: 14px; bottom: 13px; max-width: calc(100% - 28px); padding: 7px 11px; border-radius: 999px; background: rgba(5, 36, 45, 0.84); color: var(--smil-spv-white); font-size: 0.72rem; font-weight: 800; line-height: 1.3; text-align: center; overflow-wrap: break-word; } .smil-stanza-pavimento__video-frame iframe { position: absolute; inset: 0; display: block; width: 100%; max-width: 100%; height: 100%; border: 0; } .smil-stanza-pavimento__video-media figcaption { width: 100%; min-width: 0; margin-top: 12px; color: rgba(255, 255, 255, 0.62); font-size: 0.78rem; line-height: 1.55; text-align: left; overflow-wrap: break-word; } .smil-stanza-pavimento__noscript { width: 100%; min-width: 0; margin: 14px 0 0; } .smil-stanza-pavimento__noscript a { color: var(--smil-spv-turquoise-light); } .smil-stanza-pavimento__video-details { width: 100%; max-width: 100%; min-width: 0; padding: clamp(27px, 3.5vw, 40px); border-left: 1px solid rgba(112, 225, 211, 0.15); background: rgba(255, 255, 255, 0.055); text-align: left; } .smil-stanza-pavimento__video-details-label { margin: 0; color: var(--smil-spv-turquoise-light); font-size: 0.73rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-pavimento__video-details-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-spv-white); font-size: clamp(1.25rem, 2.2vw, 1.72rem); font-weight: 830; line-height: 1.3; text-align: left; overflow-wrap: break-word; } .smil-stanza-pavimento__video-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; width: 100%; min-width: 0; margin: 21px 0 0; padding: 0; list-style: none; } .smil-stanza-pavimento__video-list li { position: relative; width: 100%; min-width: 0; padding-left: 23px; color: rgba(255, 255, 255, 0.74); font-size: 0.83rem; line-height: 1.55; text-align: left; overflow-wrap: break-word; } .smil-stanza-pavimento__video-list li::before { position: absolute; top: 0.55em; left: 2px; width: 8px; height: 8px; border-radius: 50%; background: var(--smil-spv-turquoise); content: ""; } .smil-stanza-pavimento__video-note { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 11px; align-items: flex-start; width: 100%; max-width: 100%; min-width: 0; margin-top: 22px; padding: 15px; overflow: hidden; border-radius: 14px; background: rgba(23, 195, 178, 0.08); } .smil-stanza-pavimento__video-note svg { width: 22px; height: 22px; flex: 0 0 22px; fill: var(--smil-spv-turquoise-light); } .smil-stanza-pavimento__video-note p { width: 100%; min-width: 0; margin: 0; color: rgba(255, 255, 255, 0.68); font-size: 0.78rem; line-height: 1.58; text-align: left; overflow-wrap: break-word; } /* ========================================================= TRASCRIZIONE ========================================================= */ .smil-stanza-pavimento__transcript { width: auto; max-width: calc(100% - (clamp(20px, 3.5vw, 39px) * 2)); min-width: 0; margin: 0 clamp(20px, 3.5vw, 39px) clamp(25px, 3.5vw, 39px); overflow: hidden; border: 1px solid rgba(112, 225, 211, 0.17); border-radius: 16px; background: rgba(255, 255, 255, 0.055); } .smil-stanza-pavimento__transcript summary { display: grid; grid-template-columns: minmax(0, 1fr) 29px; gap: 18px; align-items: center; width: 100%; max-width: 100%; min-width: 0; min-height: 55px; padding: 15px 18px; color: var(--smil-spv-white); font-size: 0.9rem; font-weight: 810; line-height: 1.4; text-align: left; cursor: pointer; list-style: none; overflow-wrap: break-word; } .smil-stanza-pavimento__transcript summary::-webkit-details-marker { display: none; } .smil-stanza-pavimento__transcript-label { min-width: 0; overflow-wrap: break-word; } .smil-stanza-pavimento__transcript-icon { display: grid; width: 29px; height: 29px; flex: 0 0 29px; place-items: center; border-radius: 9px; background: rgba(23, 195, 178, 0.14); color: var(--smil-spv-turquoise-light); font-size: 1.2rem; line-height: 1; transition: transform 180ms ease; } .smil-stanza-pavimento__transcript[open] .smil-stanza-pavimento__transcript-icon { transform: rotate(45deg); } .smil-stanza-pavimento__transcript-content { width: 100%; min-width: 0; padding: 0 18px 19px; border-top: 1px solid rgba(112, 225, 211, 0.12); } .smil-stanza-pavimento__transcript-content p { width: 100%; min-width: 0; margin: 15px 0 0; color: rgba(255, 255, 255, 0.72); font-size: 0.84rem; line-height: 1.68; text-align: left; overflow-wrap: break-word; } /* ========================================================= VIDEO RECENSIONI ========================================================= */ .smil-stanza-pavimento__proof { width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(59px, 8vw, 92px); } .smil-stanza-pavimento__proof-header { display: flex; gap: 30px; align-items: flex-end; justify-content: space-between; width: 100%; min-width: 0; } .smil-stanza-pavimento__proof-heading { width: 100%; max-width: 820px; min-width: 0; } .smil-stanza-pavimento__proof-kicker { margin: 0; color: var(--smil-spv-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-pavimento__proof-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-spv-dark); font-size: clamp(1.6rem, 3vw, 2.55rem); font-weight: 840; line-height: 1.18; letter-spacing: -0.03em; text-align: left; overflow-wrap: break-word; } .smil-stanza-pavimento__proof-heading > p:last-child { width: 100%; min-width: 0; margin: 15px 0 0; color: var(--smil-spv-muted); font-size: 0.96rem; line-height: 1.7; text-align: left; overflow-wrap: break-word; } .smil-stanza-pavimento__archive { display: inline-flex; width: fit-content; max-width: 100%; min-width: 0; min-height: 48px; flex: 0 1 auto; align-items: center; justify-content: center; gap: 8px; padding: 11px 16px; border: 1px solid rgba(8, 127, 140, 0.19); border-radius: 11px; background: var(--smil-spv-white); color: var(--smil-spv-teal); font-size: 0.86rem; font-weight: 810; line-height: 1.4; text-align: center; text-decoration: none; white-space: normal; overflow-wrap: break-word; } .smil-stanza-pavimento__archive-text { min-width: 0; overflow-wrap: break-word; } .smil-stanza-pavimento__archive svg { width: 18px; height: 18px; flex: 0 0 18px; fill: currentColor; } .smil-stanza-pavimento__proof-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; width: 100%; min-width: 0; margin-top: 32px; } .smil-stanza-pavimento__review { display: flex; flex-direction: column; width: 100%; max-width: 100%; min-width: 0; overflow: hidden; border: 1px solid var(--smil-spv-border); border-radius: 21px; background: var(--smil-spv-white); box-shadow: 0 16px 39px rgba(8, 47, 59, 0.075); } .smil-stanza-pavimento__review-cover { position: relative; display: block; width: 100%; max-width: 100%; min-width: 0; aspect-ratio: 16 / 9; overflow: hidden; background: var(--smil-spv-dark); } .smil-stanza-pavimento__review-cover img { display: block; width: 100%; max-width: 100%; height: 100%; object-fit: cover; } .smil-stanza-pavimento__review-shade { position: absolute; inset: 0; background: linear-gradient( 180deg, transparent, rgba(5, 36, 45, 0.68) ); } .smil-stanza-pavimento__review-play { position: absolute; top: 50%; left: 50%; display: grid; width: 58px; height: 58px; place-items: center; border-radius: 50%; background: rgba(225, 59, 53, 0.94); transform: translate(-50%, -50%); } .smil-stanza-pavimento__review-play svg { width: 27px; height: 27px; margin-left: 3px; fill: var(--smil-spv-white); } .smil-stanza-pavimento__review-place { position: absolute; right: 13px; bottom: 12px; max-width: calc(100% - 26px); padding: 6px 10px; border-radius: 999px; background: rgba(5, 36, 45, 0.84); color: var(--smil-spv-white); font-size: 0.7rem; font-weight: 800; line-height: 1.3; text-align: center; overflow-wrap: break-word; } .smil-stanza-pavimento__review-body { display: flex; flex: 1 1 auto; flex-direction: column; width: 100%; min-width: 0; padding: 22px; text-align: left; } .smil-stanza-pavimento__review-type { margin: 0; color: var(--smil-spv-teal); font-size: 0.7rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.065em; text-align: left; text-transform: uppercase; } .smil-stanza-pavimento__review-body h4 { width: 100%; min-width: 0; margin: 7px 0 0; color: var(--smil-spv-dark); font-size: clamp(1.13rem, 1.8vw, 1.4rem); font-weight: 830; line-height: 1.32; text-align: left; overflow-wrap: break-word; } .smil-stanza-pavimento__review-body > p:not( .smil-stanza-pavimento__review-type ) { width: 100%; min-width: 0; margin: 12px 0 0; color: var(--smil-spv-muted); font-size: 0.89rem; line-height: 1.65; text-align: left; overflow-wrap: break-word; } .smil-stanza-pavimento__review-link { display: inline-flex; width: fit-content; max-width: 100%; min-width: 0; align-items: center; gap: 8px; margin-top: auto; padding-top: 18px; color: var(--smil-spv-teal); font-size: 0.86rem; font-weight: 810; line-height: 1.4; text-align: left; text-decoration: none; white-space: normal; overflow-wrap: break-word; } .smil-stanza-pavimento__review-link-text { min-width: 0; overflow-wrap: break-word; } .smil-stanza-pavimento__review-link-arrow { flex: 0 0 auto; transition: transform 180ms ease; } .smil-stanza-pavimento__review-link:hover .smil-stanza-pavimento__review-link-arrow { transform: translateX(4px); } /* ========================================================= NOTA RECENSIONI ========================================================= */ .smil-stanza-pavimento__proof-note { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 16px; align-items: flex-start; width: 100%; max-width: 100%; min-width: 0; margin-top: 28px; padding: clamp(22px, 3vw, 30px); overflow: hidden; border: 1px solid rgba(8, 127, 140, 0.16); border-radius: 19px; background: var(--smil-spv-light); } .smil-stanza-pavimento__proof-note-icon { display: grid; width: 44px; height: 44px; flex: 0 0 44px; place-items: center; border-radius: 13px; background: var(--smil-spv-teal); } .smil-stanza-pavimento__proof-note-icon svg { width: 24px; height: 24px; fill: var(--smil-spv-white); } .smil-stanza-pavimento__proof-note-content { width: 100%; min-width: 0; } .smil-stanza-pavimento__proof-note strong { display: block; width: 100%; min-width: 0; color: var(--smil-spv-dark); font-size: 1rem; line-height: 1.45; text-align: left; overflow-wrap: break-word; } .smil-stanza-pavimento__proof-note p { width: 100%; min-width: 0; margin: 6px 0 0; color: var(--smil-spv-muted); font-size: 0.89rem; line-height: 1.65; text-align: left; overflow-wrap: break-word; } /* ========================================================= CTA FINALE ========================================================= */ .smil-stanza-pavimento__conversion { display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, 300px); gap: 30px; align-items: center; width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(53px, 7vw, 82px); padding: clamp(28px, 4vw, 44px); overflow: hidden; border-radius: 24px; background: linear-gradient( 135deg, var(--smil-spv-dark), var(--smil-spv-dark-soft) ); color: var(--smil-spv-white); box-shadow: 0 22px 50px rgba(8, 47, 59, 0.18); text-align: left; } .smil-stanza-pavimento__conversion-content, .smil-stanza-pavimento__conversion-actions { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-pavimento__conversion-kicker { margin: 0; color: var(--smil-spv-turquoise-light); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-pavimento__conversion-title { width: 100%; max-width: 780px; min-width: 0; margin: 8px 0 0; color: var(--smil-spv-white); font-size: clamp(1.42rem, 2.6vw, 2.18rem); font-weight: 830; line-height: 1.22; letter-spacing: -0.025em; text-align: left; overflow-wrap: break-word; } .smil-stanza-pavimento__conversion-text { width: 100%; max-width: 780px; min-width: 0; margin: 14px 0 0; color: rgba(255, 255, 255, 0.82); font-size: 0.96rem; line-height: 1.7; text-align: left; overflow-wrap: break-word; } .smil-stanza-pavimento__conversion-actions { display: grid; grid-template-columns: minmax(0, 1fr); gap: 13px; justify-items: stretch; } /* ========================================================= PULSANTE PRINCIPALE ========================================================= */ .smil-stanza-pavimento__button { display: inline-flex; width: 100%; max-width: 100%; min-width: 0; min-height: 52px; align-items: center; justify-content: center; padding: 13px 21px; border-radius: 12px; background: var(--smil-spv-orange); color: var(--smil-spv-white); font-family: inherit; font-size: clamp(0.9rem, 1.4vw, 0.95rem); font-weight: 820; line-height: 1.4; text-align: center; text-decoration: none; white-space: normal; overflow-wrap: break-word; box-shadow: 0 12px 25px rgba(242, 140, 40, 0.25); transition: transform 180ms ease, background-color 180ms ease, box-shadow 180ms ease; } .smil-stanza-pavimento__button:hover { transform: translateY(-2px); background: var(--smil-spv-orange-dark); box-shadow: 0 15px 29px rgba(242, 140, 40, 0.32); } /* ========================================================= LINK AL BLOCCO SUCCESSIVO ========================================================= */ .smil-stanza-pavimento__next { display: flex; width: 100%; max-width: 100%; min-width: 0; align-items: center; justify-content: center; gap: 8px; color: rgba(255, 255, 255, 0.9); font-size: 0.86rem; font-weight: 750; line-height: 1.45; text-align: center; text-decoration: none; white-space: normal; overflow-wrap: break-word; } .smil-stanza-pavimento__next-text { min-width: 0; overflow-wrap: break-word; } .smil-stanza-pavimento__next-arrow { flex: 0 0 auto; color: var(--smil-spv-turquoise-light); transition: transform 180ms ease; } .smil-stanza-pavimento__next:hover .smil-stanza-pavimento__next-arrow { transform: translateY(3px); } /* ========================================================= ACCESSIBILITÀ ========================================================= */ .smil-stanza-pavimento a:focus-visible, .smil-stanza-pavimento button:focus-visible, .smil-stanza-pavimento summary:focus-visible { outline: 3px solid rgba(242, 140, 40, 0.44); outline-offset: 4px; } /* ========================================================= DESKTOP INTERMEDIO ========================================================= */ @media (max-width: 1100px) { .smil-stanza-pavimento__layout { grid-template-columns: minmax(0, 1fr) minmax(285px, 350px); gap: clamp(30px, 4vw, 46px); } .smil-stanza-pavimento__video-layout { grid-template-columns: minmax(0, 1fr) minmax(280px, 340px); } .smil-stanza-pavimento__proof-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-stanza-pavimento__review:last-child { grid-column: 1 / -1; width: min(100%, 590px); justify-self: center; } .smil-stanza-pavimento__conversion { grid-template-columns: minmax(0, 1fr) minmax(225px, 280px); gap: 24px; } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 900px) { .smil-stanza-pavimento { padding: clamp(52px, 7vw, 72px) clamp(18px, 4vw, 28px); } .smil-stanza-pavimento__layout, .smil-stanza-pavimento__limits, .smil-stanza-pavimento__video-layout, .smil-stanza-pavimento__conversion { grid-template-columns: minmax(0, 1fr); } .smil-stanza-pavimento__system { position: relative; top: auto; width: 100%; max-width: 760px; } .smil-stanza-pavimento__video-details { border-top: 1px solid rgba(112, 225, 211, 0.15); border-left: 0; } .smil-stanza-pavimento__conversion { gap: 25px; } .smil-stanza-pavimento__conversion-actions { width: min(100%, 430px); } } /* ========================================================= TABLET PICCOLI ========================================================= */ @media (max-width: 720px) { .smil-stanza-pavimento__noise-grid, .smil-stanza-pavimento__proof-grid { grid-template-columns: minmax(0, 1fr); } .smil-stanza-pavimento__review:last-child { grid-column: auto; width: 100%; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 640px) { .smil-stanza-pavimento { padding: 46px max(16px, env(safe-area-inset-right)) 52px max(16px, env(safe-area-inset-left)); scroll-margin-top: 72px; } .smil-stanza-pavimento__header, .smil-stanza-pavimento__noise-header, .smil-stanza-pavimento__video-header { text-align: left; } .smil-stanza-pavimento__eyebrow { display: block; width: 100%; margin-bottom: 13px; font-size: 0.7rem; line-height: 1.45; letter-spacing: 0.045em; text-align: left; } .smil-stanza-pavimento__eyebrow-line { display: none; } .smil-stanza-pavimento__title { font-size: clamp(1.9rem, 9vw, 2.65rem); line-height: 1.1; letter-spacing: -0.032em; text-align: left; } .smil-stanza-pavimento__lead { margin-top: 18px; font-size: 1rem; line-height: 1.7; text-align: left; } .smil-stanza-pavimento__answer { grid-template-columns: minmax(0, 1fr); gap: 13px; margin-top: 26px; padding: 19px 17px; border-left-width: 4px; border-radius: 0 15px 15px 0; } .smil-stanza-pavimento__answer-icon { width: 40px; height: 40px; } .smil-stanza-pavimento__answer-icon svg { width: 22px; height: 22px; } .smil-stanza-pavimento__answer-title { font-size: 1.18rem; line-height: 1.4; } .smil-stanza-pavimento__answer-text { font-size: 1rem; line-height: 1.68; } .smil-stanza-pavimento__layout { margin-top: 38px; gap: 33px; } .smil-stanza-pavimento__subtitle { font-size: clamp(1.28rem, 6.3vw, 1.65rem); line-height: 1.3; } .smil-stanza-pavimento__content > p { margin-top: 16px; font-size: 1rem; line-height: 1.72; } .smil-stanza-pavimento__warning { margin: 26px 0 31px; padding: 19px 16px; border-left-width: 4px; border-radius: 0 14px 14px 0; } .smil-stanza-pavimento__warning h4 { font-size: 1.08rem; line-height: 1.42; } .smil-stanza-pavimento__warning p:not( .smil-stanza-pavimento__warning-label ) { font-size: 0.98rem; line-height: 1.7; } .smil-stanza-pavimento__system { width: 100%; max-width: 100%; padding: 25px 17px; border-radius: 20px; } .smil-stanza-pavimento__system-title { font-size: clamp(1.4rem, 7vw, 1.8rem); } .smil-stanza-pavimento__system-list li { grid-template-columns: 32px minmax(0, 1fr); gap: 11px; padding: 12px 10px; } .smil-stanza-pavimento__system-number { width: 32px; height: 32px; } .smil-stanza-pavimento__system-list strong { font-size: 0.9rem; } .smil-stanza-pavimento__system-list p { font-size: 0.8rem; line-height: 1.48; } .smil-stanza-pavimento__system-link { display: flex; width: 100%; justify-content: space-between; padding: 12px 13px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 11px; background: rgba(255, 255, 255, 0.07); } .smil-stanza-pavimento__noise { margin-top: 50px; } .smil-stanza-pavimento__noise-kicker, .smil-stanza-pavimento__noise-title, .smil-stanza-pavimento__noise-header > p:last-child { text-align: left; } .smil-stanza-pavimento__noise-title { font-size: clamp(1.42rem, 7vw, 1.9rem); } .smil-stanza-pavimento__noise-grid { margin-top: 27px; } .smil-stanza-pavimento__noise-card { padding: 24px 18px; border-radius: 19px; } .smil-stanza-pavimento__noise-card h4 { font-size: clamp(1.18rem, 6vw, 1.5rem); } .smil-stanza-pavimento__limits { margin-top: 50px; padding: 25px 18px; border-radius: 20px; } .smil-stanza-pavimento__limits-title { font-size: clamp(1.38rem, 6.7vw, 1.8rem); } .smil-stanza-pavimento__limits-link { display: flex; width: 100%; justify-content: space-between; padding: 12px 13px; border: 1px solid rgba(8, 127, 140, 0.16); border-radius: 11px; background: rgba(255, 255, 255, 0.58); } .smil-stanza-pavimento__video { margin-top: 50px; border-radius: 20px; } .smil-stanza-pavimento__video-header { padding: 27px 18px 24px; } .smil-stanza-pavimento__video-kicker, .smil-stanza-pavimento__video-title, .smil-stanza-pavimento__video-header > p:last-child { text-align: left; } .smil-stanza-pavimento__video-title { font-size: clamp(1.4rem, 7vw, 1.9rem); } .smil-stanza-pavimento__video-media, .smil-stanza-pavimento__video-details { padding: 20px 16px; } .smil-stanza-pavimento__video-loader, .smil-stanza-pavimento__video-frame { border-radius: 14px; } .smil-stanza-pavimento__video-play { width: 58px; height: 58px; } .smil-stanza-pavimento__video-play svg { width: 27px; height: 27px; } .smil-stanza-pavimento__video-duration { right: 10px; bottom: 10px; padding: 6px 9px; font-size: 0.67rem; } .smil-stanza-pavimento__video-details-title { font-size: clamp(1.25rem, 6.3vw, 1.6rem); } .smil-stanza-pavimento__video-note { grid-template-columns: minmax(0, 1fr); padding: 14px; } .smil-stanza-pavimento__transcript { width: auto; max-width: calc(100% - 32px); margin: 0 16px 20px; } .smil-stanza-pavimento__transcript summary { grid-template-columns: minmax(0, 1fr) 29px; gap: 12px; padding: 14px; font-size: 0.86rem; } .smil-stanza-pavimento__transcript-content { padding: 0 14px 17px; } .smil-stanza-pavimento__proof { margin-top: 50px; } .smil-stanza-pavimento__proof-header { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; align-items: start; } .smil-stanza-pavimento__proof-title { font-size: clamp(1.45rem, 7vw, 1.95rem); } .smil-stanza-pavimento__archive { width: 100%; justify-content: space-between; text-align: left; } .smil-stanza-pavimento__proof-grid { margin-top: 27px; } .smil-stanza-pavimento__review { border-radius: 19px; } .smil-stanza-pavimento__review-body { padding: 20px 17px; } .smil-stanza-pavimento__review-body h4 { font-size: clamp(1.16rem, 6vw, 1.45rem); } .smil-stanza-pavimento__review-link { display: flex; width: 100%; justify-content: space-between; padding: 12px 13px; margin-top: 17px; border: 1px solid rgba(8, 127, 140, 0.16); border-radius: 11px; background: rgba(8, 127, 140, 0.05); } .smil-stanza-pavimento__proof-note { grid-template-columns: minmax(0, 1fr); padding: 20px 17px; border-radius: 17px; } .smil-stanza-pavimento__conversion { margin-top: 46px; padding: 26px 18px; border-radius: 20px; } .smil-stanza-pavimento__conversion-title { font-size: clamp(1.38rem, 7vw, 1.85rem); line-height: 1.25; } .smil-stanza-pavimento__conversion-text { font-size: 0.95rem; line-height: 1.65; } .smil-stanza-pavimento__conversion-actions { width: 100%; } .smil-stanza-pavimento__button { width: 100%; padding: 13px 15px; font-size: 0.93rem; } .smil-stanza-pavimento__next { width: 100%; justify-content: space-between; padding: 12px 13px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 11px; background: rgba(255, 255, 255, 0.06); text-align: left; } } /* ========================================================= SMARTPHONE PICCOLI ========================================================= */ @media (max-width: 380px) { .smil-stanza-pavimento { padding-right: 14px; padding-left: 14px; } .smil-stanza-pavimento__title { font-size: clamp(1.78rem, 9vw, 2.2rem); } .smil-stanza-pavimento__answer, .smil-stanza-pavimento__system, .smil-stanza-pavimento__limits, .smil-stanza-pavimento__conversion { padding-right: 14px; padding-left: 14px; } .smil-stanza-pavimento__video-header, .smil-stanza-pavimento__video-media, .smil-stanza-pavimento__video-details { padding-right: 14px; padding-left: 14px; } .smil-stanza-pavimento__transcript { max-width: calc(100% - 28px); margin-right: 14px; margin-left: 14px; } .smil-stanza-pavimento__noise-card, .smil-stanza-pavimento__review-body, .smil-stanza-pavimento__proof-note { padding-right: 15px; padding-left: 15px; } .smil-stanza-pavimento__button { padding-right: 11px; padding-left: 11px; font-size: 0.88rem; } } /* ========================================================= RIDUZIONE ANIMAZIONI ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-stanza-pavimento__system-link svg, .smil-stanza-pavimento__limits-link-arrow, .smil-stanza-pavimento__transcript-icon, .smil-stanza-pavimento__review-link-arrow, .smil-stanza-pavimento__button, .smil-stanza-pavimento__next-arrow { transition: none; } .smil-stanza-pavimento__button:hover { transform: none; } .smil-stanza-pavimento__system-link:hover svg, .smil-stanza-pavimento__limits-link:hover .smil-stanza-pavimento__limits-link-arrow, .smil-stanza-pavimento__review-link:hover .smil-stanza-pavimento__review-link-arrow, .smil-stanza-pavimento__next:hover .smil-stanza-pavimento__next-arrow { transform: none; } }#imCell_12 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1723_12 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_12 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_12 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H3 – FINESTRE, PORTE, CASSONETTI E PUNTI DEBOLI RESPONSIVE DESKTOP, TABLET E MOBILE ========================================================= */ .smil-stanza-punti-deboli { --smil-spd-dark: #082f3b; --smil-spd-dark-deep: #05242d; --smil-spd-dark-soft: #104653; --smil-spd-teal: #087f8c; --smil-spd-turquoise: #17c3b2; --smil-spd-turquoise-light: #70e1d3; --smil-spd-orange: #f28c28; --smil-spd-orange-dark: #d97215; --smil-spd-white: #ffffff; --smil-spd-cream: #fff9ef; --smil-spd-light: #eef9fa; --smil-spd-grey: #f4f7f8; --smil-spd-text: #263f47; --smil-spd-muted: #60767d; --smil-spd-border: #d8e7e9; position: relative; width: 100%; max-width: 100%; min-width: 0; margin: 0; padding: clamp(60px, 7vw, 98px) clamp(16px, 3.5vw, 32px); overflow-x: hidden; background: radial-gradient( circle at 0 6%, rgba(23, 195, 178, 0.1), transparent 28% ), linear-gradient( 180deg, #f0fafb 0%, var(--smil-spd-white) 30%, var(--smil-spd-white) 100% ); color: var(--smil-spd-text); text-align: left; scroll-margin-top: 90px; isolation: isolate; } @supports (overflow: clip) { .smil-stanza-punti-deboli { overflow-x: clip; } } /* ========================================================= RESET LOCALE ========================================================= */ .smil-stanza-punti-deboli, .smil-stanza-punti-deboli *, .smil-stanza-punti-deboli *::before, .smil-stanza-punti-deboli *::after { box-sizing: border-box; } .smil-stanza-punti-deboli h3, .smil-stanza-punti-deboli h4, .smil-stanza-punti-deboli p, .smil-stanza-punti-deboli ul, .smil-stanza-punti-deboli li, .smil-stanza-punti-deboli section, .smil-stanza-punti-deboli article, .smil-stanza-punti-deboli aside, .smil-stanza-punti-deboli figure, .smil-stanza-punti-deboli figcaption, .smil-stanza-punti-deboli details, .smil-stanza-punti-deboli summary, .smil-stanza-punti-deboli div, .smil-stanza-punti-deboli a, .smil-stanza-punti-deboli button, .smil-stanza-punti-deboli span, .smil-stanza-punti-deboli strong, .smil-stanza-punti-deboli img, .smil-stanza-punti-deboli iframe, .smil-stanza-punti-deboli svg { max-width: 100%; min-width: 0; } .smil-stanza-punti-deboli h3, .smil-stanza-punti-deboli h4, .smil-stanza-punti-deboli p, .smil-stanza-punti-deboli li, .smil-stanza-punti-deboli a, .smil-stanza-punti-deboli button, .smil-stanza-punti-deboli span, .smil-stanza-punti-deboli strong, .smil-stanza-punti-deboli figcaption, .smil-stanza-punti-deboli summary { word-break: normal; overflow-wrap: break-word; white-space: normal; hyphens: none; } .smil-stanza-punti-deboli img, .smil-stanza-punti-deboli iframe, .smil-stanza-punti-deboli video { display: block; max-width: 100%; } .smil-stanza-punti-deboli a, .smil-stanza-punti-deboli button { -webkit-tap-highlight-color: transparent; } .smil-stanza-punti-deboli strong { color: var(--smil-spd-dark); font-weight: 820; } /* ========================================================= CONTENITORE ========================================================= */ .smil-stanza-punti-deboli__container { position: relative; z-index: 1; width: 100%; max-width: 1220px; min-width: 0; margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-stanza-punti-deboli__header { width: 100%; max-width: 970px; min-width: 0; margin: 0 auto; text-align: center; } .smil-stanza-punti-deboli__eyebrow { display: inline-flex; max-width: 100%; flex-wrap: nowrap; align-items: center; justify-content: center; gap: 9px; margin: 0 0 15px; color: var(--smil-spd-teal); font-size: clamp(0.71rem, 1.2vw, 0.79rem); font-weight: 850; line-height: 1.4; letter-spacing: 0.07em; text-align: center; text-transform: uppercase; } .smil-stanza-punti-deboli__eyebrow > span:nth-child(2) { min-width: 0; overflow-wrap: break-word; } .smil-stanza-punti-deboli__eyebrow-line { width: 32px; height: 2px; flex: 0 0 32px; border-radius: 999px; background: var(--smil-spd-turquoise); } .smil-stanza-punti-deboli__title { width: 100%; min-width: 0; margin: 0; color: var(--smil-spd-dark); font-size: clamp(2rem, 4vw, 3.45rem); font-weight: 850; line-height: 1.08; letter-spacing: -0.04em; text-align: center; overflow-wrap: break-word; } .smil-stanza-punti-deboli__lead { width: 100%; max-width: 920px; min-width: 0; margin: 22px auto 0; color: var(--smil-spd-text); font-size: clamp(1.03rem, 1.7vw, 1.18rem); line-height: 1.78; text-align: center; overflow-wrap: break-word; } /* ========================================================= RISPOSTA IMMEDIATA ========================================================= */ .smil-stanza-punti-deboli__answer { display: grid; grid-template-columns: 45px minmax(0, 1fr); gap: 18px; align-items: flex-start; width: 100%; max-width: 1040px; min-width: 0; margin: clamp(31px, 5vw, 49px) auto 0; padding: clamp(22px, 3vw, 30px); border: 1px solid rgba(8, 127, 140, 0.18); border-left: 5px solid var(--smil-spd-turquoise); border-radius: 0 19px 19px 0; background: rgba(255, 255, 255, 0.96); box-shadow: 0 15px 38px rgba(8, 47, 59, 0.07); text-align: left; } .smil-stanza-punti-deboli__answer-icon { display: grid; width: 45px; height: 45px; flex: 0 0 45px; place-items: center; border-radius: 13px; background: rgba(23, 195, 178, 0.14); } .smil-stanza-punti-deboli__answer-icon svg { width: 25px; height: 25px; fill: var(--smil-spd-teal); } .smil-stanza-punti-deboli__answer-content { width: 100%; min-width: 0; } .smil-stanza-punti-deboli__answer-label { margin: 0 0 6px; color: var(--smil-spd-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-punti-deboli__answer-title { width: 100%; min-width: 0; margin: 0; color: var(--smil-spd-dark); font-size: clamp(1.2rem, 2vw, 1.55rem); font-weight: 830; line-height: 1.35; text-align: left; overflow-wrap: break-word; } .smil-stanza-punti-deboli__answer-text { width: 100%; min-width: 0; margin: 11px 0 0; color: var(--smil-spd-text); font-size: clamp(1rem, 1.45vw, 1.08rem); line-height: 1.74; text-align: left; overflow-wrap: break-word; } /* ========================================================= CONTENUTO PRINCIPALE E BOX DIAGNOSTICO ========================================================= */ .smil-stanza-punti-deboli__layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(310px, 390px); gap: clamp(36px, 5vw, 68px); align-items: start; width: 100%; min-width: 0; margin-top: clamp(48px, 6vw, 76px); } .smil-stanza-punti-deboli__content, .smil-stanza-punti-deboli__diagnosis { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-punti-deboli__subtitle { width: 100%; min-width: 0; margin: 0; color: var(--smil-spd-dark); font-size: clamp(1.34rem, 2.4vw, 1.92rem); font-weight: 830; line-height: 1.27; letter-spacing: -0.025em; text-align: left; overflow-wrap: break-word; } .smil-stanza-punti-deboli__content > p { width: 100%; min-width: 0; margin: 18px 0 0; color: var(--smil-spd-text); font-size: clamp(1rem, 1.35vw, 1.07rem); line-height: 1.8; text-align: left; overflow-wrap: break-word; } /* ========================================================= ERRORE FREQUENTE ========================================================= */ .smil-stanza-punti-deboli__warning { width: 100%; max-width: 100%; min-width: 0; margin: 31px 0 36px; padding: clamp(22px, 3vw, 30px); overflow: hidden; border: 1px solid #f0dcc3; border-left: 5px solid var(--smil-spd-orange); border-radius: 0 18px 18px 0; background: var(--smil-spd-cream); text-align: left; } .smil-stanza-punti-deboli__warning-label { margin: 0 !important; color: var(--smil-spd-orange-dark) !important; font-size: 0.75rem !important; font-weight: 850; line-height: 1.3 !important; letter-spacing: 0.07em; text-align: left; text-transform: uppercase; } .smil-stanza-punti-deboli__warning h4 { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-spd-dark); font-size: clamp(1.15rem, 1.9vw, 1.43rem); font-weight: 830; line-height: 1.4; text-align: left; overflow-wrap: break-word; } .smil-stanza-punti-deboli__warning p:not( .smil-stanza-punti-deboli__warning-label ) { width: 100%; min-width: 0; margin: 12px 0 0; color: var(--smil-spd-text); font-size: clamp(0.98rem, 1.35vw, 1.05rem); line-height: 1.72; text-align: left; overflow-wrap: break-word; } /* ========================================================= BOX DIAGNOSTICO ========================================================= */ .smil-stanza-punti-deboli__diagnosis { position: sticky; top: 24px; overflow: hidden; padding: clamp(25px, 3vw, 35px); border-radius: 24px; background: linear-gradient( 145deg, var(--smil-spd-dark) 0%, var(--smil-spd-dark-soft) 100% ); color: var(--smil-spd-white); box-shadow: 0 23px 54px rgba(8, 47, 59, 0.2); text-align: left; } .smil-stanza-punti-deboli__diagnosis::after { position: absolute; right: -85px; bottom: -95px; width: 230px; height: 230px; border: 41px solid rgba(23, 195, 178, 0.11); border-radius: 50%; content: ""; pointer-events: none; } .smil-stanza-punti-deboli__diagnosis-kicker, .smil-stanza-punti-deboli__diagnosis-title, .smil-stanza-punti-deboli__diagnosis-list, .smil-stanza-punti-deboli__diagnosis-link { position: relative; z-index: 1; } .smil-stanza-punti-deboli__diagnosis-kicker { margin: 0; color: var(--smil-spd-turquoise-light); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-punti-deboli__diagnosis-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-spd-white); font-size: clamp(1.4rem, 2.3vw, 1.95rem); font-weight: 830; line-height: 1.22; letter-spacing: -0.025em; text-align: left; overflow-wrap: break-word; } .smil-stanza-punti-deboli__diagnosis-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; width: 100%; min-width: 0; margin: 23px 0 0; padding: 0; list-style: none; } .smil-stanza-punti-deboli__diagnosis-list li { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 12px; align-items: flex-start; width: 100%; max-width: 100%; min-width: 0; padding: 13px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.11); border-radius: 13px; background: rgba(255, 255, 255, 0.06); } .smil-stanza-punti-deboli__diagnosis-number { display: grid; width: 34px; height: 34px; flex: 0 0 34px; place-items: center; border-radius: 9px; background: rgba(23, 195, 178, 0.14); color: var(--smil-spd-turquoise-light); font-size: 0.7rem; font-weight: 900; line-height: 1; } .smil-stanza-punti-deboli__diagnosis-content { width: 100%; min-width: 0; } .smil-stanza-punti-deboli__diagnosis-list strong { display: block; width: 100%; min-width: 0; color: var(--smil-spd-white); font-size: 0.93rem; font-weight: 810; line-height: 1.4; text-align: left; overflow-wrap: break-word; } .smil-stanza-punti-deboli__diagnosis-list p { width: 100%; min-width: 0; margin: 4px 0 0; color: rgba(255, 255, 255, 0.72); font-size: 0.81rem; line-height: 1.5; text-align: left; overflow-wrap: break-word; } .smil-stanza-punti-deboli__diagnosis-link { display: inline-flex; width: fit-content; max-width: 100%; min-width: 0; align-items: center; gap: 8px; margin-top: 22px; color: var(--smil-spd-white); font-size: 0.9rem; font-weight: 810; line-height: 1.45; text-align: left; text-decoration: none; white-space: normal; overflow-wrap: break-word; } .smil-stanza-punti-deboli__diagnosis-link-text { min-width: 0; overflow-wrap: break-word; } .smil-stanza-punti-deboli__diagnosis-link svg { width: 18px; height: 18px; flex: 0 0 18px; fill: var(--smil-spd-turquoise-light); transition: transform 180ms ease; } .smil-stanza-punti-deboli__diagnosis-link:hover svg { transform: translateX(4px); } /* ========================================================= MAPPA PUNTI DEBOLI ========================================================= */ .smil-stanza-punti-deboli__map { width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(58px, 8vw, 92px); } .smil-stanza-punti-deboli__map-header { width: 100%; max-width: 850px; min-width: 0; margin: 0 auto; text-align: center; } .smil-stanza-punti-deboli__map-kicker { margin: 0; color: var(--smil-spd-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: center; text-transform: uppercase; } .smil-stanza-punti-deboli__map-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-spd-dark); font-size: clamp(1.55rem, 3vw, 2.45rem); font-weight: 840; line-height: 1.2; letter-spacing: -0.03em; text-align: center; overflow-wrap: break-word; } .smil-stanza-punti-deboli__map-header > p:last-child { width: 100%; max-width: 760px; min-width: 0; margin: 15px auto 0; color: var(--smil-spd-muted); font-size: 0.96rem; line-height: 1.7; text-align: center; overflow-wrap: break-word; } .smil-stanza-punti-deboli__map-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; width: 100%; min-width: 0; margin-top: 32px; } .smil-stanza-punti-deboli__map-card { width: 100%; max-width: 100%; min-width: 0; padding: clamp(23px, 3vw, 31px); overflow: hidden; border: 1px solid var(--smil-spd-border); border-radius: 21px; background: var(--smil-spd-white); box-shadow: 0 15px 36px rgba(8, 47, 59, 0.065); text-align: left; } .smil-stanza-punti-deboli__map-index { display: grid; width: 43px; height: 43px; place-items: center; border-radius: 12px; background: rgba(23, 195, 178, 0.13); color: var(--smil-spd-teal); font-size: 0.75rem; font-weight: 900; line-height: 1; } .smil-stanza-punti-deboli__map-card h4 { width: 100%; min-width: 0; margin: 18px 0 0; color: var(--smil-spd-dark); font-size: clamp(1.12rem, 1.8vw, 1.4rem); font-weight: 830; line-height: 1.35; text-align: left; overflow-wrap: break-word; } .smil-stanza-punti-deboli__map-card p { width: 100%; min-width: 0; margin: 12px 0 0; color: var(--smil-spd-muted); font-size: 0.9rem; line-height: 1.65; text-align: left; overflow-wrap: break-word; } /* ========================================================= ELEMENTO PIÙ DEBOLE ========================================================= */ .smil-stanza-punti-deboli__weakest { display: grid; grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr); gap: clamp(30px, 5vw, 62px); align-items: center; width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(58px, 8vw, 90px); padding: clamp(28px, 4.5vw, 45px); overflow: hidden; border: 1px solid var(--smil-spd-border); border-radius: 24px; background: var(--smil-spd-light); } .smil-stanza-punti-deboli__weakest-heading, .smil-stanza-punti-deboli__weakest-content { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-punti-deboli__weakest-kicker { margin: 0; color: var(--smil-spd-teal); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-punti-deboli__weakest-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-spd-dark); font-size: clamp(1.4rem, 2.6vw, 2.1rem); font-weight: 835; line-height: 1.23; letter-spacing: -0.025em; text-align: left; overflow-wrap: break-word; } .smil-stanza-punti-deboli__weakest-content p { width: 100%; min-width: 0; margin: 0; color: var(--smil-spd-text); font-size: 0.96rem; line-height: 1.75; text-align: left; overflow-wrap: break-word; } .smil-stanza-punti-deboli__weakest-content p + p { margin-top: 13px; } /* ========================================================= VIDEO TECNICO ========================================================= */ .smil-stanza-punti-deboli__video { width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(58px, 8vw, 92px); overflow: hidden; border-radius: 27px; background: linear-gradient( 145deg, var(--smil-spd-dark-deep), var(--smil-spd-dark-soft) ); color: var(--smil-spd-white); box-shadow: 0 25px 62px rgba(5, 36, 45, 0.2); } .smil-stanza-punti-deboli__video-header { width: 100%; max-width: 950px; min-width: 0; margin: 0 auto; padding: clamp(30px, 5vw, 50px) clamp(20px, 4vw, 42px); text-align: center; } .smil-stanza-punti-deboli__video-kicker { margin: 0; color: var(--smil-spd-turquoise-light); font-size: 0.77rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: center; text-transform: uppercase; } .smil-stanza-punti-deboli__video-title { width: 100%; min-width: 0; margin: 9px 0 0; color: var(--smil-spd-white); font-size: clamp(1.55rem, 3vw, 2.45rem); font-weight: 840; line-height: 1.2; letter-spacing: -0.03em; text-align: center; overflow-wrap: break-word; } .smil-stanza-punti-deboli__video-header > p:last-child { width: 100%; max-width: 890px; min-width: 0; margin: 16px auto 0; color: rgba(255, 255, 255, 0.82); font-size: 0.98rem; line-height: 1.72; text-align: center; overflow-wrap: break-word; } .smil-stanza-punti-deboli__video-layout { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr); width: 100%; min-width: 0; border-top: 1px solid rgba(112, 225, 211, 0.15); } .smil-stanza-punti-deboli__video-media { width: 100%; max-width: 100%; min-width: 0; margin: 0; padding: clamp(20px, 3.5vw, 39px); } .smil-stanza-punti-deboli__video-loader, .smil-stanza-punti-deboli__video-frame { position: relative; display: block; width: 100%; max-width: 100%; min-width: 0; aspect-ratio: 16 / 9; overflow: hidden; padding: 0; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 19px; background: #020f13; box-shadow: 0 20px 46px rgba(0, 0, 0, 0.3); } .smil-stanza-punti-deboli__video-loader { appearance: none; font: inherit; cursor: pointer; } .smil-stanza-punti-deboli__video-loader img { display: block; width: 100%; max-width: 100%; height: 100%; object-fit: cover; } .smil-stanza-punti-deboli__video-shade { position: absolute; inset: 0; background: linear-gradient( 180deg, rgba(5, 36, 45, 0.05), rgba(5, 36, 45, 0.66) ); } .smil-stanza-punti-deboli__video-play { position: absolute; top: 50%; left: 50%; display: grid; width: 68px; height: 68px; place-items: center; border: 2px solid rgba(255, 255, 255, 0.75); border-radius: 50%; background: rgba(225, 59, 53, 0.96); box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3); transform: translate(-50%, -50%); } .smil-stanza-punti-deboli__video-play svg { width: 31px; height: 31px; margin-left: 4px; fill: var(--smil-spd-white); } .smil-stanza-punti-deboli__video-badge { position: absolute; right: 14px; bottom: 13px; max-width: calc(100% - 28px); padding: 7px 11px; border-radius: 999px; background: rgba(5, 36, 45, 0.84); color: var(--smil-spd-white); font-size: 0.72rem; font-weight: 800; line-height: 1.3; text-align: center; overflow-wrap: break-word; } .smil-stanza-punti-deboli__video-frame iframe { position: absolute; inset: 0; display: block; width: 100%; max-width: 100%; height: 100%; border: 0; } .smil-stanza-punti-deboli__video-media figcaption { width: 100%; min-width: 0; margin-top: 12px; color: rgba(255, 255, 255, 0.62); font-size: 0.78rem; line-height: 1.55; text-align: left; overflow-wrap: break-word; } .smil-stanza-punti-deboli__noscript { width: 100%; min-width: 0; margin: 14px 0 0; } .smil-stanza-punti-deboli__noscript a { color: var(--smil-spd-turquoise-light); } .smil-stanza-punti-deboli__video-details { width: 100%; max-width: 100%; min-width: 0; padding: clamp(27px, 3.5vw, 40px); border-left: 1px solid rgba(112, 225, 211, 0.15); background: rgba(255, 255, 255, 0.055); text-align: left; } .smil-stanza-punti-deboli__video-details-label { margin: 0; color: var(--smil-spd-turquoise-light); font-size: 0.73rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-punti-deboli__video-details-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-spd-white); font-size: clamp(1.25rem, 2.2vw, 1.72rem); font-weight: 830; line-height: 1.3; text-align: left; overflow-wrap: break-word; } .smil-stanza-punti-deboli__video-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; width: 100%; min-width: 0; margin: 21px 0 0; padding: 0; list-style: none; } .smil-stanza-punti-deboli__video-list li { position: relative; width: 100%; min-width: 0; padding-left: 23px; color: rgba(255, 255, 255, 0.74); font-size: 0.83rem; line-height: 1.55; text-align: left; overflow-wrap: break-word; } .smil-stanza-punti-deboli__video-list li::before { position: absolute; top: 0.55em; left: 2px; width: 8px; height: 8px; border-radius: 50%; background: var(--smil-spd-turquoise); content: ""; } .smil-stanza-punti-deboli__video-note { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 11px; align-items: flex-start; width: 100%; max-width: 100%; min-width: 0; margin-top: 22px; padding: 15px; overflow: hidden; border-radius: 14px; background: rgba(23, 195, 178, 0.08); } .smil-stanza-punti-deboli__video-note svg { width: 22px; height: 22px; flex: 0 0 22px; fill: var(--smil-spd-turquoise-light); } .smil-stanza-punti-deboli__video-note p { width: 100%; min-width: 0; margin: 0; color: rgba(255, 255, 255, 0.68); font-size: 0.78rem; line-height: 1.58; text-align: left; overflow-wrap: break-word; } /* ========================================================= TRASCRIZIONE ========================================================= */ .smil-stanza-punti-deboli__transcript { width: auto; max-width: calc(100% - (clamp(20px, 3.5vw, 39px) * 2)); min-width: 0; margin: 0 clamp(20px, 3.5vw, 39px) clamp(25px, 3.5vw, 39px); overflow: hidden; border: 1px solid rgba(112, 225, 211, 0.17); border-radius: 16px; background: rgba(255, 255, 255, 0.055); } .smil-stanza-punti-deboli__transcript summary { display: grid; grid-template-columns: minmax(0, 1fr) 29px; gap: 18px; align-items: center; width: 100%; max-width: 100%; min-width: 0; min-height: 55px; padding: 15px 18px; color: var(--smil-spd-white); font-size: 0.9rem; font-weight: 810; line-height: 1.4; text-align: left; cursor: pointer; list-style: none; overflow-wrap: break-word; } .smil-stanza-punti-deboli__transcript summary::-webkit-details-marker { display: none; } .smil-stanza-punti-deboli__transcript-label { min-width: 0; overflow-wrap: break-word; } .smil-stanza-punti-deboli__transcript-icon { display: grid; width: 29px; height: 29px; flex: 0 0 29px; place-items: center; border-radius: 9px; background: rgba(23, 195, 178, 0.14); color: var(--smil-spd-turquoise-light); font-size: 1.2rem; line-height: 1; transition: transform 180ms ease; } .smil-stanza-punti-deboli__transcript[open] .smil-stanza-punti-deboli__transcript-icon { transform: rotate(45deg); } .smil-stanza-punti-deboli__transcript-content { width: 100%; min-width: 0; padding: 0 18px 19px; border-top: 1px solid rgba(112, 225, 211, 0.12); } .smil-stanza-punti-deboli__transcript-content p { width: 100%; min-width: 0; margin: 15px 0 0; color: rgba(255, 255, 255, 0.72); font-size: 0.84rem; line-height: 1.68; text-align: left; overflow-wrap: break-word; } /* ========================================================= VIDEO RECENSIONI ========================================================= */ .smil-stanza-punti-deboli__proof { width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(59px, 8vw, 92px); } .smil-stanza-punti-deboli__proof-header { display: flex; gap: 30px; align-items: flex-end; justify-content: space-between; width: 100%; min-width: 0; } .smil-stanza-punti-deboli__proof-heading { width: 100%; max-width: 820px; min-width: 0; } .smil-stanza-punti-deboli__proof-kicker { margin: 0; color: var(--smil-spd-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-punti-deboli__proof-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-spd-dark); font-size: clamp(1.6rem, 3vw, 2.55rem); font-weight: 840; line-height: 1.18; letter-spacing: -0.03em; text-align: left; overflow-wrap: break-word; } .smil-stanza-punti-deboli__proof-heading > p:last-child { width: 100%; min-width: 0; margin: 15px 0 0; color: var(--smil-spd-muted); font-size: 0.96rem; line-height: 1.7; text-align: left; overflow-wrap: break-word; } .smil-stanza-punti-deboli__archive { display: inline-flex; width: fit-content; max-width: 100%; min-width: 0; min-height: 48px; flex: 0 1 auto; align-items: center; justify-content: center; gap: 8px; padding: 11px 16px; border: 1px solid rgba(8, 127, 140, 0.19); border-radius: 11px; background: var(--smil-spd-white); color: var(--smil-spd-teal); font-size: 0.86rem; font-weight: 810; line-height: 1.4; text-align: center; text-decoration: none; white-space: normal; overflow-wrap: break-word; } .smil-stanza-punti-deboli__archive-text { min-width: 0; overflow-wrap: break-word; } .smil-stanza-punti-deboli__archive svg { width: 18px; height: 18px; flex: 0 0 18px; fill: currentColor; } .smil-stanza-punti-deboli__proof-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; width: 100%; min-width: 0; margin-top: 32px; } .smil-stanza-punti-deboli__review { display: flex; flex-direction: column; width: 100%; max-width: 100%; min-width: 0; overflow: hidden; border: 1px solid var(--smil-spd-border); border-radius: 21px; background: var(--smil-spd-white); box-shadow: 0 16px 39px rgba(8, 47, 59, 0.075); } .smil-stanza-punti-deboli__review-cover { position: relative; display: block; width: 100%; max-width: 100%; min-width: 0; aspect-ratio: 16 / 9; overflow: hidden; background: var(--smil-spd-dark); } .smil-stanza-punti-deboli__review-cover img { display: block; width: 100%; max-width: 100%; height: 100%; object-fit: cover; } .smil-stanza-punti-deboli__review-shade { position: absolute; inset: 0; background: linear-gradient( 180deg, transparent, rgba(5, 36, 45, 0.68) ); } .smil-stanza-punti-deboli__review-play { position: absolute; top: 50%; left: 50%; display: grid; width: 58px; height: 58px; place-items: center; border-radius: 50%; background: rgba(225, 59, 53, 0.94); transform: translate(-50%, -50%); } .smil-stanza-punti-deboli__review-play svg { width: 27px; height: 27px; margin-left: 3px; fill: var(--smil-spd-white); } .smil-stanza-punti-deboli__review-place { position: absolute; right: 13px; bottom: 12px; max-width: calc(100% - 26px); padding: 6px 10px; border-radius: 999px; background: rgba(5, 36, 45, 0.84); color: var(--smil-spd-white); font-size: 0.7rem; font-weight: 800; line-height: 1.3; text-align: center; overflow-wrap: break-word; } .smil-stanza-punti-deboli__review-body { display: flex; flex: 1 1 auto; flex-direction: column; width: 100%; min-width: 0; padding: 22px; text-align: left; } .smil-stanza-punti-deboli__review-type { margin: 0; color: var(--smil-spd-teal); font-size: 0.7rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.065em; text-align: left; text-transform: uppercase; } .smil-stanza-punti-deboli__review-body h4 { width: 100%; min-width: 0; margin: 7px 0 0; color: var(--smil-spd-dark); font-size: clamp(1.13rem, 1.8vw, 1.4rem); font-weight: 830; line-height: 1.32; text-align: left; overflow-wrap: break-word; } .smil-stanza-punti-deboli__review-body > p:not( .smil-stanza-punti-deboli__review-type ) { width: 100%; min-width: 0; margin: 12px 0 0; color: var(--smil-spd-muted); font-size: 0.89rem; line-height: 1.65; text-align: left; overflow-wrap: break-word; } .smil-stanza-punti-deboli__review-link { display: inline-flex; width: fit-content; max-width: 100%; min-width: 0; align-items: center; gap: 8px; margin-top: auto; padding-top: 18px; color: var(--smil-spd-teal); font-size: 0.86rem; font-weight: 810; line-height: 1.4; text-align: left; text-decoration: none; white-space: normal; overflow-wrap: break-word; } .smil-stanza-punti-deboli__review-link-text { min-width: 0; overflow-wrap: break-word; } .smil-stanza-punti-deboli__review-link-arrow { flex: 0 0 auto; transition: transform 180ms ease; } .smil-stanza-punti-deboli__review-link:hover .smil-stanza-punti-deboli__review-link-arrow { transform: translateX(4px); } /* ========================================================= NOTA RECENSIONI ========================================================= */ .smil-stanza-punti-deboli__proof-note { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 16px; align-items: flex-start; width: 100%; max-width: 100%; min-width: 0; margin-top: 28px; padding: clamp(22px, 3vw, 30px); overflow: hidden; border: 1px solid rgba(8, 127, 140, 0.16); border-radius: 19px; background: var(--smil-spd-light); } .smil-stanza-punti-deboli__proof-note-icon { display: grid; width: 44px; height: 44px; flex: 0 0 44px; place-items: center; border-radius: 13px; background: var(--smil-spd-teal); } .smil-stanza-punti-deboli__proof-note-icon svg { width: 24px; height: 24px; fill: var(--smil-spd-white); } .smil-stanza-punti-deboli__proof-note-content { width: 100%; min-width: 0; } .smil-stanza-punti-deboli__proof-note strong { display: block; width: 100%; min-width: 0; color: var(--smil-spd-dark); font-size: 1rem; line-height: 1.45; text-align: left; overflow-wrap: break-word; } .smil-stanza-punti-deboli__proof-note p { width: 100%; min-width: 0; margin: 6px 0 0; color: var(--smil-spd-muted); font-size: 0.89rem; line-height: 1.65; text-align: left; overflow-wrap: break-word; } /* ========================================================= CTA FINALE ========================================================= */ .smil-stanza-punti-deboli__conversion { display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, 300px); gap: 30px; align-items: center; width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(53px, 7vw, 82px); padding: clamp(28px, 4vw, 44px); overflow: hidden; border-radius: 24px; background: linear-gradient( 135deg, var(--smil-spd-dark), var(--smil-spd-dark-soft) ); color: var(--smil-spd-white); box-shadow: 0 22px 50px rgba(8, 47, 59, 0.18); text-align: left; } .smil-stanza-punti-deboli__conversion-content, .smil-stanza-punti-deboli__conversion-actions { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-punti-deboli__conversion-kicker { margin: 0; color: var(--smil-spd-turquoise-light); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-punti-deboli__conversion-title { width: 100%; max-width: 790px; min-width: 0; margin: 8px 0 0; color: var(--smil-spd-white); font-size: clamp(1.42rem, 2.6vw, 2.18rem); font-weight: 830; line-height: 1.22; letter-spacing: -0.025em; text-align: left; overflow-wrap: break-word; } .smil-stanza-punti-deboli__conversion-text { width: 100%; max-width: 790px; min-width: 0; margin: 14px 0 0; color: rgba(255, 255, 255, 0.82); font-size: 0.96rem; line-height: 1.7; text-align: left; overflow-wrap: break-word; } .smil-stanza-punti-deboli__conversion-actions { display: grid; grid-template-columns: minmax(0, 1fr); gap: 13px; justify-items: stretch; } /* ========================================================= PULSANTE PRINCIPALE ========================================================= */ .smil-stanza-punti-deboli__button { display: inline-flex; width: 100%; max-width: 100%; min-width: 0; min-height: 52px; align-items: center; justify-content: center; padding: 13px 21px; border-radius: 12px; background: var(--smil-spd-orange); color: var(--smil-spd-white); font-family: inherit; font-size: clamp(0.9rem, 1.4vw, 0.95rem); font-weight: 820; line-height: 1.4; text-align: center; text-decoration: none; white-space: normal; overflow-wrap: break-word; box-shadow: 0 12px 25px rgba(242, 140, 40, 0.25); transition: transform 180ms ease, background-color 180ms ease, box-shadow 180ms ease; } .smil-stanza-punti-deboli__button:hover { transform: translateY(-2px); background: var(--smil-spd-orange-dark); box-shadow: 0 15px 29px rgba(242, 140, 40, 0.32); } /* ========================================================= LINK BLOCCO SUCCESSIVO ========================================================= */ .smil-stanza-punti-deboli__next { display: flex; width: 100%; max-width: 100%; min-width: 0; align-items: center; justify-content: center; gap: 8px; color: rgba(255, 255, 255, 0.9); font-size: 0.86rem; font-weight: 750; line-height: 1.45; text-align: center; text-decoration: none; white-space: normal; overflow-wrap: break-word; } .smil-stanza-punti-deboli__next-text { min-width: 0; overflow-wrap: break-word; } .smil-stanza-punti-deboli__next-arrow { flex: 0 0 auto; color: var(--smil-spd-turquoise-light); transition: transform 180ms ease; } .smil-stanza-punti-deboli__next:hover .smil-stanza-punti-deboli__next-arrow { transform: translateY(3px); } /* ========================================================= ACCESSIBILITÀ ========================================================= */ .smil-stanza-punti-deboli a:focus-visible, .smil-stanza-punti-deboli button:focus-visible, .smil-stanza-punti-deboli summary:focus-visible { outline: 3px solid rgba(242, 140, 40, 0.44); outline-offset: 4px; } /* ========================================================= DESKTOP INTERMEDIO ========================================================= */ @media (max-width: 1100px) { .smil-stanza-punti-deboli__layout { grid-template-columns: minmax(0, 1fr) minmax(285px, 350px); gap: clamp(30px, 4vw, 46px); } .smil-stanza-punti-deboli__video-layout { grid-template-columns: minmax(0, 1fr) minmax(280px, 340px); } .smil-stanza-punti-deboli__proof-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-stanza-punti-deboli__review:last-child { grid-column: 1 / -1; width: min(100%, 590px); justify-self: center; } .smil-stanza-punti-deboli__conversion { grid-template-columns: minmax(0, 1fr) minmax(225px, 280px); gap: 24px; } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 900px) { .smil-stanza-punti-deboli { padding: clamp(52px, 7vw, 72px) clamp(18px, 4vw, 28px); } .smil-stanza-punti-deboli__layout, .smil-stanza-punti-deboli__weakest, .smil-stanza-punti-deboli__video-layout, .smil-stanza-punti-deboli__conversion { grid-template-columns: minmax(0, 1fr); } .smil-stanza-punti-deboli__diagnosis { position: relative; top: auto; width: 100%; max-width: 760px; } .smil-stanza-punti-deboli__map-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-stanza-punti-deboli__video-details { border-top: 1px solid rgba(112, 225, 211, 0.15); border-left: 0; } .smil-stanza-punti-deboli__conversion { gap: 25px; } .smil-stanza-punti-deboli__conversion-actions { width: min(100%, 430px); } } /* ========================================================= TABLET PICCOLI ========================================================= */ @media (max-width: 720px) { .smil-stanza-punti-deboli__map-grid, .smil-stanza-punti-deboli__proof-grid { grid-template-columns: minmax(0, 1fr); } .smil-stanza-punti-deboli__review:last-child { grid-column: auto; width: 100%; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 640px) { .smil-stanza-punti-deboli { padding: 46px max(16px, env(safe-area-inset-right)) 52px max(16px, env(safe-area-inset-left)); scroll-margin-top: 72px; } .smil-stanza-punti-deboli__header, .smil-stanza-punti-deboli__map-header, .smil-stanza-punti-deboli__video-header { text-align: left; } .smil-stanza-punti-deboli__eyebrow { display: block; width: 100%; margin-bottom: 13px; font-size: 0.7rem; line-height: 1.45; letter-spacing: 0.045em; text-align: left; } .smil-stanza-punti-deboli__eyebrow-line { display: none; } .smil-stanza-punti-deboli__title { font-size: clamp(1.85rem, 8.7vw, 2.6rem); line-height: 1.1; letter-spacing: -0.032em; text-align: left; } .smil-stanza-punti-deboli__lead { margin-top: 18px; font-size: 1rem; line-height: 1.7; text-align: left; } .smil-stanza-punti-deboli__answer { grid-template-columns: minmax(0, 1fr); gap: 13px; margin-top: 26px; padding: 19px 17px; border-left-width: 4px; border-radius: 0 15px 15px 0; } .smil-stanza-punti-deboli__answer-icon { width: 40px; height: 40px; } .smil-stanza-punti-deboli__answer-icon svg { width: 22px; height: 22px; } .smil-stanza-punti-deboli__answer-title { font-size: 1.18rem; line-height: 1.4; } .smil-stanza-punti-deboli__answer-text { font-size: 1rem; line-height: 1.68; } .smil-stanza-punti-deboli__layout { margin-top: 38px; gap: 33px; } .smil-stanza-punti-deboli__subtitle { font-size: clamp(1.28rem, 6.3vw, 1.65rem); line-height: 1.3; } .smil-stanza-punti-deboli__content > p { margin-top: 16px; font-size: 1rem; line-height: 1.72; } .smil-stanza-punti-deboli__warning { margin: 26px 0 31px; padding: 19px 16px; border-left-width: 4px; border-radius: 0 14px 14px 0; } .smil-stanza-punti-deboli__warning h4 { font-size: 1.08rem; line-height: 1.42; } .smil-stanza-punti-deboli__warning p:not( .smil-stanza-punti-deboli__warning-label ) { font-size: 0.98rem; line-height: 1.7; } .smil-stanza-punti-deboli__diagnosis { width: 100%; max-width: 100%; padding: 25px 17px; border-radius: 20px; } .smil-stanza-punti-deboli__diagnosis-title { font-size: clamp(1.4rem, 7vw, 1.8rem); } .smil-stanza-punti-deboli__diagnosis-list li { grid-template-columns: 32px minmax(0, 1fr); gap: 11px; padding: 12px 10px; } .smil-stanza-punti-deboli__diagnosis-number { width: 32px; height: 32px; } .smil-stanza-punti-deboli__diagnosis-list strong { font-size: 0.9rem; } .smil-stanza-punti-deboli__diagnosis-list p { font-size: 0.8rem; line-height: 1.48; } .smil-stanza-punti-deboli__diagnosis-link { display: flex; width: 100%; justify-content: space-between; padding: 12px 13px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 11px; background: rgba(255, 255, 255, 0.07); } .smil-stanza-punti-deboli__map { margin-top: 50px; } .smil-stanza-punti-deboli__map-kicker, .smil-stanza-punti-deboli__map-title, .smil-stanza-punti-deboli__map-header > p:last-child { text-align: left; } .smil-stanza-punti-deboli__map-title { font-size: clamp(1.42rem, 7vw, 1.9rem); } .smil-stanza-punti-deboli__map-grid { margin-top: 27px; } .smil-stanza-punti-deboli__map-card { padding: 24px 18px; border-radius: 19px; } .smil-stanza-punti-deboli__map-card h4 { font-size: clamp(1.18rem, 6vw, 1.5rem); } .smil-stanza-punti-deboli__weakest { margin-top: 50px; padding: 25px 18px; border-radius: 20px; } .smil-stanza-punti-deboli__weakest-title { font-size: clamp(1.38rem, 6.7vw, 1.8rem); } .smil-stanza-punti-deboli__video { margin-top: 50px; border-radius: 20px; } .smil-stanza-punti-deboli__video-header { padding: 27px 18px 24px; } .smil-stanza-punti-deboli__video-kicker, .smil-stanza-punti-deboli__video-title, .smil-stanza-punti-deboli__video-header > p:last-child { text-align: left; } .smil-stanza-punti-deboli__video-title { font-size: clamp(1.4rem, 7vw, 1.9rem); } .smil-stanza-punti-deboli__video-media, .smil-stanza-punti-deboli__video-details { padding: 20px 16px; } .smil-stanza-punti-deboli__video-loader, .smil-stanza-punti-deboli__video-frame { border-radius: 14px; } .smil-stanza-punti-deboli__video-play { width: 58px; height: 58px; } .smil-stanza-punti-deboli__video-play svg { width: 27px; height: 27px; } .smil-stanza-punti-deboli__video-badge { right: 10px; bottom: 10px; padding: 6px 9px; font-size: 0.67rem; } .smil-stanza-punti-deboli__video-details-title { font-size: clamp(1.25rem, 6.3vw, 1.6rem); } .smil-stanza-punti-deboli__video-note { grid-template-columns: minmax(0, 1fr); padding: 14px; } .smil-stanza-punti-deboli__transcript { width: auto; max-width: calc(100% - 32px); margin: 0 16px 20px; } .smil-stanza-punti-deboli__transcript summary { grid-template-columns: minmax(0, 1fr) 29px; gap: 12px; padding: 14px; font-size: 0.86rem; } .smil-stanza-punti-deboli__transcript-content { padding: 0 14px 17px; } .smil-stanza-punti-deboli__proof { margin-top: 50px; } .smil-stanza-punti-deboli__proof-header { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; align-items: start; } .smil-stanza-punti-deboli__proof-title { font-size: clamp(1.45rem, 7vw, 1.95rem); } .smil-stanza-punti-deboli__archive { width: 100%; justify-content: space-between; text-align: left; } .smil-stanza-punti-deboli__proof-grid { margin-top: 27px; } .smil-stanza-punti-deboli__review { border-radius: 19px; } .smil-stanza-punti-deboli__review-body { padding: 20px 17px; } .smil-stanza-punti-deboli__review-body h4 { font-size: clamp(1.16rem, 6vw, 1.45rem); } .smil-stanza-punti-deboli__review-link { display: flex; width: 100%; justify-content: space-between; padding: 12px 13px; margin-top: 17px; border: 1px solid rgba(8, 127, 140, 0.16); border-radius: 11px; background: rgba(8, 127, 140, 0.05); } .smil-stanza-punti-deboli__proof-note { grid-template-columns: minmax(0, 1fr); padding: 20px 17px; border-radius: 17px; } .smil-stanza-punti-deboli__conversion { margin-top: 46px; padding: 26px 18px; border-radius: 20px; } .smil-stanza-punti-deboli__conversion-title { font-size: clamp(1.38rem, 7vw, 1.85rem); line-height: 1.25; } .smil-stanza-punti-deboli__conversion-text { font-size: 0.95rem; line-height: 1.65; } .smil-stanza-punti-deboli__conversion-actions { width: 100%; } .smil-stanza-punti-deboli__button { width: 100%; padding: 13px 15px; font-size: 0.93rem; } .smil-stanza-punti-deboli__next { width: 100%; justify-content: space-between; padding: 12px 13px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 11px; background: rgba(255, 255, 255, 0.06); text-align: left; } } /* ========================================================= SMARTPHONE PICCOLI ========================================================= */ @media (max-width: 380px) { .smil-stanza-punti-deboli { padding-right: 14px; padding-left: 14px; } .smil-stanza-punti-deboli__title { font-size: clamp(1.72rem, 8.7vw, 2.15rem); } .smil-stanza-punti-deboli__answer, .smil-stanza-punti-deboli__diagnosis, .smil-stanza-punti-deboli__weakest, .smil-stanza-punti-deboli__conversion { padding-right: 14px; padding-left: 14px; } .smil-stanza-punti-deboli__video-header, .smil-stanza-punti-deboli__video-media, .smil-stanza-punti-deboli__video-details { padding-right: 14px; padding-left: 14px; } .smil-stanza-punti-deboli__transcript { max-width: calc(100% - 28px); margin-right: 14px; margin-left: 14px; } .smil-stanza-punti-deboli__map-card, .smil-stanza-punti-deboli__review-body, .smil-stanza-punti-deboli__proof-note { padding-right: 15px; padding-left: 15px; } .smil-stanza-punti-deboli__button { padding-right: 11px; padding-left: 11px; font-size: 0.88rem; } } /* ========================================================= RIDUZIONE ANIMAZIONI ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-stanza-punti-deboli__diagnosis-link svg, .smil-stanza-punti-deboli__transcript-icon, .smil-stanza-punti-deboli__review-link-arrow, .smil-stanza-punti-deboli__button, .smil-stanza-punti-deboli__next-arrow { transition: none; } .smil-stanza-punti-deboli__button:hover { transform: none; } .smil-stanza-punti-deboli__diagnosis-link:hover svg, .smil-stanza-punti-deboli__review-link:hover .smil-stanza-punti-deboli__review-link-arrow, .smil-stanza-punti-deboli__next:hover .smil-stanza-punti-deboli__next-arrow { transform: none; } }#imCell_13 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1723_13 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_13 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_13 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H2 – IL METODO SORGEDIL PER L’INSONORIZZAZIONE COMPLETA RESPONSIVE DESKTOP, TABLET E MOBILE ========================================================= */ .smil-stanza-metodo { --smil-smt-dark: #082f3b; --smil-smt-dark-deep: #05242d; --smil-smt-dark-soft: #104653; --smil-smt-teal: #087f8c; --smil-smt-turquoise: #17c3b2; --smil-smt-turquoise-light: #70e1d3; --smil-smt-orange: #f28c28; --smil-smt-orange-dark: #d97215; --smil-smt-green: #7cc043; --smil-smt-white: #ffffff; --smil-smt-cream: #fff9ef; --smil-smt-light: #eef9fa; --smil-smt-grey: #f4f7f8; --smil-smt-text: #263f47; --smil-smt-muted: #60767d; --smil-smt-border: #d8e7e9; position: relative; width: 100%; max-width: 100%; min-width: 0; margin: 0; padding: clamp(60px, 7vw, 100px) clamp(16px, 3.5vw, 32px); overflow-x: hidden; background: radial-gradient( circle at 100% 4%, rgba(23, 195, 178, 0.1), transparent 28% ), linear-gradient( 180deg, #f0fafb 0%, var(--smil-smt-white) 28%, var(--smil-smt-white) 100% ); color: var(--smil-smt-text); text-align: left; scroll-margin-top: 90px; isolation: isolate; } @supports (overflow: clip) { .smil-stanza-metodo { overflow-x: clip; } } /* ========================================================= RESET LOCALE Impedisce agli stili esterni di allargare la sezione ========================================================= */ .smil-stanza-metodo, .smil-stanza-metodo *, .smil-stanza-metodo *::before, .smil-stanza-metodo *::after { box-sizing: border-box; } .smil-stanza-metodo h2, .smil-stanza-metodo h3, .smil-stanza-metodo h4, .smil-stanza-metodo p, .smil-stanza-metodo ul, .smil-stanza-metodo ol, .smil-stanza-metodo li, .smil-stanza-metodo section, .smil-stanza-metodo article, .smil-stanza-metodo aside, .smil-stanza-metodo header, .smil-stanza-metodo div, .smil-stanza-metodo a, .smil-stanza-metodo span, .smil-stanza-metodo strong, .smil-stanza-metodo svg { max-width: 100%; min-width: 0; } .smil-stanza-metodo h2, .smil-stanza-metodo h3, .smil-stanza-metodo h4, .smil-stanza-metodo p, .smil-stanza-metodo li, .smil-stanza-metodo a, .smil-stanza-metodo span, .smil-stanza-metodo strong { word-break: normal; overflow-wrap: break-word; white-space: normal; hyphens: none; } .smil-stanza-metodo a { -webkit-tap-highlight-color: transparent; } .smil-stanza-metodo strong { color: var(--smil-smt-dark); font-weight: 820; } /* ========================================================= CONTENITORE ========================================================= */ .smil-stanza-metodo__container { position: relative; z-index: 1; width: 100%; max-width: 1220px; min-width: 0; margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-stanza-metodo__header { width: 100%; max-width: 970px; min-width: 0; margin: 0 auto; text-align: center; } .smil-stanza-metodo__eyebrow { display: inline-flex; max-width: 100%; flex-wrap: nowrap; align-items: center; justify-content: center; gap: 9px; margin: 0 0 15px; color: var(--smil-smt-teal); font-size: clamp(0.71rem, 1.2vw, 0.79rem); font-weight: 850; line-height: 1.4; letter-spacing: 0.07em; text-align: center; text-transform: uppercase; } .smil-stanza-metodo__eyebrow > span:nth-child(2) { min-width: 0; overflow-wrap: break-word; } .smil-stanza-metodo__eyebrow-line { width: 32px; height: 2px; flex: 0 0 32px; border-radius: 999px; background: var(--smil-smt-turquoise); } .smil-stanza-metodo__title { width: 100%; min-width: 0; margin: 0; color: var(--smil-smt-dark); font-size: clamp(2rem, 4vw, 3.55rem); font-weight: 850; line-height: 1.08; letter-spacing: -0.04em; text-align: center; overflow-wrap: break-word; } .smil-stanza-metodo__lead { width: 100%; max-width: 910px; min-width: 0; margin: 22px auto 0; color: var(--smil-smt-text); font-size: clamp(1.03rem, 1.7vw, 1.19rem); line-height: 1.78; text-align: center; overflow-wrap: break-word; } /* ========================================================= RISPOSTA IMMEDIATA ========================================================= */ .smil-stanza-metodo__answer { display: grid; grid-template-columns: 45px minmax(0, 1fr); gap: 18px; align-items: flex-start; width: 100%; max-width: 1040px; min-width: 0; margin: clamp(31px, 5vw, 49px) auto 0; padding: clamp(22px, 3vw, 30px); border: 1px solid rgba(8, 127, 140, 0.18); border-left: 5px solid var(--smil-smt-turquoise); border-radius: 0 19px 19px 0; background: rgba(255, 255, 255, 0.96); box-shadow: 0 15px 38px rgba(8, 47, 59, 0.07); text-align: left; } .smil-stanza-metodo__answer-icon { display: grid; width: 45px; height: 45px; flex: 0 0 45px; place-items: center; border-radius: 13px; background: rgba(23, 195, 178, 0.14); } .smil-stanza-metodo__answer-icon svg { width: 25px; height: 25px; fill: var(--smil-smt-teal); } .smil-stanza-metodo__answer-content { width: 100%; min-width: 0; } .smil-stanza-metodo__answer-label { margin: 0 0 6px; color: var(--smil-smt-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-metodo__answer-title { width: 100%; min-width: 0; margin: 0; color: var(--smil-smt-dark); font-size: clamp(1.2rem, 2vw, 1.55rem); font-weight: 830; line-height: 1.35; text-align: left; overflow-wrap: break-word; } .smil-stanza-metodo__answer-text { width: 100%; min-width: 0; margin: 11px 0 0; color: var(--smil-smt-text); font-size: clamp(1rem, 1.45vw, 1.08rem); line-height: 1.74; text-align: left; overflow-wrap: break-word; } /* ========================================================= PRINCIPIO CENTRALE ========================================================= */ .smil-stanza-metodo__principle { display: grid; grid-template-columns: minmax(0, 1fr) minmax(310px, 390px); gap: clamp(35px, 5vw, 67px); align-items: center; width: 100%; min-width: 0; margin-top: clamp(48px, 6vw, 76px); } .smil-stanza-metodo__principle-content, .smil-stanza-metodo__quote { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-metodo__principle-kicker { margin: 0; color: var(--smil-smt-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-metodo__principle-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-smt-dark); font-size: clamp(1.55rem, 3vw, 2.45rem); font-weight: 840; line-height: 1.2; letter-spacing: -0.03em; text-align: left; overflow-wrap: break-word; } .smil-stanza-metodo__principle-content > p:not( .smil-stanza-metodo__principle-kicker ) { width: 100%; min-width: 0; margin: 17px 0 0; color: var(--smil-smt-text); font-size: clamp(1rem, 1.35vw, 1.07rem); line-height: 1.8; text-align: left; overflow-wrap: break-word; } .smil-stanza-metodo__quote { position: relative; overflow: hidden; padding: clamp(27px, 4vw, 39px); border-radius: 24px; background: linear-gradient( 145deg, var(--smil-smt-dark), var(--smil-smt-dark-soft) ); color: var(--smil-smt-white); box-shadow: 0 22px 52px rgba(8, 47, 59, 0.2); text-align: left; } .smil-stanza-metodo__quote::after { position: absolute; right: -80px; bottom: -90px; width: 220px; height: 220px; border: 39px solid rgba(23, 195, 178, 0.11); border-radius: 50%; content: ""; pointer-events: none; } .smil-stanza-metodo__quote svg { position: relative; z-index: 1; width: 42px; height: 42px; fill: var(--smil-smt-turquoise-light); } .smil-stanza-metodo__quote p { position: relative; z-index: 1; width: 100%; min-width: 0; margin: 17px 0 0; color: var(--smil-smt-white); font-size: clamp(1.15rem, 2vw, 1.47rem); font-weight: 760; line-height: 1.55; text-align: left; overflow-wrap: break-word; } /* ========================================================= QUATTRO PILASTRI ========================================================= */ .smil-stanza-metodo__pillars { width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(60px, 8vw, 94px); } .smil-stanza-metodo__pillars-header { width: 100%; max-width: 860px; min-width: 0; margin: 0 auto; text-align: center; } .smil-stanza-metodo__pillars-kicker { margin: 0; color: var(--smil-smt-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: center; text-transform: uppercase; } .smil-stanza-metodo__pillars-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-smt-dark); font-size: clamp(1.6rem, 3.1vw, 2.55rem); font-weight: 840; line-height: 1.18; letter-spacing: -0.03em; text-align: center; overflow-wrap: break-word; } .smil-stanza-metodo__pillars-header > p:last-child { width: 100%; max-width: 760px; min-width: 0; margin: 15px auto 0; color: var(--smil-smt-muted); font-size: 0.96rem; line-height: 1.7; text-align: center; overflow-wrap: break-word; } .smil-stanza-metodo__pillars-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; width: 100%; min-width: 0; margin-top: 33px; } .smil-stanza-metodo__pillar { width: 100%; max-width: 100%; min-width: 0; padding: clamp(22px, 2.8vw, 29px); overflow: hidden; border: 1px solid var(--smil-smt-border); border-radius: 20px; background: var(--smil-smt-white); box-shadow: 0 14px 35px rgba(8, 47, 59, 0.06); text-align: left; } .smil-stanza-metodo__pillar-number { display: grid; width: 43px; height: 43px; place-items: center; border-radius: 12px; background: rgba(23, 195, 178, 0.13); color: var(--smil-smt-teal); font-size: 0.75rem; font-weight: 900; line-height: 1; } .smil-stanza-metodo__pillar h4 { width: 100%; min-width: 0; margin: 18px 0 0; color: var(--smil-smt-dark); font-size: 1.15rem; font-weight: 830; line-height: 1.35; text-align: left; overflow-wrap: break-word; } .smil-stanza-metodo__pillar p { width: 100%; min-width: 0; margin: 11px 0 0; color: var(--smil-smt-muted); font-size: 0.88rem; line-height: 1.65; text-align: left; overflow-wrap: break-word; } /* ========================================================= PROCESSO ========================================================= */ .smil-stanza-metodo__process { width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(60px, 8vw, 95px); padding: clamp(29px, 5vw, 50px); overflow: hidden; border: 1px solid var(--smil-smt-border); border-radius: 27px; background: linear-gradient( 135deg, var(--smil-smt-light), var(--smil-smt-white) ); } .smil-stanza-metodo__process-header { width: 100%; max-width: 850px; min-width: 0; margin: 0 auto; text-align: center; } .smil-stanza-metodo__process-kicker { margin: 0; color: var(--smil-smt-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: center; text-transform: uppercase; } .smil-stanza-metodo__process-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-smt-dark); font-size: clamp(1.6rem, 3.1vw, 2.55rem); font-weight: 840; line-height: 1.18; letter-spacing: -0.03em; text-align: center; overflow-wrap: break-word; } .smil-stanza-metodo__process-header > p:last-child { width: 100%; min-width: 0; margin: 15px auto 0; color: var(--smil-smt-muted); font-size: 0.96rem; line-height: 1.7; text-align: center; overflow-wrap: break-word; } .smil-stanza-metodo__steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; width: 100%; min-width: 0; margin: 35px 0 0; padding: 0; list-style: none; } .smil-stanza-metodo__step { position: relative; display: grid; grid-template-columns: 45px minmax(0, 1fr); gap: 17px; align-items: flex-start; width: 100%; max-width: 100%; min-width: 0; padding: clamp(22px, 3vw, 29px); overflow: hidden; border: 1px solid var(--smil-smt-border); border-radius: 19px; background: var(--smil-smt-white); text-align: left; } .smil-stanza-metodo__step--featured { border-color: rgba(8, 127, 140, 0.28); background: linear-gradient( 145deg, rgba(238, 249, 250, 0.98), var(--smil-smt-white) ); box-shadow: 0 17px 38px rgba(8, 127, 140, 0.1); } .smil-stanza-metodo__step-badge { grid-column: 1 / -1; justify-self: start; width: fit-content; max-width: 100%; margin: 0 0 -2px; padding: 6px 10px; border-radius: 999px; background: rgba(124, 192, 67, 0.15); color: #438817; font-size: 0.69rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-align: left; text-transform: uppercase; overflow-wrap: break-word; } .smil-stanza-metodo__step-number { display: grid; width: 45px; height: 45px; flex: 0 0 45px; place-items: center; border-radius: 13px; background: var(--smil-smt-teal); color: var(--smil-smt-white); font-size: 0.75rem; font-weight: 900; line-height: 1; } .smil-stanza-metodo__step-content { width: 100%; min-width: 0; } .smil-stanza-metodo__step-label { margin: 0; color: var(--smil-smt-teal); font-size: 0.7rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.065em; text-align: left; text-transform: uppercase; } .smil-stanza-metodo__step-content h4 { width: 100%; min-width: 0; margin: 6px 0 0; color: var(--smil-smt-dark); font-size: clamp(1.1rem, 1.8vw, 1.38rem); font-weight: 830; line-height: 1.35; text-align: left; overflow-wrap: break-word; } .smil-stanza-metodo__step-content > p:last-of-type { width: 100%; min-width: 0; margin: 10px 0 0; color: var(--smil-smt-muted); font-size: 0.88rem; line-height: 1.65; text-align: left; overflow-wrap: break-word; } .smil-stanza-metodo__step-link { display: inline-flex; width: fit-content; max-width: 100%; min-width: 0; align-items: center; gap: 8px; margin-top: 15px; color: var(--smil-smt-teal); font-size: 0.85rem; font-weight: 810; line-height: 1.45; text-align: left; text-decoration: none; white-space: normal; overflow-wrap: break-word; } .smil-stanza-metodo__step-link-text { min-width: 0; overflow-wrap: break-word; } .smil-stanza-metodo__step-link-arrow { flex: 0 0 auto; transition: transform 180ms ease; } .smil-stanza-metodo__step-link:hover .smil-stanza-metodo__step-link-arrow { transform: translateX(4px); } /* ========================================================= COORDINAMENTO ========================================================= */ .smil-stanza-metodo__coordination { display: grid; grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr); gap: clamp(34px, 5vw, 66px); align-items: center; width: 100%; min-width: 0; margin-top: clamp(60px, 8vw, 92px); } .smil-stanza-metodo__coordination-heading, .smil-stanza-metodo__coordination-list { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-metodo__coordination-kicker { margin: 0; color: var(--smil-smt-teal); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-metodo__coordination-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-smt-dark); font-size: clamp(1.5rem, 2.8vw, 2.28rem); font-weight: 840; line-height: 1.2; letter-spacing: -0.03em; text-align: left; overflow-wrap: break-word; } .smil-stanza-metodo__coordination-heading > p:last-child { width: 100%; min-width: 0; margin: 15px 0 0; color: var(--smil-smt-muted); font-size: 0.96rem; line-height: 1.7; text-align: left; overflow-wrap: break-word; } .smil-stanza-metodo__coordination-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 11px; } .smil-stanza-metodo__coordination-item { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 14px; align-items: flex-start; width: 100%; max-width: 100%; min-width: 0; padding: 16px; overflow: hidden; border: 1px solid var(--smil-smt-border); border-radius: 15px; background: var(--smil-smt-grey); text-align: left; } .smil-stanza-metodo__coordination-number { display: grid; width: 38px; height: 38px; flex: 0 0 38px; place-items: center; border-radius: 10px; background: rgba(23, 195, 178, 0.13); color: var(--smil-smt-teal); font-size: 0.72rem; font-weight: 900; line-height: 1; } .smil-stanza-metodo__coordination-content { width: 100%; min-width: 0; } .smil-stanza-metodo__coordination-item strong { display: block; width: 100%; min-width: 0; color: var(--smil-smt-dark); font-size: 0.97rem; line-height: 1.4; text-align: left; overflow-wrap: break-word; } .smil-stanza-metodo__coordination-item p { width: 100%; min-width: 0; margin: 4px 0 0; color: var(--smil-smt-muted); font-size: 0.84rem; line-height: 1.55; text-align: left; overflow-wrap: break-word; } /* ========================================================= CONFRONTO ========================================================= */ .smil-stanza-metodo__comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; width: 100%; max-width: 1060px; min-width: 0; margin: clamp(60px, 8vw, 92px) auto 0; } .smil-stanza-metodo__comparison-card { width: 100%; max-width: 100%; min-width: 0; padding: clamp(25px, 3.5vw, 37px); overflow: hidden; border: 1px solid var(--smil-smt-border); border-radius: 22px; background: var(--smil-smt-white); box-shadow: 0 16px 38px rgba(8, 47, 59, 0.07); text-align: left; } .smil-stanza-metodo__comparison-card--featured { border-color: rgba(8, 127, 140, 0.25); background: linear-gradient( 145deg, var(--smil-smt-light), var(--smil-smt-white) ); } .smil-stanza-metodo__comparison-label { margin: 0; color: var(--smil-smt-teal); font-size: 0.74rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.065em; text-align: left; text-transform: uppercase; } .smil-stanza-metodo__comparison-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-smt-dark); font-size: clamp(1.28rem, 2.2vw, 1.82rem); font-weight: 830; line-height: 1.3; text-align: left; overflow-wrap: break-word; } .smil-stanza-metodo__comparison-card ul { display: grid; grid-template-columns: minmax(0, 1fr); gap: 11px; width: 100%; min-width: 0; margin: 21px 0 0; padding: 0; list-style: none; } .smil-stanza-metodo__comparison-card li { position: relative; width: 100%; min-width: 0; padding-left: 27px; color: var(--smil-smt-text); font-size: 0.92rem; line-height: 1.6; text-align: left; overflow-wrap: break-word; } .smil-stanza-metodo__comparison-card li::before { position: absolute; left: 0; color: var(--smil-smt-teal); font-weight: 900; content: "✓"; } /* ========================================================= GEO MILANO ========================================================= */ .smil-stanza-metodo__geo { display: grid; grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr); gap: clamp(29px, 5vw, 62px); align-items: center; width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(57px, 7vw, 84px); padding: clamp(28px, 4vw, 43px); overflow: hidden; border: 1px solid var(--smil-smt-border); border-radius: 23px; background: var(--smil-smt-grey); } .smil-stanza-metodo__geo-heading, .smil-stanza-metodo__geo-content { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-metodo__geo-kicker { margin: 0; color: var(--smil-smt-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-metodo__geo-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-smt-dark); font-size: clamp(1.4rem, 2.5vw, 2.05rem); font-weight: 830; line-height: 1.22; letter-spacing: -0.025em; text-align: left; overflow-wrap: break-word; } .smil-stanza-metodo__geo-content p { width: 100%; min-width: 0; margin: 0; color: var(--smil-smt-text); font-size: 0.97rem; line-height: 1.75; text-align: left; overflow-wrap: break-word; } .smil-stanza-metodo__geo-content p + p { margin-top: 13px; } /* ========================================================= CTA FINALE ========================================================= */ .smil-stanza-metodo__conversion { display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, 300px); gap: 30px; align-items: center; width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(54px, 7vw, 83px); padding: clamp(28px, 4vw, 44px); overflow: hidden; border-radius: 24px; background: radial-gradient( circle at 92% 8%, rgba(23, 195, 178, 0.17), transparent 35% ), linear-gradient( 135deg, var(--smil-smt-dark), var(--smil-smt-dark-soft) ); color: var(--smil-smt-white); box-shadow: 0 22px 50px rgba(8, 47, 59, 0.18); text-align: left; } .smil-stanza-metodo__conversion-content, .smil-stanza-metodo__conversion-actions { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-metodo__conversion-kicker { margin: 0; color: var(--smil-smt-turquoise-light); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-metodo__conversion-title { width: 100%; max-width: 790px; min-width: 0; margin: 8px 0 0; color: var(--smil-smt-white); font-size: clamp(1.42rem, 2.6vw, 2.18rem); font-weight: 830; line-height: 1.22; letter-spacing: -0.025em; text-align: left; overflow-wrap: break-word; } .smil-stanza-metodo__conversion-text { width: 100%; max-width: 790px; min-width: 0; margin: 14px 0 0; color: rgba(255, 255, 255, 0.82); font-size: 0.96rem; line-height: 1.7; text-align: left; overflow-wrap: break-word; } .smil-stanza-metodo__conversion-actions { display: grid; grid-template-columns: minmax(0, 1fr); gap: 13px; justify-items: stretch; } /* ========================================================= PULSANTE PRINCIPALE ========================================================= */ .smil-stanza-metodo__button { display: inline-flex; width: 100%; max-width: 100%; min-width: 0; min-height: 52px; align-items: center; justify-content: center; padding: 13px 21px; border-radius: 12px; background: var(--smil-smt-orange); color: var(--smil-smt-white); font-family: inherit; font-size: clamp(0.9rem, 1.4vw, 0.95rem); font-weight: 820; line-height: 1.4; text-align: center; text-decoration: none; white-space: normal; overflow-wrap: break-word; box-shadow: 0 12px 25px rgba(242, 140, 40, 0.25); transition: transform 180ms ease, background-color 180ms ease, box-shadow 180ms ease; } .smil-stanza-metodo__button:hover { transform: translateY(-2px); background: var(--smil-smt-orange-dark); box-shadow: 0 15px 29px rgba(242, 140, 40, 0.32); } /* ========================================================= LINK AL BLOCCO SUCCESSIVO ========================================================= */ .smil-stanza-metodo__next { display: flex; width: 100%; max-width: 100%; min-width: 0; align-items: center; justify-content: center; gap: 8px; color: rgba(255, 255, 255, 0.9); font-size: 0.86rem; font-weight: 750; line-height: 1.45; text-align: center; text-decoration: none; white-space: normal; overflow-wrap: break-word; } .smil-stanza-metodo__next-text { min-width: 0; overflow-wrap: break-word; } .smil-stanza-metodo__next-arrow { flex: 0 0 auto; color: var(--smil-smt-turquoise-light); transition: transform 180ms ease; } .smil-stanza-metodo__next:hover .smil-stanza-metodo__next-arrow { transform: translateY(3px); } /* ========================================================= ACCESSIBILITÀ ========================================================= */ .smil-stanza-metodo a:focus-visible { outline: 3px solid rgba(242, 140, 40, 0.44); outline-offset: 4px; } /* ========================================================= DESKTOP INTERMEDIO ========================================================= */ @media (max-width: 1100px) { .smil-stanza-metodo__pillars-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-stanza-metodo__conversion { grid-template-columns: minmax(0, 1fr) minmax(225px, 280px); gap: 24px; } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 900px) { .smil-stanza-metodo { padding: clamp(52px, 7vw, 72px) clamp(18px, 4vw, 28px); } .smil-stanza-metodo__principle, .smil-stanza-metodo__coordination, .smil-stanza-metodo__geo, .smil-stanza-metodo__conversion { grid-template-columns: minmax(0, 1fr); } .smil-stanza-metodo__quote { max-width: 760px; } .smil-stanza-metodo__conversion { gap: 25px; } .smil-stanza-metodo__conversion-actions { width: min(100%, 430px); } } /* ========================================================= TABLET PICCOLI ========================================================= */ @media (max-width: 720px) { .smil-stanza-metodo__steps, .smil-stanza-metodo__comparison { grid-template-columns: minmax(0, 1fr); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 640px) { .smil-stanza-metodo { padding: 46px max(16px, env(safe-area-inset-right)) 52px max(16px, env(safe-area-inset-left)); scroll-margin-top: 72px; } .smil-stanza-metodo__header, .smil-stanza-metodo__pillars-header, .smil-stanza-metodo__process-header { text-align: left; } .smil-stanza-metodo__eyebrow { display: block; width: 100%; margin-bottom: 13px; font-size: 0.7rem; line-height: 1.45; letter-spacing: 0.045em; text-align: left; } .smil-stanza-metodo__eyebrow-line { display: none; } .smil-stanza-metodo__title { font-size: clamp(1.85rem, 8.7vw, 2.6rem); line-height: 1.1; letter-spacing: -0.032em; text-align: left; } .smil-stanza-metodo__lead { margin-top: 18px; font-size: 1rem; line-height: 1.7; text-align: left; } .smil-stanza-metodo__answer { grid-template-columns: minmax(0, 1fr); gap: 13px; margin-top: 26px; padding: 19px 17px; border-left-width: 4px; border-radius: 0 15px 15px 0; } .smil-stanza-metodo__answer-icon { width: 40px; height: 40px; } .smil-stanza-metodo__answer-icon svg { width: 22px; height: 22px; } .smil-stanza-metodo__answer-title { font-size: 1.18rem; line-height: 1.4; } .smil-stanza-metodo__answer-text { font-size: 1rem; line-height: 1.68; } .smil-stanza-metodo__principle { margin-top: 38px; gap: 32px; } .smil-stanza-metodo__principle-title { font-size: clamp(1.4rem, 7vw, 1.9rem); line-height: 1.25; } .smil-stanza-metodo__principle-content > p:not( .smil-stanza-metodo__principle-kicker ) { font-size: 1rem; line-height: 1.72; } .smil-stanza-metodo__quote { padding: 25px 18px; border-radius: 20px; } .smil-stanza-metodo__quote p { font-size: clamp(1.08rem, 5.5vw, 1.35rem); } .smil-stanza-metodo__pillars { margin-top: 50px; } .smil-stanza-metodo__pillars-kicker, .smil-stanza-metodo__pillars-title, .smil-stanza-metodo__pillars-header > p:last-child { text-align: left; } .smil-stanza-metodo__pillars-title { font-size: clamp(1.42rem, 7vw, 1.95rem); } .smil-stanza-metodo__pillars-grid { grid-template-columns: minmax(0, 1fr); margin-top: 27px; } .smil-stanza-metodo__pillar { padding: 23px 18px; border-radius: 18px; } .smil-stanza-metodo__process { margin-top: 50px; padding: 25px 17px; border-radius: 21px; } .smil-stanza-metodo__process-kicker, .smil-stanza-metodo__process-title, .smil-stanza-metodo__process-header > p:last-child { text-align: left; } .smil-stanza-metodo__process-title { font-size: clamp(1.42rem, 7vw, 1.95rem); } .smil-stanza-metodo__steps { margin-top: 27px; } .smil-stanza-metodo__step { grid-template-columns: 40px minmax(0, 1fr); gap: 13px; padding: 20px 16px; border-radius: 17px; } .smil-stanza-metodo__step-number { width: 40px; height: 40px; } .smil-stanza-metodo__step-content h4 { font-size: 1.08rem; line-height: 1.4; } .smil-stanza-metodo__step-link { display: flex; width: 100%; justify-content: space-between; padding: 11px 12px; border: 1px solid rgba(8, 127, 140, 0.16); border-radius: 10px; background: rgba(8, 127, 140, 0.05); } .smil-stanza-metodo__coordination { margin-top: 50px; gap: 26px; } .smil-stanza-metodo__coordination-title { font-size: clamp(1.4rem, 7vw, 1.9rem); } .smil-stanza-metodo__coordination-item { grid-template-columns: 36px minmax(0, 1fr); gap: 12px; padding: 14px 12px; } .smil-stanza-metodo__coordination-number { width: 36px; height: 36px; } .smil-stanza-metodo__comparison { margin-top: 50px; } .smil-stanza-metodo__comparison-card { padding: 24px 18px; border-radius: 19px; } .smil-stanza-metodo__comparison-title { font-size: clamp(1.2rem, 6vw, 1.55rem); } .smil-stanza-metodo__geo { margin-top: 50px; padding: 25px 18px; border-radius: 20px; } .smil-stanza-metodo__geo-title { font-size: clamp(1.38rem, 6.7vw, 1.8rem); } .smil-stanza-metodo__conversion { margin-top: 46px; padding: 26px 18px; border-radius: 20px; } .smil-stanza-metodo__conversion-title { font-size: clamp(1.38rem, 7vw, 1.85rem); line-height: 1.25; } .smil-stanza-metodo__conversion-text { font-size: 0.95rem; line-height: 1.65; } .smil-stanza-metodo__conversion-actions { width: 100%; } .smil-stanza-metodo__button { width: 100%; padding: 13px 15px; font-size: 0.93rem; } .smil-stanza-metodo__next { width: 100%; justify-content: space-between; padding: 12px 13px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 11px; background: rgba(255, 255, 255, 0.06); text-align: left; } } /* ========================================================= SMARTPHONE PICCOLI ========================================================= */ @media (max-width: 380px) { .smil-stanza-metodo { padding-right: 14px; padding-left: 14px; } .smil-stanza-metodo__title { font-size: clamp(1.72rem, 8.7vw, 2.15rem); } .smil-stanza-metodo__answer, .smil-stanza-metodo__quote, .smil-stanza-metodo__process, .smil-stanza-metodo__geo, .smil-stanza-metodo__conversion { padding-right: 14px; padding-left: 14px; } .smil-stanza-metodo__pillar, .smil-stanza-metodo__comparison-card { padding-right: 15px; padding-left: 15px; } .smil-stanza-metodo__step { grid-template-columns: minmax(0, 1fr); padding-right: 14px; padding-left: 14px; } .smil-stanza-metodo__button { padding-right: 11px; padding-left: 11px; font-size: 0.88rem; } } /* ========================================================= RIDUZIONE ANIMAZIONI ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-stanza-metodo__step-link-arrow, .smil-stanza-metodo__button, .smil-stanza-metodo__next-arrow { transition: none; } .smil-stanza-metodo__button:hover { transform: none; } .smil-stanza-metodo__step-link:hover .smil-stanza-metodo__step-link-arrow, .smil-stanza-metodo__next:hover .smil-stanza-metodo__next-arrow { transform: none; } }#imCell_14 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1723_14 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_14 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_14 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H2 – IL SOPRALLUOGO ANALITICO PRIMA DEL PROGETTO RESPONSIVE DESKTOP, TABLET E MOBILE ========================================================= */ .smil-stanza-sopralluogo { --smil-ssp-dark: #082f3b; --smil-ssp-dark-soft: #104653; --smil-ssp-teal: #087f8c; --smil-ssp-turquoise: #17c3b2; --smil-ssp-turquoise-light: #70e1d3; --smil-ssp-orange: #f28c28; --smil-ssp-orange-dark: #d97215; --smil-ssp-white: #ffffff; --smil-ssp-cream: #fff9ef; --smil-ssp-light: #eef9fa; --smil-ssp-grey: #f4f7f8; --smil-ssp-text: #263f47; --smil-ssp-muted: #60767d; --smil-ssp-border: #d8e7e9; position: relative; width: 100%; max-width: 100%; min-width: 0; margin: 0; padding: clamp(60px, 7vw, 100px) clamp(16px, 3.5vw, 32px); overflow-x: hidden; background: radial-gradient( circle at 0 5%, rgba(23, 195, 178, 0.1), transparent 28% ), linear-gradient( 180deg, #f0fafb 0%, var(--smil-ssp-white) 28%, var(--smil-ssp-white) 100% ); color: var(--smil-ssp-text); text-align: left; scroll-margin-top: 90px; isolation: isolate; } @supports (overflow: clip) { .smil-stanza-sopralluogo { overflow-x: clip; } } /* ========================================================= RESET LOCALE ========================================================= */ .smil-stanza-sopralluogo, .smil-stanza-sopralluogo *, .smil-stanza-sopralluogo *::before, .smil-stanza-sopralluogo *::after { box-sizing: border-box; } .smil-stanza-sopralluogo h2, .smil-stanza-sopralluogo h3, .smil-stanza-sopralluogo h4, .smil-stanza-sopralluogo p, .smil-stanza-sopralluogo ul, .smil-stanza-sopralluogo ol, .smil-stanza-sopralluogo li, .smil-stanza-sopralluogo section, .smil-stanza-sopralluogo article, .smil-stanza-sopralluogo aside, .smil-stanza-sopralluogo header, .smil-stanza-sopralluogo div, .smil-stanza-sopralluogo a, .smil-stanza-sopralluogo span, .smil-stanza-sopralluogo strong, .smil-stanza-sopralluogo svg { max-width: 100%; min-width: 0; } .smil-stanza-sopralluogo h2, .smil-stanza-sopralluogo h3, .smil-stanza-sopralluogo h4, .smil-stanza-sopralluogo p, .smil-stanza-sopralluogo li, .smil-stanza-sopralluogo a, .smil-stanza-sopralluogo span, .smil-stanza-sopralluogo strong { word-break: normal; overflow-wrap: break-word; white-space: normal; hyphens: none; } .smil-stanza-sopralluogo a { -webkit-tap-highlight-color: transparent; } .smil-stanza-sopralluogo strong { color: var(--smil-ssp-dark); font-weight: 820; } /* ========================================================= CONTENITORE ========================================================= */ .smil-stanza-sopralluogo__container { position: relative; z-index: 1; width: 100%; max-width: 1220px; min-width: 0; margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-stanza-sopralluogo__header { width: 100%; max-width: 970px; min-width: 0; margin: 0 auto; text-align: center; } .smil-stanza-sopralluogo__eyebrow { display: inline-flex; max-width: 100%; flex-wrap: nowrap; align-items: center; justify-content: center; gap: 9px; margin: 0 0 15px; color: var(--smil-ssp-teal); font-size: clamp(0.71rem, 1.2vw, 0.79rem); font-weight: 850; line-height: 1.4; letter-spacing: 0.07em; text-align: center; text-transform: uppercase; } .smil-stanza-sopralluogo__eyebrow > span:nth-child(2) { min-width: 0; overflow-wrap: break-word; } .smil-stanza-sopralluogo__eyebrow-line { width: 32px; height: 2px; flex: 0 0 32px; border-radius: 999px; background: var(--smil-ssp-turquoise); } .smil-stanza-sopralluogo__title { width: 100%; min-width: 0; margin: 0; color: var(--smil-ssp-dark); font-size: clamp(2rem, 4vw, 3.55rem); font-weight: 850; line-height: 1.08; letter-spacing: -0.04em; text-align: center; overflow-wrap: break-word; } .smil-stanza-sopralluogo__lead { width: 100%; max-width: 920px; min-width: 0; margin: 22px auto 0; color: var(--smil-ssp-text); font-size: clamp(1.03rem, 1.7vw, 1.19rem); line-height: 1.78; text-align: center; overflow-wrap: break-word; } /* ========================================================= RISPOSTA IMMEDIATA ========================================================= */ .smil-stanza-sopralluogo__answer { display: grid; grid-template-columns: 45px minmax(0, 1fr); gap: 18px; align-items: flex-start; width: 100%; max-width: 1040px; min-width: 0; margin: clamp(31px, 5vw, 49px) auto 0; padding: clamp(22px, 3vw, 30px); border: 1px solid rgba(8, 127, 140, 0.18); border-left: 5px solid var(--smil-ssp-turquoise); border-radius: 0 19px 19px 0; background: rgba(255, 255, 255, 0.96); box-shadow: 0 15px 38px rgba(8, 47, 59, 0.07); text-align: left; } .smil-stanza-sopralluogo__answer-icon { display: grid; width: 45px; height: 45px; flex: 0 0 45px; place-items: center; border-radius: 13px; background: rgba(23, 195, 178, 0.14); } .smil-stanza-sopralluogo__answer-icon svg { width: 25px; height: 25px; fill: var(--smil-ssp-teal); } .smil-stanza-sopralluogo__answer-content { width: 100%; min-width: 0; } .smil-stanza-sopralluogo__answer-label { margin: 0 0 6px; color: var(--smil-ssp-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-sopralluogo__answer-title { width: 100%; min-width: 0; margin: 0; color: var(--smil-ssp-dark); font-size: clamp(1.2rem, 2vw, 1.55rem); font-weight: 830; line-height: 1.35; text-align: left; overflow-wrap: break-word; } .smil-stanza-sopralluogo__answer-text { width: 100%; min-width: 0; margin: 11px 0 0; color: var(--smil-ssp-text); font-size: clamp(1rem, 1.45vw, 1.08rem); line-height: 1.74; text-align: left; overflow-wrap: break-word; } /* ========================================================= CONTENUTO E BOX LATERALE ========================================================= */ .smil-stanza-sopralluogo__layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(310px, 390px); gap: clamp(36px, 5vw, 68px); align-items: start; width: 100%; min-width: 0; margin-top: clamp(48px, 6vw, 76px); } .smil-stanza-sopralluogo__content, .smil-stanza-sopralluogo__technical { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-sopralluogo__subtitle { width: 100%; min-width: 0; margin: 0; color: var(--smil-ssp-dark); font-size: clamp(1.34rem, 2.4vw, 1.92rem); font-weight: 830; line-height: 1.27; letter-spacing: -0.025em; text-align: left; overflow-wrap: break-word; } .smil-stanza-sopralluogo__content > p { width: 100%; min-width: 0; margin: 18px 0 0; color: var(--smil-ssp-text); font-size: clamp(1rem, 1.35vw, 1.07rem); line-height: 1.8; text-align: left; overflow-wrap: break-word; } /* ========================================================= AVVERTENZA ========================================================= */ .smil-stanza-sopralluogo__warning { width: 100%; max-width: 100%; min-width: 0; margin: 31px 0 36px; padding: clamp(22px, 3vw, 30px); overflow: hidden; border: 1px solid #f0dcc3; border-left: 5px solid var(--smil-ssp-orange); border-radius: 0 18px 18px 0; background: var(--smil-ssp-cream); text-align: left; } .smil-stanza-sopralluogo__warning-label { margin: 0 !important; color: var(--smil-ssp-orange-dark) !important; font-size: 0.75rem !important; font-weight: 850; line-height: 1.3 !important; letter-spacing: 0.07em; text-align: left; text-transform: uppercase; } .smil-stanza-sopralluogo__warning h3 { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-ssp-dark); font-size: clamp(1.15rem, 1.9vw, 1.43rem); font-weight: 830; line-height: 1.4; text-align: left; overflow-wrap: break-word; } .smil-stanza-sopralluogo__warning p:not( .smil-stanza-sopralluogo__warning-label ) { width: 100%; min-width: 0; margin: 12px 0 0; color: var(--smil-ssp-text); font-size: clamp(0.98rem, 1.35vw, 1.05rem); line-height: 1.72; text-align: left; overflow-wrap: break-word; } /* ========================================================= BOX TECNICO LATERALE ========================================================= */ .smil-stanza-sopralluogo__technical { position: sticky; top: 24px; overflow: hidden; padding: clamp(25px, 3vw, 35px); border-radius: 24px; background: linear-gradient( 145deg, var(--smil-ssp-dark), var(--smil-ssp-dark-soft) ); color: var(--smil-ssp-white); box-shadow: 0 23px 54px rgba(8, 47, 59, 0.2); text-align: left; } .smil-stanza-sopralluogo__technical::after { position: absolute; right: -85px; bottom: -95px; width: 230px; height: 230px; border: 41px solid rgba(23, 195, 178, 0.11); border-radius: 50%; content: ""; pointer-events: none; } .smil-stanza-sopralluogo__technical-kicker, .smil-stanza-sopralluogo__technical-title, .smil-stanza-sopralluogo__technical-list, .smil-stanza-sopralluogo__technical-link { position: relative; z-index: 1; } .smil-stanza-sopralluogo__technical-kicker { margin: 0; color: var(--smil-ssp-turquoise-light); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-sopralluogo__technical-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-ssp-white); font-size: clamp(1.4rem, 2.3vw, 1.95rem); font-weight: 830; line-height: 1.22; letter-spacing: -0.025em; text-align: left; overflow-wrap: break-word; } .smil-stanza-sopralluogo__technical-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; width: 100%; min-width: 0; margin: 23px 0 0; padding: 0; list-style: none; } .smil-stanza-sopralluogo__technical-list li { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 12px; align-items: flex-start; width: 100%; max-width: 100%; min-width: 0; padding: 13px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.11); border-radius: 13px; background: rgba(255, 255, 255, 0.06); } .smil-stanza-sopralluogo__technical-number { display: grid; width: 34px; height: 34px; flex: 0 0 34px; place-items: center; border-radius: 9px; background: rgba(23, 195, 178, 0.14); color: var(--smil-ssp-turquoise-light); font-size: 0.7rem; font-weight: 900; line-height: 1; } .smil-stanza-sopralluogo__technical-content { width: 100%; min-width: 0; } .smil-stanza-sopralluogo__technical-list strong { display: block; width: 100%; min-width: 0; color: var(--smil-ssp-white); font-size: 0.93rem; line-height: 1.4; text-align: left; overflow-wrap: break-word; } .smil-stanza-sopralluogo__technical-list p { width: 100%; min-width: 0; margin: 4px 0 0; color: rgba(255, 255, 255, 0.72); font-size: 0.81rem; line-height: 1.5; text-align: left; overflow-wrap: break-word; } .smil-stanza-sopralluogo__technical-link { display: inline-flex; width: fit-content; max-width: 100%; min-width: 0; align-items: center; gap: 8px; margin-top: 22px; color: var(--smil-ssp-white); font-size: 0.9rem; font-weight: 810; line-height: 1.45; text-align: left; text-decoration: none; white-space: normal; overflow-wrap: break-word; } .smil-stanza-sopralluogo__technical-link-text { min-width: 0; overflow-wrap: break-word; } .smil-stanza-sopralluogo__technical-link svg { width: 18px; height: 18px; flex: 0 0 18px; fill: var(--smil-ssp-turquoise-light); transition: transform 180ms ease; } .smil-stanza-sopralluogo__technical-link:hover svg { transform: translateX(4px); } /* ========================================================= STRUMENTAZIONE ========================================================= */ .smil-stanza-sopralluogo__measurements { width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(60px, 8vw, 94px); } .smil-stanza-sopralluogo__measurements-header { width: 100%; max-width: 860px; min-width: 0; margin: 0 auto; text-align: center; } .smil-stanza-sopralluogo__measurements-kicker { margin: 0; color: var(--smil-ssp-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: center; text-transform: uppercase; } .smil-stanza-sopralluogo__measurements-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-ssp-dark); font-size: clamp(1.6rem, 3.1vw, 2.55rem); font-weight: 840; line-height: 1.18; letter-spacing: -0.03em; text-align: center; overflow-wrap: break-word; } .smil-stanza-sopralluogo__measurements-header > p:last-child { width: 100%; max-width: 760px; min-width: 0; margin: 15px auto 0; color: var(--smil-ssp-muted); font-size: 0.96rem; line-height: 1.7; text-align: center; overflow-wrap: break-word; } .smil-stanza-sopralluogo__measurements-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; width: 100%; min-width: 0; margin-top: 33px; } .smil-stanza-sopralluogo__measurement { width: 100%; max-width: 100%; min-width: 0; padding: clamp(22px, 2.8vw, 29px); overflow: hidden; border: 1px solid var(--smil-ssp-border); border-radius: 20px; background: var(--smil-ssp-white); box-shadow: 0 14px 35px rgba(8, 47, 59, 0.06); text-align: left; } .smil-stanza-sopralluogo__measurement-icon { display: grid; width: 45px; height: 45px; place-items: center; border-radius: 13px; background: rgba(23, 195, 178, 0.13); } .smil-stanza-sopralluogo__measurement-icon svg { width: 24px; height: 24px; fill: var(--smil-ssp-teal); } .smil-stanza-sopralluogo__measurement h4 { width: 100%; min-width: 0; margin: 18px 0 0; color: var(--smil-ssp-dark); font-size: 1.12rem; font-weight: 830; line-height: 1.35; text-align: left; overflow-wrap: break-word; } .smil-stanza-sopralluogo__measurement p { width: 100%; min-width: 0; margin: 11px 0 0; color: var(--smil-ssp-muted); font-size: 0.88rem; line-height: 1.65; text-align: left; overflow-wrap: break-word; } /* ========================================================= FASI DEL SOPRALLUOGO ========================================================= */ .smil-stanza-sopralluogo__process { display: grid; grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr); gap: clamp(34px, 5vw, 66px); align-items: center; width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(60px, 8vw, 94px); padding: clamp(29px, 5vw, 49px); overflow: hidden; border: 1px solid var(--smil-ssp-border); border-radius: 26px; background: linear-gradient( 135deg, var(--smil-ssp-light), var(--smil-ssp-white) ); } .smil-stanza-sopralluogo__process-heading, .smil-stanza-sopralluogo__process-list { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-sopralluogo__process-kicker { margin: 0; color: var(--smil-ssp-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-sopralluogo__process-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-ssp-dark); font-size: clamp(1.5rem, 2.8vw, 2.3rem); font-weight: 840; line-height: 1.2; letter-spacing: -0.03em; text-align: left; overflow-wrap: break-word; } .smil-stanza-sopralluogo__process-heading > p:last-child { width: 100%; min-width: 0; margin: 15px 0 0; color: var(--smil-ssp-muted); font-size: 0.96rem; line-height: 1.7; text-align: left; overflow-wrap: break-word; } .smil-stanza-sopralluogo__process-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 11px; margin: 0; padding: 0; list-style: none; } .smil-stanza-sopralluogo__process-list li { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 14px; align-items: flex-start; width: 100%; max-width: 100%; min-width: 0; padding: 15px; overflow: hidden; border: 1px solid var(--smil-ssp-border); border-radius: 15px; background: rgba(255, 255, 255, 0.9); } .smil-stanza-sopralluogo__process-number { display: grid; width: 38px; height: 38px; flex: 0 0 38px; place-items: center; border-radius: 10px; background: var(--smil-ssp-teal); color: var(--smil-ssp-white); font-size: 0.72rem; font-weight: 900; line-height: 1; } .smil-stanza-sopralluogo__process-content { width: 100%; min-width: 0; } .smil-stanza-sopralluogo__process-list strong { display: block; width: 100%; min-width: 0; color: var(--smil-ssp-dark); font-size: 0.96rem; line-height: 1.4; text-align: left; overflow-wrap: break-word; } .smil-stanza-sopralluogo__process-list p { width: 100%; min-width: 0; margin: 3px 0 0; color: var(--smil-ssp-muted); font-size: 0.83rem; line-height: 1.53; text-align: left; overflow-wrap: break-word; } /* ========================================================= RISULTATI DELL’ANALISI ========================================================= */ .smil-stanza-sopralluogo__output { display: grid; grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr); gap: clamp(34px, 5vw, 66px); align-items: center; width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(60px, 8vw, 92px); } .smil-stanza-sopralluogo__output-heading, .smil-stanza-sopralluogo__output-content { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-sopralluogo__output-kicker { margin: 0; color: var(--smil-ssp-teal); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-sopralluogo__output-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-ssp-dark); font-size: clamp(1.5rem, 2.8vw, 2.28rem); font-weight: 840; line-height: 1.2; letter-spacing: -0.03em; text-align: left; overflow-wrap: break-word; } .smil-stanza-sopralluogo__output-content { display: grid; grid-template-columns: minmax(0, 1fr); gap: 11px; } .smil-stanza-sopralluogo__output-item { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 13px; align-items: flex-start; width: 100%; max-width: 100%; min-width: 0; padding: 16px; overflow: hidden; border: 1px solid var(--smil-ssp-border); border-radius: 15px; background: var(--smil-ssp-grey); } .smil-stanza-sopralluogo__output-item svg { width: 22px; height: 22px; flex: 0 0 22px; fill: var(--smil-ssp-teal); } .smil-stanza-sopralluogo__output-item p { width: 100%; min-width: 0; margin: 0; color: var(--smil-ssp-muted); font-size: 0.89rem; line-height: 1.6; text-align: left; overflow-wrap: break-word; } /* ========================================================= CONFRONTO ========================================================= */ .smil-stanza-sopralluogo__comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; width: 100%; max-width: 1060px; min-width: 0; margin: clamp(60px, 8vw, 92px) auto 0; } .smil-stanza-sopralluogo__comparison-card { width: 100%; max-width: 100%; min-width: 0; padding: clamp(25px, 3.5vw, 37px); overflow: hidden; border: 1px solid var(--smil-ssp-border); border-radius: 22px; background: var(--smil-ssp-white); box-shadow: 0 16px 38px rgba(8, 47, 59, 0.07); text-align: left; } .smil-stanza-sopralluogo__comparison-card--featured { border-color: rgba(8, 127, 140, 0.25); background: linear-gradient( 145deg, var(--smil-ssp-light), var(--smil-ssp-white) ); } .smil-stanza-sopralluogo__comparison-label { margin: 0; color: var(--smil-ssp-teal); font-size: 0.74rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.065em; text-align: left; text-transform: uppercase; } .smil-stanza-sopralluogo__comparison-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-ssp-dark); font-size: clamp(1.28rem, 2.2vw, 1.82rem); font-weight: 830; line-height: 1.3; text-align: left; overflow-wrap: break-word; } .smil-stanza-sopralluogo__comparison-card ul { display: grid; grid-template-columns: minmax(0, 1fr); gap: 11px; width: 100%; min-width: 0; margin: 21px 0 0; padding: 0; list-style: none; } .smil-stanza-sopralluogo__comparison-card li { position: relative; width: 100%; min-width: 0; padding-left: 27px; color: var(--smil-ssp-text); font-size: 0.92rem; line-height: 1.6; text-align: left; overflow-wrap: break-word; } .smil-stanza-sopralluogo__comparison-card li::before { position: absolute; left: 0; color: var(--smil-ssp-teal); font-weight: 900; content: "✓"; } /* ========================================================= GEO MILANO ========================================================= */ .smil-stanza-sopralluogo__geo { display: grid; grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr); gap: clamp(29px, 5vw, 62px); align-items: center; width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(57px, 7vw, 84px); padding: clamp(28px, 4vw, 43px); overflow: hidden; border: 1px solid var(--smil-ssp-border); border-radius: 23px; background: var(--smil-ssp-grey); } .smil-stanza-sopralluogo__geo-heading, .smil-stanza-sopralluogo__geo-content { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-sopralluogo__geo-kicker { margin: 0; color: var(--smil-ssp-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-sopralluogo__geo-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-ssp-dark); font-size: clamp(1.4rem, 2.5vw, 2.05rem); font-weight: 830; line-height: 1.22; letter-spacing: -0.025em; text-align: left; overflow-wrap: break-word; } .smil-stanza-sopralluogo__geo-content p { width: 100%; min-width: 0; margin: 0; color: var(--smil-ssp-text); font-size: 0.97rem; line-height: 1.75; text-align: left; overflow-wrap: break-word; } .smil-stanza-sopralluogo__geo-content p + p { margin-top: 13px; } /* ========================================================= CTA FINALE ========================================================= */ .smil-stanza-sopralluogo__conversion { display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, 300px); gap: 30px; align-items: center; width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(54px, 7vw, 83px); padding: clamp(28px, 4vw, 44px); overflow: hidden; border-radius: 24px; background: radial-gradient( circle at 92% 8%, rgba(23, 195, 178, 0.17), transparent 35% ), linear-gradient( 135deg, var(--smil-ssp-dark), var(--smil-ssp-dark-soft) ); color: var(--smil-ssp-white); box-shadow: 0 22px 50px rgba(8, 47, 59, 0.18); text-align: left; } .smil-stanza-sopralluogo__conversion-content, .smil-stanza-sopralluogo__conversion-actions { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-sopralluogo__conversion-kicker { margin: 0; color: var(--smil-ssp-turquoise-light); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-sopralluogo__conversion-title { width: 100%; max-width: 790px; min-width: 0; margin: 8px 0 0; color: var(--smil-ssp-white); font-size: clamp(1.42rem, 2.6vw, 2.18rem); font-weight: 830; line-height: 1.22; letter-spacing: -0.025em; text-align: left; overflow-wrap: break-word; } .smil-stanza-sopralluogo__conversion-text { width: 100%; max-width: 790px; min-width: 0; margin: 14px 0 0; color: rgba(255, 255, 255, 0.82); font-size: 0.96rem; line-height: 1.7; text-align: left; overflow-wrap: break-word; } .smil-stanza-sopralluogo__conversion-actions { display: grid; grid-template-columns: minmax(0, 1fr); gap: 13px; justify-items: stretch; } /* ========================================================= PULSANTE PRINCIPALE ========================================================= */ .smil-stanza-sopralluogo__button { display: inline-flex; width: 100%; max-width: 100%; min-width: 0; min-height: 52px; align-items: center; justify-content: center; padding: 13px 21px; border-radius: 12px; background: var(--smil-ssp-orange); color: var(--smil-ssp-white); font-family: inherit; font-size: clamp(0.9rem, 1.4vw, 0.95rem); font-weight: 820; line-height: 1.4; text-align: center; text-decoration: none; white-space: normal; overflow-wrap: break-word; box-shadow: 0 12px 25px rgba(242, 140, 40, 0.25); transition: transform 180ms ease, background-color 180ms ease, box-shadow 180ms ease; } .smil-stanza-sopralluogo__button:hover { transform: translateY(-2px); background: var(--smil-ssp-orange-dark); box-shadow: 0 15px 29px rgba(242, 140, 40, 0.32); } /* ========================================================= LINK ALLA SEZIONE SUCCESSIVA ========================================================= */ .smil-stanza-sopralluogo__next { display: flex; width: 100%; max-width: 100%; min-width: 0; align-items: center; justify-content: center; gap: 8px; color: rgba(255, 255, 255, 0.9); font-size: 0.86rem; font-weight: 750; line-height: 1.45; text-align: center; text-decoration: none; white-space: normal; overflow-wrap: break-word; } .smil-stanza-sopralluogo__next-text { min-width: 0; overflow-wrap: break-word; } .smil-stanza-sopralluogo__next-arrow { flex: 0 0 auto; color: var(--smil-ssp-turquoise-light); transition: transform 180ms ease; } .smil-stanza-sopralluogo__next:hover .smil-stanza-sopralluogo__next-arrow { transform: translateY(3px); } /* ========================================================= ACCESSIBILITÀ ========================================================= */ .smil-stanza-sopralluogo a:focus-visible { outline: 3px solid rgba(242, 140, 40, 0.44); outline-offset: 4px; } /* ========================================================= DESKTOP INTERMEDIO ========================================================= */ @media (max-width: 1100px) { .smil-stanza-sopralluogo__layout { grid-template-columns: minmax(0, 1fr) minmax(285px, 350px); gap: clamp(30px, 4vw, 46px); } .smil-stanza-sopralluogo__measurements-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-stanza-sopralluogo__conversion { grid-template-columns: minmax(0, 1fr) minmax(225px, 280px); gap: 24px; } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 900px) { .smil-stanza-sopralluogo { padding: clamp(52px, 7vw, 72px) clamp(18px, 4vw, 28px); } .smil-stanza-sopralluogo__layout, .smil-stanza-sopralluogo__process, .smil-stanza-sopralluogo__output, .smil-stanza-sopralluogo__geo, .smil-stanza-sopralluogo__conversion { grid-template-columns: minmax(0, 1fr); } .smil-stanza-sopralluogo__technical { position: relative; top: auto; width: 100%; max-width: 760px; } .smil-stanza-sopralluogo__conversion { gap: 25px; } .smil-stanza-sopralluogo__conversion-actions { width: min(100%, 430px); } } /* ========================================================= TABLET PICCOLI ========================================================= */ @media (max-width: 720px) { .smil-stanza-sopralluogo__comparison { grid-template-columns: minmax(0, 1fr); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 640px) { .smil-stanza-sopralluogo { padding: 46px max(16px, env(safe-area-inset-right)) 52px max(16px, env(safe-area-inset-left)); scroll-margin-top: 72px; } .smil-stanza-sopralluogo__header, .smil-stanza-sopralluogo__measurements-header { text-align: left; } .smil-stanza-sopralluogo__eyebrow { display: block; width: 100%; margin-bottom: 13px; font-size: 0.7rem; line-height: 1.45; letter-spacing: 0.045em; text-align: left; } .smil-stanza-sopralluogo__eyebrow-line { display: none; } .smil-stanza-sopralluogo__title { font-size: clamp(1.85rem, 8.7vw, 2.6rem); line-height: 1.1; letter-spacing: -0.032em; text-align: left; } .smil-stanza-sopralluogo__lead { margin-top: 18px; font-size: 1rem; line-height: 1.7; text-align: left; } .smil-stanza-sopralluogo__answer { grid-template-columns: minmax(0, 1fr); gap: 13px; margin-top: 26px; padding: 19px 17px; border-left-width: 4px; border-radius: 0 15px 15px 0; } .smil-stanza-sopralluogo__answer-icon { width: 40px; height: 40px; } .smil-stanza-sopralluogo__answer-icon svg { width: 22px; height: 22px; } .smil-stanza-sopralluogo__answer-title { font-size: 1.18rem; line-height: 1.4; } .smil-stanza-sopralluogo__answer-text { font-size: 1rem; line-height: 1.68; } .smil-stanza-sopralluogo__layout { margin-top: 38px; gap: 33px; } .smil-stanza-sopralluogo__subtitle { font-size: clamp(1.28rem, 6.3vw, 1.65rem); line-height: 1.3; } .smil-stanza-sopralluogo__content > p { margin-top: 16px; font-size: 1rem; line-height: 1.72; } .smil-stanza-sopralluogo__warning { margin: 26px 0 31px; padding: 19px 16px; border-left-width: 4px; border-radius: 0 14px 14px 0; } .smil-stanza-sopralluogo__warning h3 { font-size: 1.08rem; line-height: 1.42; } .smil-stanza-sopralluogo__warning p:not( .smil-stanza-sopralluogo__warning-label ) { font-size: 0.98rem; line-height: 1.7; } .smil-stanza-sopralluogo__technical { width: 100%; max-width: 100%; padding: 25px 17px; border-radius: 20px; } .smil-stanza-sopralluogo__technical-title { font-size: clamp(1.4rem, 7vw, 1.8rem); } .smil-stanza-sopralluogo__technical-list li { grid-template-columns: 32px minmax(0, 1fr); gap: 11px; padding: 12px 10px; } .smil-stanza-sopralluogo__technical-number { width: 32px; height: 32px; } .smil-stanza-sopralluogo__technical-list strong { font-size: 0.9rem; } .smil-stanza-sopralluogo__technical-list p { font-size: 0.8rem; line-height: 1.48; } .smil-stanza-sopralluogo__technical-link { display: flex; width: 100%; justify-content: space-between; padding: 12px 13px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 11px; background: rgba(255, 255, 255, 0.07); } .smil-stanza-sopralluogo__measurements { margin-top: 50px; } .smil-stanza-sopralluogo__measurements-kicker, .smil-stanza-sopralluogo__measurements-title, .smil-stanza-sopralluogo__measurements-header > p:last-child { text-align: left; } .smil-stanza-sopralluogo__measurements-title { font-size: clamp(1.42rem, 7vw, 1.95rem); } .smil-stanza-sopralluogo__measurements-grid { grid-template-columns: minmax(0, 1fr); margin-top: 27px; } .smil-stanza-sopralluogo__measurement { padding: 23px 18px; border-radius: 18px; } .smil-stanza-sopralluogo__process { margin-top: 50px; padding: 25px 17px; border-radius: 21px; } .smil-stanza-sopralluogo__process-title { font-size: clamp(1.42rem, 7vw, 1.95rem); } .smil-stanza-sopralluogo__process-list { margin-top: 26px; } .smil-stanza-sopralluogo__process-list li { grid-template-columns: 36px minmax(0, 1fr); gap: 12px; padding: 14px 12px; } .smil-stanza-sopralluogo__process-number { width: 36px; height: 36px; } .smil-stanza-sopralluogo__output { margin-top: 50px; gap: 26px; } .smil-stanza-sopralluogo__output-title { font-size: clamp(1.4rem, 7vw, 1.9rem); } .smil-stanza-sopralluogo__output-item { padding: 14px 12px; } .smil-stanza-sopralluogo__comparison { margin-top: 50px; } .smil-stanza-sopralluogo__comparison-card { padding: 24px 18px; border-radius: 19px; } .smil-stanza-sopralluogo__comparison-title { font-size: clamp(1.2rem, 6vw, 1.55rem); } .smil-stanza-sopralluogo__geo { margin-top: 50px; padding: 25px 18px; border-radius: 20px; } .smil-stanza-sopralluogo__geo-title { font-size: clamp(1.38rem, 6.7vw, 1.8rem); } .smil-stanza-sopralluogo__conversion { margin-top: 46px; padding: 26px 18px; border-radius: 20px; } .smil-stanza-sopralluogo__conversion-title { font-size: clamp(1.38rem, 7vw, 1.85rem); line-height: 1.25; } .smil-stanza-sopralluogo__conversion-text { font-size: 0.95rem; line-height: 1.65; } .smil-stanza-sopralluogo__conversion-actions { width: 100%; } .smil-stanza-sopralluogo__button { width: 100%; padding: 13px 15px; font-size: 0.93rem; } .smil-stanza-sopralluogo__next { width: 100%; justify-content: space-between; padding: 12px 13px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 11px; background: rgba(255, 255, 255, 0.06); text-align: left; } } /* ========================================================= SMARTPHONE PICCOLI ========================================================= */ @media (max-width: 380px) { .smil-stanza-sopralluogo { padding-right: 14px; padding-left: 14px; } .smil-stanza-sopralluogo__title { font-size: clamp(1.72rem, 8.7vw, 2.15rem); } .smil-stanza-sopralluogo__answer, .smil-stanza-sopralluogo__technical, .smil-stanza-sopralluogo__process, .smil-stanza-sopralluogo__geo, .smil-stanza-sopralluogo__conversion { padding-right: 14px; padding-left: 14px; } .smil-stanza-sopralluogo__measurement, .smil-stanza-sopralluogo__comparison-card { padding-right: 15px; padding-left: 15px; } .smil-stanza-sopralluogo__process-list li, .smil-stanza-sopralluogo__output-item { grid-template-columns: minmax(0, 1fr); } .smil-stanza-sopralluogo__button { padding-right: 11px; padding-left: 11px; font-size: 0.88rem; } } /* ========================================================= RIDUZIONE ANIMAZIONI ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-stanza-sopralluogo__technical-link svg, .smil-stanza-sopralluogo__button, .smil-stanza-sopralluogo__next-arrow { transition: none; } .smil-stanza-sopralluogo__button:hover { transform: none; } .smil-stanza-sopralluogo__technical-link:hover svg, .smil-stanza-sopralluogo__next:hover .smil-stanza-sopralluogo__next-arrow { transform: none; } }#imCell_15 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1723_15 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_15 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_15 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H2 – QUANTO COSTA INSONORIZZARE UNA STANZA A MILANO RESPONSIVE DESKTOP, TABLET E MOBILE ========================================================= */ .smil-stanza-costo { --smil-scs-dark: #082f3b; --smil-scs-dark-soft: #104653; --smil-scs-teal: #087f8c; --smil-scs-turquoise: #17c3b2; --smil-scs-turquoise-light: #70e1d3; --smil-scs-orange: #f28c28; --smil-scs-orange-dark: #d97215; --smil-scs-green: #7cc043; --smil-scs-white: #ffffff; --smil-scs-cream: #fff9ef; --smil-scs-light: #eef9fa; --smil-scs-grey: #f4f7f8; --smil-scs-text: #263f47; --smil-scs-muted: #60767d; --smil-scs-border: #d8e7e9; position: relative; width: 100%; max-width: 100%; min-width: 0; margin: 0; padding: clamp(60px, 7vw, 100px) clamp(16px, 3.5vw, 32px); overflow-x: hidden; background: radial-gradient( circle at 100% 4%, rgba(23, 195, 178, 0.1), transparent 28% ), linear-gradient( 180deg, #f0fafb 0%, var(--smil-scs-white) 28%, var(--smil-scs-white) 100% ); color: var(--smil-scs-text); text-align: left; scroll-margin-top: 90px; isolation: isolate; } @supports (overflow: clip) { .smil-stanza-costo { overflow-x: clip; } } /* ========================================================= RESET LOCALE ========================================================= */ .smil-stanza-costo, .smil-stanza-costo *, .smil-stanza-costo *::before, .smil-stanza-costo *::after { box-sizing: border-box; } .smil-stanza-costo h2, .smil-stanza-costo h3, .smil-stanza-costo h4, .smil-stanza-costo p, .smil-stanza-costo ul, .smil-stanza-costo ol, .smil-stanza-costo li, .smil-stanza-costo section, .smil-stanza-costo article, .smil-stanza-costo aside, .smil-stanza-costo header, .smil-stanza-costo div, .smil-stanza-costo a, .smil-stanza-costo span, .smil-stanza-costo strong, .smil-stanza-costo svg { max-width: 100%; min-width: 0; } .smil-stanza-costo h2, .smil-stanza-costo h3, .smil-stanza-costo h4, .smil-stanza-costo p, .smil-stanza-costo li, .smil-stanza-costo a, .smil-stanza-costo span, .smil-stanza-costo strong { word-break: normal; overflow-wrap: break-word; white-space: normal; hyphens: none; } .smil-stanza-costo a { -webkit-tap-highlight-color: transparent; } .smil-stanza-costo strong { color: var(--smil-scs-dark); font-weight: 820; } /* ========================================================= CONTENITORE ========================================================= */ .smil-stanza-costo__container { position: relative; z-index: 1; width: 100%; max-width: 1220px; min-width: 0; margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-stanza-costo__header { width: 100%; max-width: 970px; min-width: 0; margin: 0 auto; text-align: center; } .smil-stanza-costo__eyebrow { display: inline-flex; max-width: 100%; flex-wrap: nowrap; align-items: center; justify-content: center; gap: 9px; margin: 0 0 15px; color: var(--smil-scs-teal); font-size: clamp(0.71rem, 1.2vw, 0.79rem); font-weight: 850; line-height: 1.4; letter-spacing: 0.07em; text-align: center; text-transform: uppercase; } .smil-stanza-costo__eyebrow > span:nth-child(2) { min-width: 0; overflow-wrap: break-word; } .smil-stanza-costo__eyebrow-line { width: 32px; height: 2px; flex: 0 0 32px; border-radius: 999px; background: var(--smil-scs-turquoise); } .smil-stanza-costo__title { width: 100%; min-width: 0; margin: 0; color: var(--smil-scs-dark); font-size: clamp(2rem, 4vw, 3.55rem); font-weight: 850; line-height: 1.08; letter-spacing: -0.04em; text-align: center; overflow-wrap: break-word; } .smil-stanza-costo__lead { width: 100%; max-width: 920px; min-width: 0; margin: 22px auto 0; color: var(--smil-scs-text); font-size: clamp(1.03rem, 1.7vw, 1.19rem); line-height: 1.78; text-align: center; overflow-wrap: break-word; } /* ========================================================= RISPOSTA IMMEDIATA ========================================================= */ .smil-stanza-costo__answer { display: grid; grid-template-columns: 45px minmax(0, 1fr); gap: 18px; align-items: flex-start; width: 100%; max-width: 1040px; min-width: 0; margin: clamp(31px, 5vw, 49px) auto 0; padding: clamp(22px, 3vw, 30px); border: 1px solid rgba(8, 127, 140, 0.18); border-left: 5px solid var(--smil-scs-turquoise); border-radius: 0 19px 19px 0; background: rgba(255, 255, 255, 0.96); box-shadow: 0 15px 38px rgba(8, 47, 59, 0.07); text-align: left; } .smil-stanza-costo__answer-icon { display: grid; width: 45px; height: 45px; flex: 0 0 45px; place-items: center; border-radius: 13px; background: rgba(23, 195, 178, 0.14); } .smil-stanza-costo__answer-icon svg { width: 25px; height: 25px; fill: var(--smil-scs-teal); } .smil-stanza-costo__answer-content { width: 100%; min-width: 0; } .smil-stanza-costo__answer-label { margin: 0 0 6px; color: var(--smil-scs-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-costo__answer-title { width: 100%; min-width: 0; margin: 0; color: var(--smil-scs-dark); font-size: clamp(1.2rem, 2vw, 1.55rem); font-weight: 830; line-height: 1.35; text-align: left; overflow-wrap: break-word; } .smil-stanza-costo__answer-text { width: 100%; min-width: 0; margin: 11px 0 0; color: var(--smil-scs-text); font-size: clamp(1rem, 1.45vw, 1.08rem); line-height: 1.74; text-align: left; overflow-wrap: break-word; } /* ========================================================= CONTENUTO PRINCIPALE E BOX LATERALE ========================================================= */ .smil-stanza-costo__layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(310px, 390px); gap: clamp(36px, 5vw, 68px); align-items: start; width: 100%; min-width: 0; margin-top: clamp(48px, 6vw, 76px); } .smil-stanza-costo__content, .smil-stanza-costo__summary { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-costo__subtitle { width: 100%; min-width: 0; margin: 0; color: var(--smil-scs-dark); font-size: clamp(1.34rem, 2.4vw, 1.92rem); font-weight: 830; line-height: 1.27; letter-spacing: -0.025em; text-align: left; overflow-wrap: break-word; } .smil-stanza-costo__content > p { width: 100%; min-width: 0; margin: 18px 0 0; color: var(--smil-scs-text); font-size: clamp(1rem, 1.35vw, 1.07rem); line-height: 1.8; text-align: left; overflow-wrap: break-word; } /* ========================================================= AVVERTENZA ========================================================= */ .smil-stanza-costo__warning { width: 100%; max-width: 100%; min-width: 0; margin: 31px 0 36px; padding: clamp(22px, 3vw, 30px); overflow: hidden; border: 1px solid #f0dcc3; border-left: 5px solid var(--smil-scs-orange); border-radius: 0 18px 18px 0; background: var(--smil-scs-cream); text-align: left; } .smil-stanza-costo__warning-label { margin: 0 !important; color: var(--smil-scs-orange-dark) !important; font-size: 0.75rem !important; font-weight: 850; line-height: 1.3 !important; letter-spacing: 0.07em; text-align: left; text-transform: uppercase; } .smil-stanza-costo__warning h3 { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-scs-dark); font-size: clamp(1.15rem, 1.9vw, 1.43rem); font-weight: 830; line-height: 1.4; text-align: left; overflow-wrap: break-word; } .smil-stanza-costo__warning p:not( .smil-stanza-costo__warning-label ) { width: 100%; min-width: 0; margin: 12px 0 0; color: var(--smil-scs-text); font-size: clamp(0.98rem, 1.35vw, 1.05rem); line-height: 1.72; text-align: left; overflow-wrap: break-word; } /* ========================================================= BOX LATERALE ========================================================= */ .smil-stanza-costo__summary { position: sticky; top: 24px; overflow: hidden; padding: clamp(25px, 3vw, 35px); border-radius: 24px; background: linear-gradient( 145deg, var(--smil-scs-dark), var(--smil-scs-dark-soft) ); color: var(--smil-scs-white); box-shadow: 0 23px 54px rgba(8, 47, 59, 0.2); text-align: left; } .smil-stanza-costo__summary::after { position: absolute; right: -85px; bottom: -95px; width: 230px; height: 230px; border: 41px solid rgba(23, 195, 178, 0.11); border-radius: 50%; content: ""; pointer-events: none; } .smil-stanza-costo__summary-kicker, .smil-stanza-costo__summary-title, .smil-stanza-costo__summary-list, .smil-stanza-costo__summary-link { position: relative; z-index: 1; } .smil-stanza-costo__summary-kicker { margin: 0; color: var(--smil-scs-turquoise-light); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-costo__summary-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-scs-white); font-size: clamp(1.4rem, 2.3vw, 1.95rem); font-weight: 830; line-height: 1.22; letter-spacing: -0.025em; text-align: left; overflow-wrap: break-word; } .smil-stanza-costo__summary-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; width: 100%; min-width: 0; margin: 23px 0 0; padding: 0; list-style: none; } .smil-stanza-costo__summary-list li { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 12px; align-items: flex-start; width: 100%; max-width: 100%; min-width: 0; padding: 13px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.11); border-radius: 13px; background: rgba(255, 255, 255, 0.06); } .smil-stanza-costo__summary-number { display: grid; width: 34px; height: 34px; flex: 0 0 34px; place-items: center; border-radius: 9px; background: rgba(23, 195, 178, 0.14); color: var(--smil-scs-turquoise-light); font-size: 0.7rem; font-weight: 900; line-height: 1; } .smil-stanza-costo__summary-content { width: 100%; min-width: 0; } .smil-stanza-costo__summary-list strong { display: block; width: 100%; min-width: 0; color: var(--smil-scs-white); font-size: 0.93rem; line-height: 1.4; text-align: left; overflow-wrap: break-word; } .smil-stanza-costo__summary-list p { width: 100%; min-width: 0; margin: 4px 0 0; color: rgba(255, 255, 255, 0.72); font-size: 0.81rem; line-height: 1.5; text-align: left; overflow-wrap: break-word; } .smil-stanza-costo__summary-link { display: inline-flex; width: fit-content; max-width: 100%; min-width: 0; align-items: center; gap: 8px; margin-top: 22px; color: var(--smil-scs-white); font-size: 0.9rem; font-weight: 810; line-height: 1.45; text-align: left; text-decoration: none; white-space: normal; overflow-wrap: break-word; } .smil-stanza-costo__summary-link-text { min-width: 0; overflow-wrap: break-word; } .smil-stanza-costo__summary-link svg { width: 18px; height: 18px; flex: 0 0 18px; fill: var(--smil-scs-turquoise-light); transition: transform 180ms ease; } .smil-stanza-costo__summary-link:hover svg { transform: translateX(4px); } /* ========================================================= FATTORI CHE INCIDONO SUL COSTO ========================================================= */ .smil-stanza-costo__factors { width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(60px, 8vw, 94px); } .smil-stanza-costo__factors-header { width: 100%; max-width: 870px; min-width: 0; margin: 0 auto; text-align: center; } .smil-stanza-costo__factors-kicker { margin: 0; color: var(--smil-scs-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: center; text-transform: uppercase; } .smil-stanza-costo__factors-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-scs-dark); font-size: clamp(1.6rem, 3.1vw, 2.55rem); font-weight: 840; line-height: 1.18; letter-spacing: -0.03em; text-align: center; overflow-wrap: break-word; } .smil-stanza-costo__factors-header > p:last-child { width: 100%; max-width: 760px; min-width: 0; margin: 15px auto 0; color: var(--smil-scs-muted); font-size: 0.96rem; line-height: 1.7; text-align: center; overflow-wrap: break-word; } .smil-stanza-costo__factors-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; width: 100%; min-width: 0; margin-top: 33px; } .smil-stanza-costo__factor { width: 100%; max-width: 100%; min-width: 0; padding: clamp(23px, 3vw, 31px); overflow: hidden; border: 1px solid var(--smil-scs-border); border-radius: 21px; background: var(--smil-scs-white); box-shadow: 0 15px 36px rgba(8, 47, 59, 0.065); text-align: left; } .smil-stanza-costo__factor-number { display: grid; width: 43px; height: 43px; place-items: center; border-radius: 12px; background: rgba(23, 195, 178, 0.13); color: var(--smil-scs-teal); font-size: 0.75rem; font-weight: 900; line-height: 1; } .smil-stanza-costo__factor h4 { width: 100%; min-width: 0; margin: 18px 0 0; color: var(--smil-scs-dark); font-size: clamp(1.12rem, 1.8vw, 1.4rem); font-weight: 830; line-height: 1.35; text-align: left; overflow-wrap: break-word; } .smil-stanza-costo__factor p { width: 100%; min-width: 0; margin: 12px 0 0; color: var(--smil-scs-muted); font-size: 0.9rem; line-height: 1.65; text-align: left; overflow-wrap: break-word; } /* ========================================================= ESTENSIONE DELL’INTERVENTO ========================================================= */ .smil-stanza-costo__scope { display: grid; grid-template-columns: minmax(0, 0.74fr) minmax(0, 1.26fr); gap: clamp(32px, 5vw, 64px); align-items: center; width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(60px, 8vw, 92px); padding: clamp(29px, 4.5vw, 46px); overflow: hidden; border: 1px solid var(--smil-scs-border); border-radius: 24px; background: var(--smil-scs-light); } .smil-stanza-costo__scope-heading, .smil-stanza-costo__scope-content { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-costo__scope-kicker { margin: 0; color: var(--smil-scs-teal); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-costo__scope-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-scs-dark); font-size: clamp(1.45rem, 2.7vw, 2.2rem); font-weight: 840; line-height: 1.22; letter-spacing: -0.025em; text-align: left; overflow-wrap: break-word; } .smil-stanza-costo__scope-content > p { width: 100%; min-width: 0; margin: 0; color: var(--smil-scs-text); font-size: 0.97rem; line-height: 1.76; text-align: left; overflow-wrap: break-word; } .smil-stanza-costo__scope-content > p + p { margin-top: 14px; } .smil-stanza-costo__scope-note { display: grid; grid-template-columns: 23px minmax(0, 1fr); gap: 12px; align-items: flex-start; width: 100%; max-width: 100%; min-width: 0; margin-top: 20px; padding: 16px; overflow: hidden; border: 1px solid rgba(8, 127, 140, 0.17); border-radius: 15px; background: rgba(255, 255, 255, 0.85); } .smil-stanza-costo__scope-note svg { width: 23px; height: 23px; flex: 0 0 23px; fill: var(--smil-scs-teal); } .smil-stanza-costo__scope-note p { width: 100%; min-width: 0; margin: 0; color: var(--smil-scs-muted); font-size: 0.87rem; line-height: 1.6; text-align: left; overflow-wrap: break-word; } /* ========================================================= COME EVITARE COSTI INUTILI ========================================================= */ .smil-stanza-costo__saving { width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(60px, 8vw, 94px); } .smil-stanza-costo__saving-header { width: 100%; max-width: 870px; min-width: 0; margin: 0 auto; text-align: center; } .smil-stanza-costo__saving-kicker { margin: 0; color: var(--smil-scs-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: center; text-transform: uppercase; } .smil-stanza-costo__saving-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-scs-dark); font-size: clamp(1.6rem, 3.1vw, 2.55rem); font-weight: 840; line-height: 1.18; letter-spacing: -0.03em; text-align: center; overflow-wrap: break-word; } .smil-stanza-costo__saving-header > p:last-child { width: 100%; max-width: 760px; min-width: 0; margin: 15px auto 0; color: var(--smil-scs-muted); font-size: 0.96rem; line-height: 1.7; text-align: center; overflow-wrap: break-word; } .smil-stanza-costo__saving-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; width: 100%; min-width: 0; margin-top: 33px; } .smil-stanza-costo__saving-card { width: 100%; max-width: 100%; min-width: 0; padding: clamp(23px, 3vw, 31px); overflow: hidden; border: 1px solid var(--smil-scs-border); border-radius: 21px; background: var(--smil-scs-grey); text-align: left; } .smil-stanza-costo__saving-icon { display: grid; width: 45px; height: 45px; place-items: center; border-radius: 13px; background: rgba(23, 195, 178, 0.13); } .smil-stanza-costo__saving-icon svg { width: 24px; height: 24px; fill: var(--smil-scs-teal); } .smil-stanza-costo__saving-card h4 { width: 100%; min-width: 0; margin: 18px 0 0; color: var(--smil-scs-dark); font-size: 1.15rem; font-weight: 830; line-height: 1.35; text-align: left; overflow-wrap: break-word; } .smil-stanza-costo__saving-card p { width: 100%; min-width: 0; margin: 11px 0 0; color: var(--smil-scs-muted); font-size: 0.89rem; line-height: 1.65; text-align: left; overflow-wrap: break-word; } /* ========================================================= PERCORSO PER IL PREVENTIVO ========================================================= */ .smil-stanza-costo__process { display: grid; grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr); gap: clamp(34px, 5vw, 66px); align-items: center; width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(60px, 8vw, 94px); padding: clamp(29px, 5vw, 49px); overflow: hidden; border: 1px solid var(--smil-scs-border); border-radius: 26px; background: linear-gradient( 135deg, var(--smil-scs-light), var(--smil-scs-white) ); } .smil-stanza-costo__process-heading, .smil-stanza-costo__process-list { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-costo__process-kicker { margin: 0; color: var(--smil-scs-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-costo__process-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-scs-dark); font-size: clamp(1.5rem, 2.8vw, 2.3rem); font-weight: 840; line-height: 1.2; letter-spacing: -0.03em; text-align: left; overflow-wrap: break-word; } .smil-stanza-costo__process-heading > p:last-child { width: 100%; min-width: 0; margin: 15px 0 0; color: var(--smil-scs-muted); font-size: 0.96rem; line-height: 1.7; text-align: left; overflow-wrap: break-word; } .smil-stanza-costo__process-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 11px; margin: 0; padding: 0; list-style: none; } .smil-stanza-costo__process-list li { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 14px; align-items: flex-start; width: 100%; max-width: 100%; min-width: 0; padding: 15px; overflow: hidden; border: 1px solid var(--smil-scs-border); border-radius: 15px; background: rgba(255, 255, 255, 0.9); } .smil-stanza-costo__process-number { display: grid; width: 38px; height: 38px; flex: 0 0 38px; place-items: center; border-radius: 10px; background: var(--smil-scs-teal); color: var(--smil-scs-white); font-size: 0.72rem; font-weight: 900; line-height: 1; } .smil-stanza-costo__process-content { width: 100%; min-width: 0; } .smil-stanza-costo__process-list strong { display: block; width: 100%; min-width: 0; color: var(--smil-scs-dark); font-size: 0.96rem; line-height: 1.4; text-align: left; overflow-wrap: break-word; } .smil-stanza-costo__process-list p { width: 100%; min-width: 0; margin: 3px 0 0; color: var(--smil-scs-muted); font-size: 0.83rem; line-height: 1.53; text-align: left; overflow-wrap: break-word; } /* ========================================================= GEO MILANO ========================================================= */ .smil-stanza-costo__geo { display: grid; grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr); gap: clamp(29px, 5vw, 62px); align-items: center; width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(57px, 7vw, 84px); padding: clamp(28px, 4vw, 43px); overflow: hidden; border: 1px solid var(--smil-scs-border); border-radius: 23px; background: var(--smil-scs-grey); } .smil-stanza-costo__geo-heading, .smil-stanza-costo__geo-content { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-costo__geo-kicker { margin: 0; color: var(--smil-scs-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-costo__geo-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-scs-dark); font-size: clamp(1.4rem, 2.5vw, 2.05rem); font-weight: 830; line-height: 1.22; letter-spacing: -0.025em; text-align: left; overflow-wrap: break-word; } .smil-stanza-costo__geo-content p { width: 100%; min-width: 0; margin: 0; color: var(--smil-scs-text); font-size: 0.97rem; line-height: 1.75; text-align: left; overflow-wrap: break-word; } .smil-stanza-costo__geo-content p + p { margin-top: 13px; } /* ========================================================= CTA FINALE ========================================================= */ .smil-stanza-costo__conversion { display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, 300px); gap: 30px; align-items: center; width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(54px, 7vw, 83px); padding: clamp(28px, 4vw, 44px); overflow: hidden; border-radius: 24px; background: radial-gradient( circle at 92% 8%, rgba(23, 195, 178, 0.17), transparent 35% ), linear-gradient( 135deg, var(--smil-scs-dark), var(--smil-scs-dark-soft) ); color: var(--smil-scs-white); box-shadow: 0 22px 50px rgba(8, 47, 59, 0.18); text-align: left; } .smil-stanza-costo__conversion-content, .smil-stanza-costo__conversion-actions { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-costo__conversion-kicker { margin: 0; color: var(--smil-scs-turquoise-light); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-costo__conversion-title { width: 100%; max-width: 800px; min-width: 0; margin: 8px 0 0; color: var(--smil-scs-white); font-size: clamp(1.42rem, 2.6vw, 2.18rem); font-weight: 830; line-height: 1.22; letter-spacing: -0.025em; text-align: left; overflow-wrap: break-word; } .smil-stanza-costo__conversion-text { width: 100%; max-width: 800px; min-width: 0; margin: 14px 0 0; color: rgba(255, 255, 255, 0.82); font-size: 0.96rem; line-height: 1.7; text-align: left; overflow-wrap: break-word; } .smil-stanza-costo__conversion-actions { display: grid; grid-template-columns: minmax(0, 1fr); gap: 13px; justify-items: stretch; } /* ========================================================= PULSANTE PRINCIPALE ========================================================= */ .smil-stanza-costo__button { display: inline-flex; width: 100%; max-width: 100%; min-width: 0; min-height: 52px; align-items: center; justify-content: center; padding: 13px 21px; border-radius: 12px; background: var(--smil-scs-orange); color: var(--smil-scs-white); font-family: inherit; font-size: clamp(0.9rem, 1.4vw, 0.95rem); font-weight: 820; line-height: 1.4; text-align: center; text-decoration: none; white-space: normal; overflow-wrap: break-word; box-shadow: 0 12px 25px rgba(242, 140, 40, 0.25); transition: transform 180ms ease, background-color 180ms ease, box-shadow 180ms ease; } .smil-stanza-costo__button:hover { transform: translateY(-2px); background: var(--smil-scs-orange-dark); box-shadow: 0 15px 29px rgba(242, 140, 40, 0.32); } /* ========================================================= LINK ALLA SEZIONE SUCCESSIVA ========================================================= */ .smil-stanza-costo__next { display: flex; width: 100%; max-width: 100%; min-width: 0; align-items: center; justify-content: center; gap: 8px; color: rgba(255, 255, 255, 0.9); font-size: 0.86rem; font-weight: 750; line-height: 1.45; text-align: center; text-decoration: none; white-space: normal; overflow-wrap: break-word; } .smil-stanza-costo__next-text { min-width: 0; overflow-wrap: break-word; } .smil-stanza-costo__next-arrow { flex: 0 0 auto; color: var(--smil-scs-turquoise-light); transition: transform 180ms ease; } .smil-stanza-costo__next:hover .smil-stanza-costo__next-arrow { transform: translateY(3px); } /* ========================================================= ACCESSIBILITÀ ========================================================= */ .smil-stanza-costo a:focus-visible { outline: 3px solid rgba(242, 140, 40, 0.44); outline-offset: 4px; } /* ========================================================= DESKTOP INTERMEDIO ========================================================= */ @media (max-width: 1100px) { .smil-stanza-costo__layout { grid-template-columns: minmax(0, 1fr) minmax(285px, 350px); gap: clamp(30px, 4vw, 46px); } .smil-stanza-costo__factors-grid, .smil-stanza-costo__saving-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-stanza-costo__saving-card:last-child { grid-column: 1 / -1; width: min(100%, 590px); justify-self: center; } .smil-stanza-costo__conversion { grid-template-columns: minmax(0, 1fr) minmax(225px, 280px); gap: 24px; } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 900px) { .smil-stanza-costo { padding: clamp(52px, 7vw, 72px) clamp(18px, 4vw, 28px); } .smil-stanza-costo__layout, .smil-stanza-costo__scope, .smil-stanza-costo__process, .smil-stanza-costo__geo, .smil-stanza-costo__conversion { grid-template-columns: minmax(0, 1fr); } .smil-stanza-costo__summary { position: relative; top: auto; width: 100%; max-width: 760px; } .smil-stanza-costo__conversion { gap: 25px; } .smil-stanza-costo__conversion-actions { width: min(100%, 430px); } } /* ========================================================= TABLET PICCOLI ========================================================= */ @media (max-width: 720px) { .smil-stanza-costo__factors-grid, .smil-stanza-costo__saving-grid { grid-template-columns: minmax(0, 1fr); } .smil-stanza-costo__saving-card:last-child { grid-column: auto; width: 100%; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 640px) { .smil-stanza-costo { padding: 46px max(16px, env(safe-area-inset-right)) 52px max(16px, env(safe-area-inset-left)); scroll-margin-top: 72px; } .smil-stanza-costo__header, .smil-stanza-costo__factors-header, .smil-stanza-costo__saving-header { text-align: left; } .smil-stanza-costo__eyebrow { display: block; width: 100%; margin-bottom: 13px; font-size: 0.7rem; line-height: 1.45; letter-spacing: 0.045em; text-align: left; } .smil-stanza-costo__eyebrow-line { display: none; } .smil-stanza-costo__title { font-size: clamp(1.85rem, 8.7vw, 2.6rem); line-height: 1.1; letter-spacing: -0.032em; text-align: left; } .smil-stanza-costo__lead { margin-top: 18px; font-size: 1rem; line-height: 1.7; text-align: left; } .smil-stanza-costo__answer { grid-template-columns: minmax(0, 1fr); gap: 13px; margin-top: 26px; padding: 19px 17px; border-left-width: 4px; border-radius: 0 15px 15px 0; } .smil-stanza-costo__answer-icon { width: 40px; height: 40px; } .smil-stanza-costo__answer-icon svg { width: 22px; height: 22px; } .smil-stanza-costo__answer-title { font-size: 1.18rem; line-height: 1.4; } .smil-stanza-costo__answer-text { font-size: 1rem; line-height: 1.68; } .smil-stanza-costo__layout { margin-top: 38px; gap: 33px; } .smil-stanza-costo__subtitle { font-size: clamp(1.28rem, 6.3vw, 1.65rem); line-height: 1.3; } .smil-stanza-costo__content > p { margin-top: 16px; font-size: 1rem; line-height: 1.72; } .smil-stanza-costo__warning { margin: 26px 0 31px; padding: 19px 16px; border-left-width: 4px; border-radius: 0 14px 14px 0; } .smil-stanza-costo__warning h3 { font-size: 1.08rem; line-height: 1.42; } .smil-stanza-costo__warning p:not( .smil-stanza-costo__warning-label ) { font-size: 0.98rem; line-height: 1.7; } .smil-stanza-costo__summary { width: 100%; max-width: 100%; padding: 25px 17px; border-radius: 20px; } .smil-stanza-costo__summary-title { font-size: clamp(1.4rem, 7vw, 1.8rem); } .smil-stanza-costo__summary-list li { grid-template-columns: 32px minmax(0, 1fr); gap: 11px; padding: 12px 10px; } .smil-stanza-costo__summary-number { width: 32px; height: 32px; } .smil-stanza-costo__summary-list strong { font-size: 0.9rem; } .smil-stanza-costo__summary-list p { font-size: 0.8rem; line-height: 1.48; } .smil-stanza-costo__summary-link { display: flex; width: 100%; justify-content: space-between; padding: 12px 13px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 11px; background: rgba(255, 255, 255, 0.07); } .smil-stanza-costo__factors { margin-top: 50px; } .smil-stanza-costo__factors-kicker, .smil-stanza-costo__factors-title, .smil-stanza-costo__factors-header > p:last-child { text-align: left; } .smil-stanza-costo__factors-title { font-size: clamp(1.42rem, 7vw, 1.95rem); } .smil-stanza-costo__factors-grid { margin-top: 27px; } .smil-stanza-costo__factor { padding: 23px 18px; border-radius: 18px; } .smil-stanza-costo__factor h4 { font-size: clamp(1.18rem, 6vw, 1.5rem); } .smil-stanza-costo__scope { margin-top: 50px; padding: 25px 18px; border-radius: 20px; } .smil-stanza-costo__scope-title { font-size: clamp(1.38rem, 6.7vw, 1.8rem); } .smil-stanza-costo__scope-note { grid-template-columns: minmax(0, 1fr); padding: 14px; } .smil-stanza-costo__saving { margin-top: 50px; } .smil-stanza-costo__saving-kicker, .smil-stanza-costo__saving-title, .smil-stanza-costo__saving-header > p:last-child { text-align: left; } .smil-stanza-costo__saving-title { font-size: clamp(1.42rem, 7vw, 1.95rem); } .smil-stanza-costo__saving-grid { margin-top: 27px; } .smil-stanza-costo__saving-card { padding: 23px 18px; border-radius: 18px; } .smil-stanza-costo__process { margin-top: 50px; padding: 25px 17px; border-radius: 21px; } .smil-stanza-costo__process-title { font-size: clamp(1.42rem, 7vw, 1.95rem); } .smil-stanza-costo__process-list { margin-top: 26px; } .smil-stanza-costo__process-list li { grid-template-columns: 36px minmax(0, 1fr); gap: 12px; padding: 14px 12px; } .smil-stanza-costo__process-number { width: 36px; height: 36px; } .smil-stanza-costo__geo { margin-top: 50px; padding: 25px 18px; border-radius: 20px; } .smil-stanza-costo__geo-title { font-size: clamp(1.38rem, 6.7vw, 1.8rem); } .smil-stanza-costo__conversion { margin-top: 46px; padding: 26px 18px; border-radius: 20px; } .smil-stanza-costo__conversion-title { font-size: clamp(1.38rem, 7vw, 1.85rem); line-height: 1.25; } .smil-stanza-costo__conversion-text { font-size: 0.95rem; line-height: 1.65; } .smil-stanza-costo__conversion-actions { width: 100%; } .smil-stanza-costo__button { width: 100%; padding: 13px 15px; font-size: 0.93rem; } .smil-stanza-costo__next { width: 100%; justify-content: space-between; padding: 12px 13px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 11px; background: rgba(255, 255, 255, 0.06); text-align: left; } } /* ========================================================= SMARTPHONE PICCOLI ========================================================= */ @media (max-width: 380px) { .smil-stanza-costo { padding-right: 14px; padding-left: 14px; } .smil-stanza-costo__title { font-size: clamp(1.72rem, 8.7vw, 2.15rem); } .smil-stanza-costo__answer, .smil-stanza-costo__summary, .smil-stanza-costo__scope, .smil-stanza-costo__process, .smil-stanza-costo__geo, .smil-stanza-costo__conversion { padding-right: 14px; padding-left: 14px; } .smil-stanza-costo__factor, .smil-stanza-costo__saving-card { padding-right: 15px; padding-left: 15px; } .smil-stanza-costo__process-list li { grid-template-columns: minmax(0, 1fr); } .smil-stanza-costo__button { padding-right: 11px; padding-left: 11px; font-size: 0.88rem; } } /* ========================================================= RIDUZIONE ANIMAZIONI ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-stanza-costo__summary-link svg, .smil-stanza-costo__button, .smil-stanza-costo__next-arrow { transition: none; } .smil-stanza-costo__button:hover { transform: none; } .smil-stanza-costo__summary-link:hover svg, .smil-stanza-costo__next:hover .smil-stanza-costo__next-arrow { transform: none; } }#imCell_16 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1723_16 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_16 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_16 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H2 – IL RISULTATO OTTENIBILE CON UNA STANZA COMPLETA RESPONSIVE DESKTOP, TABLET E MOBILE ========================================================= */ .smil-stanza-risultato { --smil-srs-dark: #082f3b; --smil-srs-dark-deep: #05242d; --smil-srs-dark-soft: #104653; --smil-srs-teal: #087f8c; --smil-srs-turquoise: #17c3b2; --smil-srs-turquoise-light: #70e1d3; --smil-srs-orange: #f28c28; --smil-srs-orange-dark: #d97215; --smil-srs-white: #ffffff; --smil-srs-cream: #fff9ef; --smil-srs-light: #eef9fa; --smil-srs-grey: #f4f7f8; --smil-srs-text: #263f47; --smil-srs-muted: #60767d; --smil-srs-border: #d8e7e9; position: relative; width: 100%; max-width: 100%; min-width: 0; margin: 0; padding: clamp(60px, 7vw, 100px) clamp(16px, 3.5vw, 32px); overflow-x: hidden; background: radial-gradient( circle at 0 5%, rgba(23, 195, 178, 0.1), transparent 28% ), linear-gradient( 180deg, #f0fafb 0%, var(--smil-srs-white) 28%, var(--smil-srs-white) 100% ); color: var(--smil-srs-text); text-align: left; scroll-margin-top: 90px; isolation: isolate; } @supports (overflow: clip) { .smil-stanza-risultato { overflow-x: clip; } } /* ========================================================= RESET LOCALE ========================================================= */ .smil-stanza-risultato, .smil-stanza-risultato *, .smil-stanza-risultato *::before, .smil-stanza-risultato *::after { box-sizing: border-box; } .smil-stanza-risultato h2, .smil-stanza-risultato h3, .smil-stanza-risultato h4, .smil-stanza-risultato p, .smil-stanza-risultato ul, .smil-stanza-risultato ol, .smil-stanza-risultato li, .smil-stanza-risultato section, .smil-stanza-risultato article, .smil-stanza-risultato aside, .smil-stanza-risultato header, .smil-stanza-risultato div, .smil-stanza-risultato a, .smil-stanza-risultato span, .smil-stanza-risultato strong, .smil-stanza-risultato img, .smil-stanza-risultato svg { max-width: 100%; min-width: 0; } .smil-stanza-risultato h2, .smil-stanza-risultato h3, .smil-stanza-risultato h4, .smil-stanza-risultato p, .smil-stanza-risultato li, .smil-stanza-risultato a, .smil-stanza-risultato span, .smil-stanza-risultato strong { word-break: normal; overflow-wrap: break-word; white-space: normal; hyphens: none; } .smil-stanza-risultato img { display: block; max-width: 100%; } .smil-stanza-risultato a { -webkit-tap-highlight-color: transparent; } .smil-stanza-risultato strong { color: var(--smil-srs-dark); font-weight: 820; } /* ========================================================= CONTENITORE ========================================================= */ .smil-stanza-risultato__container { position: relative; z-index: 1; width: 100%; max-width: 1220px; min-width: 0; margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-stanza-risultato__header { width: 100%; max-width: 970px; min-width: 0; margin: 0 auto; text-align: center; } .smil-stanza-risultato__eyebrow { display: inline-flex; max-width: 100%; flex-wrap: nowrap; align-items: center; justify-content: center; gap: 9px; margin: 0 0 15px; color: var(--smil-srs-teal); font-size: clamp(0.71rem, 1.2vw, 0.79rem); font-weight: 850; line-height: 1.4; letter-spacing: 0.07em; text-align: center; text-transform: uppercase; } .smil-stanza-risultato__eyebrow > span:nth-child(2) { min-width: 0; overflow-wrap: break-word; } .smil-stanza-risultato__eyebrow-line { width: 32px; height: 2px; flex: 0 0 32px; border-radius: 999px; background: var(--smil-srs-turquoise); } .smil-stanza-risultato__title { width: 100%; min-width: 0; margin: 0; color: var(--smil-srs-dark); font-size: clamp(2rem, 4vw, 3.55rem); font-weight: 850; line-height: 1.08; letter-spacing: -0.04em; text-align: center; overflow-wrap: break-word; } .smil-stanza-risultato__lead { width: 100%; max-width: 920px; min-width: 0; margin: 22px auto 0; color: var(--smil-srs-text); font-size: clamp(1.03rem, 1.7vw, 1.19rem); line-height: 1.78; text-align: center; overflow-wrap: break-word; } /* ========================================================= RISPOSTA IMMEDIATA ========================================================= */ .smil-stanza-risultato__answer { display: grid; grid-template-columns: 45px minmax(0, 1fr); gap: 18px; align-items: flex-start; width: 100%; max-width: 1040px; min-width: 0; margin: clamp(31px, 5vw, 49px) auto 0; padding: clamp(22px, 3vw, 30px); border: 1px solid rgba(8, 127, 140, 0.18); border-left: 5px solid var(--smil-srs-turquoise); border-radius: 0 19px 19px 0; background: rgba(255, 255, 255, 0.96); box-shadow: 0 15px 38px rgba(8, 47, 59, 0.07); text-align: left; } .smil-stanza-risultato__answer-icon { display: grid; width: 45px; height: 45px; flex: 0 0 45px; place-items: center; border-radius: 13px; background: rgba(23, 195, 178, 0.14); } .smil-stanza-risultato__answer-icon svg { width: 25px; height: 25px; fill: var(--smil-srs-teal); } .smil-stanza-risultato__answer-content { width: 100%; min-width: 0; } .smil-stanza-risultato__answer-label { margin: 0 0 6px; color: var(--smil-srs-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-risultato__answer-title { width: 100%; min-width: 0; margin: 0; color: var(--smil-srs-dark); font-size: clamp(1.2rem, 2vw, 1.55rem); font-weight: 830; line-height: 1.35; text-align: left; overflow-wrap: break-word; } .smil-stanza-risultato__answer-text { width: 100%; min-width: 0; margin: 11px 0 0; color: var(--smil-srs-text); font-size: clamp(1rem, 1.45vw, 1.08rem); line-height: 1.74; text-align: left; overflow-wrap: break-word; } /* ========================================================= CONTENUTO PRINCIPALE E BOX LATERALE ========================================================= */ .smil-stanza-risultato__layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(310px, 390px); gap: clamp(36px, 5vw, 68px); align-items: start; width: 100%; min-width: 0; margin-top: clamp(48px, 6vw, 76px); } .smil-stanza-risultato__content, .smil-stanza-risultato__summary { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-risultato__subtitle { width: 100%; min-width: 0; margin: 0; color: var(--smil-srs-dark); font-size: clamp(1.34rem, 2.4vw, 1.92rem); font-weight: 830; line-height: 1.27; letter-spacing: -0.025em; text-align: left; overflow-wrap: break-word; } .smil-stanza-risultato__content > p { width: 100%; min-width: 0; margin: 18px 0 0; color: var(--smil-srs-text); font-size: clamp(1rem, 1.35vw, 1.07rem); line-height: 1.8; text-align: left; overflow-wrap: break-word; } /* ========================================================= TRASPARENZA SUL RISULTATO ========================================================= */ .smil-stanza-risultato__honesty { width: 100%; max-width: 100%; min-width: 0; margin: 31px 0 36px; padding: clamp(22px, 3vw, 30px); overflow: hidden; border: 1px solid #f0dcc3; border-left: 5px solid var(--smil-srs-orange); border-radius: 0 18px 18px 0; background: var(--smil-srs-cream); text-align: left; } .smil-stanza-risultato__honesty-label { margin: 0; color: var(--smil-srs-orange-dark); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-align: left; text-transform: uppercase; } .smil-stanza-risultato__honesty h3 { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-srs-dark); font-size: clamp(1.15rem, 1.9vw, 1.43rem); font-weight: 830; line-height: 1.4; text-align: left; overflow-wrap: break-word; } .smil-stanza-risultato__honesty p:not( .smil-stanza-risultato__honesty-label ) { width: 100%; min-width: 0; margin: 12px 0 0; color: var(--smil-srs-text); font-size: clamp(0.98rem, 1.35vw, 1.05rem); line-height: 1.72; text-align: left; overflow-wrap: break-word; } /* ========================================================= BOX LATERALE ========================================================= */ .smil-stanza-risultato__summary { position: sticky; top: 24px; overflow: hidden; padding: clamp(25px, 3vw, 35px); border-radius: 24px; background: linear-gradient( 145deg, var(--smil-srs-dark), var(--smil-srs-dark-soft) ); color: var(--smil-srs-white); box-shadow: 0 23px 54px rgba(8, 47, 59, 0.2); text-align: left; } .smil-stanza-risultato__summary::after { position: absolute; right: -85px; bottom: -95px; width: 230px; height: 230px; border: 41px solid rgba(23, 195, 178, 0.11); border-radius: 50%; content: ""; pointer-events: none; } .smil-stanza-risultato__summary-kicker, .smil-stanza-risultato__summary-title, .smil-stanza-risultato__summary-list, .smil-stanza-risultato__summary-link { position: relative; z-index: 1; } .smil-stanza-risultato__summary-kicker { margin: 0; color: var(--smil-srs-turquoise-light); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-risultato__summary-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-srs-white); font-size: clamp(1.4rem, 2.3vw, 1.95rem); font-weight: 830; line-height: 1.22; letter-spacing: -0.025em; text-align: left; overflow-wrap: break-word; } .smil-stanza-risultato__summary-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; width: 100%; min-width: 0; margin: 23px 0 0; padding: 0; list-style: none; } .smil-stanza-risultato__summary-list li { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 12px; align-items: flex-start; width: 100%; max-width: 100%; min-width: 0; padding: 13px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.11); border-radius: 13px; background: rgba(255, 255, 255, 0.06); } .smil-stanza-risultato__summary-number { display: grid; width: 34px; height: 34px; flex: 0 0 34px; place-items: center; border-radius: 9px; background: rgba(23, 195, 178, 0.14); color: var(--smil-srs-turquoise-light); font-size: 0.7rem; font-weight: 900; line-height: 1; } .smil-stanza-risultato__summary-content { width: 100%; min-width: 0; } .smil-stanza-risultato__summary-list strong { display: block; width: 100%; min-width: 0; color: var(--smil-srs-white); font-size: 0.93rem; line-height: 1.4; text-align: left; overflow-wrap: break-word; } .smil-stanza-risultato__summary-list p { width: 100%; min-width: 0; margin: 4px 0 0; color: rgba(255, 255, 255, 0.72); font-size: 0.81rem; line-height: 1.5; text-align: left; overflow-wrap: break-word; } .smil-stanza-risultato__summary-link { display: inline-flex; width: fit-content; max-width: 100%; min-width: 0; align-items: center; gap: 8px; margin-top: 22px; color: var(--smil-srs-white); font-size: 0.9rem; font-weight: 810; line-height: 1.45; text-align: left; text-decoration: none; white-space: normal; overflow-wrap: break-word; } .smil-stanza-risultato__summary-link-text { min-width: 0; overflow-wrap: break-word; } .smil-stanza-risultato__summary-link svg { width: 18px; height: 18px; flex: 0 0 18px; fill: var(--smil-srs-turquoise-light); transition: transform 180ms ease; } .smil-stanza-risultato__summary-link:hover svg { transform: translateX(4px); } /* ========================================================= BENEFICI PERCEPITI ========================================================= */ .smil-stanza-risultato__benefits { width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(60px, 8vw, 94px); } .smil-stanza-risultato__benefits-header { width: 100%; max-width: 870px; min-width: 0; margin: 0 auto; text-align: center; } .smil-stanza-risultato__benefits-kicker { margin: 0; color: var(--smil-srs-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: center; text-transform: uppercase; } .smil-stanza-risultato__benefits-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-srs-dark); font-size: clamp(1.6rem, 3.1vw, 2.55rem); font-weight: 840; line-height: 1.18; letter-spacing: -0.03em; text-align: center; overflow-wrap: break-word; } .smil-stanza-risultato__benefits-header > p:last-child { width: 100%; max-width: 760px; min-width: 0; margin: 15px auto 0; color: var(--smil-srs-muted); font-size: 0.96rem; line-height: 1.7; text-align: center; overflow-wrap: break-word; } .smil-stanza-risultato__benefits-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; width: 100%; min-width: 0; margin-top: 33px; } .smil-stanza-risultato__benefit { width: 100%; max-width: 100%; min-width: 0; padding: clamp(22px, 2.8vw, 29px); overflow: hidden; border: 1px solid var(--smil-srs-border); border-radius: 20px; background: var(--smil-srs-white); box-shadow: 0 14px 35px rgba(8, 47, 59, 0.06); text-align: left; } .smil-stanza-risultato__benefit-icon { display: grid; width: 45px; height: 45px; place-items: center; border-radius: 13px; background: rgba(23, 195, 178, 0.13); } .smil-stanza-risultato__benefit-icon svg { width: 24px; height: 24px; fill: var(--smil-srs-teal); } .smil-stanza-risultato__benefit h4 { width: 100%; min-width: 0; margin: 18px 0 0; color: var(--smil-srs-dark); font-size: 1.14rem; font-weight: 830; line-height: 1.35; text-align: left; overflow-wrap: break-word; } .smil-stanza-risultato__benefit p { width: 100%; min-width: 0; margin: 11px 0 0; color: var(--smil-srs-muted); font-size: 0.88rem; line-height: 1.65; text-align: left; overflow-wrap: break-word; } /* ========================================================= ASPETTATIVE REALISTICHE ========================================================= */ .smil-stanza-risultato__expectation { display: grid; grid-template-columns: minmax(0, 0.74fr) minmax(0, 1.26fr); gap: clamp(32px, 5vw, 64px); align-items: center; width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(60px, 8vw, 92px); padding: clamp(29px, 4.5vw, 46px); overflow: hidden; border: 1px solid var(--smil-srs-border); border-radius: 24px; background: var(--smil-srs-light); } .smil-stanza-risultato__expectation-heading, .smil-stanza-risultato__expectation-content { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-risultato__expectation-kicker { margin: 0; color: var(--smil-srs-teal); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-risultato__expectation-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-srs-dark); font-size: clamp(1.45rem, 2.7vw, 2.2rem); font-weight: 840; line-height: 1.22; letter-spacing: -0.025em; text-align: left; overflow-wrap: break-word; } .smil-stanza-risultato__expectation-content > p { width: 100%; min-width: 0; margin: 0; color: var(--smil-srs-text); font-size: 0.97rem; line-height: 1.76; text-align: left; overflow-wrap: break-word; } .smil-stanza-risultato__expectation-content > p + p { margin-top: 14px; } .smil-stanza-risultato__expectation-note { display: grid; grid-template-columns: 23px minmax(0, 1fr); gap: 12px; align-items: flex-start; width: 100%; max-width: 100%; min-width: 0; margin-top: 20px; padding: 16px; overflow: hidden; border: 1px solid rgba(8, 127, 140, 0.17); border-radius: 15px; background: rgba(255, 255, 255, 0.85); } .smil-stanza-risultato__expectation-note svg { width: 23px; height: 23px; flex: 0 0 23px; fill: var(--smil-srs-teal); } .smil-stanza-risultato__expectation-note p { width: 100%; min-width: 0; margin: 0; color: var(--smil-srs-muted); font-size: 0.87rem; line-height: 1.6; text-align: left; overflow-wrap: break-word; } /* ========================================================= VIDEO RECENSIONI ========================================================= */ .smil-stanza-risultato__proof { width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(60px, 8vw, 94px); } .smil-stanza-risultato__proof-header { display: flex; gap: 30px; align-items: flex-end; justify-content: space-between; width: 100%; min-width: 0; } .smil-stanza-risultato__proof-heading { width: 100%; max-width: 830px; min-width: 0; } .smil-stanza-risultato__proof-kicker { margin: 0; color: var(--smil-srs-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-risultato__proof-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-srs-dark); font-size: clamp(1.6rem, 3vw, 2.55rem); font-weight: 840; line-height: 1.18; letter-spacing: -0.03em; text-align: left; overflow-wrap: break-word; } .smil-stanza-risultato__proof-heading > p:last-child { width: 100%; min-width: 0; margin: 15px 0 0; color: var(--smil-srs-muted); font-size: 0.96rem; line-height: 1.7; text-align: left; overflow-wrap: break-word; } .smil-stanza-risultato__archive { display: inline-flex; width: fit-content; max-width: 100%; min-width: 0; min-height: 48px; flex: 0 1 auto; align-items: center; justify-content: center; gap: 8px; padding: 11px 16px; border: 1px solid rgba(8, 127, 140, 0.19); border-radius: 11px; background: var(--smil-srs-white); color: var(--smil-srs-teal); font-size: 0.86rem; font-weight: 810; line-height: 1.4; text-align: center; text-decoration: none; white-space: normal; overflow-wrap: break-word; } .smil-stanza-risultato__archive-text { min-width: 0; overflow-wrap: break-word; } .smil-stanza-risultato__archive svg { width: 18px; height: 18px; flex: 0 0 18px; fill: currentColor; transition: transform 180ms ease; } .smil-stanza-risultato__archive:hover svg { transform: translateX(4px); } .smil-stanza-risultato__proof-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; width: 100%; min-width: 0; margin-top: 32px; } .smil-stanza-risultato__review { display: flex; flex-direction: column; width: 100%; max-width: 100%; min-width: 0; overflow: hidden; border: 1px solid var(--smil-srs-border); border-radius: 21px; background: var(--smil-srs-white); box-shadow: 0 16px 39px rgba(8, 47, 59, 0.075); } .smil-stanza-risultato__review-cover { position: relative; display: block; width: 100%; max-width: 100%; min-width: 0; aspect-ratio: 16 / 9; overflow: hidden; background: var(--smil-srs-dark); } .smil-stanza-risultato__review-cover img { display: block; width: 100%; max-width: 100%; height: 100%; object-fit: cover; } .smil-stanza-risultato__review-shade { position: absolute; inset: 0; background: linear-gradient( 180deg, transparent, rgba(5, 36, 45, 0.68) ); } .smil-stanza-risultato__review-play { position: absolute; top: 50%; left: 50%; display: grid; width: 58px; height: 58px; place-items: center; border-radius: 50%; background: rgba(225, 59, 53, 0.94); transform: translate(-50%, -50%); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-stanza-risultato__review-cover:hover .smil-stanza-risultato__review-play { transform: translate(-50%, -50%) scale(1.06); box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28); } .smil-stanza-risultato__review-play svg { width: 27px; height: 27px; margin-left: 3px; fill: var(--smil-srs-white); } .smil-stanza-risultato__review-place { position: absolute; right: 13px; bottom: 12px; max-width: calc(100% - 26px); padding: 6px 10px; border-radius: 999px; background: rgba(5, 36, 45, 0.84); color: var(--smil-srs-white); font-size: 0.7rem; font-weight: 800; line-height: 1.3; text-align: center; overflow-wrap: break-word; } .smil-stanza-risultato__review-body { display: flex; flex: 1 1 auto; flex-direction: column; width: 100%; min-width: 0; padding: 22px; text-align: left; } .smil-stanza-risultato__review-type { margin: 0; color: var(--smil-srs-teal); font-size: 0.7rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.065em; text-align: left; text-transform: uppercase; } .smil-stanza-risultato__review-body h4 { width: 100%; min-width: 0; margin: 7px 0 0; color: var(--smil-srs-dark); font-size: clamp(1.13rem, 1.8vw, 1.4rem); font-weight: 830; line-height: 1.32; text-align: left; overflow-wrap: break-word; } .smil-stanza-risultato__review-body > p:not( .smil-stanza-risultato__review-type ) { width: 100%; min-width: 0; margin: 12px 0 0; color: var(--smil-srs-muted); font-size: 0.89rem; line-height: 1.65; text-align: left; overflow-wrap: break-word; } .smil-stanza-risultato__review-link { display: inline-flex; width: fit-content; max-width: 100%; min-width: 0; align-items: center; gap: 8px; margin-top: auto; padding-top: 18px; color: var(--smil-srs-teal); font-size: 0.86rem; font-weight: 810; line-height: 1.4; text-align: left; text-decoration: none; white-space: normal; overflow-wrap: break-word; } .smil-stanza-risultato__review-link-text { min-width: 0; overflow-wrap: break-word; } .smil-stanza-risultato__review-link-arrow { flex: 0 0 auto; transition: transform 180ms ease; } .smil-stanza-risultato__review-link:hover .smil-stanza-risultato__review-link-arrow { transform: translateX(4px); } /* ========================================================= NOTA VIDEO RECENSIONI ========================================================= */ .smil-stanza-risultato__proof-note { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 16px; align-items: flex-start; width: 100%; max-width: 100%; min-width: 0; margin-top: 28px; padding: clamp(22px, 3vw, 30px); overflow: hidden; border: 1px solid rgba(8, 127, 140, 0.16); border-radius: 19px; background: var(--smil-srs-light); } .smil-stanza-risultato__proof-note-icon { display: grid; width: 44px; height: 44px; flex: 0 0 44px; place-items: center; border-radius: 13px; background: var(--smil-srs-teal); } .smil-stanza-risultato__proof-note-icon svg { width: 24px; height: 24px; fill: var(--smil-srs-white); } .smil-stanza-risultato__proof-note-content { width: 100%; min-width: 0; } .smil-stanza-risultato__proof-note strong { display: block; width: 100%; min-width: 0; color: var(--smil-srs-dark); font-size: 1rem; line-height: 1.45; text-align: left; overflow-wrap: break-word; } .smil-stanza-risultato__proof-note p { width: 100%; min-width: 0; margin: 6px 0 0; color: var(--smil-srs-muted); font-size: 0.89rem; line-height: 1.65; text-align: left; overflow-wrap: break-word; } /* ========================================================= DEFINIZIONE DEL RISULTATO ========================================================= */ .smil-stanza-risultato__process { display: grid; grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr); gap: clamp(34px, 5vw, 66px); align-items: center; width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(60px, 8vw, 94px); padding: clamp(29px, 5vw, 49px); overflow: hidden; border: 1px solid var(--smil-srs-border); border-radius: 26px; background: linear-gradient( 135deg, var(--smil-srs-light), var(--smil-srs-white) ); } .smil-stanza-risultato__process-heading, .smil-stanza-risultato__process-list { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-risultato__process-kicker { margin: 0; color: var(--smil-srs-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-risultato__process-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-srs-dark); font-size: clamp(1.5rem, 2.8vw, 2.3rem); font-weight: 840; line-height: 1.2; letter-spacing: -0.03em; text-align: left; overflow-wrap: break-word; } .smil-stanza-risultato__process-heading > p:last-child { width: 100%; min-width: 0; margin: 15px 0 0; color: var(--smil-srs-muted); font-size: 0.96rem; line-height: 1.7; text-align: left; overflow-wrap: break-word; } .smil-stanza-risultato__process-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 11px; margin: 0; padding: 0; list-style: none; } .smil-stanza-risultato__process-list li { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 14px; align-items: flex-start; width: 100%; max-width: 100%; min-width: 0; padding: 15px; overflow: hidden; border: 1px solid var(--smil-srs-border); border-radius: 15px; background: rgba(255, 255, 255, 0.9); } .smil-stanza-risultato__process-number { display: grid; width: 38px; height: 38px; flex: 0 0 38px; place-items: center; border-radius: 10px; background: var(--smil-srs-teal); color: var(--smil-srs-white); font-size: 0.72rem; font-weight: 900; line-height: 1; } .smil-stanza-risultato__process-content { width: 100%; min-width: 0; } .smil-stanza-risultato__process-list strong { display: block; width: 100%; min-width: 0; color: var(--smil-srs-dark); font-size: 0.96rem; line-height: 1.4; text-align: left; overflow-wrap: break-word; } .smil-stanza-risultato__process-list p { width: 100%; min-width: 0; margin: 3px 0 0; color: var(--smil-srs-muted); font-size: 0.83rem; line-height: 1.53; text-align: left; overflow-wrap: break-word; } /* ========================================================= GEO MILANO ========================================================= */ .smil-stanza-risultato__geo { display: grid; grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr); gap: clamp(29px, 5vw, 62px); align-items: center; width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(57px, 7vw, 84px); padding: clamp(28px, 4vw, 43px); overflow: hidden; border: 1px solid var(--smil-srs-border); border-radius: 23px; background: var(--smil-srs-grey); } .smil-stanza-risultato__geo-heading, .smil-stanza-risultato__geo-content { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-risultato__geo-kicker { margin: 0; color: var(--smil-srs-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-risultato__geo-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-srs-dark); font-size: clamp(1.4rem, 2.5vw, 2.05rem); font-weight: 830; line-height: 1.22; letter-spacing: -0.025em; text-align: left; overflow-wrap: break-word; } .smil-stanza-risultato__geo-content p { width: 100%; min-width: 0; margin: 0; color: var(--smil-srs-text); font-size: 0.97rem; line-height: 1.75; text-align: left; overflow-wrap: break-word; } .smil-stanza-risultato__geo-content p + p { margin-top: 13px; } /* ========================================================= CTA FINALE ========================================================= */ .smil-stanza-risultato__conversion { display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, 300px); gap: 30px; align-items: center; width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(54px, 7vw, 83px); padding: clamp(28px, 4vw, 44px); overflow: hidden; border-radius: 24px; background: radial-gradient( circle at 92% 8%, rgba(23, 195, 178, 0.17), transparent 35% ), linear-gradient( 135deg, var(--smil-srs-dark), var(--smil-srs-dark-soft) ); color: var(--smil-srs-white); box-shadow: 0 22px 50px rgba(8, 47, 59, 0.18); text-align: left; } .smil-stanza-risultato__conversion-content, .smil-stanza-risultato__conversion-actions { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-risultato__conversion-kicker { margin: 0; color: var(--smil-srs-turquoise-light); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-risultato__conversion-title { width: 100%; max-width: 800px; min-width: 0; margin: 8px 0 0; color: var(--smil-srs-white); font-size: clamp(1.42rem, 2.6vw, 2.18rem); font-weight: 830; line-height: 1.22; letter-spacing: -0.025em; text-align: left; overflow-wrap: break-word; } .smil-stanza-risultato__conversion-text { width: 100%; max-width: 800px; min-width: 0; margin: 14px 0 0; color: rgba(255, 255, 255, 0.82); font-size: 0.96rem; line-height: 1.7; text-align: left; overflow-wrap: break-word; } .smil-stanza-risultato__conversion-actions { display: grid; grid-template-columns: minmax(0, 1fr); gap: 13px; justify-items: stretch; } .smil-stanza-risultato__button { display: inline-flex; width: 100%; max-width: 100%; min-width: 0; min-height: 52px; align-items: center; justify-content: center; padding: 13px 21px; border-radius: 12px; background: var(--smil-srs-orange); color: var(--smil-srs-white); font-family: inherit; font-size: clamp(0.9rem, 1.4vw, 0.95rem); font-weight: 820; line-height: 1.4; text-align: center; text-decoration: none; white-space: normal; overflow-wrap: break-word; box-shadow: 0 12px 25px rgba(242, 140, 40, 0.25); transition: transform 180ms ease, background-color 180ms ease, box-shadow 180ms ease; } .smil-stanza-risultato__button:hover { transform: translateY(-2px); background: var(--smil-srs-orange-dark); box-shadow: 0 15px 29px rgba(242, 140, 40, 0.32); } .smil-stanza-risultato__next { display: flex; width: 100%; max-width: 100%; min-width: 0; align-items: center; justify-content: center; gap: 8px; color: rgba(255, 255, 255, 0.9); font-size: 0.86rem; font-weight: 750; line-height: 1.45; text-align: center; text-decoration: none; white-space: normal; overflow-wrap: break-word; } .smil-stanza-risultato__next-text { min-width: 0; overflow-wrap: break-word; } .smil-stanza-risultato__next-arrow { flex: 0 0 auto; color: var(--smil-srs-turquoise-light); transition: transform 180ms ease; } .smil-stanza-risultato__next:hover .smil-stanza-risultato__next-arrow { transform: translateY(3px); } /* ========================================================= ACCESSIBILITÀ ========================================================= */ .smil-stanza-risultato a:focus-visible { outline: 3px solid rgba(242, 140, 40, 0.44); outline-offset: 4px; } /* ========================================================= DESKTOP INTERMEDIO ========================================================= */ @media (max-width: 1100px) { .smil-stanza-risultato__benefits-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-stanza-risultato__proof-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-stanza-risultato__conversion { grid-template-columns: minmax(0, 1fr) minmax(225px, 280px); gap: 24px; } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 900px) { .smil-stanza-risultato { padding: clamp(52px, 7vw, 72px) clamp(18px, 4vw, 28px); } .smil-stanza-risultato__layout, .smil-stanza-risultato__expectation, .smil-stanza-risultato__process, .smil-stanza-risultato__geo, .smil-stanza-risultato__conversion { grid-template-columns: minmax(0, 1fr); } .smil-stanza-risultato__summary { position: relative; top: auto; width: 100%; max-width: 760px; } .smil-stanza-risultato__conversion { gap: 25px; } .smil-stanza-risultato__conversion-actions { width: min(100%, 430px); } } /* ========================================================= TABLET PICCOLI ========================================================= */ @media (max-width: 720px) { .smil-stanza-risultato__benefits-grid, .smil-stanza-risultato__proof-grid { grid-template-columns: minmax(0, 1fr); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 640px) { .smil-stanza-risultato { padding: 46px max(16px, env(safe-area-inset-right)) 52px max(16px, env(safe-area-inset-left)); scroll-margin-top: 72px; } .smil-stanza-risultato__header, .smil-stanza-risultato__benefits-header { text-align: left; } .smil-stanza-risultato__eyebrow { display: block; width: 100%; margin-bottom: 13px; font-size: 0.7rem; line-height: 1.45; letter-spacing: 0.045em; text-align: left; } .smil-stanza-risultato__eyebrow-line { display: none; } .smil-stanza-risultato__title { font-size: clamp(1.85rem, 8.7vw, 2.6rem); line-height: 1.1; letter-spacing: -0.032em; text-align: left; } .smil-stanza-risultato__lead { margin-top: 18px; font-size: 1rem; line-height: 1.7; text-align: left; } .smil-stanza-risultato__answer { grid-template-columns: minmax(0, 1fr); gap: 13px; margin-top: 26px; padding: 19px 17px; border-left-width: 4px; border-radius: 0 15px 15px 0; } .smil-stanza-risultato__answer-icon { width: 40px; height: 40px; } .smil-stanza-risultato__answer-title { font-size: 1.18rem; line-height: 1.4; } .smil-stanza-risultato__answer-text { font-size: 1rem; line-height: 1.68; } .smil-stanza-risultato__layout { margin-top: 38px; gap: 33px; } .smil-stanza-risultato__subtitle { font-size: clamp(1.28rem, 6.3vw, 1.65rem); line-height: 1.3; } .smil-stanza-risultato__content > p { margin-top: 16px; font-size: 1rem; line-height: 1.72; } .smil-stanza-risultato__honesty { margin: 26px 0 31px; padding: 19px 16px; border-left-width: 4px; border-radius: 0 14px 14px 0; } .smil-stanza-risultato__summary { width: 100%; max-width: 100%; padding: 25px 17px; border-radius: 20px; } .smil-stanza-risultato__summary-title { font-size: clamp(1.4rem, 7vw, 1.8rem); } .smil-stanza-risultato__summary-list li { grid-template-columns: 32px minmax(0, 1fr); gap: 11px; padding: 12px 10px; } .smil-stanza-risultato__summary-number { width: 32px; height: 32px; } .smil-stanza-risultato__summary-link { display: flex; width: 100%; justify-content: space-between; padding: 12px 13px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 11px; background: rgba(255, 255, 255, 0.07); } .smil-stanza-risultato__benefits { margin-top: 50px; } .smil-stanza-risultato__benefits-kicker, .smil-stanza-risultato__benefits-title, .smil-stanza-risultato__benefits-header > p:last-child { text-align: left; } .smil-stanza-risultato__benefits-title { font-size: clamp(1.42rem, 7vw, 1.95rem); } .smil-stanza-risultato__benefits-grid { margin-top: 27px; } .smil-stanza-risultato__benefit { padding: 23px 18px; border-radius: 18px; } .smil-stanza-risultato__expectation { margin-top: 50px; padding: 25px 18px; border-radius: 20px; } .smil-stanza-risultato__expectation-title { font-size: clamp(1.38rem, 6.7vw, 1.8rem); } .smil-stanza-risultato__expectation-note { grid-template-columns: minmax(0, 1fr); padding: 14px; } .smil-stanza-risultato__proof { margin-top: 50px; } .smil-stanza-risultato__proof-header { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; align-items: start; } .smil-stanza-risultato__proof-title { font-size: clamp(1.45rem, 7vw, 1.95rem); } .smil-stanza-risultato__archive { width: 100%; justify-content: space-between; text-align: left; } .smil-stanza-risultato__review { border-radius: 19px; } .smil-stanza-risultato__review-body { padding: 20px 17px; } .smil-stanza-risultato__review-link { display: flex; width: 100%; justify-content: space-between; padding: 12px 13px; margin-top: 17px; border: 1px solid rgba(8, 127, 140, 0.16); border-radius: 11px; background: rgba(8, 127, 140, 0.05); } .smil-stanza-risultato__proof-note { grid-template-columns: minmax(0, 1fr); padding: 20px 17px; border-radius: 17px; } .smil-stanza-risultato__process { margin-top: 50px; padding: 25px 17px; border-radius: 21px; } .smil-stanza-risultato__process-title { font-size: clamp(1.42rem, 7vw, 1.95rem); } .smil-stanza-risultato__process-list { margin-top: 26px; } .smil-stanza-risultato__process-list li { grid-template-columns: 36px minmax(0, 1fr); gap: 12px; padding: 14px 12px; } .smil-stanza-risultato__process-number { width: 36px; height: 36px; } .smil-stanza-risultato__geo { margin-top: 50px; padding: 25px 18px; border-radius: 20px; } .smil-stanza-risultato__geo-title { font-size: clamp(1.38rem, 6.7vw, 1.8rem); } .smil-stanza-risultato__conversion { margin-top: 46px; padding: 26px 18px; border-radius: 20px; } .smil-stanza-risultato__conversion-title { font-size: clamp(1.38rem, 7vw, 1.85rem); line-height: 1.25; } .smil-stanza-risultato__conversion-text { font-size: 0.95rem; line-height: 1.65; } .smil-stanza-risultato__conversion-actions, .smil-stanza-risultato__button { width: 100%; } .smil-stanza-risultato__next { width: 100%; justify-content: space-between; padding: 12px 13px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 11px; background: rgba(255, 255, 255, 0.06); text-align: left; } } /* ========================================================= SMARTPHONE PICCOLI ========================================================= */ @media (max-width: 380px) { .smil-stanza-risultato { padding-right: 14px; padding-left: 14px; } .smil-stanza-risultato__title { font-size: clamp(1.72rem, 8.7vw, 2.15rem); } .smil-stanza-risultato__answer, .smil-stanza-risultato__summary, .smil-stanza-risultato__expectation, .smil-stanza-risultato__process, .smil-stanza-risultato__geo, .smil-stanza-risultato__conversion { padding-right: 14px; padding-left: 14px; } .smil-stanza-risultato__benefit, .smil-stanza-risultato__review-body { padding-right: 15px; padding-left: 15px; } .smil-stanza-risultato__process-list li { grid-template-columns: minmax(0, 1fr); } .smil-stanza-risultato__button { padding-right: 11px; padding-left: 11px; font-size: 0.88rem; } } /* ========================================================= RIDUZIONE ANIMAZIONI ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-stanza-risultato__summary-link svg, .smil-stanza-risultato__archive svg, .smil-stanza-risultato__review-play, .smil-stanza-risultato__review-link-arrow, .smil-stanza-risultato__button, .smil-stanza-risultato__next-arrow { transition: none; } .smil-stanza-risultato__button:hover, .smil-stanza-risultato__review-cover:hover .smil-stanza-risultato__review-play { transform: none; } .smil-stanza-risultato__summary-link:hover svg, .smil-stanza-risultato__archive:hover svg, .smil-stanza-risultato__review-link:hover .smil-stanza-risultato__review-link-arrow, .smil-stanza-risultato__next:hover .smil-stanza-risultato__next-arrow { transform: none; } }#imCell_17 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1723_17 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_17 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_17 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H2 – GARANZIA SORGEDIL SULLA STANZA COMPLETA RESPONSIVE DESKTOP, TABLET E MOBILE ========================================================= */ .smil-stanza-garanzia { --smil-sgr-dark: #082f3b; --smil-sgr-dark-deep: #05242d; --smil-sgr-dark-soft: #104653; --smil-sgr-teal: #087f8c; --smil-sgr-turquoise: #17c3b2; --smil-sgr-turquoise-light: #70e1d3; --smil-sgr-orange: #f28c28; --smil-sgr-orange-dark: #d97215; --smil-sgr-green: #7cc043; --smil-sgr-white: #ffffff; --smil-sgr-cream: #fff9ef; --smil-sgr-light: #eef9fa; --smil-sgr-grey: #f4f7f8; --smil-sgr-text: #263f47; --smil-sgr-muted: #60767d; --smil-sgr-border: #d8e7e9; position: relative; width: 100%; max-width: 100%; min-width: 0; margin: 0; padding: clamp(60px, 7vw, 100px) clamp(16px, 3.5vw, 32px); overflow-x: hidden; background: radial-gradient( circle at 100% 4%, rgba(124, 192, 67, 0.1), transparent 27% ), radial-gradient( circle at 0 32%, rgba(23, 195, 178, 0.08), transparent 24% ), linear-gradient( 180deg, #f0fafb 0%, var(--smil-sgr-white) 28%, var(--smil-sgr-white) 100% ); color: var(--smil-sgr-text); text-align: left; scroll-margin-top: 90px; isolation: isolate; } @supports (overflow: clip) { .smil-stanza-garanzia { overflow-x: clip; } } /* ========================================================= RESET LOCALE ========================================================= */ .smil-stanza-garanzia, .smil-stanza-garanzia *, .smil-stanza-garanzia *::before, .smil-stanza-garanzia *::after { box-sizing: border-box; } .smil-stanza-garanzia h2, .smil-stanza-garanzia h3, .smil-stanza-garanzia h4, .smil-stanza-garanzia p, .smil-stanza-garanzia ul, .smil-stanza-garanzia ol, .smil-stanza-garanzia li, .smil-stanza-garanzia section, .smil-stanza-garanzia article, .smil-stanza-garanzia aside, .smil-stanza-garanzia header, .smil-stanza-garanzia figure, .smil-stanza-garanzia figcaption, .smil-stanza-garanzia div, .smil-stanza-garanzia a, .smil-stanza-garanzia span, .smil-stanza-garanzia strong, .smil-stanza-garanzia img, .smil-stanza-garanzia svg { max-width: 100%; min-width: 0; } .smil-stanza-garanzia h2, .smil-stanza-garanzia h3, .smil-stanza-garanzia h4, .smil-stanza-garanzia p, .smil-stanza-garanzia li, .smil-stanza-garanzia a, .smil-stanza-garanzia span, .smil-stanza-garanzia strong { word-break: normal; overflow-wrap: break-word; white-space: normal; hyphens: none; } .smil-stanza-garanzia img { display: block; max-width: 100%; } .smil-stanza-garanzia a { -webkit-tap-highlight-color: transparent; } .smil-stanza-garanzia strong { color: var(--smil-sgr-dark); font-weight: 820; } /* ========================================================= CONTENITORE ========================================================= */ .smil-stanza-garanzia__container { position: relative; z-index: 1; width: 100%; max-width: 1220px; min-width: 0; margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-stanza-garanzia__header { width: 100%; max-width: 980px; min-width: 0; margin: 0 auto; text-align: center; } .smil-stanza-garanzia__eyebrow { display: inline-flex; max-width: 100%; flex-wrap: nowrap; align-items: center; justify-content: center; gap: 9px; margin: 0 0 15px; color: var(--smil-sgr-teal); font-size: clamp(0.71rem, 1.2vw, 0.79rem); font-weight: 850; line-height: 1.4; letter-spacing: 0.07em; text-align: center; text-transform: uppercase; } .smil-stanza-garanzia__eyebrow > span:nth-child(2) { min-width: 0; overflow-wrap: break-word; } .smil-stanza-garanzia__eyebrow-line { width: 32px; height: 2px; flex: 0 0 32px; border-radius: 999px; background: var(--smil-sgr-turquoise); } .smil-stanza-garanzia__title { width: 100%; min-width: 0; margin: 0; color: var(--smil-sgr-dark); font-size: clamp(2rem, 4vw, 3.55rem); font-weight: 850; line-height: 1.08; letter-spacing: -0.04em; text-align: center; overflow-wrap: break-word; } .smil-stanza-garanzia__lead { width: 100%; max-width: 930px; min-width: 0; margin: 22px auto 0; color: var(--smil-sgr-text); font-size: clamp(1.03rem, 1.7vw, 1.19rem); line-height: 1.78; text-align: center; overflow-wrap: break-word; } /* ========================================================= RISPOSTA IMMEDIATA ========================================================= */ .smil-stanza-garanzia__answer { display: grid; grid-template-columns: 45px minmax(0, 1fr); gap: 18px; align-items: flex-start; width: 100%; max-width: 1040px; min-width: 0; margin: clamp(31px, 5vw, 49px) auto 0; padding: clamp(22px, 3vw, 30px); border: 1px solid rgba(8, 127, 140, 0.18); border-left: 5px solid var(--smil-sgr-turquoise); border-radius: 0 19px 19px 0; background: rgba(255, 255, 255, 0.97); box-shadow: 0 15px 38px rgba(8, 47, 59, 0.07); text-align: left; } .smil-stanza-garanzia__answer-icon { display: grid; width: 45px; height: 45px; flex: 0 0 45px; place-items: center; border-radius: 13px; background: rgba(23, 195, 178, 0.14); } .smil-stanza-garanzia__answer-icon svg { width: 25px; height: 25px; fill: var(--smil-sgr-teal); } .smil-stanza-garanzia__answer-content { width: 100%; min-width: 0; } .smil-stanza-garanzia__answer-label { margin: 0 0 6px; color: var(--smil-sgr-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-garanzia__answer-title { width: 100%; min-width: 0; margin: 0; color: var(--smil-sgr-dark); font-size: clamp(1.2rem, 2vw, 1.55rem); font-weight: 830; line-height: 1.35; text-align: left; overflow-wrap: break-word; } .smil-stanza-garanzia__answer-text { width: 100%; min-width: 0; margin: 11px 0 0; color: var(--smil-sgr-text); font-size: clamp(1rem, 1.45vw, 1.08rem); line-height: 1.74; text-align: left; overflow-wrap: break-word; } /* ========================================================= HERO GARANZIA CON IMMAGINE ========================================================= */ .smil-stanza-garanzia__hero { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); gap: clamp(38px, 6vw, 72px); align-items: center; width: 100%; min-width: 0; margin-top: clamp(52px, 7vw, 84px); padding: clamp(28px, 4.5vw, 48px); overflow: hidden; border: 1px solid rgba(8, 127, 140, 0.17); border-radius: 28px; background: radial-gradient( circle at 12% 12%, rgba(124, 192, 67, 0.13), transparent 36% ), linear-gradient( 140deg, var(--smil-sgr-light), var(--smil-sgr-white) ); box-shadow: 0 19px 48px rgba(8, 47, 59, 0.09); } .smil-stanza-garanzia__media, .smil-stanza-garanzia__hero-content { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-garanzia__media { margin: 0; text-align: center; } .smil-stanza-garanzia__image-link { display: block; width: 100%; max-width: 430px; min-width: 0; margin: 0 auto; color: var(--smil-sgr-teal); text-decoration: none; } .smil-stanza-garanzia__image-frame { display: grid; width: 100%; min-width: 0; aspect-ratio: 1 / 1; place-items: center; overflow: hidden; padding: clamp(20px, 4vw, 39px); border: 1px solid rgba(8, 127, 140, 0.16); border-radius: 50%; background: radial-gradient( circle, var(--smil-sgr-white) 0%, #f5fcfc 62%, #e2f5f3 100% ); box-shadow: 0 22px 48px rgba(8, 47, 59, 0.13), inset 0 0 0 10px rgba(23, 195, 178, 0.05); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-stanza-garanzia__image-link:hover .smil-stanza-garanzia__image-frame { transform: translateY(-4px); box-shadow: 0 28px 58px rgba(8, 47, 59, 0.17), inset 0 0 0 10px rgba(23, 195, 178, 0.07); } .smil-stanza-garanzia__image-frame img { width: 100%; max-width: 310px; height: 100%; object-fit: contain; } .smil-stanza-garanzia__image-caption { display: inline-flex; max-width: 100%; align-items: center; justify-content: center; margin-top: 17px; color: var(--smil-sgr-teal); font-size: 0.87rem; font-weight: 810; line-height: 1.45; text-align: center; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; } .smil-stanza-garanzia__hero-kicker { margin: 0; color: var(--smil-sgr-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-garanzia__hero-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-sgr-dark); font-size: clamp(1.65rem, 3.1vw, 2.6rem); font-weight: 840; line-height: 1.18; letter-spacing: -0.03em; text-align: left; overflow-wrap: break-word; } .smil-stanza-garanzia__hero-content > p:not( .smil-stanza-garanzia__hero-kicker ) { width: 100%; min-width: 0; margin: 17px 0 0; color: var(--smil-sgr-text); font-size: clamp(1rem, 1.35vw, 1.07rem); line-height: 1.77; text-align: left; overflow-wrap: break-word; } .smil-stanza-garanzia__hero-actions { width: 100%; min-width: 0; margin-top: 24px; } .smil-stanza-garanzia__official-button { display: inline-flex; width: fit-content; max-width: 100%; min-width: 0; min-height: 50px; align-items: center; justify-content: center; gap: 9px; padding: 13px 19px; border-radius: 12px; background: var(--smil-sgr-teal); color: var(--smil-sgr-white); font-size: 0.92rem; font-weight: 820; line-height: 1.4; text-align: center; text-decoration: none; box-shadow: 0 12px 26px rgba(8, 127, 140, 0.2); transition: transform 180ms ease, background-color 180ms ease, box-shadow 180ms ease; } .smil-stanza-garanzia__official-button:hover { transform: translateY(-2px); background: var(--smil-sgr-dark-soft); box-shadow: 0 15px 31px rgba(8, 47, 59, 0.24); } .smil-stanza-garanzia__official-button span { min-width: 0; } .smil-stanza-garanzia__official-button svg { width: 19px; height: 19px; flex: 0 0 19px; fill: currentColor; } .smil-stanza-garanzia__official-note { width: 100%; max-width: 620px; min-width: 0; margin: 12px 0 0 !important; color: var(--smil-sgr-muted) !important; font-size: 0.82rem !important; line-height: 1.55 !important; text-align: left; } /* ========================================================= FONDAMENTI DELLA GARANZIA ========================================================= */ .smil-stanza-garanzia__foundations { width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(60px, 8vw, 94px); } .smil-stanza-garanzia__foundations-header { width: 100%; max-width: 870px; min-width: 0; margin: 0 auto; text-align: center; } .smil-stanza-garanzia__foundations-kicker { margin: 0; color: var(--smil-sgr-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: center; text-transform: uppercase; } .smil-stanza-garanzia__foundations-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-sgr-dark); font-size: clamp(1.6rem, 3.1vw, 2.55rem); font-weight: 840; line-height: 1.18; letter-spacing: -0.03em; text-align: center; overflow-wrap: break-word; } .smil-stanza-garanzia__foundations-header > p:last-child { width: 100%; max-width: 760px; min-width: 0; margin: 15px auto 0; color: var(--smil-sgr-muted); font-size: 0.96rem; line-height: 1.7; text-align: center; overflow-wrap: break-word; } .smil-stanza-garanzia__foundations-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; width: 100%; min-width: 0; margin-top: 33px; } .smil-stanza-garanzia__foundation { width: 100%; max-width: 100%; min-width: 0; padding: clamp(22px, 2.8vw, 29px); overflow: hidden; border: 1px solid var(--smil-sgr-border); border-radius: 20px; background: var(--smil-sgr-white); box-shadow: 0 14px 35px rgba(8, 47, 59, 0.06); text-align: left; } .smil-stanza-garanzia__foundation-number { display: grid; width: 43px; height: 43px; place-items: center; border-radius: 12px; background: rgba(124, 192, 67, 0.14); color: #4f8e20; font-size: 0.75rem; font-weight: 900; line-height: 1; } .smil-stanza-garanzia__foundation h4 { width: 100%; min-width: 0; margin: 18px 0 0; color: var(--smil-sgr-dark); font-size: 1.14rem; font-weight: 830; line-height: 1.35; text-align: left; overflow-wrap: break-word; } .smil-stanza-garanzia__foundation p { width: 100%; min-width: 0; margin: 11px 0 0; color: var(--smil-sgr-muted); font-size: 0.88rem; line-height: 1.65; text-align: left; overflow-wrap: break-word; } /* ========================================================= STANZA COMPLETA ========================================================= */ .smil-stanza-garanzia__complete { display: grid; grid-template-columns: minmax(0, 0.73fr) minmax(0, 1.27fr); gap: clamp(32px, 5vw, 64px); align-items: center; width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(60px, 8vw, 92px); padding: clamp(29px, 4.5vw, 46px); overflow: hidden; border: 1px solid var(--smil-sgr-border); border-radius: 24px; background: var(--smil-sgr-light); } .smil-stanza-garanzia__complete-heading, .smil-stanza-garanzia__complete-content { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-garanzia__complete-kicker { margin: 0; color: var(--smil-sgr-teal); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-garanzia__complete-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-sgr-dark); font-size: clamp(1.45rem, 2.7vw, 2.2rem); font-weight: 840; line-height: 1.22; letter-spacing: -0.025em; text-align: left; overflow-wrap: break-word; } .smil-stanza-garanzia__complete-heading > p:last-child, .smil-stanza-garanzia__complete-content > p { width: 100%; min-width: 0; color: var(--smil-sgr-text); font-size: 0.97rem; line-height: 1.76; text-align: left; overflow-wrap: break-word; } .smil-stanza-garanzia__complete-heading > p:last-child { margin: 15px 0 0; } .smil-stanza-garanzia__complete-content > p { margin: 0; } .smil-stanza-garanzia__complete-content > p + p { margin-top: 14px; } .smil-stanza-garanzia__complete-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; width: 100%; min-width: 0; margin-top: 21px; } .smil-stanza-garanzia__complete-item { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 11px; align-items: flex-start; width: 100%; max-width: 100%; min-width: 0; padding: 14px; border: 1px solid rgba(8, 127, 140, 0.15); border-radius: 14px; background: rgba(255, 255, 255, 0.82); } .smil-stanza-garanzia__complete-item svg { width: 22px; height: 22px; flex: 0 0 22px; fill: var(--smil-sgr-green); } .smil-stanza-garanzia__complete-item p { width: 100%; min-width: 0; margin: 0; color: var(--smil-sgr-muted); font-size: 0.85rem; line-height: 1.55; text-align: left; overflow-wrap: break-word; } /* ========================================================= PROCESSO ========================================================= */ .smil-stanza-garanzia__process { display: grid; grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr); gap: clamp(34px, 5vw, 66px); align-items: center; width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(60px, 8vw, 94px); padding: clamp(29px, 5vw, 49px); overflow: hidden; border: 1px solid var(--smil-sgr-border); border-radius: 26px; background: linear-gradient( 135deg, var(--smil-sgr-light), var(--smil-sgr-white) ); } .smil-stanza-garanzia__process-heading, .smil-stanza-garanzia__process-list { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-garanzia__process-kicker { margin: 0; color: var(--smil-sgr-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-garanzia__process-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-sgr-dark); font-size: clamp(1.5rem, 2.8vw, 2.3rem); font-weight: 840; line-height: 1.2; letter-spacing: -0.03em; text-align: left; overflow-wrap: break-word; } .smil-stanza-garanzia__process-heading > p:last-child { width: 100%; min-width: 0; margin: 15px 0 0; color: var(--smil-sgr-muted); font-size: 0.96rem; line-height: 1.7; text-align: left; overflow-wrap: break-word; } .smil-stanza-garanzia__process-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 11px; margin: 0; padding: 0; list-style: none; } .smil-stanza-garanzia__process-list li { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 14px; align-items: flex-start; width: 100%; max-width: 100%; min-width: 0; padding: 15px; overflow: hidden; border: 1px solid var(--smil-sgr-border); border-radius: 15px; background: rgba(255, 255, 255, 0.92); } .smil-stanza-garanzia__process-number { display: grid; width: 38px; height: 38px; flex: 0 0 38px; place-items: center; border-radius: 10px; background: var(--smil-sgr-teal); color: var(--smil-sgr-white); font-size: 0.72rem; font-weight: 900; line-height: 1; } .smil-stanza-garanzia__process-content { width: 100%; min-width: 0; } .smil-stanza-garanzia__process-list strong { display: block; width: 100%; min-width: 0; color: var(--smil-sgr-dark); font-size: 0.96rem; line-height: 1.4; text-align: left; overflow-wrap: break-word; } .smil-stanza-garanzia__process-list p { width: 100%; min-width: 0; margin: 3px 0 0; color: var(--smil-sgr-muted); font-size: 0.83rem; line-height: 1.53; text-align: left; overflow-wrap: break-word; } /* ========================================================= CONFRONTO ========================================================= */ .smil-stanza-garanzia__comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; width: 100%; max-width: 1060px; min-width: 0; margin: clamp(60px, 8vw, 92px) auto 0; } .smil-stanza-garanzia__comparison-card { width: 100%; max-width: 100%; min-width: 0; padding: clamp(25px, 3.5vw, 37px); overflow: hidden; border: 1px solid var(--smil-sgr-border); border-radius: 22px; background: var(--smil-sgr-white); box-shadow: 0 16px 38px rgba(8, 47, 59, 0.07); text-align: left; } .smil-stanza-garanzia__comparison-card--featured { border-color: rgba(124, 192, 67, 0.36); background: linear-gradient( 145deg, #f4fbef, var(--smil-sgr-white) ); box-shadow: 0 18px 42px rgba(79, 142, 32, 0.1); } .smil-stanza-garanzia__comparison-label { margin: 0; color: var(--smil-sgr-teal); font-size: 0.74rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.065em; text-align: left; text-transform: uppercase; } .smil-stanza-garanzia__comparison-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-sgr-dark); font-size: clamp(1.28rem, 2.2vw, 1.82rem); font-weight: 830; line-height: 1.3; text-align: left; overflow-wrap: break-word; } .smil-stanza-garanzia__comparison-card ul { display: grid; grid-template-columns: minmax(0, 1fr); gap: 11px; width: 100%; min-width: 0; margin: 21px 0 0; padding: 0; list-style: none; } .smil-stanza-garanzia__comparison-card li { position: relative; width: 100%; min-width: 0; padding-left: 27px; color: var(--smil-sgr-text); font-size: 0.92rem; line-height: 1.6; text-align: left; overflow-wrap: break-word; } .smil-stanza-garanzia__comparison-card li::before { position: absolute; left: 0; color: var(--smil-sgr-green); font-weight: 900; content: "✓"; } /* ========================================================= CHIARIMENTO ========================================================= */ .smil-stanza-garanzia__clarity { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 18px; align-items: flex-start; width: 100%; max-width: 1040px; min-width: 0; margin: clamp(50px, 7vw, 76px) auto 0; padding: clamp(23px, 3.5vw, 34px); overflow: hidden; border: 1px solid #f0dcc3; border-left: 5px solid var(--smil-sgr-orange); border-radius: 0 20px 20px 0; background: var(--smil-sgr-cream); } .smil-stanza-garanzia__clarity-icon { display: grid; width: 48px; height: 48px; flex: 0 0 48px; place-items: center; border-radius: 14px; background: rgba(242, 140, 40, 0.14); } .smil-stanza-garanzia__clarity-icon svg { width: 25px; height: 25px; fill: var(--smil-sgr-orange-dark); } .smil-stanza-garanzia__clarity-content { width: 100%; min-width: 0; } .smil-stanza-garanzia__clarity-kicker { margin: 0; color: var(--smil-sgr-orange-dark); font-size: 0.74rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-align: left; text-transform: uppercase; } .smil-stanza-garanzia__clarity-title { width: 100%; min-width: 0; margin: 7px 0 0; color: var(--smil-sgr-dark); font-size: clamp(1.2rem, 2vw, 1.55rem); font-weight: 830; line-height: 1.35; text-align: left; overflow-wrap: break-word; } .smil-stanza-garanzia__clarity-content > p:not( .smil-stanza-garanzia__clarity-kicker ) { width: 100%; min-width: 0; margin: 10px 0 0; color: var(--smil-sgr-text); font-size: 0.94rem; line-height: 1.68; text-align: left; overflow-wrap: break-word; } .smil-stanza-garanzia__clarity-link { display: inline-flex; width: fit-content; max-width: 100%; min-width: 0; margin-top: 15px; color: var(--smil-sgr-teal); font-size: 0.88rem; font-weight: 820; line-height: 1.45; text-align: left; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; } /* ========================================================= GEO MILANO ========================================================= */ .smil-stanza-garanzia__geo { display: grid; grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr); gap: clamp(29px, 5vw, 62px); align-items: center; width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(57px, 7vw, 84px); padding: clamp(28px, 4vw, 43px); overflow: hidden; border: 1px solid var(--smil-sgr-border); border-radius: 23px; background: var(--smil-sgr-grey); } .smil-stanza-garanzia__geo-heading, .smil-stanza-garanzia__geo-content { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-garanzia__geo-kicker { margin: 0; color: var(--smil-sgr-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-garanzia__geo-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-sgr-dark); font-size: clamp(1.4rem, 2.5vw, 2.05rem); font-weight: 830; line-height: 1.22; letter-spacing: -0.025em; text-align: left; overflow-wrap: break-word; } .smil-stanza-garanzia__geo-content p { width: 100%; min-width: 0; margin: 0; color: var(--smil-sgr-text); font-size: 0.97rem; line-height: 1.75; text-align: left; overflow-wrap: break-word; } .smil-stanza-garanzia__geo-content p + p { margin-top: 13px; } /* ========================================================= CTA FINALE ========================================================= */ .smil-stanza-garanzia__conversion { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, 310px); gap: 30px; align-items: center; width: 100%; max-width: 100%; min-width: 0; margin-top: clamp(54px, 7vw, 83px); padding: clamp(28px, 4vw, 44px); overflow: hidden; border-radius: 24px; background: radial-gradient( circle at 92% 8%, rgba(124, 192, 67, 0.17), transparent 35% ), linear-gradient( 135deg, var(--smil-sgr-dark), var(--smil-sgr-dark-soft) ); color: var(--smil-sgr-white); box-shadow: 0 22px 50px rgba(8, 47, 59, 0.18); text-align: left; } .smil-stanza-garanzia__conversion-content, .smil-stanza-garanzia__conversion-actions { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-garanzia__conversion-kicker { margin: 0; color: var(--smil-sgr-turquoise-light); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } .smil-stanza-garanzia__conversion-title { width: 100%; max-width: 790px; min-width: 0; margin: 8px 0 0; color: var(--smil-sgr-white); font-size: clamp(1.42rem, 2.6vw, 2.18rem); font-weight: 830; line-height: 1.22; letter-spacing: -0.025em; text-align: left; overflow-wrap: break-word; } .smil-stanza-garanzia__conversion-text { width: 100%; max-width: 790px; min-width: 0; margin: 14px 0 0; color: rgba(255, 255, 255, 0.82); font-size: 0.96rem; line-height: 1.7; text-align: left; overflow-wrap: break-word; } .smil-stanza-garanzia__conversion-actions { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; justify-items: stretch; } .smil-stanza-garanzia__button, .smil-stanza-garanzia__secondary-button { display: inline-flex; width: 100%; max-width: 100%; min-width: 0; min-height: 51px; align-items: center; justify-content: center; padding: 13px 18px; border-radius: 12px; font-family: inherit; font-size: 0.92rem; font-weight: 820; line-height: 1.4; text-align: center; text-decoration: none; white-space: normal; overflow-wrap: break-word; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .smil-stanza-garanzia__button { background: var(--smil-sgr-orange); color: var(--smil-sgr-white); box-shadow: 0 12px 25px rgba(242, 140, 40, 0.25); } .smil-stanza-garanzia__button:hover { transform: translateY(-2px); background: var(--smil-sgr-orange-dark); box-shadow: 0 15px 29px rgba(242, 140, 40, 0.32); } .smil-stanza-garanzia__secondary-button { border: 1px solid rgba(255, 255, 255, 0.23); background: rgba(255, 255, 255, 0.08); color: var(--smil-sgr-white); } .smil-stanza-garanzia__secondary-button:hover { transform: translateY(-2px); border-color: rgba(255, 255, 255, 0.4); background: rgba(255, 255, 255, 0.14); } .smil-stanza-garanzia__next { display: flex; width: 100%; max-width: 100%; min-width: 0; align-items: center; justify-content: center; gap: 8px; color: rgba(255, 255, 255, 0.9); font-size: 0.84rem; font-weight: 750; line-height: 1.45; text-align: center; text-decoration: none; white-space: normal; overflow-wrap: break-word; } .smil-stanza-garanzia__next-text { min-width: 0; overflow-wrap: break-word; } .smil-stanza-garanzia__next-arrow { flex: 0 0 auto; color: var(--smil-sgr-turquoise-light); transition: transform 180ms ease; } .smil-stanza-garanzia__next:hover .smil-stanza-garanzia__next-arrow { transform: translateY(3px); } /* ========================================================= ACCESSIBILITÀ ========================================================= */ .smil-stanza-garanzia a:focus-visible { outline: 3px solid rgba(242, 140, 40, 0.46); outline-offset: 4px; } /* ========================================================= DESKTOP INTERMEDIO ========================================================= */ @media (max-width: 1100px) { .smil-stanza-garanzia__foundations-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-stanza-garanzia__conversion { grid-template-columns: minmax(0, 1fr) minmax(230px, 290px); gap: 24px; } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 900px) { .smil-stanza-garanzia { padding: clamp(52px, 7vw, 72px) clamp(18px, 4vw, 28px); } .smil-stanza-garanzia__hero, .smil-stanza-garanzia__complete, .smil-stanza-garanzia__process, .smil-stanza-garanzia__geo, .smil-stanza-garanzia__conversion { grid-template-columns: minmax(0, 1fr); } .smil-stanza-garanzia__image-link { max-width: 380px; } .smil-stanza-garanzia__conversion { gap: 25px; } .smil-stanza-garanzia__conversion-actions { width: min(100%, 450px); } } /* ========================================================= TABLET PICCOLI ========================================================= */ @media (max-width: 720px) { .smil-stanza-garanzia__comparison { grid-template-columns: minmax(0, 1fr); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 640px) { .smil-stanza-garanzia { padding: 46px max(16px, env(safe-area-inset-right)) 52px max(16px, env(safe-area-inset-left)); scroll-margin-top: 72px; } .smil-stanza-garanzia__header, .smil-stanza-garanzia__foundations-header { text-align: left; } .smil-stanza-garanzia__eyebrow { display: block; width: 100%; margin-bottom: 13px; font-size: 0.7rem; line-height: 1.45; letter-spacing: 0.045em; text-align: left; } .smil-stanza-garanzia__eyebrow-line { display: none; } .smil-stanza-garanzia__title { font-size: clamp(1.85rem, 8.7vw, 2.6rem); line-height: 1.1; letter-spacing: -0.032em; text-align: left; } .smil-stanza-garanzia__lead { margin-top: 18px; font-size: 1rem; line-height: 1.7; text-align: left; } .smil-stanza-garanzia__answer { grid-template-columns: minmax(0, 1fr); gap: 13px; margin-top: 26px; padding: 19px 17px; border-left-width: 4px; border-radius: 0 15px 15px 0; } .smil-stanza-garanzia__answer-icon { width: 40px; height: 40px; } .smil-stanza-garanzia__answer-title { font-size: 1.18rem; line-height: 1.4; } .smil-stanza-garanzia__answer-text { font-size: 1rem; line-height: 1.68; } .smil-stanza-garanzia__hero { margin-top: 40px; padding: 25px 18px; border-radius: 21px; } .smil-stanza-garanzia__image-link { max-width: 300px; } .smil-stanza-garanzia__image-frame { padding: 25px; } .smil-stanza-garanzia__image-frame img { max-width: 230px; } .smil-stanza-garanzia__hero-title { font-size: clamp(1.45rem, 7vw, 1.95rem); } .smil-stanza-garanzia__hero-content > p:not( .smil-stanza-garanzia__hero-kicker ) { font-size: 1rem; line-height: 1.72; } .smil-stanza-garanzia__official-button { width: 100%; justify-content: space-between; text-align: left; } .smil-stanza-garanzia__foundations { margin-top: 50px; } .smil-stanza-garanzia__foundations-kicker, .smil-stanza-garanzia__foundations-title, .smil-stanza-garanzia__foundations-header > p:last-child { text-align: left; } .smil-stanza-garanzia__foundations-title { font-size: clamp(1.42rem, 7vw, 1.95rem); } .smil-stanza-garanzia__foundations-grid { grid-template-columns: minmax(0, 1fr); margin-top: 27px; } .smil-stanza-garanzia__foundation { padding: 23px 18px; border-radius: 18px; } .smil-stanza-garanzia__complete { margin-top: 50px; padding: 25px 18px; border-radius: 20px; } .smil-stanza-garanzia__complete-title { font-size: clamp(1.38rem, 6.7vw, 1.8rem); } .smil-stanza-garanzia__complete-list { grid-template-columns: minmax(0, 1fr); } .smil-stanza-garanzia__process { margin-top: 50px; padding: 25px 17px; border-radius: 21px; } .smil-stanza-garanzia__process-title { font-size: clamp(1.42rem, 7vw, 1.95rem); } .smil-stanza-garanzia__process-list { margin-top: 26px; } .smil-stanza-garanzia__process-list li { grid-template-columns: 36px minmax(0, 1fr); gap: 12px; padding: 14px 12px; } .smil-stanza-garanzia__process-number { width: 36px; height: 36px; } .smil-stanza-garanzia__comparison { margin-top: 50px; } .smil-stanza-garanzia__comparison-card { padding: 24px 18px; border-radius: 19px; } .smil-stanza-garanzia__comparison-title { font-size: clamp(1.2rem, 6vw, 1.55rem); } .smil-stanza-garanzia__clarity { grid-template-columns: minmax(0, 1fr); margin-top: 45px; padding: 20px 17px; border-left-width: 4px; border-radius: 0 17px 17px 0; } .smil-stanza-garanzia__clarity-title { font-size: 1.16rem; } .smil-stanza-garanzia__clarity-link { display: block; width: 100%; padding: 12px 13px; border: 1px solid rgba(8, 127, 140, 0.17); border-radius: 11px; background: rgba(255, 255, 255, 0.62); text-decoration: none; } .smil-stanza-garanzia__geo { margin-top: 50px; padding: 25px 18px; border-radius: 20px; } .smil-stanza-garanzia__geo-title { font-size: clamp(1.38rem, 6.7vw, 1.8rem); } .smil-stanza-garanzia__conversion { margin-top: 46px; padding: 26px 18px; border-radius: 20px; } .smil-stanza-garanzia__conversion-title { font-size: clamp(1.38rem, 7vw, 1.85rem); line-height: 1.25; } .smil-stanza-garanzia__conversion-text { font-size: 0.95rem; line-height: 1.65; } .smil-stanza-garanzia__conversion-actions, .smil-stanza-garanzia__button, .smil-stanza-garanzia__secondary-button { width: 100%; } .smil-stanza-garanzia__next { width: 100%; justify-content: space-between; padding: 12px 13px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 11px; background: rgba(255, 255, 255, 0.06); text-align: left; } } /* ========================================================= SMARTPHONE PICCOLI ========================================================= */ @media (max-width: 380px) { .smil-stanza-garanzia { padding-right: 14px; padding-left: 14px; } .smil-stanza-garanzia__title { font-size: clamp(1.72rem, 8.7vw, 2.15rem); } .smil-stanza-garanzia__answer, .smil-stanza-garanzia__hero, .smil-stanza-garanzia__complete, .smil-stanza-garanzia__process, .smil-stanza-garanzia__geo, .smil-stanza-garanzia__conversion { padding-right: 14px; padding-left: 14px; } .smil-stanza-garanzia__foundation, .smil-stanza-garanzia__comparison-card { padding-right: 15px; padding-left: 15px; } .smil-stanza-garanzia__process-list li, .smil-stanza-garanzia__complete-item { grid-template-columns: minmax(0, 1fr); } .smil-stanza-garanzia__button, .smil-stanza-garanzia__secondary-button { padding-right: 11px; padding-left: 11px; font-size: 0.88rem; } } /* ========================================================= RIDUZIONE ANIMAZIONI ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-stanza-garanzia__image-frame, .smil-stanza-garanzia__official-button, .smil-stanza-garanzia__button, .smil-stanza-garanzia__secondary-button, .smil-stanza-garanzia__next-arrow { transition: none; } .smil-stanza-garanzia__image-link:hover .smil-stanza-garanzia__image-frame, .smil-stanza-garanzia__official-button:hover, .smil-stanza-garanzia__button:hover, .smil-stanza-garanzia__secondary-button:hover, .smil-stanza-garanzia__next:hover .smil-stanza-garanzia__next-arrow { transform: none; } }#imCell_26 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1723_26 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_26 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_26 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H2 – CHI CHIAMARE PER INSONORIZZARE UNA STANZA A MILANO RESPONSIVE DESKTOP, TABLET E MOBILE ========================================================= */ .smil-stanza-specialista { --smil-sss-dark: #082f3b; --smil-sss-dark-soft: #104653; --smil-sss-teal: #087f8c; --smil-sss-turquoise: #17c3b2; --smil-sss-turquoise-light: #70e1d3; --smil-sss-orange: #f28c28; --smil-sss-orange-dark: #d97215; --smil-sss-green: #7cc043; --smil-sss-white: #ffffff; --smil-sss-cream: #fff9ef; --smil-sss-light: #eef9fa; --smil-sss-grey: #f4f7f8; --smil-sss-text: #263f47; --smil-sss-muted: #60767d; --smil-sss-border: #d8e7e9; position: relative; width: 100%; max-width: 100%; min-width: 0; margin: 0; padding: clamp(60px, 7vw, 100px) clamp(16px, 3.5vw, 32px); overflow-x: hidden; background: radial-gradient( circle at 0 4%, rgba(23, 195, 178, 0.1), transparent 28% ), linear-gradient( 180deg, #f0fafb 0%, var(--smil-sss-white) 28%, var(--smil-sss-white) 100% ); color: var(--smil-sss-text); text-align: left; scroll-margin-top: 90px; isolation: isolate; } @supports (overflow: clip) { .smil-stanza-specialista { overflow-x: clip; } } /* ========================================================= RESET LOCALE ========================================================= */ .smil-stanza-specialista, .smil-stanza-specialista *, .smil-stanza-specialista *::before, .smil-stanza-specialista *::after { box-sizing: border-box; } .smil-stanza-specialista h2, .smil-stanza-specialista h3, .smil-stanza-specialista h4, .smil-stanza-specialista p, .smil-stanza-specialista ul, .smil-stanza-specialista ol, .smil-stanza-specialista li, .smil-stanza-specialista section, .smil-stanza-specialista article, .smil-stanza-specialista aside, .smil-stanza-specialista header, .smil-stanza-specialista div, .smil-stanza-specialista a, .smil-stanza-specialista span, .smil-stanza-specialista strong, .smil-stanza-specialista img, .smil-stanza-specialista svg { max-width: 100%; min-width: 0; } .smil-stanza-specialista h2, .smil-stanza-specialista h3, .smil-stanza-specialista h4, .smil-stanza-specialista p, .smil-stanza-specialista li, .smil-stanza-specialista a, .smil-stanza-specialista span, .smil-stanza-specialista strong { word-break: normal; overflow-wrap: break-word; white-space: normal; hyphens: none; } .smil-stanza-specialista img { display: block; max-width: 100%; } .smil-stanza-specialista a { -webkit-tap-highlight-color: transparent; } .smil-stanza-specialista strong { color: var(--smil-sss-dark); font-weight: 820; } /* ========================================================= CONTENITORE ========================================================= */ .smil-stanza-specialista__container { position: relative; z-index: 1; width: 100%; max-width: 1220px; min-width: 0; margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-stanza-specialista__header { width: 100%; max-width: 980px; min-width: 0; margin: 0 auto; text-align: center; } .smil-stanza-specialista__eyebrow { display: inline-flex; max-width: 100%; flex-wrap: nowrap; align-items: center; justify-content: center; gap: 9px; margin: 0 0 15px; color: var(--smil-sss-teal); font-size: clamp(0.71rem, 1.2vw, 0.79rem); font-weight: 850; line-height: 1.4; letter-spacing: 0.07em; text-align: center; text-transform: uppercase; } .smil-stanza-specialista__eyebrow-line { width: 32px; height: 2px; flex: 0 0 32px; border-radius: 999px; background: var(--smil-sss-turquoise); } .smil-stanza-specialista__title { width: 100%; min-width: 0; margin: 0; color: var(--smil-sss-dark); font-size: clamp(2rem, 4vw, 3.55rem); font-weight: 850; line-height: 1.08; letter-spacing: -0.04em; text-align: center; } .smil-stanza-specialista__lead { width: 100%; max-width: 930px; min-width: 0; margin: 22px auto 0; color: var(--smil-sss-text); font-size: clamp(1.03rem, 1.7vw, 1.19rem); line-height: 1.78; text-align: center; } /* ========================================================= RISPOSTA IMMEDIATA ========================================================= */ .smil-stanza-specialista__answer { display: grid; grid-template-columns: 45px minmax(0, 1fr); gap: 18px; align-items: flex-start; width: 100%; max-width: 1040px; min-width: 0; margin: clamp(31px, 5vw, 49px) auto 0; padding: clamp(22px, 3vw, 30px); border: 1px solid rgba(8, 127, 140, 0.18); border-left: 5px solid var(--smil-sss-turquoise); border-radius: 0 19px 19px 0; background: rgba(255, 255, 255, 0.97); box-shadow: 0 15px 38px rgba(8, 47, 59, 0.07); } .smil-stanza-specialista__answer-icon { display: grid; width: 45px; height: 45px; flex: 0 0 45px; place-items: center; border-radius: 13px; background: rgba(23, 195, 178, 0.14); } .smil-stanza-specialista__answer-icon svg { width: 25px; height: 25px; fill: var(--smil-sss-teal); } .smil-stanza-specialista__answer-content { width: 100%; min-width: 0; } .smil-stanza-specialista__answer-label { margin: 0 0 6px; color: var(--smil-sss-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-transform: uppercase; } .smil-stanza-specialista__answer-title { width: 100%; min-width: 0; margin: 0; color: var(--smil-sss-dark); font-size: clamp(1.2rem, 2vw, 1.55rem); font-weight: 830; line-height: 1.35; } .smil-stanza-specialista__answer-text { width: 100%; min-width: 0; margin: 11px 0 0; color: var(--smil-sss-text); font-size: clamp(1rem, 1.45vw, 1.08rem); line-height: 1.74; } /* ========================================================= CONTENUTO PRINCIPALE ========================================================= */ .smil-stanza-specialista__layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(310px, 390px); gap: clamp(36px, 5vw, 68px); align-items: start; width: 100%; min-width: 0; margin-top: clamp(48px, 6vw, 76px); } .smil-stanza-specialista__content, .smil-stanza-specialista__checklist { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-specialista__subtitle { width: 100%; min-width: 0; margin: 0; color: var(--smil-sss-dark); font-size: clamp(1.34rem, 2.4vw, 1.92rem); font-weight: 830; line-height: 1.27; letter-spacing: -0.025em; } .smil-stanza-specialista__content > p { width: 100%; min-width: 0; margin: 18px 0 0; color: var(--smil-sss-text); font-size: clamp(1rem, 1.35vw, 1.07rem); line-height: 1.8; } /* ========================================================= AVVERTENZA ========================================================= */ .smil-stanza-specialista__warning { width: 100%; max-width: 100%; min-width: 0; margin: 31px 0 36px; padding: clamp(22px, 3vw, 30px); overflow: hidden; border: 1px solid #f0dcc3; border-left: 5px solid var(--smil-sss-orange); border-radius: 0 18px 18px 0; background: var(--smil-sss-cream); } .smil-stanza-specialista__warning-label { margin: 0; color: var(--smil-sss-orange-dark); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-stanza-specialista__warning h3 { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-sss-dark); font-size: clamp(1.15rem, 1.9vw, 1.43rem); font-weight: 830; line-height: 1.4; } .smil-stanza-specialista__warning p:not( .smil-stanza-specialista__warning-label ) { width: 100%; min-width: 0; margin: 12px 0 0; color: var(--smil-sss-text); font-size: clamp(0.98rem, 1.35vw, 1.05rem); line-height: 1.72; } /* ========================================================= CHECKLIST LATERALE ========================================================= */ .smil-stanza-specialista__checklist { position: sticky; top: 24px; overflow: hidden; padding: clamp(25px, 3vw, 35px); border-radius: 24px; background: linear-gradient( 145deg, var(--smil-sss-dark), var(--smil-sss-dark-soft) ); color: var(--smil-sss-white); box-shadow: 0 23px 54px rgba(8, 47, 59, 0.2); } .smil-stanza-specialista__checklist::after { position: absolute; right: -85px; bottom: -95px; width: 230px; height: 230px; border: 41px solid rgba(23, 195, 178, 0.11); border-radius: 50%; content: ""; pointer-events: none; } .smil-stanza-specialista__checklist-kicker, .smil-stanza-specialista__checklist-title, .smil-stanza-specialista__checklist-list, .smil-stanza-specialista__checklist-link { position: relative; z-index: 1; } .smil-stanza-specialista__checklist-kicker { margin: 0; color: var(--smil-sss-turquoise-light); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-transform: uppercase; } .smil-stanza-specialista__checklist-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-sss-white); font-size: clamp(1.4rem, 2.3vw, 1.95rem); font-weight: 830; line-height: 1.22; letter-spacing: -0.025em; } .smil-stanza-specialista__checklist-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; width: 100%; min-width: 0; margin: 23px 0 0; padding: 0; list-style: none; } .smil-stanza-specialista__checklist-list li { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 12px; align-items: flex-start; width: 100%; min-width: 0; padding: 13px; border: 1px solid rgba(255, 255, 255, 0.11); border-radius: 13px; background: rgba(255, 255, 255, 0.06); } .smil-stanza-specialista__checklist-number { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 9px; background: rgba(23, 195, 178, 0.14); color: var(--smil-sss-turquoise-light); font-size: 0.7rem; font-weight: 900; line-height: 1; } .smil-stanza-specialista__checklist-content { width: 100%; min-width: 0; } .smil-stanza-specialista__checklist-list strong { display: block; color: var(--smil-sss-white); font-size: 0.93rem; line-height: 1.4; } .smil-stanza-specialista__checklist-list p { margin: 4px 0 0; color: rgba(255, 255, 255, 0.72); font-size: 0.81rem; line-height: 1.5; } .smil-stanza-specialista__checklist-link { display: inline-flex; width: fit-content; max-width: 100%; align-items: center; gap: 8px; margin-top: 22px; color: var(--smil-sss-white); font-size: 0.9rem; font-weight: 810; line-height: 1.45; text-decoration: none; } .smil-stanza-specialista__checklist-link-text { min-width: 0; } .smil-stanza-specialista__checklist-link svg { width: 18px; height: 18px; flex: 0 0 18px; fill: var(--smil-sss-turquoise-light); transition: transform 180ms ease; } .smil-stanza-specialista__checklist-link:hover svg { transform: translateX(4px); } /* ========================================================= PERCHÉ SORGEDIL ========================================================= */ .smil-stanza-specialista__reasons { width: 100%; min-width: 0; margin-top: clamp(60px, 8vw, 94px); } .smil-stanza-specialista__reasons-header, .smil-stanza-specialista__books-header { width: 100%; max-width: 880px; min-width: 0; margin: 0 auto; text-align: center; } .smil-stanza-specialista__reasons-kicker, .smil-stanza-specialista__books-kicker { margin: 0; color: var(--smil-sss-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-transform: uppercase; } .smil-stanza-specialista__reasons-title, .smil-stanza-specialista__books-title { width: 100%; min-width: 0; margin: 8px 0 0; color: var(--smil-sss-dark); font-size: clamp(1.6rem, 3.1vw, 2.55rem); font-weight: 840; line-height: 1.18; letter-spacing: -0.03em; } .smil-stanza-specialista__reasons-header > p:last-child, .smil-stanza-specialista__books-header > p:last-child { width: 100%; max-width: 780px; min-width: 0; margin: 15px auto 0; color: var(--smil-sss-muted); font-size: 0.96rem; line-height: 1.7; } .smil-stanza-specialista__reasons-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; width: 100%; min-width: 0; margin-top: 33px; } .smil-stanza-specialista__reason { width: 100%; min-width: 0; padding: clamp(22px, 2.8vw, 29px); border: 1px solid var(--smil-sss-border); border-radius: 20px; background: var(--smil-sss-white); box-shadow: 0 14px 35px rgba(8, 47, 59, 0.06); } .smil-stanza-specialista__reason-number { display: grid; width: 43px; height: 43px; place-items: center; border-radius: 12px; background: rgba(23, 195, 178, 0.13); color: var(--smil-sss-teal); font-size: 0.75rem; font-weight: 900; line-height: 1; } .smil-stanza-specialista__reason h4 { margin: 18px 0 0; color: var(--smil-sss-dark); font-size: 1.14rem; font-weight: 830; line-height: 1.35; } .smil-stanza-specialista__reason p { margin: 11px 0 0; color: var(--smil-sss-muted); font-size: 0.88rem; line-height: 1.65; } /* ========================================================= LIBRI BESTSELLER ========================================================= */ .smil-stanza-specialista__books { width: 100%; min-width: 0; margin-top: clamp(60px, 8vw, 96px); padding: clamp(30px, 5vw, 52px); overflow: hidden; border: 1px solid var(--smil-sss-border); border-radius: 28px; background: radial-gradient( circle at 5% 5%, rgba(242, 140, 40, 0.09), transparent 27% ), radial-gradient( circle at 96% 96%, rgba(23, 195, 178, 0.1), transparent 27% ), linear-gradient( 145deg, var(--smil-sss-cream), var(--smil-sss-light) ); } .smil-stanza-specialista__books-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(22px, 4vw, 38px); width: 100%; min-width: 0; margin-top: 36px; } .smil-stanza-specialista__book { display: grid; grid-template-columns: minmax(180px, 0.67fr) minmax(0, 1.33fr); gap: clamp(20px, 3vw, 30px); align-items: center; width: 100%; min-width: 0; padding: clamp(20px, 3vw, 30px); overflow: hidden; border: 1px solid rgba(8, 127, 140, 0.16); border-radius: 22px; background: rgba(255, 255, 255, 0.94); box-shadow: 0 17px 42px rgba(8, 47, 59, 0.08); } .smil-stanza-specialista__book-cover { position: relative; display: block; width: 100%; max-width: 270px; min-width: 0; margin: 0 auto; text-decoration: none; } .smil-stanza-specialista__book-image { display: block; width: 100%; min-width: 0; aspect-ratio: 7 / 10; overflow: hidden; border-radius: 10px; background: var(--smil-sss-dark); box-shadow: 0 19px 36px rgba(8, 47, 59, 0.2); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-stanza-specialista__book-cover:hover .smil-stanza-specialista__book-image { transform: translateY(-4px) rotate(-1deg); box-shadow: 0 24px 43px rgba(8, 47, 59, 0.25); } .smil-stanza-specialista__book-image img { width: 100%; height: 100%; object-fit: cover; } .smil-stanza-specialista__book-badge { position: absolute; right: -8px; bottom: 16px; max-width: calc(100% - 12px); padding: 7px 10px; border-radius: 999px; background: var(--smil-sss-orange); color: var(--smil-sss-white); font-size: 0.68rem; font-weight: 850; line-height: 1.3; text-align: center; box-shadow: 0 9px 19px rgba(242, 140, 40, 0.25); } .smil-stanza-specialista__book-content { display: flex; flex-direction: column; width: 100%; min-width: 0; } .smil-stanza-specialista__book-label { margin: 0; color: var(--smil-sss-teal); font-size: 0.71rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.065em; text-transform: uppercase; } .smil-stanza-specialista__book-content h4 { margin: 7px 0 0; color: var(--smil-sss-dark); font-size: clamp(1.35rem, 2.4vw, 1.9rem); font-weight: 840; line-height: 1.22; letter-spacing: -0.025em; } .smil-stanza-specialista__book-content > p:not( .smil-stanza-specialista__book-label ) { margin: 12px 0 0; color: var(--smil-sss-muted); font-size: 0.9rem; line-height: 1.65; } .smil-stanza-specialista__book-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; width: 100%; min-width: 0; margin: 18px 0 0; padding: 0; list-style: none; } .smil-stanza-specialista__book-list li { position: relative; padding-left: 23px; color: var(--smil-sss-text); font-size: 0.84rem; line-height: 1.55; } .smil-stanza-specialista__book-list li::before { position: absolute; left: 0; color: var(--smil-sss-green); font-weight: 900; content: "✓"; } .smil-stanza-specialista__book-button { display: inline-flex; width: fit-content; max-width: 100%; min-height: 49px; align-items: center; justify-content: center; gap: 9px; margin-top: 21px; padding: 12px 17px; border-radius: 11px; background: var(--smil-sss-teal); color: var(--smil-sss-white); font-size: 0.88rem; font-weight: 820; line-height: 1.4; text-align: center; text-decoration: none; box-shadow: 0 11px 24px rgba(8, 127, 140, 0.2); transition: transform 180ms ease, background-color 180ms ease, box-shadow 180ms ease; } .smil-stanza-specialista__book-button:hover { transform: translateY(-2px); background: var(--smil-sss-dark-soft); box-shadow: 0 14px 29px rgba(8, 47, 59, 0.24); } .smil-stanza-specialista__book-button svg { width: 19px; height: 19px; flex: 0 0 19px; fill: currentColor; } /* ========================================================= CTA LIBRI ========================================================= */ .smil-stanza-specialista__books-cta { display: grid; grid-template-columns: 48px minmax(0, 1fr) minmax(220px, 270px); gap: 18px; align-items: center; width: 100%; min-width: 0; margin-top: 30px; padding: clamp(22px, 3vw, 31px); border: 1px solid rgba(8, 127, 140, 0.18); border-radius: 19px; background: var(--smil-sss-white); } .smil-stanza-specialista__books-cta-icon { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 14px; background: rgba(23, 195, 178, 0.14); } .smil-stanza-specialista__books-cta-icon svg { width: 25px; height: 25px; fill: var(--smil-sss-teal); } .smil-stanza-specialista__books-cta-content { width: 100%; min-width: 0; } .smil-stanza-specialista__books-cta-kicker { margin: 0; color: var(--smil-sss-teal); font-size: 0.72rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.065em; text-transform: uppercase; } .smil-stanza-specialista__books-cta-content h4 { margin: 6px 0 0; color: var(--smil-sss-dark); font-size: clamp(1.15rem, 2vw, 1.48rem); font-weight: 830; line-height: 1.35; } .smil-stanza-specialista__books-cta-content > p:last-child { margin: 7px 0 0; color: var(--smil-sss-muted); font-size: 0.87rem; line-height: 1.6; } .smil-stanza-specialista__books-main-button { display: inline-flex; width: 100%; min-height: 51px; align-items: center; justify-content: center; gap: 9px; padding: 13px 17px; border-radius: 12px; background: var(--smil-sss-orange); color: var(--smil-sss-white); font-size: 0.9rem; font-weight: 820; line-height: 1.4; text-align: center; text-decoration: none; box-shadow: 0 12px 25px rgba(242, 140, 40, 0.24); transition: transform 180ms ease, background-color 180ms ease, box-shadow 180ms ease; } .smil-stanza-specialista__books-main-button:hover { transform: translateY(-2px); background: var(--smil-sss-orange-dark); box-shadow: 0 15px 29px rgba(242, 140, 40, 0.31); } .smil-stanza-specialista__books-main-button svg { width: 19px; height: 19px; flex: 0 0 19px; fill: currentColor; } /* ========================================================= PROCESSO ========================================================= */ .smil-stanza-specialista__process { display: grid; grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr); gap: clamp(34px, 5vw, 66px); align-items: center; width: 100%; min-width: 0; margin-top: clamp(60px, 8vw, 94px); padding: clamp(29px, 5vw, 49px); border: 1px solid var(--smil-sss-border); border-radius: 26px; background: linear-gradient( 135deg, var(--smil-sss-light), var(--smil-sss-white) ); } .smil-stanza-specialista__process-heading, .smil-stanza-specialista__process-list { width: 100%; min-width: 0; } .smil-stanza-specialista__process-kicker { margin: 0; color: var(--smil-sss-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-transform: uppercase; } .smil-stanza-specialista__process-title { margin: 8px 0 0; color: var(--smil-sss-dark); font-size: clamp(1.5rem, 2.8vw, 2.3rem); font-weight: 840; line-height: 1.2; letter-spacing: -0.03em; } .smil-stanza-specialista__process-heading > p:last-child { margin: 15px 0 0; color: var(--smil-sss-muted); font-size: 0.96rem; line-height: 1.7; } .smil-stanza-specialista__process-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 11px; margin: 0; padding: 0; list-style: none; } .smil-stanza-specialista__process-list li { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 14px; align-items: flex-start; width: 100%; min-width: 0; padding: 15px; border: 1px solid var(--smil-sss-border); border-radius: 15px; background: rgba(255, 255, 255, 0.92); } .smil-stanza-specialista__process-number { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 10px; background: var(--smil-sss-teal); color: var(--smil-sss-white); font-size: 0.72rem; font-weight: 900; line-height: 1; } .smil-stanza-specialista__process-content { width: 100%; min-width: 0; } .smil-stanza-specialista__process-list strong { display: block; color: var(--smil-sss-dark); font-size: 0.96rem; line-height: 1.4; } .smil-stanza-specialista__process-list p { margin: 3px 0 0; color: var(--smil-sss-muted); font-size: 0.83rem; line-height: 1.53; } /* ========================================================= GEO MILANO ========================================================= */ .smil-stanza-specialista__geo { display: grid; grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr); gap: clamp(29px, 5vw, 62px); align-items: center; width: 100%; min-width: 0; margin-top: clamp(57px, 7vw, 84px); padding: clamp(28px, 4vw, 43px); border: 1px solid var(--smil-sss-border); border-radius: 23px; background: var(--smil-sss-grey); } .smil-stanza-specialista__geo-heading, .smil-stanza-specialista__geo-content { width: 100%; min-width: 0; } .smil-stanza-specialista__geo-kicker { margin: 0; color: var(--smil-sss-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-transform: uppercase; } .smil-stanza-specialista__geo-title { margin: 8px 0 0; color: var(--smil-sss-dark); font-size: clamp(1.4rem, 2.5vw, 2.05rem); font-weight: 830; line-height: 1.22; letter-spacing: -0.025em; } .smil-stanza-specialista__geo-content p { margin: 0; color: var(--smil-sss-text); font-size: 0.97rem; line-height: 1.75; } .smil-stanza-specialista__geo-content p + p { margin-top: 13px; } /* ========================================================= CTA FINALE ========================================================= */ .smil-stanza-specialista__conversion { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, 320px); gap: 30px; align-items: center; width: 100%; min-width: 0; margin-top: clamp(54px, 7vw, 83px); padding: clamp(28px, 4vw, 44px); border-radius: 24px; background: radial-gradient( circle at 92% 8%, rgba(23, 195, 178, 0.17), transparent 35% ), linear-gradient( 135deg, var(--smil-sss-dark), var(--smil-sss-dark-soft) ); color: var(--smil-sss-white); box-shadow: 0 22px 50px rgba(8, 47, 59, 0.18); } .smil-stanza-specialista__conversion-content, .smil-stanza-specialista__conversion-actions { width: 100%; min-width: 0; } .smil-stanza-specialista__conversion-kicker { margin: 0; color: var(--smil-sss-turquoise-light); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-transform: uppercase; } .smil-stanza-specialista__conversion-title { max-width: 790px; margin: 8px 0 0; color: var(--smil-sss-white); font-size: clamp(1.42rem, 2.6vw, 2.18rem); font-weight: 830; line-height: 1.22; letter-spacing: -0.025em; } .smil-stanza-specialista__conversion-text { max-width: 790px; margin: 14px 0 0; color: rgba(255, 255, 255, 0.82); font-size: 0.96rem; line-height: 1.7; } .smil-stanza-specialista__conversion-actions { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; } .smil-stanza-specialista__button, .smil-stanza-specialista__books-button { display: inline-flex; width: 100%; min-height: 51px; align-items: center; justify-content: center; padding: 13px 17px; border-radius: 12px; font-size: 0.91rem; font-weight: 820; line-height: 1.4; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .smil-stanza-specialista__button { background: var(--smil-sss-orange); color: var(--smil-sss-white); box-shadow: 0 12px 25px rgba(242, 140, 40, 0.25); } .smil-stanza-specialista__button:hover { transform: translateY(-2px); background: var(--smil-sss-orange-dark); } .smil-stanza-specialista__books-button { border: 1px solid rgba(255, 255, 255, 0.22); background: rgba(255, 255, 255, 0.08); color: var(--smil-sss-white); } .smil-stanza-specialista__books-button:hover { transform: translateY(-2px); border-color: rgba(255, 255, 255, 0.4); background: rgba(255, 255, 255, 0.14); } .smil-stanza-specialista__next { display: flex; width: 100%; min-width: 0; align-items: center; justify-content: center; gap: 8px; color: rgba(255, 255, 255, 0.9); font-size: 0.84rem; font-weight: 750; line-height: 1.45; text-align: center; text-decoration: none; } .smil-stanza-specialista__next-text { min-width: 0; } .smil-stanza-specialista__next-arrow { flex: 0 0 auto; color: var(--smil-sss-turquoise-light); transition: transform 180ms ease; } .smil-stanza-specialista__next:hover .smil-stanza-specialista__next-arrow { transform: translateY(3px); } /* ========================================================= ACCESSIBILITÀ ========================================================= */ .smil-stanza-specialista a:focus-visible { outline: 3px solid rgba(242, 140, 40, 0.46); outline-offset: 4px; } /* ========================================================= DESKTOP INTERMEDIO ========================================================= */ @media (max-width: 1140px) { .smil-stanza-specialista__reasons-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-stanza-specialista__book { grid-template-columns: minmax(150px, 0.58fr) minmax(0, 1.42fr); } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 960px) { .smil-stanza-specialista__books-grid { grid-template-columns: minmax(0, 1fr); } .smil-stanza-specialista__book { grid-template-columns: minmax(190px, 0.58fr) minmax(0, 1.42fr); } .smil-stanza-specialista__books-cta { grid-template-columns: 48px minmax(0, 1fr); } .smil-stanza-specialista__books-main-button { grid-column: 1 / -1; width: min(100%, 360px); justify-self: center; } } @media (max-width: 900px) { .smil-stanza-specialista { padding: clamp(52px, 7vw, 72px) clamp(18px, 4vw, 28px); } .smil-stanza-specialista__layout, .smil-stanza-specialista__process, .smil-stanza-specialista__geo, .smil-stanza-specialista__conversion { grid-template-columns: minmax(0, 1fr); } .smil-stanza-specialista__checklist { position: relative; top: auto; width: 100%; max-width: 760px; } .smil-stanza-specialista__conversion-actions { width: min(100%, 460px); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 640px) { .smil-stanza-specialista { padding: 46px max(16px, env(safe-area-inset-right)) 52px max(16px, env(safe-area-inset-left)); scroll-margin-top: 72px; } .smil-stanza-specialista__header, .smil-stanza-specialista__reasons-header, .smil-stanza-specialista__books-header { text-align: left; } .smil-stanza-specialista__eyebrow { display: block; width: 100%; margin-bottom: 13px; font-size: 0.7rem; line-height: 1.45; letter-spacing: 0.045em; text-align: left; } .smil-stanza-specialista__eyebrow-line { display: none; } .smil-stanza-specialista__title { font-size: clamp(1.85rem, 8.7vw, 2.6rem); line-height: 1.1; letter-spacing: -0.032em; text-align: left; } .smil-stanza-specialista__lead { margin-top: 18px; font-size: 1rem; line-height: 1.7; text-align: left; } .smil-stanza-specialista__answer { grid-template-columns: minmax(0, 1fr); gap: 13px; margin-top: 26px; padding: 19px 17px; border-left-width: 4px; border-radius: 0 15px 15px 0; } .smil-stanza-specialista__answer-icon { width: 40px; height: 40px; } .smil-stanza-specialista__answer-title { font-size: 1.18rem; } .smil-stanza-specialista__answer-text { font-size: 1rem; line-height: 1.68; } .smil-stanza-specialista__layout { margin-top: 38px; gap: 33px; } .smil-stanza-specialista__subtitle { font-size: clamp(1.28rem, 6.3vw, 1.65rem); } .smil-stanza-specialista__content > p { font-size: 1rem; line-height: 1.72; } .smil-stanza-specialista__warning { margin: 26px 0 31px; padding: 19px 16px; border-left-width: 4px; border-radius: 0 14px 14px 0; } .smil-stanza-specialista__checklist { padding: 25px 17px; border-radius: 20px; } .smil-stanza-specialista__checklist-list li { grid-template-columns: 32px minmax(0, 1fr); gap: 11px; padding: 12px 10px; } .smil-stanza-specialista__checklist-number { width: 32px; height: 32px; } .smil-stanza-specialista__checklist-link { display: flex; width: 100%; justify-content: space-between; padding: 12px 13px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 11px; background: rgba(255, 255, 255, 0.07); } .smil-stanza-specialista__reasons { margin-top: 50px; } .smil-stanza-specialista__reasons-title, .smil-stanza-specialista__books-title { font-size: clamp(1.42rem, 7vw, 1.95rem); text-align: left; } .smil-stanza-specialista__reasons-kicker, .smil-stanza-specialista__books-kicker, .smil-stanza-specialista__reasons-header > p:last-child, .smil-stanza-specialista__books-header > p:last-child { text-align: left; } .smil-stanza-specialista__reasons-grid { grid-template-columns: minmax(0, 1fr); margin-top: 27px; } .smil-stanza-specialista__reason { padding: 23px 18px; border-radius: 18px; } .smil-stanza-specialista__books { margin-top: 50px; padding: 25px 16px; border-radius: 21px; } .smil-stanza-specialista__books-grid { margin-top: 27px; } .smil-stanza-specialista__book { grid-template-columns: minmax(0, 1fr); padding: 21px 16px; border-radius: 18px; } .smil-stanza-specialista__book-cover { max-width: 230px; } .smil-stanza-specialista__book-content h4 { font-size: clamp(1.38rem, 7vw, 1.8rem); } .smil-stanza-specialista__book-button { width: 100%; justify-content: space-between; } .smil-stanza-specialista__books-cta { grid-template-columns: minmax(0, 1fr); padding: 20px 16px; border-radius: 17px; } .smil-stanza-specialista__books-main-button { grid-column: auto; width: 100%; } .smil-stanza-specialista__process { margin-top: 50px; padding: 25px 17px; border-radius: 21px; } .smil-stanza-specialista__process-title { font-size: clamp(1.42rem, 7vw, 1.95rem); } .smil-stanza-specialista__process-list { margin-top: 26px; } .smil-stanza-specialista__process-list li { grid-template-columns: 36px minmax(0, 1fr); gap: 12px; padding: 14px 12px; } .smil-stanza-specialista__process-number { width: 36px; height: 36px; } .smil-stanza-specialista__geo { margin-top: 50px; padding: 25px 18px; border-radius: 20px; } .smil-stanza-specialista__geo-title { font-size: clamp(1.38rem, 6.7vw, 1.8rem); } .smil-stanza-specialista__conversion { margin-top: 46px; padding: 26px 18px; border-radius: 20px; } .smil-stanza-specialista__conversion-title { font-size: clamp(1.38rem, 7vw, 1.85rem); } .smil-stanza-specialista__conversion-actions, .smil-stanza-specialista__button, .smil-stanza-specialista__books-button { width: 100%; } .smil-stanza-specialista__next { width: 100%; justify-content: space-between; padding: 12px 13px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 11px; background: rgba(255, 255, 255, 0.06); text-align: left; } } /* ========================================================= SMARTPHONE PICCOLI ========================================================= */ @media (max-width: 380px) { .smil-stanza-specialista { padding-right: 14px; padding-left: 14px; } .smil-stanza-specialista__title { font-size: clamp(1.72rem, 8.7vw, 2.15rem); } .smil-stanza-specialista__answer, .smil-stanza-specialista__checklist, .smil-stanza-specialista__books, .smil-stanza-specialista__process, .smil-stanza-specialista__geo, .smil-stanza-specialista__conversion { padding-right: 14px; padding-left: 14px; } .smil-stanza-specialista__process-list li { grid-template-columns: minmax(0, 1fr); } .smil-stanza-specialista__button, .smil-stanza-specialista__books-button { padding-right: 11px; padding-left: 11px; font-size: 0.87rem; } } /* ========================================================= RIDUZIONE ANIMAZIONI ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-stanza-specialista__checklist-link svg, .smil-stanza-specialista__book-image, .smil-stanza-specialista__book-button, .smil-stanza-specialista__books-main-button, .smil-stanza-specialista__button, .smil-stanza-specialista__books-button, .smil-stanza-specialista__next-arrow { transition: none; } .smil-stanza-specialista__checklist-link:hover svg, .smil-stanza-specialista__book-cover:hover .smil-stanza-specialista__book-image, .smil-stanza-specialista__book-button:hover, .smil-stanza-specialista__books-main-button:hover, .smil-stanza-specialista__button:hover, .smil-stanza-specialista__books-button:hover, .smil-stanza-specialista__next:hover .smil-stanza-specialista__next-arrow { transform: none; } }#imCell_27 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1723_27 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_27 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_27 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H2 – INTERVENTI A MILANO E NELLA CITTÀ METROPOLITANA RESPONSIVE DESKTOP, TABLET E MOBILE ========================================================= */ .smil-stanza-area { --smil-sar-dark: #082f3b; --smil-sar-dark-soft: #104653; --smil-sar-teal: #087f8c; --smil-sar-turquoise: #17c3b2; --smil-sar-turquoise-light: #70e1d3; --smil-sar-orange: #f28c28; --smil-sar-orange-dark: #d97215; --smil-sar-green: #7cc043; --smil-sar-white: #ffffff; --smil-sar-cream: #fff9ef; --smil-sar-light: #eef9fa; --smil-sar-grey: #f4f7f8; --smil-sar-text: #263f47; --smil-sar-muted: #60767d; --smil-sar-border: #d8e7e9; position: relative; width: 100%; max-width: 100%; min-width: 0; margin: 0; padding: clamp(60px, 7vw, 100px) clamp(16px, 3.5vw, 32px); overflow-x: hidden; background: radial-gradient( circle at 100% 5%, rgba(23, 195, 178, 0.1), transparent 28% ), radial-gradient( circle at 0 48%, rgba(8, 127, 140, 0.06), transparent 25% ), linear-gradient( 180deg, #f0fafb 0%, var(--smil-sar-white) 27%, var(--smil-sar-white) 100% ); color: var(--smil-sar-text); text-align: left; scroll-margin-top: 90px; isolation: isolate; } @supports (overflow: clip) { .smil-stanza-area { overflow-x: clip; } } /* ========================================================= RESET LOCALE ========================================================= */ .smil-stanza-area, .smil-stanza-area *, .smil-stanza-area *::before, .smil-stanza-area *::after { box-sizing: border-box; } .smil-stanza-area h2, .smil-stanza-area h3, .smil-stanza-area h4, .smil-stanza-area p, .smil-stanza-area ul, .smil-stanza-area ol, .smil-stanza-area li, .smil-stanza-area section, .smil-stanza-area article, .smil-stanza-area aside, .smil-stanza-area header, .smil-stanza-area nav, .smil-stanza-area div, .smil-stanza-area a, .smil-stanza-area span, .smil-stanza-area small, .smil-stanza-area strong, .smil-stanza-area svg { max-width: 100%; min-width: 0; } .smil-stanza-area h2, .smil-stanza-area h3, .smil-stanza-area h4, .smil-stanza-area p, .smil-stanza-area li, .smil-stanza-area a, .smil-stanza-area span, .smil-stanza-area small, .smil-stanza-area strong { word-break: normal; overflow-wrap: break-word; white-space: normal; hyphens: none; } .smil-stanza-area a { -webkit-tap-highlight-color: transparent; } .smil-stanza-area strong { color: var(--smil-sar-dark); font-weight: 820; } /* ========================================================= CONTENITORE ========================================================= */ .smil-stanza-area__container { position: relative; z-index: 1; width: 100%; max-width: 1220px; min-width: 0; margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-stanza-area__header { width: 100%; max-width: 980px; min-width: 0; margin: 0 auto; text-align: center; } .smil-stanza-area__eyebrow { display: inline-flex; max-width: 100%; flex-wrap: nowrap; align-items: center; justify-content: center; gap: 9px; margin: 0 0 15px; color: var(--smil-sar-teal); font-size: clamp(0.71rem, 1.2vw, 0.79rem); font-weight: 850; line-height: 1.4; letter-spacing: 0.07em; text-align: center; text-transform: uppercase; } .smil-stanza-area__eyebrow-line { width: 32px; height: 2px; flex: 0 0 32px; border-radius: 999px; background: var(--smil-sar-turquoise); } .smil-stanza-area__title { width: 100%; min-width: 0; margin: 0; color: var(--smil-sar-dark); font-size: clamp(2rem, 4vw, 3.55rem); font-weight: 850; line-height: 1.08; letter-spacing: -0.04em; text-align: center; } .smil-stanza-area__lead { width: 100%; max-width: 930px; min-width: 0; margin: 22px auto 0; color: var(--smil-sar-text); font-size: clamp(1.03rem, 1.7vw, 1.19rem); line-height: 1.78; text-align: center; } /* ========================================================= RISPOSTA IMMEDIATA ========================================================= */ .smil-stanza-area__answer { display: grid; grid-template-columns: 45px minmax(0, 1fr); gap: 18px; align-items: flex-start; width: 100%; max-width: 1040px; min-width: 0; margin: clamp(31px, 5vw, 49px) auto 0; padding: clamp(22px, 3vw, 30px); border: 1px solid rgba(8, 127, 140, 0.18); border-left: 5px solid var(--smil-sar-turquoise); border-radius: 0 19px 19px 0; background: rgba(255, 255, 255, 0.97); box-shadow: 0 15px 38px rgba(8, 47, 59, 0.07); } .smil-stanza-area__answer-icon { display: grid; width: 45px; height: 45px; flex: 0 0 45px; place-items: center; border-radius: 13px; background: rgba(23, 195, 178, 0.14); } .smil-stanza-area__answer-icon svg { width: 25px; height: 25px; fill: var(--smil-sar-teal); } .smil-stanza-area__answer-content { width: 100%; min-width: 0; } .smil-stanza-area__answer-label { margin: 0 0 6px; color: var(--smil-sar-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-transform: uppercase; } .smil-stanza-area__answer-title { margin: 0; color: var(--smil-sar-dark); font-size: clamp(1.2rem, 2vw, 1.55rem); font-weight: 830; line-height: 1.35; } .smil-stanza-area__answer-text { margin: 11px 0 0; color: var(--smil-sar-text); font-size: clamp(1rem, 1.45vw, 1.08rem); line-height: 1.74; } /* ========================================================= CONTENUTO PRINCIPALE ========================================================= */ .smil-stanza-area__layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(310px, 390px); gap: clamp(36px, 5vw, 68px); align-items: start; width: 100%; min-width: 0; margin-top: clamp(48px, 6vw, 76px); } .smil-stanza-area__content, .smil-stanza-area__summary { width: 100%; min-width: 0; } .smil-stanza-area__subtitle { margin: 0; color: var(--smil-sar-dark); font-size: clamp(1.34rem, 2.4vw, 1.92rem); font-weight: 830; line-height: 1.27; letter-spacing: -0.025em; } .smil-stanza-area__content > p { margin: 18px 0 0; color: var(--smil-sar-text); font-size: clamp(1rem, 1.35vw, 1.07rem); line-height: 1.8; } /* ========================================================= CHIARIMENTO ========================================================= */ .smil-stanza-area__clarity { width: 100%; min-width: 0; margin: 31px 0 36px; padding: clamp(22px, 3vw, 30px); overflow: hidden; border: 1px solid #f0dcc3; border-left: 5px solid var(--smil-sar-orange); border-radius: 0 18px 18px 0; background: var(--smil-sar-cream); } .smil-stanza-area__clarity-label { margin: 0; color: var(--smil-sar-orange-dark); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-stanza-area__clarity h3 { margin: 8px 0 0; color: var(--smil-sar-dark); font-size: clamp(1.15rem, 1.9vw, 1.43rem); font-weight: 830; line-height: 1.4; } .smil-stanza-area__clarity p:not( .smil-stanza-area__clarity-label ) { margin: 12px 0 0; color: var(--smil-sar-text); font-size: clamp(0.98rem, 1.35vw, 1.05rem); line-height: 1.72; } /* ========================================================= BOX LATERALE ========================================================= */ .smil-stanza-area__summary { position: sticky; top: 24px; overflow: hidden; padding: clamp(25px, 3vw, 35px); border-radius: 24px; background: linear-gradient( 145deg, var(--smil-sar-dark), var(--smil-sar-dark-soft) ); color: var(--smil-sar-white); box-shadow: 0 23px 54px rgba(8, 47, 59, 0.2); } .smil-stanza-area__summary::after { position: absolute; right: -85px; bottom: -95px; width: 230px; height: 230px; border: 41px solid rgba(23, 195, 178, 0.11); border-radius: 50%; content: ""; pointer-events: none; } .smil-stanza-area__summary-kicker, .smil-stanza-area__summary-title, .smil-stanza-area__summary-list, .smil-stanza-area__summary-link { position: relative; z-index: 1; } .smil-stanza-area__summary-kicker { margin: 0; color: var(--smil-sar-turquoise-light); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-transform: uppercase; } .smil-stanza-area__summary-title { margin: 8px 0 0; color: var(--smil-sar-white); font-size: clamp(1.4rem, 2.3vw, 1.95rem); font-weight: 830; line-height: 1.22; letter-spacing: -0.025em; } .smil-stanza-area__summary-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; width: 100%; min-width: 0; margin: 23px 0 0; padding: 0; list-style: none; } .smil-stanza-area__summary-list li { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 12px; align-items: flex-start; width: 100%; min-width: 0; padding: 13px; border: 1px solid rgba(255, 255, 255, 0.11); border-radius: 13px; background: rgba(255, 255, 255, 0.06); } .smil-stanza-area__summary-number { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 9px; background: rgba(23, 195, 178, 0.14); color: var(--smil-sar-turquoise-light); font-size: 0.7rem; font-weight: 900; line-height: 1; } .smil-stanza-area__summary-content { width: 100%; min-width: 0; } .smil-stanza-area__summary-list strong { display: block; color: var(--smil-sar-white); font-size: 0.93rem; line-height: 1.4; } .smil-stanza-area__summary-list p { margin: 4px 0 0; color: rgba(255, 255, 255, 0.72); font-size: 0.81rem; line-height: 1.5; } .smil-stanza-area__summary-link { display: inline-flex; width: fit-content; max-width: 100%; align-items: center; gap: 8px; margin-top: 22px; color: var(--smil-sar-white); font-size: 0.9rem; font-weight: 810; line-height: 1.45; text-decoration: none; } .smil-stanza-area__summary-link svg { width: 18px; height: 18px; flex: 0 0 18px; fill: var(--smil-sar-turquoise-light); transition: transform 180ms ease; } .smil-stanza-area__summary-link:hover svg { transform: translateX(4px); } /* ========================================================= COPERTURA TERRITORIALE ========================================================= */ .smil-stanza-area__coverage { width: 100%; min-width: 0; margin-top: clamp(60px, 8vw, 96px); } .smil-stanza-area__coverage-header, .smil-stanza-area__contexts-header { width: 100%; max-width: 890px; min-width: 0; margin: 0 auto; text-align: center; } .smil-stanza-area__coverage-kicker, .smil-stanza-area__contexts-kicker { margin: 0; color: var(--smil-sar-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-transform: uppercase; } .smil-stanza-area__coverage-title, .smil-stanza-area__contexts-title { margin: 8px 0 0; color: var(--smil-sar-dark); font-size: clamp(1.6rem, 3.1vw, 2.55rem); font-weight: 840; line-height: 1.18; letter-spacing: -0.03em; } .smil-stanza-area__coverage-header > p:last-child, .smil-stanza-area__contexts-header > p:last-child { width: 100%; max-width: 780px; margin: 15px auto 0; color: var(--smil-sar-muted); font-size: 0.96rem; line-height: 1.7; } .smil-stanza-area__coverage-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; width: 100%; min-width: 0; margin-top: 34px; } .smil-stanza-area__coverage-card { display: flex; flex-direction: column; width: 100%; min-width: 0; padding: clamp(23px, 3vw, 31px); overflow: hidden; border: 1px solid var(--smil-sar-border); border-radius: 21px; background: var(--smil-sar-white); box-shadow: 0 15px 36px rgba(8, 47, 59, 0.065); } .smil-stanza-area__coverage-card--featured { border-color: rgba(8, 127, 140, 0.26); background: linear-gradient( 145deg, var(--smil-sar-light), var(--smil-sar-white) ); } .smil-stanza-area__coverage-card-header { display: flex; align-items: center; gap: 11px; width: 100%; min-width: 0; } .smil-stanza-area__coverage-icon { display: grid; width: 42px; height: 42px; flex: 0 0 42px; place-items: center; border-radius: 12px; background: rgba(23, 195, 178, 0.13); } .smil-stanza-area__coverage-icon svg { width: 23px; height: 23px; fill: var(--smil-sar-teal); } .smil-stanza-area__coverage-label { margin: 0; color: var(--smil-sar-teal); font-size: 0.72rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.065em; text-transform: uppercase; } .smil-stanza-area__coverage-card h4 { margin: 19px 0 0; color: var(--smil-sar-dark); font-size: clamp(1.18rem, 2vw, 1.48rem); font-weight: 830; line-height: 1.32; } .smil-stanza-area__coverage-card > p:not( .smil-stanza-area__coverage-label ):not( .smil-stanza-area__places ) { margin: 12px 0 0; color: var(--smil-sar-muted); font-size: 0.9rem; line-height: 1.65; } .smil-stanza-area__places { margin: auto 0 0; padding-top: 17px; color: var(--smil-sar-dark-soft); font-size: 0.82rem; font-weight: 720; line-height: 1.6; } /* ========================================================= NOTA COPERTURA ========================================================= */ .smil-stanza-area__coverage-note { display: grid; grid-template-columns: 45px minmax(0, 1fr); gap: 16px; align-items: flex-start; width: 100%; min-width: 0; margin-top: 28px; padding: clamp(21px, 3vw, 29px); border: 1px solid rgba(8, 127, 140, 0.17); border-radius: 18px; background: var(--smil-sar-light); } .smil-stanza-area__coverage-note-icon { display: grid; width: 45px; height: 45px; place-items: center; border-radius: 13px; background: var(--smil-sar-teal); } .smil-stanza-area__coverage-note-icon svg { width: 24px; height: 24px; fill: var(--smil-sar-white); } .smil-stanza-area__coverage-note-content { width: 100%; min-width: 0; } .smil-stanza-area__coverage-note strong { display: block; color: var(--smil-sar-dark); font-size: 1rem; line-height: 1.45; } .smil-stanza-area__coverage-note p { margin: 6px 0 0; color: var(--smil-sar-muted); font-size: 0.89rem; line-height: 1.65; } /* ========================================================= TIPOLOGIE DI EDIFICI ========================================================= */ .smil-stanza-area__contexts { width: 100%; min-width: 0; margin-top: clamp(60px, 8vw, 94px); } .smil-stanza-area__contexts-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; width: 100%; min-width: 0; margin-top: 33px; } .smil-stanza-area__context { width: 100%; min-width: 0; padding: clamp(22px, 2.8vw, 29px); border: 1px solid var(--smil-sar-border); border-radius: 20px; background: var(--smil-sar-grey); } .smil-stanza-area__context-icon { display: grid; width: 45px; height: 45px; place-items: center; border-radius: 13px; background: rgba(23, 195, 178, 0.13); } .smil-stanza-area__context-icon svg { width: 24px; height: 24px; fill: var(--smil-sar-teal); } .smil-stanza-area__context h4 { margin: 18px 0 0; color: var(--smil-sar-dark); font-size: 1.14rem; font-weight: 830; line-height: 1.35; } .smil-stanza-area__context p { margin: 11px 0 0; color: var(--smil-sar-muted); font-size: 0.88rem; line-height: 1.65; } /* ========================================================= LINK AI SERVIZI ========================================================= */ .smil-stanza-area__services { display: grid; grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr); gap: clamp(34px, 5vw, 66px); align-items: center; width: 100%; min-width: 0; margin-top: clamp(60px, 8vw, 94px); padding: clamp(29px, 5vw, 49px); border: 1px solid var(--smil-sar-border); border-radius: 26px; background: linear-gradient( 135deg, var(--smil-sar-light), var(--smil-sar-white) ); } .smil-stanza-area__services-heading, .smil-stanza-area__services-list { width: 100%; min-width: 0; } .smil-stanza-area__services-kicker { margin: 0; color: var(--smil-sar-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-transform: uppercase; } .smil-stanza-area__services-title { margin: 8px 0 0; color: var(--smil-sar-dark); font-size: clamp(1.5rem, 2.8vw, 2.3rem); font-weight: 840; line-height: 1.2; letter-spacing: -0.03em; } .smil-stanza-area__services-heading > p:last-child { margin: 15px 0 0; color: var(--smil-sar-muted); font-size: 0.96rem; line-height: 1.7; } .smil-stanza-area__services-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 11px; } .smil-stanza-area__service { display: grid; grid-template-columns: minmax(0, 1fr) 24px; gap: 12px; align-items: center; width: 100%; min-width: 0; padding: 16px; border: 1px solid var(--smil-sar-border); border-radius: 15px; background: rgba(255, 255, 255, 0.94); color: var(--smil-sar-dark); text-decoration: none; transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .smil-stanza-area__service:hover { transform: translateX(4px); border-color: rgba(8, 127, 140, 0.29); box-shadow: 0 10px 24px rgba(8, 47, 59, 0.07); } .smil-stanza-area__service-content { display: block; width: 100%; min-width: 0; } .smil-stanza-area__service strong { display: block; color: var(--smil-sar-dark); font-size: 0.97rem; line-height: 1.4; } .smil-stanza-area__service small { display: block; margin-top: 3px; color: var(--smil-sar-muted); font-size: 0.81rem; line-height: 1.5; } .smil-stanza-area__service-arrow { color: var(--smil-sar-teal); font-size: 1.15rem; font-weight: 850; } /* ========================================================= PROCESSO ========================================================= */ .smil-stanza-area__process { display: grid; grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr); gap: clamp(34px, 5vw, 66px); align-items: center; width: 100%; min-width: 0; margin-top: clamp(60px, 8vw, 94px); } .smil-stanza-area__process-heading, .smil-stanza-area__process-list { width: 100%; min-width: 0; } .smil-stanza-area__process-kicker { margin: 0; color: var(--smil-sar-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-transform: uppercase; } .smil-stanza-area__process-title { margin: 8px 0 0; color: var(--smil-sar-dark); font-size: clamp(1.5rem, 2.8vw, 2.3rem); font-weight: 840; line-height: 1.2; letter-spacing: -0.03em; } .smil-stanza-area__process-heading > p:last-child { margin: 15px 0 0; color: var(--smil-sar-muted); font-size: 0.96rem; line-height: 1.7; } .smil-stanza-area__process-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 11px; margin: 0; padding: 0; list-style: none; } .smil-stanza-area__process-list li { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 14px; align-items: flex-start; width: 100%; min-width: 0; padding: 15px; border: 1px solid var(--smil-sar-border); border-radius: 15px; background: var(--smil-sar-grey); } .smil-stanza-area__process-number { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 10px; background: var(--smil-sar-teal); color: var(--smil-sar-white); font-size: 0.72rem; font-weight: 900; line-height: 1; } .smil-stanza-area__process-content { width: 100%; min-width: 0; } .smil-stanza-area__process-list strong { display: block; color: var(--smil-sar-dark); font-size: 0.96rem; line-height: 1.4; } .smil-stanza-area__process-list p { margin: 3px 0 0; color: var(--smil-sar-muted); font-size: 0.83rem; line-height: 1.53; } /* ========================================================= BLOCCO LOCALE ========================================================= */ .smil-stanza-area__local { display: grid; grid-template-columns: minmax(0, 0.76fr) minmax(0, 1.24fr); gap: clamp(29px, 5vw, 62px); align-items: center; width: 100%; min-width: 0; margin-top: clamp(57px, 7vw, 84px); padding: clamp(28px, 4vw, 43px); border: 1px solid var(--smil-sar-border); border-radius: 23px; background: var(--smil-sar-grey); } .smil-stanza-area__local-heading, .smil-stanza-area__local-content { width: 100%; min-width: 0; } .smil-stanza-area__local-kicker { margin: 0; color: var(--smil-sar-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-transform: uppercase; } .smil-stanza-area__local-title { margin: 8px 0 0; color: var(--smil-sar-dark); font-size: clamp(1.4rem, 2.5vw, 2.05rem); font-weight: 830; line-height: 1.22; letter-spacing: -0.025em; } .smil-stanza-area__local-content p { margin: 0; color: var(--smil-sar-text); font-size: 0.97rem; line-height: 1.75; } .smil-stanza-area__local-content p + p { margin-top: 13px; } .smil-stanza-area__local-button { display: inline-flex; width: fit-content; max-width: 100%; min-height: 49px; align-items: center; justify-content: center; gap: 9px; margin-top: 20px; padding: 12px 17px; border-radius: 11px; background: var(--smil-sar-teal); color: var(--smil-sar-white); font-size: 0.89rem; font-weight: 820; line-height: 1.4; text-align: center; text-decoration: none; box-shadow: 0 11px 24px rgba(8, 127, 140, 0.2); transition: transform 180ms ease, background-color 180ms ease; } .smil-stanza-area__local-button:hover { transform: translateY(-2px); background: var(--smil-sar-dark-soft); } .smil-stanza-area__local-button svg { width: 19px; height: 19px; flex: 0 0 19px; fill: currentColor; } /* ========================================================= CTA FINALE ========================================================= */ .smil-stanza-area__conversion { display: grid; grid-template-columns: minmax(0, 1fr) minmax(245px, 310px); gap: 30px; align-items: center; width: 100%; min-width: 0; margin-top: clamp(54px, 7vw, 83px); padding: clamp(28px, 4vw, 44px); border-radius: 24px; background: radial-gradient( circle at 92% 8%, rgba(23, 195, 178, 0.17), transparent 35% ), linear-gradient( 135deg, var(--smil-sar-dark), var(--smil-sar-dark-soft) ); color: var(--smil-sar-white); box-shadow: 0 22px 50px rgba(8, 47, 59, 0.18); } .smil-stanza-area__conversion-content, .smil-stanza-area__conversion-actions { width: 100%; min-width: 0; } .smil-stanza-area__conversion-kicker { margin: 0; color: var(--smil-sar-turquoise-light); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-transform: uppercase; } .smil-stanza-area__conversion-title { max-width: 800px; margin: 8px 0 0; color: var(--smil-sar-white); font-size: clamp(1.42rem, 2.6vw, 2.18rem); font-weight: 830; line-height: 1.22; letter-spacing: -0.025em; } .smil-stanza-area__conversion-text { max-width: 800px; margin: 14px 0 0; color: rgba(255, 255, 255, 0.82); font-size: 0.96rem; line-height: 1.7; } .smil-stanza-area__conversion-actions { display: grid; grid-template-columns: minmax(0, 1fr); gap: 13px; } .smil-stanza-area__button { display: inline-flex; width: 100%; min-height: 52px; align-items: center; justify-content: center; padding: 13px 18px; border-radius: 12px; background: var(--smil-sar-orange); color: var(--smil-sar-white); font-size: 0.92rem; font-weight: 820; line-height: 1.4; text-align: center; text-decoration: none; box-shadow: 0 12px 25px rgba(242, 140, 40, 0.25); transition: transform 180ms ease, background-color 180ms ease, box-shadow 180ms ease; } .smil-stanza-area__button:hover { transform: translateY(-2px); background: var(--smil-sar-orange-dark); box-shadow: 0 15px 29px rgba(242, 140, 40, 0.32); } .smil-stanza-area__next { display: flex; width: 100%; min-width: 0; align-items: center; justify-content: center; gap: 8px; color: rgba(255, 255, 255, 0.9); font-size: 0.86rem; font-weight: 750; line-height: 1.45; text-align: center; text-decoration: none; } .smil-stanza-area__next-arrow { flex: 0 0 auto; color: var(--smil-sar-turquoise-light); transition: transform 180ms ease; } .smil-stanza-area__next:hover .smil-stanza-area__next-arrow { transform: translateY(3px); } /* ========================================================= ACCESSIBILITÀ ========================================================= */ .smil-stanza-area a:focus-visible { outline: 3px solid rgba(242, 140, 40, 0.46); outline-offset: 4px; } /* ========================================================= DESKTOP INTERMEDIO ========================================================= */ @media (max-width: 1100px) { .smil-stanza-area__coverage-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-stanza-area__contexts-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-stanza-area__conversion { grid-template-columns: minmax(0, 1fr) minmax(225px, 285px); gap: 24px; } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 900px) { .smil-stanza-area { padding: clamp(52px, 7vw, 72px) clamp(18px, 4vw, 28px); } .smil-stanza-area__layout, .smil-stanza-area__services, .smil-stanza-area__process, .smil-stanza-area__local, .smil-stanza-area__conversion { grid-template-columns: minmax(0, 1fr); } .smil-stanza-area__summary { position: relative; top: auto; width: 100%; max-width: 760px; } .smil-stanza-area__conversion-actions { width: min(100%, 450px); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 640px) { .smil-stanza-area { padding: 46px max(16px, env(safe-area-inset-right)) 52px max(16px, env(safe-area-inset-left)); scroll-margin-top: 72px; } .smil-stanza-area__header, .smil-stanza-area__coverage-header, .smil-stanza-area__contexts-header { text-align: left; } .smil-stanza-area__eyebrow { display: block; width: 100%; margin-bottom: 13px; font-size: 0.7rem; line-height: 1.45; letter-spacing: 0.045em; text-align: left; } .smil-stanza-area__eyebrow-line { display: none; } .smil-stanza-area__title { font-size: clamp(1.85rem, 8.7vw, 2.6rem); line-height: 1.1; letter-spacing: -0.032em; text-align: left; } .smil-stanza-area__lead { margin-top: 18px; font-size: 1rem; line-height: 1.7; text-align: left; } .smil-stanza-area__answer { grid-template-columns: minmax(0, 1fr); gap: 13px; margin-top: 26px; padding: 19px 17px; border-left-width: 4px; border-radius: 0 15px 15px 0; } .smil-stanza-area__answer-icon { width: 40px; height: 40px; } .smil-stanza-area__answer-title { font-size: 1.18rem; line-height: 1.4; } .smil-stanza-area__answer-text { font-size: 1rem; line-height: 1.68; } .smil-stanza-area__layout { margin-top: 38px; gap: 33px; } .smil-stanza-area__subtitle { font-size: clamp(1.28rem, 6.3vw, 1.65rem); } .smil-stanza-area__content > p { font-size: 1rem; line-height: 1.72; } .smil-stanza-area__clarity { margin: 26px 0 31px; padding: 19px 16px; border-left-width: 4px; border-radius: 0 14px 14px 0; } .smil-stanza-area__summary { padding: 25px 17px; border-radius: 20px; } .smil-stanza-area__summary-list li { grid-template-columns: 32px minmax(0, 1fr); gap: 11px; padding: 12px 10px; } .smil-stanza-area__summary-number { width: 32px; height: 32px; } .smil-stanza-area__summary-link { display: flex; width: 100%; justify-content: space-between; padding: 12px 13px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 11px; background: rgba(255, 255, 255, 0.07); } .smil-stanza-area__coverage, .smil-stanza-area__contexts { margin-top: 50px; } .smil-stanza-area__coverage-title, .smil-stanza-area__contexts-title { font-size: clamp(1.42rem, 7vw, 1.95rem); text-align: left; } .smil-stanza-area__coverage-kicker, .smil-stanza-area__contexts-kicker, .smil-stanza-area__coverage-header > p:last-child, .smil-stanza-area__contexts-header > p:last-child { text-align: left; } .smil-stanza-area__coverage-grid, .smil-stanza-area__contexts-grid { grid-template-columns: minmax(0, 1fr); margin-top: 27px; } .smil-stanza-area__coverage-card, .smil-stanza-area__context { padding: 23px 18px; border-radius: 18px; } .smil-stanza-area__coverage-note { grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-stanza-area__services { margin-top: 50px; padding: 25px 17px; border-radius: 21px; } .smil-stanza-area__services-title, .smil-stanza-area__process-title { font-size: clamp(1.42rem, 7vw, 1.95rem); } .smil-stanza-area__services-list { margin-top: 26px; } .smil-stanza-area__service { padding: 14px 12px; } .smil-stanza-area__process { margin-top: 50px; } .smil-stanza-area__process-list { margin-top: 26px; } .smil-stanza-area__process-list li { grid-template-columns: 36px minmax(0, 1fr); gap: 12px; padding: 14px 12px; } .smil-stanza-area__process-number { width: 36px; height: 36px; } .smil-stanza-area__local { margin-top: 50px; padding: 25px 18px; border-radius: 20px; } .smil-stanza-area__local-title { font-size: clamp(1.38rem, 6.7vw, 1.8rem); } .smil-stanza-area__local-button { width: 100%; justify-content: space-between; text-align: left; } .smil-stanza-area__conversion { margin-top: 46px; padding: 26px 18px; border-radius: 20px; } .smil-stanza-area__conversion-title { font-size: clamp(1.38rem, 7vw, 1.85rem); } .smil-stanza-area__conversion-actions, .smil-stanza-area__button { width: 100%; } .smil-stanza-area__next { width: 100%; justify-content: space-between; padding: 12px 13px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 11px; background: rgba(255, 255, 255, 0.06); text-align: left; } } /* ========================================================= SMARTPHONE PICCOLI ========================================================= */ @media (max-width: 380px) { .smil-stanza-area { padding-right: 14px; padding-left: 14px; } .smil-stanza-area__title { font-size: clamp(1.72rem, 8.7vw, 2.15rem); } .smil-stanza-area__answer, .smil-stanza-area__summary, .smil-stanza-area__services, .smil-stanza-area__local, .smil-stanza-area__conversion { padding-right: 14px; padding-left: 14px; } .smil-stanza-area__process-list li { grid-template-columns: minmax(0, 1fr); } .smil-stanza-area__button { padding-right: 11px; padding-left: 11px; font-size: 0.88rem; } } /* ========================================================= RIDUZIONE ANIMAZIONI ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-stanza-area__summary-link svg, .smil-stanza-area__service, .smil-stanza-area__local-button, .smil-stanza-area__button, .smil-stanza-area__next-arrow { transition: none; } .smil-stanza-area__summary-link:hover svg, .smil-stanza-area__service:hover, .smil-stanza-area__local-button:hover, .smil-stanza-area__button:hover, .smil-stanza-area__next:hover .smil-stanza-area__next-arrow { transform: none; } }#imCell_28 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1723_28 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_28 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_28 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H2 – DOMANDE FREQUENTI INSONORIZZAZIONE STANZA MILANO ========================================================= */ .smil-stanza-faq { --smil-sfq-dark: #082f3b; --smil-sfq-dark-soft: #104653; --smil-sfq-teal: #087f8c; --smil-sfq-turquoise: #17c3b2; --smil-sfq-turquoise-light: #70e1d3; --smil-sfq-orange: #f28c28; --smil-sfq-orange-dark: #d97215; --smil-sfq-white: #ffffff; --smil-sfq-cream: #fff9ef; --smil-sfq-light: #eef9fa; --smil-sfq-grey: #f4f7f8; --smil-sfq-text: #263f47; --smil-sfq-muted: #60767d; --smil-sfq-border: #d8e7e9; position: relative; width: 100%; max-width: 100%; min-width: 0; margin: 0; padding: clamp(60px, 7vw, 100px) clamp(16px, 3.5vw, 32px); overflow-x: hidden; background: radial-gradient( circle at 0 5%, rgba(23, 195, 178, 0.1), transparent 27% ), radial-gradient( circle at 100% 52%, rgba(8, 127, 140, 0.06), transparent 25% ), linear-gradient( 180deg, #f0fafb 0%, var(--smil-sfq-white) 27%, var(--smil-sfq-white) 100% ); color: var(--smil-sfq-text); text-align: left; scroll-margin-top: 90px; isolation: isolate; } @supports (overflow: clip) { .smil-stanza-faq { overflow-x: clip; } } /* ========================================================= RESET LOCALE ========================================================= */ .smil-stanza-faq, .smil-stanza-faq *, .smil-stanza-faq *::before, .smil-stanza-faq *::after { box-sizing: border-box; } .smil-stanza-faq h2, .smil-stanza-faq h3, .smil-stanza-faq p, .smil-stanza-faq section, .smil-stanza-faq article, .smil-stanza-faq aside, .smil-stanza-faq header, .smil-stanza-faq div, .smil-stanza-faq details, .smil-stanza-faq summary, .smil-stanza-faq a, .smil-stanza-faq span, .smil-stanza-faq strong, .smil-stanza-faq svg { max-width: 100%; min-width: 0; } .smil-stanza-faq h2, .smil-stanza-faq h3, .smil-stanza-faq p, .smil-stanza-faq summary, .smil-stanza-faq a, .smil-stanza-faq span, .smil-stanza-faq strong { word-break: normal; overflow-wrap: break-word; white-space: normal; hyphens: none; } .smil-stanza-faq a { -webkit-tap-highlight-color: transparent; } .smil-stanza-faq strong { color: var(--smil-sfq-dark); font-weight: 820; } /* ========================================================= CONTENITORE ========================================================= */ .smil-stanza-faq__container { position: relative; z-index: 1; width: 100%; max-width: 1220px; min-width: 0; margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-stanza-faq__header { width: 100%; max-width: 990px; min-width: 0; margin: 0 auto; text-align: center; } .smil-stanza-faq__eyebrow { display: inline-flex; max-width: 100%; flex-wrap: nowrap; align-items: center; justify-content: center; gap: 9px; margin: 0 0 15px; color: var(--smil-sfq-teal); font-size: clamp(0.71rem, 1.2vw, 0.79rem); font-weight: 850; line-height: 1.4; letter-spacing: 0.07em; text-align: center; text-transform: uppercase; } .smil-stanza-faq__eyebrow-line { width: 32px; height: 2px; flex: 0 0 32px; border-radius: 999px; background: var(--smil-sfq-turquoise); } .smil-stanza-faq__title { width: 100%; min-width: 0; margin: 0; color: var(--smil-sfq-dark); font-size: clamp(2rem, 4vw, 3.55rem); font-weight: 850; line-height: 1.08; letter-spacing: -0.04em; text-align: center; } .smil-stanza-faq__lead { width: 100%; max-width: 930px; min-width: 0; margin: 22px auto 0; color: var(--smil-sfq-text); font-size: clamp(1.03rem, 1.7vw, 1.19rem); line-height: 1.78; text-align: center; } /* ========================================================= RISPOSTA IMMEDIATA ========================================================= */ .smil-stanza-faq__answer { display: grid; grid-template-columns: 45px minmax(0, 1fr); gap: 18px; align-items: flex-start; width: 100%; max-width: 1040px; min-width: 0; margin: clamp(31px, 5vw, 49px) auto 0; padding: clamp(22px, 3vw, 30px); border: 1px solid rgba(8, 127, 140, 0.18); border-left: 5px solid var(--smil-sfq-turquoise); border-radius: 0 19px 19px 0; background: rgba(255, 255, 255, 0.97); box-shadow: 0 15px 38px rgba(8, 47, 59, 0.07); } .smil-stanza-faq__answer-icon { display: grid; width: 45px; height: 45px; flex: 0 0 45px; place-items: center; border-radius: 13px; background: rgba(23, 195, 178, 0.14); } .smil-stanza-faq__answer-icon svg { width: 25px; height: 25px; fill: var(--smil-sfq-teal); } .smil-stanza-faq__answer-content { width: 100%; min-width: 0; } .smil-stanza-faq__answer-label { margin: 0 0 6px; color: var(--smil-sfq-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-transform: uppercase; } .smil-stanza-faq__answer-title { margin: 0; color: var(--smil-sfq-dark); font-size: clamp(1.2rem, 2vw, 1.55rem); font-weight: 830; line-height: 1.35; } .smil-stanza-faq__answer-text { margin: 11px 0 0; color: var(--smil-sfq-text); font-size: clamp(1rem, 1.45vw, 1.08rem); line-height: 1.74; } /* ========================================================= INTRODUZIONE ALLE FAQ ========================================================= */ .smil-stanza-faq__intro { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, 430px); gap: clamp(32px, 5vw, 64px); align-items: center; width: 100%; min-width: 0; margin-top: clamp(48px, 6vw, 76px); } .smil-stanza-faq__intro-content, .smil-stanza-faq__intro-note { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-faq__intro-title { margin: 0; color: var(--smil-sfq-dark); font-size: clamp(1.4rem, 2.6vw, 2.05rem); font-weight: 835; line-height: 1.25; letter-spacing: -0.025em; } .smil-stanza-faq__intro-content p { margin: 17px 0 0; color: var(--smil-sfq-text); font-size: clamp(1rem, 1.35vw, 1.07rem); line-height: 1.78; } .smil-stanza-faq__intro-note { padding: clamp(23px, 3.5vw, 34px); overflow: hidden; border: 1px solid rgba(8, 127, 140, 0.18); border-radius: 22px; background: linear-gradient( 145deg, var(--smil-sfq-light), var(--smil-sfq-white) ); box-shadow: 0 15px 37px rgba(8, 47, 59, 0.07); } .smil-stanza-faq__intro-note-kicker { margin: 0; color: var(--smil-sfq-teal); font-size: 0.74rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-stanza-faq__intro-note h3 { margin: 8px 0 0; color: var(--smil-sfq-dark); font-size: clamp(1.25rem, 2.1vw, 1.65rem); font-weight: 830; line-height: 1.32; } .smil-stanza-faq__intro-note > p:not( .smil-stanza-faq__intro-note-kicker ) { margin: 12px 0 0; color: var(--smil-sfq-muted); font-size: 0.92rem; line-height: 1.68; } .smil-stanza-faq__intro-note-link { display: inline-flex; width: fit-content; max-width: 100%; min-height: 48px; align-items: center; justify-content: center; gap: 9px; margin-top: 20px; padding: 12px 17px; border-radius: 11px; background: var(--smil-sfq-teal); color: var(--smil-sfq-white); font-size: 0.88rem; font-weight: 820; line-height: 1.4; text-align: center; text-decoration: none; box-shadow: 0 11px 24px rgba(8, 127, 140, 0.2); transition: transform 180ms ease, background-color 180ms ease, box-shadow 180ms ease; } .smil-stanza-faq__intro-note-link:hover { transform: translateY(-2px); background: var(--smil-sfq-dark-soft); box-shadow: 0 14px 29px rgba(8, 47, 59, 0.22); } .smil-stanza-faq__intro-note-link svg { width: 18px; height: 18px; flex: 0 0 18px; fill: currentColor; } /* ========================================================= GRIGLIA FAQ ========================================================= */ .smil-stanza-faq__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; width: 100%; max-width: 1120px; min-width: 0; margin: clamp(52px, 7vw, 82px) auto 0; } /* ========================================================= SINGOLA FAQ ========================================================= */ .smil-stanza-faq__item { width: 100%; max-width: 100%; min-width: 0; overflow: hidden; border: 1px solid var(--smil-sfq-border); border-radius: 17px; background: var(--smil-sfq-white); box-shadow: 0 11px 29px rgba(8, 47, 59, 0.055); transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease; } .smil-stanza-faq__item[open] { border-color: rgba(8, 127, 140, 0.3); background: linear-gradient( 145deg, var(--smil-sfq-white), #f6fcfc ); box-shadow: 0 16px 36px rgba(8, 47, 59, 0.085); } /* ========================================================= DOMANDA ========================================================= */ .smil-stanza-faq__question { display: grid; grid-template-columns: 38px minmax(0, 1fr) 28px; gap: 13px; align-items: center; width: 100%; min-width: 0; padding: 20px; cursor: pointer; color: var(--smil-sfq-dark); list-style: none; } .smil-stanza-faq__question::-webkit-details-marker { display: none; } .smil-stanza-faq__question::marker { display: none; content: ""; } .smil-stanza-faq__question-number { display: grid; width: 38px; height: 38px; flex: 0 0 38px; place-items: center; border-radius: 10px; background: rgba(23, 195, 178, 0.13); color: var(--smil-sfq-teal); font-size: 0.7rem; font-weight: 900; line-height: 1; transition: background-color 180ms ease, color 180ms ease; } .smil-stanza-faq__item[open] .smil-stanza-faq__question-number { background: var(--smil-sfq-teal); color: var(--smil-sfq-white); } .smil-stanza-faq__question-text { color: var(--smil-sfq-dark); font-size: clamp(1rem, 1.6vw, 1.11rem); font-weight: 820; line-height: 1.42; } .smil-stanza-faq__question-icon { position: relative; display: block; width: 28px; height: 28px; flex: 0 0 28px; border-radius: 50%; background: var(--smil-sfq-light); } .smil-stanza-faq__question-icon::before, .smil-stanza-faq__question-icon::after { position: absolute; top: 50%; left: 50%; width: 12px; height: 2px; border-radius: 999px; background: var(--smil-sfq-teal); content: ""; transform: translate(-50%, -50%); transition: transform 180ms ease; } .smil-stanza-faq__question-icon::after { transform: translate(-50%, -50%) rotate(90deg); } .smil-stanza-faq__item[open] .smil-stanza-faq__question-icon::after { transform: translate(-50%, -50%) rotate(0deg); } /* ========================================================= RISPOSTA ========================================================= */ .smil-stanza-faq__response { width: 100%; min-width: 0; padding: 0 20px 22px 71px; border-top: 1px solid rgba(216, 231, 233, 0.75); } .smil-stanza-faq__response p { margin: 16px 0 0; color: var(--smil-sfq-text); font-size: 0.94rem; line-height: 1.72; } .smil-stanza-faq__response p + p { margin-top: 12px; } .smil-stanza-faq__response a { display: inline-flex; width: fit-content; max-width: 100%; margin-top: 15px; color: var(--smil-sfq-teal); font-size: 0.86rem; font-weight: 820; line-height: 1.45; text-align: left; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; } /* ========================================================= BLOCCO DECISIONALE ========================================================= */ .smil-stanza-faq__decision { display: grid; grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr); gap: clamp(31px, 5vw, 62px); align-items: center; width: 100%; min-width: 0; margin-top: clamp(58px, 8vw, 92px); padding: clamp(28px, 4.5vw, 45px); overflow: hidden; border: 1px solid var(--smil-sfq-border); border-radius: 24px; background: radial-gradient( circle at 98% 5%, rgba(23, 195, 178, 0.11), transparent 34% ), var(--smil-sfq-grey); } .smil-stanza-faq__decision-heading, .smil-stanza-faq__decision-content { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-faq__decision-kicker { margin: 0; color: var(--smil-sfq-teal); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-stanza-faq__decision-title { margin: 8px 0 0; color: var(--smil-sfq-dark); font-size: clamp(1.45rem, 2.7vw, 2.2rem); font-weight: 840; line-height: 1.22; letter-spacing: -0.025em; } .smil-stanza-faq__decision-content p { margin: 0; color: var(--smil-sfq-text); font-size: 0.97rem; line-height: 1.76; } .smil-stanza-faq__decision-content p + p { margin-top: 13px; } .smil-stanza-faq__decision-button { display: inline-flex; width: fit-content; max-width: 100%; min-height: 50px; align-items: center; justify-content: center; gap: 9px; margin-top: 20px; padding: 13px 18px; border-radius: 11px; background: var(--smil-sfq-teal); color: var(--smil-sfq-white); font-size: 0.9rem; font-weight: 820; line-height: 1.4; text-align: center; text-decoration: none; box-shadow: 0 11px 24px rgba(8, 127, 140, 0.2); transition: transform 180ms ease, background-color 180ms ease; } .smil-stanza-faq__decision-button:hover { transform: translateY(-2px); background: var(--smil-sfq-dark-soft); } .smil-stanza-faq__decision-button svg { width: 19px; height: 19px; flex: 0 0 19px; fill: currentColor; } /* ========================================================= CTA FINALE ========================================================= */ .smil-stanza-faq__conversion { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, 315px); gap: 30px; align-items: center; width: 100%; min-width: 0; margin-top: clamp(54px, 7vw, 83px); padding: clamp(28px, 4vw, 44px); overflow: hidden; border-radius: 24px; background: radial-gradient( circle at 92% 8%, rgba(23, 195, 178, 0.17), transparent 35% ), linear-gradient( 135deg, var(--smil-sfq-dark), var(--smil-sfq-dark-soft) ); color: var(--smil-sfq-white); box-shadow: 0 22px 50px rgba(8, 47, 59, 0.18); } .smil-stanza-faq__conversion-content, .smil-stanza-faq__conversion-actions { width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-faq__conversion-kicker { margin: 0; color: var(--smil-sfq-turquoise-light); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-transform: uppercase; } .smil-stanza-faq__conversion-title { width: 100%; max-width: 800px; min-width: 0; margin: 8px 0 0; color: var(--smil-sfq-white); font-size: clamp(1.42rem, 2.6vw, 2.18rem); font-weight: 830; line-height: 1.22; letter-spacing: -0.025em; } .smil-stanza-faq__conversion-text { width: 100%; max-width: 800px; min-width: 0; margin: 14px 0 0; color: rgba(255, 255, 255, 0.82); font-size: 0.96rem; line-height: 1.7; } .smil-stanza-faq__conversion-actions { display: grid; grid-template-columns: minmax(0, 1fr); gap: 13px; } .smil-stanza-faq__button { display: inline-flex; width: 100%; min-height: 52px; align-items: center; justify-content: center; padding: 13px 18px; border-radius: 12px; background: var(--smil-sfq-orange); color: var(--smil-sfq-white); font-size: 0.92rem; font-weight: 820; line-height: 1.4; text-align: center; text-decoration: none; box-shadow: 0 12px 25px rgba(242, 140, 40, 0.25); transition: transform 180ms ease, background-color 180ms ease, box-shadow 180ms ease; } .smil-stanza-faq__button:hover { transform: translateY(-2px); background: var(--smil-sfq-orange-dark); box-shadow: 0 15px 29px rgba(242, 140, 40, 0.32); } .smil-stanza-faq__next { display: flex; width: 100%; min-width: 0; align-items: center; justify-content: center; gap: 8px; color: rgba(255, 255, 255, 0.9); font-size: 0.84rem; font-weight: 750; line-height: 1.45; text-align: center; text-decoration: none; } .smil-stanza-faq__next-arrow { flex: 0 0 auto; color: var(--smil-sfq-turquoise-light); transition: transform 180ms ease; } .smil-stanza-faq__next:hover .smil-stanza-faq__next-arrow { transform: translateY(3px); } /* ========================================================= ACCESSIBILITÀ ========================================================= */ .smil-stanza-faq a:focus-visible, .smil-stanza-faq summary:focus-visible { outline: 3px solid rgba(242, 140, 40, 0.46); outline-offset: 4px; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 960px) { .smil-stanza-faq__grid { grid-template-columns: minmax(0, 1fr); } } @media (max-width: 900px) { .smil-stanza-faq { padding: clamp(52px, 7vw, 72px) clamp(18px, 4vw, 28px); } .smil-stanza-faq__intro, .smil-stanza-faq__decision, .smil-stanza-faq__conversion { grid-template-columns: minmax(0, 1fr); } .smil-stanza-faq__conversion-actions { width: min(100%, 460px); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 640px) { .smil-stanza-faq { padding: 46px max(16px, env(safe-area-inset-right)) 52px max(16px, env(safe-area-inset-left)); scroll-margin-top: 72px; } .smil-stanza-faq__header { text-align: left; } .smil-stanza-faq__eyebrow { display: block; width: 100%; margin-bottom: 13px; font-size: 0.7rem; line-height: 1.45; letter-spacing: 0.045em; text-align: left; } .smil-stanza-faq__eyebrow-line { display: none; } .smil-stanza-faq__title { font-size: clamp(1.85rem, 8.7vw, 2.6rem); line-height: 1.1; letter-spacing: -0.032em; text-align: left; } .smil-stanza-faq__lead { margin-top: 18px; font-size: 1rem; line-height: 1.7; text-align: left; } .smil-stanza-faq__answer { grid-template-columns: minmax(0, 1fr); gap: 13px; margin-top: 26px; padding: 19px 17px; border-left-width: 4px; border-radius: 0 15px 15px 0; } .smil-stanza-faq__answer-icon { width: 40px; height: 40px; } .smil-stanza-faq__answer-title { font-size: 1.18rem; line-height: 1.4; } .smil-stanza-faq__answer-text { font-size: 1rem; line-height: 1.68; } .smil-stanza-faq__intro { margin-top: 38px; gap: 28px; } .smil-stanza-faq__intro-title { font-size: clamp(1.3rem, 6.5vw, 1.72rem); } .smil-stanza-faq__intro-content p { font-size: 1rem; line-height: 1.72; } .smil-stanza-faq__intro-note { padding: 22px 17px; border-radius: 19px; } .smil-stanza-faq__intro-note-link { width: 100%; justify-content: space-between; text-align: left; } .smil-stanza-faq__grid { margin-top: 45px; gap: 13px; } .smil-stanza-faq__item { border-radius: 15px; } .smil-stanza-faq__question { grid-template-columns: 34px minmax(0, 1fr) 26px; gap: 10px; padding: 17px 14px; } .smil-stanza-faq__question-number { width: 34px; height: 34px; } .smil-stanza-faq__question-text { font-size: 0.98rem; line-height: 1.42; } .smil-stanza-faq__question-icon { width: 26px; height: 26px; } .smil-stanza-faq__response { padding: 0 15px 19px 58px; } .smil-stanza-faq__response p { font-size: 0.93rem; line-height: 1.68; } .smil-stanza-faq__response a { display: block; width: 100%; padding: 11px 12px; border: 1px solid rgba(8, 127, 140, 0.17); border-radius: 10px; background: rgba(8, 127, 140, 0.05); text-decoration: none; } .smil-stanza-faq__decision { margin-top: 48px; padding: 24px 17px; border-radius: 20px; } .smil-stanza-faq__decision-title { font-size: clamp(1.38rem, 6.8vw, 1.82rem); } .smil-stanza-faq__decision-button { width: 100%; justify-content: space-between; text-align: left; } .smil-stanza-faq__conversion { margin-top: 46px; padding: 26px 18px; border-radius: 20px; } .smil-stanza-faq__conversion-title { font-size: clamp(1.38rem, 7vw, 1.85rem); line-height: 1.25; } .smil-stanza-faq__conversion-text { font-size: 0.95rem; line-height: 1.65; } .smil-stanza-faq__conversion-actions, .smil-stanza-faq__button { width: 100%; } .smil-stanza-faq__next { width: 100%; justify-content: space-between; padding: 12px 13px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 11px; background: rgba(255, 255, 255, 0.06); text-align: left; } } /* ========================================================= SMARTPHONE PICCOLI ========================================================= */ @media (max-width: 380px) { .smil-stanza-faq { padding-right: 14px; padding-left: 14px; } .smil-stanza-faq__title { font-size: clamp(1.72rem, 8.7vw, 2.15rem); } .smil-stanza-faq__answer, .smil-stanza-faq__intro-note, .smil-stanza-faq__decision, .smil-stanza-faq__conversion { padding-right: 14px; padding-left: 14px; } .smil-stanza-faq__question { grid-template-columns: minmax(0, 1fr) 25px; } .smil-stanza-faq__question-number { display: none; } .smil-stanza-faq__response { padding: 0 14px 18px; } .smil-stanza-faq__button { padding-right: 11px; padding-left: 11px; font-size: 0.87rem; } } /* ========================================================= RIDUZIONE ANIMAZIONI ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-stanza-faq__intro-note-link, .smil-stanza-faq__item, .smil-stanza-faq__question-number, .smil-stanza-faq__question-icon::before, .smil-stanza-faq__question-icon::after, .smil-stanza-faq__decision-button, .smil-stanza-faq__button, .smil-stanza-faq__next-arrow { transition: none; } .smil-stanza-faq__intro-note-link:hover, .smil-stanza-faq__decision-button:hover, .smil-stanza-faq__button:hover, .smil-stanza-faq__next:hover .smil-stanza-faq__next-arrow { transform: none; } }#imCell_29 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1723_29 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_29 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_29 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H2 – RICHIEDI UN CONTATTO CON UN TECNICO SORGEDIL INSONORIZZAZIONE STANZA MILANO ========================================================= */ .smil-stanza-contatto { --smil-sct-dark: #082f3b; --smil-sct-dark-soft: #104653; --smil-sct-teal: #087f8c; --smil-sct-turquoise: #17c3b2; --smil-sct-turquoise-light: #70e1d3; --smil-sct-orange: #f28c28; --smil-sct-orange-dark: #d97215; --smil-sct-white: #ffffff; --smil-sct-cream: #fff9ef; --smil-sct-light: #eef9fa; --smil-sct-grey: #f4f7f8; --smil-sct-text: #263f47; --smil-sct-muted: #60767d; --smil-sct-border: #d8e7e9; --smil-sct-error: #b42318; --smil-sct-error-bg: #fff1f0; --smil-sct-success: #32751c; --smil-sct-success-bg: #effbea; position: relative; width: 100%; max-width: 100%; min-width: 0; margin: 0; padding: clamp(60px, 7vw, 100px) clamp(16px, 3.5vw, 32px); overflow-x: hidden; background: radial-gradient( circle at 100% 4%, rgba(23, 195, 178, 0.12), transparent 28% ), radial-gradient( circle at 0 58%, rgba(8, 127, 140, 0.07), transparent 25% ), linear-gradient( 180deg, #eefafb 0%, var(--smil-sct-white) 30%, var(--smil-sct-white) 100% ); color: var(--smil-sct-text); text-align: left; scroll-margin-top: 110px; isolation: isolate; } @supports (overflow: clip) { .smil-stanza-contatto { overflow-x: clip; } } /* ========================================================= DESTINAZIONI DEI PULSANTI DELLA PAGINA #richiedi-contatto-tecnico-sorgedil = inizio sezione #contact-form-basso = modulo vero e proprio ========================================================= */ #richiedi-contatto-tecnico-sorgedil { scroll-margin-top: 110px; } #contact-form-basso { scroll-margin-top: 120px; outline: none; } /* ========================================================= RESET LOCALE ========================================================= */ .smil-stanza-contatto, .smil-stanza-contatto *, .smil-stanza-contatto *::before, .smil-stanza-contatto *::after { box-sizing: border-box; } .smil-stanza-contatto h2, .smil-stanza-contatto h3, .smil-stanza-contatto p, .smil-stanza-contatto ul, .smil-stanza-contatto ol, .smil-stanza-contatto li, .smil-stanza-contatto section, .smil-stanza-contatto article, .smil-stanza-contatto aside, .smil-stanza-contatto header, .smil-stanza-contatto div, .smil-stanza-contatto form, .smil-stanza-contatto label, .smil-stanza-contatto input, .smil-stanza-contatto select, .smil-stanza-contatto textarea, .smil-stanza-contatto button, .smil-stanza-contatto a, .smil-stanza-contatto span, .smil-stanza-contatto strong, .smil-stanza-contatto svg { max-width: 100%; min-width: 0; } .smil-stanza-contatto h2, .smil-stanza-contatto h3, .smil-stanza-contatto p, .smil-stanza-contatto li, .smil-stanza-contatto label, .smil-stanza-contatto button, .smil-stanza-contatto a, .smil-stanza-contatto span, .smil-stanza-contatto strong { word-break: normal; overflow-wrap: break-word; white-space: normal; hyphens: none; } .smil-stanza-contatto a { -webkit-tap-highlight-color: transparent; } .smil-stanza-contatto strong { color: var(--smil-sct-dark); font-weight: 820; } /* ========================================================= CONTENITORE ========================================================= */ .smil-stanza-contatto__container { position: relative; z-index: 1; width: 100%; max-width: 1220px; min-width: 0; margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-stanza-contatto__header { width: 100%; max-width: 980px; min-width: 0; margin: 0 auto; text-align: center; } .smil-stanza-contatto__eyebrow { display: inline-flex; max-width: 100%; flex-wrap: nowrap; align-items: center; justify-content: center; gap: 9px; margin: 0 0 15px; color: var(--smil-sct-teal); font-size: clamp(0.71rem, 1.2vw, 0.79rem); font-weight: 850; line-height: 1.4; letter-spacing: 0.07em; text-align: center; text-transform: uppercase; } .smil-stanza-contatto__eyebrow-line { width: 32px; height: 2px; flex: 0 0 32px; border-radius: 999px; background: var(--smil-sct-turquoise); } .smil-stanza-contatto__title { width: 100%; min-width: 0; margin: 0; color: var(--smil-sct-dark); font-size: clamp(2rem, 4vw, 3.55rem); font-weight: 850; line-height: 1.08; letter-spacing: -0.04em; text-align: center; } .smil-stanza-contatto__lead { width: 100%; max-width: 930px; min-width: 0; margin: 22px auto 0; color: var(--smil-sct-text); font-size: clamp(1.03rem, 1.7vw, 1.19rem); line-height: 1.78; text-align: center; } /* ========================================================= RISPOSTA IMMEDIATA ========================================================= */ .smil-stanza-contatto__answer { display: grid; grid-template-columns: 45px minmax(0, 1fr); gap: 18px; align-items: flex-start; width: 100%; max-width: 1040px; min-width: 0; margin: clamp(31px, 5vw, 49px) auto 0; padding: clamp(22px, 3vw, 30px); border: 1px solid rgba(8, 127, 140, 0.18); border-left: 5px solid var(--smil-sct-turquoise); border-radius: 0 19px 19px 0; background: rgba(255, 255, 255, 0.97); box-shadow: 0 15px 38px rgba(8, 47, 59, 0.07); } .smil-stanza-contatto__answer-icon { display: grid; width: 45px; height: 45px; flex: 0 0 45px; place-items: center; border-radius: 13px; background: rgba(23, 195, 178, 0.14); } .smil-stanza-contatto__answer-icon svg { width: 25px; height: 25px; fill: var(--smil-sct-teal); } .smil-stanza-contatto__answer-content { width: 100%; min-width: 0; } .smil-stanza-contatto__answer-label { margin: 0 0 6px; color: var(--smil-sct-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-transform: uppercase; } .smil-stanza-contatto__answer-title { margin: 0; color: var(--smil-sct-dark); font-size: clamp(1.2rem, 2vw, 1.55rem); font-weight: 830; line-height: 1.35; } .smil-stanza-contatto__answer-text { margin: 11px 0 0; color: var(--smil-sct-text); font-size: clamp(1rem, 1.45vw, 1.08rem); line-height: 1.74; } /* ========================================================= LAYOUT PRINCIPALE ========================================================= */ .smil-stanza-contatto__layout { display: grid; grid-template-columns: minmax(0, 0.88fr) minmax(440px, 1.12fr); gap: clamp(40px, 6vw, 76px); align-items: start; width: 100%; min-width: 0; margin-top: clamp(52px, 7vw, 84px); } .smil-stanza-contatto__content, .smil-stanza-contatto__form-wrapper { width: 100%; max-width: 100%; min-width: 0; } /* ========================================================= COLONNA INFORMATIVA ========================================================= */ .smil-stanza-contatto__content-kicker { margin: 0; color: var(--smil-sct-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-transform: uppercase; } .smil-stanza-contatto__content-title { margin: 8px 0 0; color: var(--smil-sct-dark); font-size: clamp(1.55rem, 3vw, 2.4rem); font-weight: 840; line-height: 1.2; letter-spacing: -0.03em; } .smil-stanza-contatto__content > p:not( .smil-stanza-contatto__content-kicker ) { margin: 18px 0 0; color: var(--smil-sct-text); font-size: clamp(1rem, 1.35vw, 1.07rem); line-height: 1.78; } /* ========================================================= INFORMAZIONI UTILI ========================================================= */ .smil-stanza-contatto__useful { width: 100%; min-width: 0; margin-top: 32px; } .smil-stanza-contatto__useful-title { margin: 0; color: var(--smil-sct-dark); font-size: clamp(1.22rem, 2vw, 1.55rem); font-weight: 830; line-height: 1.35; } .smil-stanza-contatto__useful-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 11px; width: 100%; min-width: 0; margin: 20px 0 0; padding: 0; list-style: none; } .smil-stanza-contatto__useful-list li { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 13px; align-items: flex-start; width: 100%; min-width: 0; padding: 16px; border: 1px solid var(--smil-sct-border); border-radius: 15px; background: var(--smil-sct-grey); } .smil-stanza-contatto__useful-icon { display: grid; width: 40px; height: 40px; flex: 0 0 40px; place-items: center; border-radius: 11px; background: rgba(23, 195, 178, 0.14); } .smil-stanza-contatto__useful-icon svg { width: 22px; height: 22px; fill: var(--smil-sct-teal); } .smil-stanza-contatto__useful-content { width: 100%; min-width: 0; } .smil-stanza-contatto__useful-list strong { display: block; color: var(--smil-sct-dark); font-size: 0.94rem; line-height: 1.4; } .smil-stanza-contatto__useful-list p { margin: 4px 0 0; color: var(--smil-sct-muted); font-size: 0.83rem; line-height: 1.55; } /* ========================================================= PERCORSO ========================================================= */ .smil-stanza-contatto__steps { width: 100%; min-width: 0; margin-top: 38px; padding: clamp(23px, 3.5vw, 34px); overflow: hidden; border-radius: 22px; background: linear-gradient( 145deg, var(--smil-sct-dark), var(--smil-sct-dark-soft) ); color: var(--smil-sct-white); box-shadow: 0 20px 46px rgba(8, 47, 59, 0.17); } .smil-stanza-contatto__steps-kicker { margin: 0; color: var(--smil-sct-turquoise-light); font-size: 0.74rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-stanza-contatto__steps-title { margin: 7px 0 0; color: var(--smil-sct-white); font-size: clamp(1.35rem, 2.4vw, 1.8rem); font-weight: 830; line-height: 1.3; } .smil-stanza-contatto__steps-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; width: 100%; min-width: 0; margin: 22px 0 0; padding: 0; list-style: none; } .smil-stanza-contatto__steps-list li { display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 12px; align-items: flex-start; width: 100%; min-width: 0; padding: 13px; border: 1px solid rgba(255, 255, 255, 0.11); border-radius: 13px; background: rgba(255, 255, 255, 0.06); } .smil-stanza-contatto__step-number { display: grid; width: 36px; height: 36px; flex: 0 0 36px; place-items: center; border-radius: 10px; background: rgba(23, 195, 178, 0.16); color: var(--smil-sct-turquoise-light); font-size: 0.7rem; font-weight: 900; line-height: 1; } .smil-stanza-contatto__step-content { width: 100%; min-width: 0; } .smil-stanza-contatto__steps-list strong { display: block; color: var(--smil-sct-white); font-size: 0.91rem; line-height: 1.4; } .smil-stanza-contatto__steps-list p { margin: 4px 0 0; color: rgba(255, 255, 255, 0.72); font-size: 0.8rem; line-height: 1.52; } /* ========================================================= NOTA ========================================================= */ .smil-stanza-contatto__note { display: grid; grid-template-columns: 25px minmax(0, 1fr); gap: 13px; align-items: flex-start; width: 100%; min-width: 0; margin-top: 25px; padding: 18px; border: 1px solid #f0dcc3; border-radius: 15px; background: var(--smil-sct-cream); } .smil-stanza-contatto__note > svg { width: 25px; height: 25px; flex: 0 0 25px; fill: var(--smil-sct-orange-dark); } .smil-stanza-contatto__note-content { width: 100%; min-width: 0; } .smil-stanza-contatto__note strong { display: block; color: var(--smil-sct-dark); font-size: 0.93rem; line-height: 1.45; } .smil-stanza-contatto__note p { margin: 5px 0 0; color: var(--smil-sct-muted); font-size: 0.84rem; line-height: 1.6; } /* ========================================================= CONTENITORE MODULO ========================================================= */ .smil-stanza-contatto__form-wrapper { position: sticky; top: 22px; padding: clamp(26px, 4vw, 42px); overflow: hidden; border: 1px solid rgba(8, 127, 140, 0.2); border-radius: 27px; background: var(--smil-sct-white); box-shadow: 0 24px 58px rgba(8, 47, 59, 0.13); } .smil-stanza-contatto__form-heading { width: 100%; min-width: 0; } .smil-stanza-contatto__form-kicker { margin: 0; color: var(--smil-sct-teal); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.075em; text-transform: uppercase; } .smil-stanza-contatto__form-title { margin: 8px 0 0; color: var(--smil-sct-dark); font-size: clamp(1.55rem, 3vw, 2.25rem); font-weight: 840; line-height: 1.2; letter-spacing: -0.03em; } .smil-stanza-contatto__form-intro { margin: 13px 0 0; color: var(--smil-sct-muted); font-size: 0.94rem; line-height: 1.65; } /* ========================================================= FORM ========================================================= */ .smil-stanza-contatto__form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; width: 100%; max-width: 100%; min-width: 0; margin-top: 27px; } .smil-stanza-contatto__field { display: flex; flex-direction: column; width: 100%; max-width: 100%; min-width: 0; } .smil-stanza-contatto__field--full { grid-column: 1 / -1; } .smil-stanza-contatto__field label { display: block; margin: 0 0 7px; color: var(--smil-sct-dark); font-size: 0.85rem; font-weight: 790; line-height: 1.4; } .smil-stanza-contatto__field label span[aria-hidden="true"] { color: var(--smil-sct-error); } .smil-stanza-contatto__field input, .smil-stanza-contatto__field select, .smil-stanza-contatto__field textarea { display: block; width: 100%; max-width: 100%; min-width: 0; border: 1px solid #c9dadd; border-radius: 11px; background: var(--smil-sct-white); color: var(--smil-sct-dark); font-family: inherit; font-size: 0.95rem; line-height: 1.4; outline: none; transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease; } .smil-stanza-contatto__field input, .smil-stanza-contatto__field select { min-height: 51px; padding: 11px 13px; } .smil-stanza-contatto__field textarea { min-height: 150px; padding: 13px; resize: vertical; } .smil-stanza-contatto__field input::placeholder, .smil-stanza-contatto__field textarea::placeholder { color: #85979c; opacity: 1; } .smil-stanza-contatto__field input:hover, .smil-stanza-contatto__field select:hover, .smil-stanza-contatto__field textarea:hover { border-color: #9ebdc2; } .smil-stanza-contatto__field input:focus, .smil-stanza-contatto__field select:focus, .smil-stanza-contatto__field textarea:focus { border-color: var(--smil-sct-teal); box-shadow: 0 0 0 4px rgba(8, 127, 140, 0.11); } .smil-stanza-contatto__field-help { margin: 7px 0 0; color: var(--smil-sct-muted); font-size: 0.76rem; line-height: 1.5; } /* ========================================================= HONEYPOT ========================================================= */ .smil-stanza-contatto__honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; } /* ========================================================= PRIVACY ========================================================= */ .smil-stanza-contatto__privacy { width: 100%; min-width: 0; padding: 15px; border: 1px solid var(--smil-sct-border); border-radius: 12px; background: var(--smil-sct-grey); } .smil-stanza-contatto__privacy-label { display: grid !important; grid-template-columns: 21px minmax(0, 1fr); gap: 11px; align-items: flex-start; width: 100%; min-width: 0; margin: 0 !important; cursor: pointer; } .smil-stanza-contatto__privacy-label input { width: 20px; height: 20px; min-height: 0; margin: 1px 0 0; padding: 0; accent-color: var(--smil-sct-teal); } .smil-stanza-contatto__privacy-text { color: var(--smil-sct-text); font-size: 0.8rem; font-weight: 500; line-height: 1.55; } /* ========================================================= RECAPTCHA ========================================================= */ .smil-stanza-contatto__captcha { width: 100%; max-width: 100%; min-width: 0; overflow-x: auto; overflow-y: hidden; padding-bottom: 2px; } .smil-stanza-contatto__captcha .g-recaptcha { width: 304px; max-width: 100%; } /* ========================================================= NOTA FORM ========================================================= */ .smil-stanza-contatto__form-note { margin: -4px 0 0; color: var(--smil-sct-muted); font-size: 0.76rem; line-height: 1.5; } /* ========================================================= STATO INVIO ========================================================= */ .smil-stanza-contatto__status { width: 100%; min-width: 0; padding: 13px 15px; border-radius: 11px; font-size: 0.85rem; font-weight: 720; line-height: 1.55; } .smil-stanza-contatto__status--loading { border: 1px solid rgba(8, 127, 140, 0.22); background: var(--smil-sct-light); color: var(--smil-sct-teal); } .smil-stanza-contatto__status--success { border: 1px solid rgba(50, 117, 28, 0.24); background: var(--smil-sct-success-bg); color: var(--smil-sct-success); } .smil-stanza-contatto__status--error { border: 1px solid rgba(180, 35, 24, 0.24); background: var(--smil-sct-error-bg); color: var(--smil-sct-error); } /* ========================================================= PULSANTE INVIO ========================================================= */ .smil-stanza-contatto__submit-wrapper { width: 100%; min-width: 0; } .smil-stanza-contatto__submit { display: inline-flex; width: 100%; max-width: 100%; min-width: 0; min-height: 55px; align-items: center; justify-content: center; gap: 9px; padding: 14px 20px; border: 0; border-radius: 12px; background: var(--smil-sct-orange); color: var(--smil-sct-white); font-family: inherit; font-size: 0.96rem; font-weight: 830; line-height: 1.4; text-align: center; cursor: pointer; box-shadow: 0 13px 27px rgba(242, 140, 40, 0.28); transition: transform 180ms ease, background-color 180ms ease, box-shadow 180ms ease, opacity 180ms ease; } .smil-stanza-contatto__submit:hover:not(:disabled) { transform: translateY(-2px); background: var(--smil-sct-orange-dark); box-shadow: 0 16px 31px rgba(242, 140, 40, 0.34); } .smil-stanza-contatto__submit:disabled { cursor: wait; opacity: 0.7; } .smil-stanza-contatto__submit svg { width: 20px; height: 20px; flex: 0 0 20px; fill: currentColor; } /* ========================================================= ELEMENTI DI FIDUCIA ========================================================= */ .smil-stanza-contatto__trust { display: flex; width: 100%; min-width: 0; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px 17px; margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--smil-sct-border); } .smil-stanza-contatto__trust-item { display: inline-flex; min-width: 0; align-items: center; gap: 7px; color: var(--smil-sct-muted); font-size: 0.73rem; font-weight: 720; line-height: 1.4; } .smil-stanza-contatto__trust-item svg { width: 17px; height: 17px; flex: 0 0 17px; fill: var(--smil-sct-teal); } /* ========================================================= CHIUSURA ========================================================= */ .smil-stanza-contatto__closing { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 18px; align-items: flex-start; width: 100%; max-width: 1040px; min-width: 0; margin: clamp(58px, 8vw, 90px) auto 0; padding: clamp(24px, 3.5vw, 35px); overflow: hidden; border: 1px solid rgba(8, 127, 140, 0.18); border-radius: 21px; background: linear-gradient( 145deg, var(--smil-sct-light), var(--smil-sct-white) ); } .smil-stanza-contatto__closing-icon { display: grid; width: 50px; height: 50px; flex: 0 0 50px; place-items: center; border-radius: 14px; background: var(--smil-sct-teal); } .smil-stanza-contatto__closing-icon svg { width: 27px; height: 27px; fill: var(--smil-sct-white); } .smil-stanza-contatto__closing-content { width: 100%; min-width: 0; } .smil-stanza-contatto__closing-kicker { margin: 0; color: var(--smil-sct-teal); font-size: 0.74rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .smil-stanza-contatto__closing-title { margin: 7px 0 0; color: var(--smil-sct-dark); font-size: clamp(1.3rem, 2.4vw, 1.9rem); font-weight: 835; line-height: 1.3; } .smil-stanza-contatto__closing-content > p:last-of-type { margin: 11px 0 0; color: var(--smil-sct-muted); font-size: 0.93rem; line-height: 1.67; } .smil-stanza-contatto__closing-link { display: inline-flex; width: fit-content; max-width: 100%; min-height: 48px; align-items: center; justify-content: center; gap: 9px; margin-top: 18px; padding: 12px 17px; border-radius: 11px; background: var(--smil-sct-teal); color: var(--smil-sct-white); font-size: 0.88rem; font-weight: 820; line-height: 1.4; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease; } .smil-stanza-contatto__closing-link:hover { transform: translateY(-2px); background: var(--smil-sct-dark-soft); } .smil-stanza-contatto__closing-link svg { width: 18px; height: 18px; flex: 0 0 18px; fill: currentColor; } /* ========================================================= ACCESSIBILITÀ ========================================================= */ .smil-stanza-contatto input:focus-visible, .smil-stanza-contatto select:focus-visible, .smil-stanza-contatto textarea:focus-visible, .smil-stanza-contatto button:focus-visible, .smil-stanza-contatto a:focus-visible { outline: 3px solid rgba(242, 140, 40, 0.42); outline-offset: 3px; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 980px) { .smil-stanza-contatto__layout { grid-template-columns: minmax(0, 1fr); } .smil-stanza-contatto__form-wrapper { position: relative; top: auto; width: 100%; max-width: 760px; } } @media (max-width: 900px) { .smil-stanza-contatto { padding: clamp(52px, 7vw, 72px) clamp(18px, 4vw, 28px); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 640px) { .smil-stanza-contatto { padding: 46px max(16px, env(safe-area-inset-right)) 52px max(16px, env(safe-area-inset-left)); scroll-margin-top: 78px; } #richiedi-contatto-tecnico-sorgedil { scroll-margin-top: 78px; } #contact-form-basso { scroll-margin-top: 88px; } .smil-stanza-contatto__header { text-align: left; } .smil-stanza-contatto__eyebrow { display: block; width: 100%; margin-bottom: 13px; font-size: 0.7rem; line-height: 1.45; letter-spacing: 0.045em; text-align: left; } .smil-stanza-contatto__eyebrow-line { display: none; } .smil-stanza-contatto__title { font-size: clamp(1.85rem, 8.7vw, 2.6rem); line-height: 1.1; letter-spacing: -0.032em; text-align: left; } .smil-stanza-contatto__lead { margin-top: 18px; font-size: 1rem; line-height: 1.7; text-align: left; } .smil-stanza-contatto__answer { grid-template-columns: minmax(0, 1fr); gap: 13px; margin-top: 26px; padding: 19px 17px; border-left-width: 4px; border-radius: 0 15px 15px 0; } .smil-stanza-contatto__answer-icon { width: 40px; height: 40px; } .smil-stanza-contatto__answer-title { font-size: 1.18rem; line-height: 1.4; } .smil-stanza-contatto__answer-text { font-size: 1rem; line-height: 1.68; } .smil-stanza-contatto__layout { margin-top: 40px; gap: 42px; } .smil-stanza-contatto__content-title { font-size: clamp(1.45rem, 7vw, 1.95rem); } .smil-stanza-contatto__content > p:not( .smil-stanza-contatto__content-kicker ) { font-size: 1rem; line-height: 1.72; } .smil-stanza-contatto__useful-list li { grid-template-columns: 37px minmax(0, 1fr); padding: 14px 12px; } .smil-stanza-contatto__useful-icon { width: 37px; height: 37px; } .smil-stanza-contatto__steps { padding: 24px 16px; border-radius: 19px; } .smil-stanza-contatto__steps-list li { grid-template-columns: 34px minmax(0, 1fr); padding: 12px 10px; } .smil-stanza-contatto__step-number { width: 34px; height: 34px; } .smil-stanza-contatto__note { grid-template-columns: minmax(0, 1fr); } .smil-stanza-contatto__form-wrapper { padding: 25px 16px; border-radius: 21px; } .smil-stanza-contatto__form-title { font-size: clamp(1.45rem, 7vw, 1.95rem); } .smil-stanza-contatto__form { grid-template-columns: minmax(0, 1fr); gap: 16px; margin-top: 24px; } .smil-stanza-contatto__field--full { grid-column: auto; } .smil-stanza-contatto__field input, .smil-stanza-contatto__field select { min-height: 52px; font-size: 16px; } .smil-stanza-contatto__field textarea { font-size: 16px; } .smil-stanza-contatto__submit { min-height: 56px; padding-right: 14px; padding-left: 14px; font-size: 0.93rem; } .smil-stanza-contatto__trust { align-items: flex-start; flex-direction: column; } .smil-stanza-contatto__closing { grid-template-columns: minmax(0, 1fr); margin-top: 48px; padding: 23px 17px; border-radius: 18px; } .smil-stanza-contatto__closing-title { font-size: clamp(1.3rem, 6.5vw, 1.72rem); } .smil-stanza-contatto__closing-link { width: 100%; justify-content: space-between; text-align: left; } } /* ========================================================= RECAPTCHA SU SMARTPHONE STRETTI ========================================================= */ @media (max-width: 390px) { .smil-stanza-contatto__captcha { height: 72px; overflow: visible; } .smil-stanza-contatto__captcha .g-recaptcha { transform: scale(0.84); transform-origin: left top; } } /* ========================================================= SMARTPHONE MOLTO PICCOLI ========================================================= */ @media (max-width: 350px) { .smil-stanza-contatto { padding-right: 14px; padding-left: 14px; } .smil-stanza-contatto__form-wrapper, .smil-stanza-contatto__steps, .smil-stanza-contatto__closing { padding-right: 14px; padding-left: 14px; } .smil-stanza-contatto__useful-list li, .smil-stanza-contatto__steps-list li { grid-template-columns: minmax(0, 1fr); } .smil-stanza-contatto__captcha .g-recaptcha { transform: scale(0.76); } .smil-stanza-contatto__submit { font-size: 0.87rem; } } /* ========================================================= RIDUZIONE ANIMAZIONI ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-stanza-contatto__field input, .smil-stanza-contatto__field select, .smil-stanza-contatto__field textarea, .smil-stanza-contatto__submit, .smil-stanza-contatto__closing-link { transition: none; } .smil-stanza-contatto__submit:hover:not(:disabled), .smil-stanza-contatto__closing-link:hover { transform: none; } }#imCell_30 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1723_30 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_30 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_30 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= VARIABILI FOOTER, BOTTOM BAR E TORNA SU INSONORIZZAZIONE STANZA MILANO ========================================================= */ :root { --smsf-dark: #073844; --smsf-deep: #052b35; --smsf-blue: #087c8f; --smsf-turquoise: #00a991; --smsf-turquoise-light: #dff8f4; --smsf-orange: #f28a2e; --smsf-orange-dark: #d66d0e; --smsf-orange-soft: #fff1e4; --smsf-green: #18b957; --smsf-green-dark: #07933d; --smsf-white: #ffffff; --smsf-bg-soft: #f3faf9; --smsf-text: #183640; --smsf-muted: #557078; --smsf-border: #cee5e2; --smsf-radius: 18px; --smsf-shadow: 0 18px 45px rgba(5, 43, 53, 0.20); --smsf-shadow-small: 0 8px 22px rgba(5, 43, 53, 0.18); --smsf-orange-shadow: 0 10px 24px rgba(214, 109, 14, 0.30); --smsf-green-shadow: 0 10px 24px rgba(7, 147, 61, 0.28); } /* ========================================================= BOX SIZING E PROTEZIONE OVERFLOW ========================================================= */ .smil-stanza-footer, .smil-stanza-footer *, .smil-stanza-footer *::before, .smil-stanza-footer *::after, .smil-stanza-mobile-bottom, .smil-stanza-mobile-bottom *, .smil-stanza-mobile-bottom *::before, .smil-stanza-mobile-bottom *::after, .smil-stanza-back-to-top, .smil-stanza-back-to-top *, .smil-stanza-back-to-top *::before, .smil-stanza-back-to-top *::after { box-sizing: border-box; } .smil-stanza-footer, .smil-stanza-mobile-bottom { width: 100%; max-width: 100%; min-width: 0; overflow-x: hidden; } @supports (overflow: clip) { .smil-stanza-footer, .smil-stanza-mobile-bottom { overflow-x: clip; } } .smil-stanza-footer h2, .smil-stanza-footer h3, .smil-stanza-footer p, .smil-stanza-footer ul, .smil-stanza-footer li, .smil-stanza-footer section, .smil-stanza-footer nav, .smil-stanza-footer aside, .smil-stanza-footer address, .smil-stanza-footer div, .smil-stanza-footer a, .smil-stanza-footer span, .smil-stanza-footer small, .smil-stanza-footer strong, .smil-stanza-footer img, .smil-stanza-footer svg, .smil-stanza-mobile-bottom div, .smil-stanza-mobile-bottom a, .smil-stanza-mobile-bottom span, .smil-stanza-mobile-bottom small, .smil-stanza-mobile-bottom strong, .smil-stanza-mobile-bottom svg { max-width: 100%; min-width: 0; } .smil-stanza-footer h2, .smil-stanza-footer h3, .smil-stanza-footer p, .smil-stanza-footer li, .smil-stanza-footer a, .smil-stanza-footer span, .smil-stanza-footer small, .smil-stanza-footer strong, .smil-stanza-mobile-bottom a, .smil-stanza-mobile-bottom span, .smil-stanza-mobile-bottom small, .smil-stanza-mobile-bottom strong { word-break: normal; overflow-wrap: break-word; white-space: normal; } /* ========================================================= FOOTER ========================================================= */ .smil-stanza-footer { position: relative; margin: 0; padding: clamp(54px, 6vw, 82px) 0 0; border-top: 7px solid var(--smsf-orange); background: radial-gradient( circle at 8% 0%, rgba(0, 169, 145, 0.25), transparent 31% ), radial-gradient( circle at 94% 10%, rgba(242, 138, 46, 0.16), transparent 28% ), linear-gradient( 135deg, var(--smsf-deep) 0%, var(--smsf-dark) 62%, var(--smsf-blue) 100% ); color: var(--smsf-white); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; isolation: isolate; } .smil-stanza-footer__container { width: 100%; max-width: 1208px; min-width: 0; margin: 0 auto; padding-right: 24px; padding-left: 24px; } /* ========================================================= CTA SUPERIORE ========================================================= */ .smil-stanza-footer__cta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 310px); gap: 30px; align-items: center; width: 100%; min-width: 0; margin-bottom: 32px; padding: clamp(23px, 3vw, 32px); border: 1px solid var(--smsf-border); border-left: 7px solid var(--smsf-orange); border-radius: var(--smsf-radius); background: var(--smsf-white); color: var(--smsf-text); box-shadow: var(--smsf-shadow); } .smil-stanza-footer__cta-content, .smil-stanza-footer__cta-actions { width: 100%; min-width: 0; } .smil-stanza-footer__eyebrow { width: fit-content; max-width: 100%; margin: 0 0 9px; padding: 6px 11px; border-radius: 999px; background: var(--smsf-turquoise); color: var(--smsf-white); font-size: 0.63rem; font-weight: 900; line-height: 1.3; letter-spacing: 0.04em; text-transform: uppercase; } .smil-stanza-footer__cta h2 { width: 100%; min-width: 0; margin: 0 0 9px; color: var(--smsf-dark); font-size: clamp(1.3rem, 2.7vw, 2rem); font-weight: 900; line-height: 1.24; letter-spacing: -0.025em; text-wrap: balance; } .smil-stanza-footer__cta-content > p:last-child { width: 100%; max-width: 730px; min-width: 0; margin: 0; color: var(--smsf-muted); font-size: 0.86rem; line-height: 1.58; } .smil-stanza-footer__cta-content > p:last-child strong { color: var(--smsf-dark); font-weight: 900; } .smil-stanza-footer__cta-actions { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; } .smil-stanza-footer__cta-primary, .smil-stanza-footer__cta-phone { display: flex; width: 100%; min-width: 0; min-height: 52px; align-items: center; justify-content: center; padding: 12px 17px; border-radius: 11px; text-align: center; text-decoration: none !important; transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease; } .smil-stanza-footer__cta-primary { gap: 8px; background: linear-gradient( 135deg, var(--smsf-orange), var(--smsf-orange-dark) ); color: var(--smsf-white) !important; box-shadow: var(--smsf-orange-shadow); font-size: 0.81rem; font-weight: 900; } .smil-stanza-footer__cta-phone { flex-direction: column; border: 2px solid var(--smsf-green); background: var(--smsf-white); color: var(--smsf-green-dark) !important; } .smil-stanza-footer__cta-phone small { margin-bottom: 2px; color: var(--smsf-blue); font-size: 0.58rem; font-weight: 900; line-height: 1.2; letter-spacing: 0.04em; text-transform: uppercase; } .smil-stanza-footer__cta-phone strong { color: var(--smsf-green-dark); font-size: 1rem; font-weight: 950; line-height: 1.2; } .smil-stanza-footer__cta-primary:hover, .smil-stanza-footer__cta-primary:focus-visible, .smil-stanza-footer__cta-phone:hover, .smil-stanza-footer__cta-phone:focus-visible { transform: translateY(-2px); } /* ========================================================= GRIGLIA PRINCIPALE ========================================================= */ .smil-stanza-footer__main { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(180px, 0.88fr) minmax(190px, 0.9fr) minmax(190px, 0.92fr); gap: 28px; align-items: start; width: 100%; min-width: 0; padding: 28px 0 31px; border-top: 1px solid rgba(255, 255, 255, 0.20); border-bottom: 1px solid rgba(255, 255, 255, 0.20); } /* ========================================================= AZIENDA ========================================================= */ .smil-stanza-footer__company, .smil-stanza-footer__nav, .smil-stanza-footer__contacts, .smil-stanza-footer__useful { width: 100%; min-width: 0; } .smil-stanza-footer__brand { display: flex; width: fit-content; max-width: 100%; min-width: 0; align-items: center; gap: 13px; margin-bottom: 16px; color: var(--smsf-white) !important; text-decoration: none !important; } .smil-stanza-footer__logo { display: block; width: 94px; max-width: 94px; height: auto; flex: 0 0 94px; padding: 6px; border-radius: 11px; background: var(--smsf-white); object-fit: contain; } .smil-stanza-footer__brand-text { min-width: 0; } .smil-stanza-footer__brand-text small { display: block; margin-bottom: 3px; color: var(--smsf-orange-soft); font-size: 0.59rem; font-weight: 900; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-stanza-footer__brand-text strong { display: block; color: var(--smsf-white); font-size: 0.92rem; font-weight: 900; line-height: 1.3; } .smil-stanza-footer__company > p { width: 100%; max-width: 390px; min-width: 0; margin: 0 0 10px; color: var(--smsf-turquoise-light); font-size: 0.76rem; line-height: 1.55; } .smil-stanza-footer__company > p strong { color: var(--smsf-white); font-weight: 850; } .smil-stanza-footer__experience { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 9px; align-items: center; width: fit-content; max-width: 100%; min-width: 0; margin-top: 15px; padding: 9px 11px; border: 1px solid rgba(255, 255, 255, 0.20); border-radius: 10px; background: rgba(255, 255, 255, 0.10); } .smil-stanza-footer__experience > span { display: inline-flex; width: 43px; height: 31px; flex: 0 0 43px; align-items: center; justify-content: center; border-radius: 8px; background: var(--smsf-orange); color: var(--smsf-white); font-size: 0.62rem; font-weight: 950; } .smil-stanza-footer__experience p { margin: 0; color: var(--smsf-white); font-size: 0.65rem; font-weight: 800; line-height: 1.4; } /* ========================================================= TITOLI DELLE COLONNE ========================================================= */ .smil-stanza-footer__nav h3, .smil-stanza-footer__contacts h3, .smil-stanza-footer__useful h3 { position: relative; width: 100%; min-width: 0; margin: 0 0 16px; padding-bottom: 9px; color: var(--smsf-white); font-size: 0.82rem; font-weight: 900; line-height: 1.35; } .smil-stanza-footer__nav h3::after, .smil-stanza-footer__contacts h3::after, .smil-stanza-footer__useful h3::after { position: absolute; bottom: 0; left: 0; width: 39px; height: 3px; border-radius: 999px; background: var(--smsf-orange); content: ""; } /* ========================================================= LINK DEL FOOTER ========================================================= */ .smil-stanza-footer__nav ul, .smil-stanza-footer__useful ul { display: grid; grid-template-columns: minmax(0, 1fr); gap: 9px; width: 100%; min-width: 0; margin: 0; padding: 0; list-style: none; } .smil-stanza-footer__nav li, .smil-stanza-footer__useful li { position: relative; width: 100%; min-width: 0; padding-left: 15px; } .smil-stanza-footer__nav li::before, .smil-stanza-footer__useful li::before { position: absolute; top: 0; left: 0; color: var(--smsf-orange); content: "›"; font-size: 0.9rem; font-weight: 950; line-height: 1.3; } .smil-stanza-footer__nav a, .smil-stanza-footer__useful a { display: inline; color: var(--smsf-turquoise-light) !important; font-size: 0.7rem; font-weight: 750; line-height: 1.45; text-decoration: none !important; transition: color 160ms ease; } .smil-stanza-footer__nav a:hover, .smil-stanza-footer__nav a:focus-visible, .smil-stanza-footer__useful a:hover, .smil-stanza-footer__useful a:focus-visible { color: var(--smsf-white) !important; text-decoration: underline !important; } .smil-stanza-footer__nav a[aria-current="page"] { color: var(--smsf-white) !important; font-weight: 950; text-decoration: underline !important; text-decoration-color: var(--smsf-orange) !important; text-underline-offset: 4px; } /* ========================================================= CONTATTI ========================================================= */ .smil-stanza-footer__contacts address { display: grid; grid-template-columns: minmax(0, 1fr); gap: 9px; width: 100%; min-width: 0; margin: 0 0 15px; font-style: normal; } .smil-stanza-footer__contact-link { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 10px; align-items: center; width: 100%; min-width: 0; padding: 10px; border: 1px solid rgba(255, 255, 255, 0.20); border-radius: 10px; background: rgba(255, 255, 255, 0.10); color: var(--smsf-white) !important; text-decoration: none !important; transition: background-color 160ms ease, transform 160ms ease; } .smil-stanza-footer__contact-link:hover, .smil-stanza-footer__contact-link:focus-visible { transform: translateY(-2px); background: rgba(255, 255, 255, 0.16); } .smil-stanza-footer__contact-icon { display: inline-flex; width: 31px; height: 31px; flex: 0 0 31px; align-items: center; justify-content: center; border-radius: 8px; background: var(--smsf-orange); color: var(--smsf-white); font-size: 0.66rem; font-weight: 950; } .smil-stanza-footer__contact-copy { min-width: 0; } .smil-stanza-footer__contact-link small { display: block; margin-bottom: 2px; color: var(--smsf-orange-soft); font-size: 0.56rem; font-weight: 900; line-height: 1.3; letter-spacing: 0.035em; text-transform: uppercase; } .smil-stanza-footer__contact-link strong { display: block; color: var(--smsf-white); font-size: 0.75rem; font-weight: 900; line-height: 1.35; overflow-wrap: break-word; } .smil-stanza-footer__area { margin: 0 0 7px; color: var(--smsf-turquoise-light); font-size: 0.69rem; line-height: 1.5; } .smil-stanza-footer__area strong { color: var(--smsf-white); } .smil-stanza-footer__area-note { margin: 0; color: var(--smsf-turquoise-light); font-size: 0.61rem; line-height: 1.45; } /* ========================================================= NOTA TECNICA ========================================================= */ .smil-stanza-footer__notice { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 14px; align-items: center; width: 100%; min-width: 0; margin: 24px 0; padding: 18px 20px; border: 1px solid rgba(255, 255, 255, 0.20); border-left: 5px solid var(--smsf-orange); border-radius: 13px; background: rgba(255, 255, 255, 0.10); } .smil-stanza-footer__notice-symbol { display: flex; width: 37px; height: 37px; flex: 0 0 37px; align-items: center; justify-content: center; border: 2px solid var(--smsf-orange); border-radius: 50%; background: var(--smsf-orange-soft); color: var(--smsf-dark); font-family: Georgia, serif; font-size: 0.9rem; font-weight: 900; } .smil-stanza-footer__notice-content { width: 100%; min-width: 0; } .smil-stanza-footer__notice h3 { margin: 0 0 5px; color: var(--smsf-white); font-size: 0.82rem; font-weight: 900; line-height: 1.35; } .smil-stanza-footer__notice p { margin: 0; color: var(--smsf-turquoise-light); font-size: 0.7rem; line-height: 1.5; } /* ========================================================= CHIUSURA ========================================================= */ .smil-stanza-footer__bottom { display: flex; width: 100%; min-width: 0; min-height: 72px; align-items: center; justify-content: center; padding: 17px 0; } .smil-stanza-footer__legal { display: flex; max-width: 100%; min-width: 0; flex-wrap: wrap; gap: 6px; align-items: center; justify-content: center; color: var(--smsf-turquoise-light); font-size: 0.65rem; line-height: 1.45; text-align: center; } .smil-stanza-footer__legal strong { color: var(--smsf-white); font-weight: 900; } /* ========================================================= TORNA SU ========================================================= */ .smil-stanza-back-to-top { --smsf-back-top-bottom: 24px; position: fixed !important; right: clamp(14px, 2vw, 28px); bottom: var(--smsf-back-top-bottom); z-index: 2147483001 !important; display: inline-flex !important; width: 58px; height: 58px; align-items: center; justify-content: center; padding: 0; border: 3px solid var(--smsf-orange-soft) !important; border-radius: 50% !important; background: linear-gradient( 135deg, var(--smsf-orange), var(--smsf-orange-dark) ) !important; color: var(--smsf-white) !important; box-shadow: var(--smsf-orange-shadow), 0 0 0 5px rgba(242, 138, 46, 0.13); text-decoration: none !important; cursor: pointer; pointer-events: none; opacity: 0; visibility: hidden; transform: translateY(18px) scale(0.88); transition: opacity 200ms ease, visibility 200ms ease, transform 200ms ease, background 180ms ease, box-shadow 180ms ease; } .smil-stanza-back-to-top.is-visible { pointer-events: auto; opacity: 1; visibility: visible; transform: translateY(0) scale(1); } .smil-stanza-back-to-top__icon { display: block; width: 26px; height: 26px; color: var(--smsf-white); pointer-events: none; } .smil-stanza-back-to-top__label { position: absolute; top: 50%; right: calc(100% + 11px); min-width: 78px; padding: 7px 10px; border: 1px solid var(--smsf-blue); border-radius: 8px; background: var(--smsf-deep); color: var(--smsf-white); box-shadow: var(--smsf-shadow-small); font-size: 0.67rem; font-weight: 900; line-height: 1.25; text-align: center; white-space: nowrap; opacity: 0; visibility: hidden; transform: translate(6px, -50%); pointer-events: none; transition: opacity 160ms ease, visibility 160ms ease, transform 160ms ease; } .smil-stanza-back-to-top__label::after { position: absolute; top: 50%; left: 100%; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 7px solid var(--smsf-deep); content: ""; transform: translateY(-50%); } .smil-stanza-back-to-top:hover, .smil-stanza-back-to-top:focus, .smil-stanza-back-to-top:active, .smil-stanza-back-to-top:visited { color: var(--smsf-white) !important; text-decoration: none !important; } .smil-stanza-back-to-top:hover, .smil-stanza-back-to-top:focus-visible { transform: translateY(-4px) scale(1.04); background: linear-gradient( 135deg, var(--smsf-orange-dark), var(--smsf-orange) ) !important; box-shadow: 0 15px 30px rgba(214, 109, 14, 0.36), 0 0 0 6px rgba(242, 138, 46, 0.15); } .smil-stanza-back-to-top:hover .smil-stanza-back-to-top__label, .smil-stanza-back-to-top:focus-visible .smil-stanza-back-to-top__label { opacity: 1; visibility: visible; transform: translate(0, -50%); } .smil-stanza-back-to-top:focus-visible { outline: 3px solid var(--smsf-white) !important; outline-offset: 4px; } /* ========================================================= DESTINAZIONI DI SCORRIMENTO ========================================================= */ #insonorizzazione-stanza-milano, #menu-pagine-isolamento-milano, #cosa-significa-insonorizzare-stanza, #quando-parete-non-sufficiente, #da-dove-entra-rumore-stanza, #insonorizzare-stanza-condominio-milano, #come-si-realizza-stanza-insonorizzata, #metodo-sorgedil-insonorizzazione-completa, #sopralluogo-analitico-prima-del-progetto, #quanto-costa-insonorizzare-stanza-milano, #risultato-ottenibile-stanza-completa, #garanzia-sorgedil-stanza-completa, #chi-chiamare-insonorizzare-stanza-milano, #interventi-milano-citta-metropolitana, #domande-frequenti-insonorizzazione-stanza-milano, #richiedi-contatto-tecnico-sorgedil, #contact-form-basso { scroll-margin-top: 110px; } /* ========================================================= BOTTOM BAR NASCOSTA SU DESKTOP ========================================================= */ .smil-stanza-mobile-bottom { display: none !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1080px) { .smil-stanza-footer__main { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 980px) { .smil-stanza-footer__cta { grid-template-columns: minmax(0, 1fr); } .smil-stanza-footer__cta-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); } body { padding-bottom: calc( 86px + env(safe-area-inset-bottom, 0px) ) !important; } .smil-stanza-mobile-bottom { position: fixed !important; right: 0 !important; bottom: 0 !important; left: 0 !important; z-index: 2147483000 !important; display: block !important; width: 100%; max-width: 100%; min-height: calc( 76px + env(safe-area-inset-bottom, 0px) ); padding: 8px 10px calc( 8px + env(safe-area-inset-bottom, 0px) ); border-top: 1px solid var(--smsf-border); background: var(--smsf-white) !important; color: var(--smsf-text); box-shadow: 0 -10px 28px rgba(5, 43, 53, 0.17); visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; isolation: isolate; } .smil-stanza-mobile-bottom__inner { display: grid; grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr); gap: 9px; align-items: stretch; width: 100%; max-width: 820px; min-width: 0; margin: 0 auto; } .smil-stanza-mobile-bottom__button { position: relative; z-index: 2; display: grid !important; grid-template-columns: auto minmax(0, 1fr) auto; gap: 8px; align-items: center; width: 100%; min-width: 0; min-height: 58px; padding: 8px 12px; border-radius: 15px !important; color: var(--smsf-white) !important; text-align: left; text-decoration: none !important; cursor: pointer !important; pointer-events: auto !important; touch-action: manipulation; visibility: visible !important; opacity: 1 !important; transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease; } .smil-stanza-mobile-bottom__button--phone { border: 2px solid var(--smsf-green) !important; background: linear-gradient( 135deg, var(--smsf-green), var(--smsf-green-dark) ) !important; box-shadow: inset 0 -4px 0 rgba(7, 147, 61, 0.34), var(--smsf-green-shadow); } .smil-stanza-mobile-bottom__button--contact { border: 2px solid var(--smsf-orange) !important; background: linear-gradient( 135deg, var(--smsf-orange), var(--smsf-orange-dark) ) !important; box-shadow: inset 0 -4px 0 rgba(214, 109, 14, 0.35), var(--smsf-orange-shadow); } .smil-stanza-mobile-bottom__button:hover, .smil-stanza-mobile-bottom__button:focus, .smil-stanza-mobile-bottom__button:active, .smil-stanza-mobile-bottom__button:visited { color: var(--smsf-white) !important; text-decoration: none !important; } .smil-stanza-mobile-bottom__button:hover, .smil-stanza-mobile-bottom__button:focus-visible { transform: translateY(-2px); } .smil-stanza-mobile-bottom__button:focus-visible { outline: 3px solid var(--smsf-white) !important; outline-offset: -6px; } .smil-stanza-mobile-bottom__icon { display: inline-flex; width: 34px; height: 34px; flex: 0 0 34px; align-items: center; justify-content: center; border: 1px solid rgba(255, 255, 255, 0.24); border-radius: 10px; background: rgba(255, 255, 255, 0.14); color: var(--smsf-white); pointer-events: none; } .smil-stanza-mobile-bottom__icon svg { display: block; width: 20px; height: 20px; } .smil-stanza-mobile-bottom__copy { min-width: 0; pointer-events: none; } .smil-stanza-mobile-bottom__copy small { display: block; margin-bottom: 1px; color: var(--smsf-white) !important; font-size: 0.56rem; font-weight: 750; line-height: 1.2; opacity: 0.88; } .smil-stanza-mobile-bottom__copy strong { display: block; color: var(--smsf-white) !important; font-size: clamp(0.74rem, 2.3vw, 0.9rem); font-weight: 900; line-height: 1.18; overflow-wrap: break-word; } .smil-stanza-mobile-bottom__arrow { display: inline-flex; width: 27px; height: 27px; flex: 0 0 27px; align-items: center; justify-content: center; border-radius: 50%; background: var(--smsf-white); color: var(--smsf-orange-dark); font-size: 0.9rem; font-weight: 950; line-height: 1; pointer-events: none; } .smil-stanza-back-to-top { bottom: calc( 88px + env(safe-area-inset-bottom, 0px) ) !important; } } /* ========================================================= SMARTPHONE ========================================================= */ @media (max-width: 720px) { .smil-stanza-footer { padding-top: 48px; } .smil-stanza-footer__container { padding-right: max(14px, env(safe-area-inset-right)); padding-left: max(14px, env(safe-area-inset-left)); } .smil-stanza-footer__cta { gap: 20px; padding: 21px 18px; } .smil-stanza-footer__cta-actions { grid-template-columns: minmax(0, 1fr); } .smil-stanza-footer__main { grid-template-columns: minmax(0, 1fr); gap: 27px; } .smil-stanza-footer__company > p { max-width: none; } .smil-stanza-footer__notice { grid-template-columns: minmax(0, 1fr); padding: 18px; } .smil-stanza-footer__bottom { padding: 18px 0 22px; } .smil-stanza-back-to-top { right: 14px; width: 50px; height: 50px; border-width: 2px !important; box-shadow: var(--smsf-orange-shadow), 0 0 0 4px rgba(242, 138, 46, 0.13); } .smil-stanza-back-to-top__icon { width: 23px; height: 23px; } .smil-stanza-back-to-top__label { display: none; } } @media (max-width: 600px) { body { padding-bottom: calc( 79px + env(safe-area-inset-bottom, 0px) ) !important; } .smil-stanza-mobile-bottom { min-height: calc( 70px + env(safe-area-inset-bottom, 0px) ); padding: 7px 8px calc( 7px + env(safe-area-inset-bottom, 0px) ); } .smil-stanza-mobile-bottom__inner { gap: 7px; } .smil-stanza-mobile-bottom__button { min-height: 55px; gap: 7px; padding: 7px 9px; border-radius: 13px !important; } .smil-stanza-mobile-bottom__icon { width: 31px; height: 31px; flex-basis: 31px; border-radius: 9px; } .smil-stanza-mobile-bottom__icon svg { width: 18px; height: 18px; } .smil-stanza-mobile-bottom__copy small { display: none; } .smil-stanza-mobile-bottom__copy strong { font-size: clamp(0.72rem, 3.4vw, 0.86rem); text-align: center; } .smil-stanza-mobile-bottom__arrow { width: 24px; height: 24px; flex-basis: 24px; font-size: 0.8rem; } .smil-stanza-back-to-top { bottom: calc( 80px + env(safe-area-inset-bottom, 0px) ) !important; } } /* ========================================================= SMARTPHONE MOLTO PICCOLI ========================================================= */ @media (max-width: 390px) { .smil-stanza-footer__brand { align-items: flex-start; } .smil-stanza-footer__logo { width: 80px; max-width: 80px; flex-basis: 80px; } .smil-stanza-mobile-bottom__button { grid-template-columns: auto minmax(0, 1fr); padding-right: 8px; padding-left: 8px; } .smil-stanza-mobile-bottom__button--contact .smil-stanza-mobile-bottom__arrow { display: none; } .smil-stanza-mobile-bottom__copy strong { font-size: 0.7rem; } } /* ========================================================= DESKTOP ========================================================= */ @media (min-width: 981px) { .smil-stanza-mobile-bottom { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ .smil-stanza-footer a:focus-visible { outline: 3px solid var(--smsf-orange-soft); outline-offset: 4px; } /* ========================================================= RIDUZIONE MOVIMENTO ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-stanza-footer__cta-primary, .smil-stanza-footer__cta-phone, .smil-stanza-footer__contact-link, .smil-stanza-mobile-bottom__button, .smil-stanza-back-to-top, .smil-stanza-back-to-top__label { transition: none; } .smil-stanza-footer__cta-primary:hover, .smil-stanza-footer__cta-phone:hover, .smil-stanza-footer__contact-link:hover, .smil-stanza-mobile-bottom__button:hover, .smil-stanza-mobile-bottom__button:focus-visible, .smil-stanza-back-to-top:hover, .smil-stanza-back-to-top:focus-visible { transform: none; } }@media (min-width: 1200.0px) { #imContent { padding-inline-start: 50px; padding-inline-end: 50px; } #imCell_1, #imCell_2, #imCell_3, #imCell_4, #imCell_5, #imCell_6, #imCell_7, #imCell_8, #imCell_9, #imCell_10, #imCell_11, #imCell_12, #imCell_13, #imCell_14, #imCell_15, #imCell_16, #imCell_17, #imCell_26, #imCell_27, #imCell_28, #imCell_29, #imCell_30, .imPageRow { margin-inline-start: -50px; margin-inline-end: -50px; } #imBreadcrumb { width: 1086px; margin-inline-start: 6px; margin-inline-end: 6px; } #imCell_2 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imCell_2 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_02 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_2 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_1 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_1 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_01 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_1 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_4 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imCell_4 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_04 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_4 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_3 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imCell_3 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_03 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_3 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_5 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imCell_5 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_05 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_5 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_6 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_6 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_06 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_6 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_7 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_7 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_07 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_7 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_8 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_8 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_08 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_8 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_9 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_9 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_09 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_9 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_10 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_10 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_10 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_10 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_11 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_11 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_11 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_11 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_12 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_12 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_12 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_12 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_13 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_13 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_13 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_13 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_14 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_14 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_14 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_14 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_15 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_15 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_15 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_15 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_16 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_16 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_16 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_16 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_17 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_17 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_17 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_17 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_26 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_26 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_26 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_26 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_27 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_27 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_27 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_27 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_28 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_28 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_28 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_28 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_29 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_29 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_29 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_29 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_30 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_30 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_30 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_30 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } } @media (max-width: 1199.9px) and (min-width: 720.0px) { #imContent { padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_1, #imCell_2, #imCell_3, #imCell_4, #imCell_5, #imCell_6, #imCell_7, #imCell_8, #imCell_9, #imCell_10, #imCell_11, #imCell_12, #imCell_13, #imCell_14, #imCell_15, #imCell_16, #imCell_17, #imCell_26, #imCell_27, #imCell_28, #imCell_29, #imCell_30, .imPageRow { margin-inline-start: -10px; margin-inline-end: -10px; } #imBreadcrumb { width: 686px; margin-inline-start: 6px; margin-inline-end: 6px; } #imCell_2 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imCell_2 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_02 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_2 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_1 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_1 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_01 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_1 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_4 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imCell_4 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_04 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_4 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_3 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imCell_3 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_03 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_3 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_5 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imCell_5 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_05 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_5 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_6 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_6 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_06 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_6 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_7 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_7 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_07 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_7 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_8 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_8 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_08 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_8 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_9 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_9 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_09 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_9 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_10 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_10 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_10 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_10 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_11 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_11 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_11 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_11 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_12 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_12 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_12 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_12 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_13 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_13 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_13 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_13 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_14 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_14 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_14 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_14 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_15 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_15 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_15 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_15 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_16 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_16 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_16 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_16 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_17 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_17 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_17 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_17 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_26 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_26 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_26 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_26 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_27 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_27 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_27 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_27 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_28 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_28 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_28 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_28 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_29 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_29 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_29 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_29 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_30 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_30 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_30 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_30 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } } @media (max-width: 719.9px) and (min-width: 480.0px) { #imContent { padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_1, #imCell_2, #imCell_3, #imCell_4, #imCell_5, #imCell_6, #imCell_7, #imCell_8, #imCell_9, #imCell_10, #imCell_11, #imCell_12, #imCell_13, #imCell_14, #imCell_15, #imCell_16, #imCell_17, #imCell_26, #imCell_27, #imCell_28, #imCell_29, #imCell_30, .imPageRow { margin-inline-start: -10px; margin-inline-end: -10px; } #imBreadcrumb { width: 446px; margin-inline-start: 6px; margin-inline-end: 6px; } #imCell_2 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imCell_2 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_02 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_2 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_1 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_1 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_01 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_1 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_4 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imCell_4 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_04 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_4 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_3 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imCell_3 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_03 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_3 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_5 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imCell_5 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_05 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_5 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_6 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_6 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_06 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_6 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_7 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_7 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_07 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_7 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_8 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_8 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_08 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_8 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_9 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_9 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_09 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_9 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_10 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_10 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_10 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_10 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_11 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_11 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_11 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_11 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_12 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_12 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_12 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_12 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_13 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_13 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_13 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_13 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_14 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_14 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_14 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_14 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_15 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_15 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_15 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_15 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_16 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_16 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_16 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_16 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_17 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_17 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_17 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_17 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_26 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_26 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_26 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_26 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_27 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_27 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_27 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_27 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_28 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_28 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_28 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_28 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_29 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_29 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_29 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_29 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_30 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_30 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_30 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_30 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } } @media (max-width: 479.9px) { #imContent { padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_1, #imCell_2, #imCell_3, #imCell_4, #imCell_5, #imCell_6, #imCell_7, #imCell_8, #imCell_9, #imCell_10, #imCell_11, #imCell_12, #imCell_13, #imCell_14, #imCell_15, #imCell_16, #imCell_17, #imCell_26, #imCell_27, #imCell_28, #imCell_29, #imCell_30, .imPageRow { margin-inline-start: -10px; margin-inline-end: -10px; } #imBreadcrumb { width: 100%; margin-inline-start: 0px; margin-inline-end: 0px; } #imCell_2 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imCell_2 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_02 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_2 { box-sizing: border-box; } #imCell_1 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_1 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_01 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_1 { box-sizing: border-box; } #imCell_4 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imCell_4 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_04 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_4 { box-sizing: border-box; } #imCell_3 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imCell_3 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_03 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_3 { box-sizing: border-box; } #imCell_5 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imCell_5 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_05 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_5 { box-sizing: border-box; } #imCell_6 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_6 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_06 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_6 { box-sizing: border-box; } #imCell_7 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_7 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_07 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_7 { box-sizing: border-box; } #imCell_8 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_8 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_08 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_8 { box-sizing: border-box; } #imCell_9 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_9 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_09 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_9 { box-sizing: border-box; } #imCell_10 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_10 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_10 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_10 { box-sizing: border-box; } #imCell_11 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_11 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_11 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_11 { box-sizing: border-box; } #imCell_12 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_12 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_12 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_12 { box-sizing: border-box; } #imCell_13 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_13 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_13 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_13 { box-sizing: border-box; } #imCell_14 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_14 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_14 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_14 { box-sizing: border-box; } #imCell_15 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_15 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_15 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_15 { box-sizing: border-box; } #imCell_16 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_16 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_16 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_16 { box-sizing: border-box; } #imCell_17 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_17 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_17 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_17 { box-sizing: border-box; } #imCell_26 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_26 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_26 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_26 { box-sizing: border-box; } #imCell_27 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_27 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_27 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_27 { box-sizing: border-box; } #imCell_28 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_28 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_28 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_28 { box-sizing: border-box; } #imCell_29 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_29 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_29 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_29 { box-sizing: border-box; } #imCell_30 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_30 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1723_30 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleGraphics_30 { box-sizing: border-box; } } @media (min-width: 1200.0px) { #imHeader_imObjectImage_63_wrapper { display: none; } #imHeader_imObjectImage_63_wrapper img {-webkit-clip-path: inset(0 0 -44.538% 0);clip-path: inset(0 0 -44.538% 0);}#imHeader_imCell_63 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_63 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_63 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_63 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectImage_07_wrapper { position: absolute; top: 5px; inset-inline-start: 1px; width: 118px; height: 80px; text-align: center; z-index: 1002; overflow: hidden; } #imHeader_imObjectImage_07_wrapper img {-webkit-clip-path: inset(0 0 -5.263% 0);clip-path: inset(0 0 -5.263% 0);}#imHeader_imCell_7 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_7 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_07 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_7 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectButton_45_wrapper { position: absolute; top: 24px; inset-inline-start: 486px; width: 211px; height: 45px; text-align: center; z-index: 1003; } #imHeader_imCell_45 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_45 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectButton_45 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_45 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectButton_45_button { margin: 0px; } #imHeader_imObjectButton_51_wrapper { position: absolute; top: 24px; inset-inline-start: 774px; width: 244px; height: 45px; text-align: center; z-index: 1004; } #imHeader_imCell_51 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_51 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectButton_51 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_51 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectButton_51_button { margin: 0px; } #imHeader_imObjectButton_52_wrapper { display: none; } #imHeader_imCell_52 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_52 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectButton_52 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_52 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectButton_52_button { margin: 0px; } #imHeader_imObjectImage_58_wrapper { display: none; } #imHeader_imObjectImage_58_wrapper img {-webkit-clip-path: inset(0 0 -42.342% 0);clip-path: inset(0 0 -42.342% 0);}#imHeader_imCell_58 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_58 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_58 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_58 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectImage_61_wrapper { display: none; } #imHeader_imObjectImage_61_wrapper img {-webkit-clip-path: inset(0 0 5.042% 0);clip-path: inset(0 0 5.042% 0);}#imHeader_imCell_61 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_61 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_61 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_61 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectImage_62_wrapper { display: none; } #imHeader_imObjectImage_62_wrapper img {-webkit-clip-path: inset(0 0 6.612% 0);clip-path: inset(0 0 6.612% 0);}#imHeader_imCell_62 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_62 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_62 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_62 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imMenuObject_84_wrapper { position: absolute; top: 86px; inset-inline-start: 0px; width: 1201px; height: 103px; text-align: center; z-index: 1010; } #imHeader_imCell_84 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_84 { grid-template-rows: [row-content] auto ; } #imHeader_imMenuObject_84 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_84 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } /* Main menu background */ #imHeader_imMenuObject_84_container { border: solid; border-block-color: transparent transparent; border-inline-color: transparent transparent; border-width: 0px; border-radius: 0px; width: 100%; box-sizing: border-box; background-color: transparent; padding: 0px; display: inline-table;} #imHeader_imMenuObject_84_container > ul:after {content: '';display: table;clear: both; } /* Main menu button size and position */ #imHeader_imMenuObject_84_container > ul > li {position: relative;margin-inline-start: 0px; margin-top: 0px; display: inline-block; vertical-align: top; } #imHeader_imMenuObject_84_container > ul > li > .label-wrapper, #imHeader_imMenuObject_84_container > ul > li > div > .label-wrapper { display: block; overflow: hidden; width: 193px; height: 47px; padding-block: 0px; padding-inline: 1px; border-width: 0px; border-radius: 0px; } #imHeader_imMenuObject_84_container > ul > li > .label-wrapper:has(:focus-visible), #imHeader_imMenuObject_84_container > ul > li > div > .label-wrapper:has(:focus-visible) { overflow: visible; } #imHeader_imMenuObject_84 .hamburger-button {cursor: pointer; width: 47px; height: 47px; display: inline-block; vertical-align: top; padding: 0; box-sizing: content-box; border-width: 0px; border-radius: 0px; } #imHeader_imMenuObject_84 .hamburger-bar { margin: 5px auto; width: 65%; height: 5px; background-color: rgba(31, 112, 174, 1); display: block; } #imHeader_imMenuObject_84 .label-inner-wrapper, #imHeader_imMenuObject_84 .hamburger-button > div { display: table; width: 100%; height: 100%; position: relative; z-index: 1; } #imHeader_imMenuObject_84_container > ul > li .label, #imHeader_imMenuObject_84 .hamburger-button > div > div { display: table-cell; vertical-align: middle; } /* Main menu default button style */ #imHeader_imMenuObject_84_container > ul > li > .label-wrapper {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84_container > ul > li > .label-wrapper .label, #imHeader_imMenuObject_84_container > ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(31, 112, 174, 1);font-weight: bold;} /* Hamburger button style */ #imHeader_imMenuObject_84 .hamburger-button {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84 .hamburger-button .label, #imHeader_imMenuObject_84 .hamburger-button button {width: 100%;height: 100%;font-family: Arial;font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(31, 112, 174, 1);font-weight: normal;} /* Main menu current button style */ #imHeader_imMenuObject_84_container > ul > .imMnMnCurrent > .label-wrapper {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84_container > ul > .imMnMnCurrent > .label-wrapper .label, #imHeader_imMenuObject_84_container > ul > .imMnMnCurrent > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 152, 70, 1);font-weight: bold;} /* Main menu hover button style */ #imHeader_imMenuObject_84_container > ul > li.imPage > .label-wrapper.label-wrapper-over {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84_container > ul > li.imPage > .label-wrapper.label-wrapper-over .label, #imHeader_imMenuObject_84_container > ul > li.imPage > .label-wrapper.label-wrapper-over button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 152, 70, 1);font-weight: bold;} #imHeader_imMenuObject_84_container > ul > li.imPage > .label-wrapper.label-wrapper-over { position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; transition: opacity 0.5s;}#imHeader_imMenuObject_84_container > ul > li.imPage > .label-wrapper.label-wrapper-over.animated {z-index: 1; opacity: 1;}#imHeader_imMenuObject_84_container > ul > li.imLevel > .label-wrapper.label-wrapper-over {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84_container > ul > li.imLevel > .label-wrapper.label-wrapper-over .label, #imHeader_imMenuObject_84_container > ul > li.imLevel > .label-wrapper.label-wrapper-over button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 152, 70, 1);font-weight: bold;} #imHeader_imMenuObject_84_container > ul > li.imLevel > .label-wrapper.label-wrapper-over { position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; transition: opacity 0.5s;}#imHeader_imMenuObject_84_container > ul > li.imLevel > .label-wrapper.label-wrapper-over.animated {z-index: 1; opacity: 1;}/* Main menu separator button style */ #imHeader_imMenuObject_84_container > ul > .imMnMnSeparator > .label-wrapper {background-color: rgba(255, 255, 255, 1);background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84_container > ul > .imMnMnSeparator > .label-wrapper .label, #imHeader_imMenuObject_84_container > ul > .imMnMnSeparator > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 0, 0, 1);font-weight: bold;} #imHeader_imMenuObject_84 .imLevel { cursor: default; } #imHeader_imMenuObject_84-menu-opened .imLevel { cursor: default; } #imHeader_imMenuObject_84 { text-align: center; } /* Level menu background */ #imHeader_imMenuObject_84 ul ul { border: solid; border-block-color: transparent transparent; border-inline-color: transparent transparent; border-width: 0px; border-radius: 0px; background-color: rgba(255, 255, 255, 1); } /* Level menu button size and position */ #imHeader_imMenuObject_84 ul ul li {position: relative;margin-bottom: 2px; display: inline-block; vertical-align: top; } /* Multiple column menu buttons position */ #imHeader_imMenuObject_84 .multiple-column > ul {max-width: 250px;} #imHeader_imMenuObject_84 ul ul li:last-child {margin-bottom: 0px; } #imHeader_imMenuObject_84 ul ul .label-wrapper { display: block; overflow: hidden; width: 244px; height: 60px; padding-block: 0px; padding-inline: 3px; } #imHeader_imMenuObject_84 ul ul .label-wrapper:has(:focus-visible) { overflow: visible; } #imHeader_imMenuObject_84 ul ul .label { display: table-cell; vertical-align: middle; } /* Level menu default button style */ #imHeader_imMenuObject_84 ul ul .label-wrapper {background-color: rgba(255, 255, 255, 1);background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84 ul ul .label-wrapper .label, #imHeader_imMenuObject_84 ul ul .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 11pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} /* Level menu hover button style */ #imHeader_imMenuObject_84 ul ul li.imLevel:hover > .label-wrapper {background-color: rgba(255, 255, 255, 1);background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84 ul ul li.imLevel:hover > .label-wrapper .label, #imHeader_imMenuObject_84 ul ul li.imLevel:hover > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 11pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(8, 156, 68, 1);font-weight: bold;} #imHeader_imMenuObject_84 ul ul li.imPage:hover > .label-wrapper {background-color: rgba(255, 255, 255, 1);background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84 ul ul li.imPage:hover > .label-wrapper .label, #imHeader_imMenuObject_84 ul ul li.imPage:hover > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 11pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(8, 156, 68, 1);font-weight: bold;} /* Level menu separator button style */ #imHeader_imMenuObject_84 ul ul .imMnMnSeparator > .label-wrapper {background-color: rgba(255, 255, 255, 1);background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84 ul ul .imMnMnSeparator > .label-wrapper .label, #imHeader_imMenuObject_84 ul ul .imMnMnSeparator > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 11pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} /* Level menu separation line style */ #imHeader_imMenuObject_84 ul ul li::after {display: block; position: relative; height: 0; content: ''; width: 100%; inset-inline-start: 0%; border-block-width: 1px 0px; border-inline-width: 0px; border-color: rgba(0, 152, 70, 1); border-style: solid; } /* Level menu current button style */ #imHeader_imMenuObject_84 .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper {background-color: rgba(255, 255, 255, 1);background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84 .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper .label, #imHeader_imMenuObject_84 .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 11pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(8, 156, 68, 1);font-weight: bold;} #imHeader_imMenuObject_84 ul ul { z-index: 2; }/* Level menu show/hide directives */ #imHeader_imMenuObject_84 .multiple-column {position: absolute; z-index: 2;inset-inline-start: 0px; } #imHeader_imMenuObject_84 .multiple-column > ul {position: static; display: inline-block;vertical-align: top;} #imHeader_imMenuObject_84 .multiple-column > ul > li {display: block;} #imHeader_imMenuObject_84_container > ul > li > ul {position: absolute; top: 47px; } #imHeader_imMenuObject_84_container > ul > li > ul.open-bottom { inset-inline-start: 0px; } #imHeader_imMenuObject_84_container > ul > li > ul.open-left { inset-inline-end: 195px; } #imHeader_imMenuObject_84_container > ul > li > ul.open-right { inset-inline-start: 195px; } #imHeader_imMenuObject_84_container > ul > li > ul ul, #imHeader_imMenuObject_84_container .multiple-column > ul > li ul {position: absolute; top: 0; } #imHeader_imMenuObject_84_container > ul > li > ul ul.open-left, #imHeader_imMenuObject_84_container .multiple-column > ul > li ul.open-left{ inset-inline-end: 250px; } #imHeader_imMenuObject_84_container > ul > li > ul ul.open-right, #imHeader_imMenuObject_84_container .multiple-column > ul > li ul.open-right{ inset-inline-start: 250px; } #imHeader_imMenuObject_84 ul > li > ul, #imHeader_imMenuObject_84 .multiple-column { display: none; } #imHeader_imMenuObject_84_container > ul > li:nth-child(6n+1) { margin-inline-start: 0px; clear: left; clear: inline-start; } #imHeader_imMenuObject_84_container > ul > li:nth-child(n+7) { margin-top: 0px; } #imHeader_imMenuObject_84-menu-opened { display: none; } #imHeader_imMenuObject_84 .hamburger-component { display: none; } #imHeader_pluginAppObj_85_wrapper { position: absolute; top: 21px; inset-inline-start: 149px; width: 238px; height: 41px; text-align: center; z-index: 1011; } #imHeader_imCell_85 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_85 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_85 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_85 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectImage_86_wrapper { position: absolute; top: 30px; inset-inline-start: 1138px; width: 24px; height: 31px; text-align: center; z-index: 1012; overflow: hidden; } #imHeader_imObjectImage_86_wrapper img {-webkit-clip-path: inset(0 0 -29.167% 0);clip-path: inset(0 0 -29.167% 0);}#imHeader_imCell_86 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_86 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_86 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_86 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_pluginAppObj_87_wrapper { display: none; } #imHeader_imCell_87 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_87 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_87 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_87 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_pluginAppObj_88_wrapper { display: none; } #imHeader_imCell_88 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_88 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_88 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_88 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_pluginAppObj_89_wrapper { display: none; } #imHeader_imCell_89 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_89 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_89 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_89 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_pluginAppObj_90_wrapper { display: none; } #imHeader_imCell_90 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_90 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_90 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_90 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_pluginAppObj_91_wrapper { display: none; } #imHeader_imCell_91 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_91 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_91 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_91 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_pluginAppObj_92_wrapper { display: none; } #imHeader_imCell_92 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_92 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_92 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_92 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectImage_93_wrapper { display: none; } #imHeader_imObjectImage_93_wrapper img {-webkit-clip-path: inset(0 0 -52.941% 0);clip-path: inset(0 0 -52.941% 0);}#imHeader_imCell_93 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_93 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_93 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_93 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectButton_94_wrapper { display: none; } #imHeader_imCell_94 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_94 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectButton_94 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_94 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectButton_94_button { margin: 0px; } #imHeader_imObjectButton_95_wrapper { display: none; } #imHeader_imCell_95 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_95 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectButton_95 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_95 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectButton_95_button { margin: 0px; } } @media (max-width: 1199.9px) and (min-width: 720.0px) { #imHeader_imObjectImage_63_wrapper { display: none; } #imHeader_imObjectImage_63_wrapper img {-webkit-clip-path: inset(0 0 -51.754% 0);clip-path: inset(0 0 -51.754% 0);}#imHeader_imCell_63 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_63 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_63 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_63 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectImage_07_wrapper { display: none; } #imHeader_imObjectImage_07_wrapper img {-webkit-clip-path: inset(0 0 -5.556% 0);clip-path: inset(0 0 -5.556% 0);}#imHeader_imCell_7 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_7 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_07 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_7 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectButton_45_wrapper { display: none; } #imHeader_imCell_45 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_45 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectButton_45 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_45 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectButton_45_button { margin: 0px; } #imHeader_imObjectButton_51_wrapper { display: none; } #imHeader_imCell_51 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_51 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectButton_51 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_51 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectButton_51_button { margin: 0px; } #imHeader_imObjectButton_52_wrapper { display: none; } #imHeader_imCell_52 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_52 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectButton_52 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_52 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectButton_52_button { margin: 0px; } #imHeader_imObjectImage_58_wrapper { display: none; } #imHeader_imObjectImage_58_wrapper img {-webkit-clip-path: inset(0 0 -17.021% 0);clip-path: inset(0 0 -17.021% 0);}#imHeader_imCell_58 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_58 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_58 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_58 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectImage_61_wrapper { position: absolute; top: 2px; inset-inline-start: 2px; width: 112px; height: 75px; text-align: center; z-index: 1007; overflow: hidden; } #imHeader_imObjectImage_61_wrapper img {-webkit-clip-path: inset(0 0 -2.74% 0);clip-path: inset(0 0 -2.74% 0);}#imHeader_imCell_61 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_61 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_61 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_61 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectImage_62_wrapper { display: none; } #imHeader_imObjectImage_62_wrapper img {-webkit-clip-path: inset(0 0 1.724% 0);clip-path: inset(0 0 1.724% 0);}#imHeader_imCell_62 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_62 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_62 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_62 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imMenuObject_84_wrapper { position: absolute; top: 17px; inset-inline-start: 670px; width: 48px; height: 49px; text-align: center; z-index: 1010; } #imHeader_imCell_84 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_84 { grid-template-rows: [row-content] auto ; } #imHeader_imMenuObject_84 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_84 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } /* Main menu background */ #imHeader_imMenuObject_84_container { border: solid; border-block-color: transparent transparent; border-inline-color: transparent transparent; border-width: 0px; border-radius: 0px; width: 100%; box-sizing: border-box; background-color: transparent; padding: 0px; display: inline-table;} #imHeader_imMenuObject_84_container > ul:after {content: '';display: table;clear: both; } /* Main menu button size and position */ #imHeader_imMenuObject_84_container > ul > li {position: relative;margin-inline-start: 0px; margin-top: 0px; display: inline-block; vertical-align: top; } #imHeader_imMenuObject_84_container > ul > li > .label-wrapper, #imHeader_imMenuObject_84_container > ul > li > div > .label-wrapper { display: block; overflow: hidden; width: 193px; height: 47px; padding-block: 0px; padding-inline: 1px; border-width: 0px; border-radius: 0px; } #imHeader_imMenuObject_84_container > ul > li > .label-wrapper:has(:focus-visible), #imHeader_imMenuObject_84_container > ul > li > div > .label-wrapper:has(:focus-visible) { overflow: visible; } #imHeader_imMenuObject_84 .hamburger-button {cursor: pointer; width: 47px; height: 47px; display: inline-block; vertical-align: top; padding: 0; box-sizing: content-box; border-width: 0px; border-radius: 0px; } #imHeader_imMenuObject_84 .hamburger-bar { margin: 5px auto; width: 65%; height: 5px; background-color: rgba(31, 112, 174, 1); display: block; } #imHeader_imMenuObject_84 .label-inner-wrapper, #imHeader_imMenuObject_84 .hamburger-button > div { display: table; width: 100%; height: 100%; position: relative; z-index: 1; } #imHeader_imMenuObject_84_container > ul > li .label, #imHeader_imMenuObject_84 .hamburger-button > div > div { display: table-cell; vertical-align: middle; } /* Main menu default button style */ #imHeader_imMenuObject_84_container > ul > li > .label-wrapper {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84_container > ul > li > .label-wrapper .label, #imHeader_imMenuObject_84_container > ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(31, 112, 174, 1);font-weight: bold;} /* Hamburger button style */ #imHeader_imMenuObject_84 .hamburger-button {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84 .hamburger-button .label, #imHeader_imMenuObject_84 .hamburger-button button {width: 100%;height: 100%;font-family: Arial;font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(31, 112, 174, 1);font-weight: normal;} /* Main menu current button style */ #imHeader_imMenuObject_84_container > ul > .imMnMnCurrent > .label-wrapper {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84_container > ul > .imMnMnCurrent > .label-wrapper .label, #imHeader_imMenuObject_84_container > ul > .imMnMnCurrent > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 152, 70, 1);font-weight: bold;} /* Main menu hover button style */ #imHeader_imMenuObject_84_container > ul > li.imPage > .label-wrapper.label-wrapper-over {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84_container > ul > li.imPage > .label-wrapper.label-wrapper-over .label, #imHeader_imMenuObject_84_container > ul > li.imPage > .label-wrapper.label-wrapper-over button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 152, 70, 1);font-weight: bold;} #imHeader_imMenuObject_84_container > ul > li.imPage > .label-wrapper.label-wrapper-over { position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; transition: opacity 0.5s;}#imHeader_imMenuObject_84_container > ul > li.imPage > .label-wrapper.label-wrapper-over.animated {z-index: 1; opacity: 1;}#imHeader_imMenuObject_84_container > ul > li.imLevel > .label-wrapper.label-wrapper-over {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84_container > ul > li.imLevel > .label-wrapper.label-wrapper-over .label, #imHeader_imMenuObject_84_container > ul > li.imLevel > .label-wrapper.label-wrapper-over button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 152, 70, 1);font-weight: bold;} #imHeader_imMenuObject_84_container > ul > li.imLevel > .label-wrapper.label-wrapper-over { position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; transition: opacity 0.5s;}#imHeader_imMenuObject_84_container > ul > li.imLevel > .label-wrapper.label-wrapper-over.animated {z-index: 1; opacity: 1;}/* Main menu separator button style */ #imHeader_imMenuObject_84_container > ul > .imMnMnSeparator > .label-wrapper {background-color: rgba(255, 255, 255, 1);background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84_container > ul > .imMnMnSeparator > .label-wrapper .label, #imHeader_imMenuObject_84_container > ul > .imMnMnSeparator > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 0, 0, 1);font-weight: bold;} #imHeader_imMenuObject_84 .imLevel { cursor: default; } #imHeader_imMenuObject_84-menu-opened .imLevel { cursor: default; } #imHeader_imMenuObject_84 { text-align: center; } #imHeader_imMenuObject_84 .hidden { display: none; } #imHeader_imMenuObject_84-menu-opened { overflow: visible; z-index: 10402; } #imHeader_imMenuObject_84-menu-opened ul ul { display: none; } #imHeader_imMenuObject_84-menu-opened li > div { display: none; } #imHeader_imMenuObject_84-menu-opened #imHeader_imMenuObject_84_container-menu-opened div > ul { display: block; } #imHeader_imMenuObject_84-menu-opened #imHeader_imMenuObject_84_container-menu-opened > ul { position: absolute; inset-inline-end: 0px; inset-inline-start: auto; top: 40px; background-color: rgba(255, 255, 255, 1); overflow-x: hidden; overflow-y: auto; height: calc(100% - 40px); width: 100%; } #imHeader_imMenuObject_84-menu-opened .hamburger-menu-close-button { display: block; font-family: Arial; font-size: 30px; text-align: end; padding-block: 5px; padding-inline: 10px; color: rgba(31, 112, 174, 1); } #imHeader_imMenuObject_84-menu-opened .hamburger-menu-close-button span { cursor: pointer; } #imHeader_imMenuObject_84-menu-opened { position:fixed; top: 0; bottom: 0; inset-inline-end: 0px; width: 310px; border: solid; border-block-color: transparent transparent; border-inline-color: transparent transparent; border-width: 0px; border-radius: 0px; ; } #imPageExtContainer:after{ position: fixed; top: 0; inset-inline-end: 0px; width: 0; height: 0; content: ''; opacity: 0; transition: opacity 1000ms; z-index: 10401;} .menu-imHeader_imMenuObject_84-opened #imPageExtContainer:after{ width: 100%; height: 100%; background-color: rgba(255, 255, 255, 1); opacity: 0.6;} .menu-imHeader_imMenuObject_84-towards-closing #imPageExtContainer:after { width: 100%; height: 100%; background-color: transparent; opacity: 0.6; transition: background-color 1000ms linear, opacity;} #imHeader_imMenuObject_84 .hidden { display: none; } /* Responsive menu button size and position */ #imHeader_imMenuObject_84-menu-opened li {position: relative;margin-bottom: 5px; display: inline-block; vertical-align: top; } #imHeader_imMenuObject_84-menu-opened li:last-child {margin-bottom: 0px; } #imHeader_imMenuObject_84-menu-opened .label-wrapper { display: block; overflow: hidden; position: relative; width: 292px; height: 71px; padding-block: 0px; padding-inline: 9px; } #imHeader_imMenuObject_84-menu-opened .label-inner-wrapper { display: table; width: 100%; height: 100%; z-index: 1; position: relative; } #imHeader_imMenuObject_84-menu-opened .label { display: table-cell; vertical-align: middle; } #imHeader_imMenuObject_84-menu-opened .hamburger-menu-background { position: absolute;display: block;top: 0;bottom: 0;width: 310px;inset-inline-end: 0px; inset-inline-start: auto; background-color: rgba(255, 255, 255, 1);transition: left 500ms, right 500ms, opacity 500ms;} /* Responsive menu default button style */ #imHeader_imMenuObject_84-menu-opened ul > li > .label-wrapper {background-color: transparent;background-image: none;} #imHeader_imMenuObject_84-menu-opened ul > li > .label-wrapper .label, #imHeader_imMenuObject_84-menu-opened ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} #imHeader_imMenuObject_84-menu-opened ul ul > li > .label-wrapper {background-color: transparent;background-image: none;} #imHeader_imMenuObject_84-menu-opened ul ul > li > .label-wrapper .label, #imHeader_imMenuObject_84-menu-opened ul ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} #imHeader_imMenuObject_84-menu-opened ul ul ul > li > .label-wrapper {background-color: transparent;background-image: none;} #imHeader_imMenuObject_84-menu-opened ul ul ul > li > .label-wrapper .label, #imHeader_imMenuObject_84-menu-opened ul ul ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} #imHeader_imMenuObject_84-menu-opened ul ul ul ul > li > .label-wrapper {background-color: transparent;background-image: none;} #imHeader_imMenuObject_84-menu-opened ul ul ul ul > li > .label-wrapper .label, #imHeader_imMenuObject_84-menu-opened ul ul ul ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} /* Responsive menu hover button style */ #imHeader_imMenuObject_84-menu-opened ul > li:hover:not(.imMnMnSeparator) > .label-wrapper {background-color: transparent;background-image: none;} #imHeader_imMenuObject_84-menu-opened ul > li:hover:not(.imMnMnSeparator) > .label-wrapper .label, #imHeader_imMenuObject_84-menu-opened ul > li:hover:not(.imMnMnSeparator) > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(0, 189, 102, 1);font-weight: bold;} /* Responsive menu current button style */ #imHeader_imMenuObject_84-menu-opened #imHeader_imMenuObject_84_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper {background-color: transparent;background-image: none;} #imHeader_imMenuObject_84-menu-opened #imHeader_imMenuObject_84_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper .label, #imHeader_imMenuObject_84-menu-opened #imHeader_imMenuObject_84_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(0, 189, 102, 1);font-weight: bold;} #imHeader_imMenuObject_84-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper {background-color: transparent;background-image: none;} #imHeader_imMenuObject_84-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper .label, #imHeader_imMenuObject_84-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(0, 189, 102, 1);font-weight: bold;} /* Responsive menu separator button style */ #imHeader_imMenuObject_84-menu-opened ul > .imMnMnSeparator > .label-wrapper {background-color: transparent;background-image: none;} #imHeader_imMenuObject_84-menu-opened ul > .imMnMnSeparator > .label-wrapper .label, #imHeader_imMenuObject_84-menu-opened ul > .imMnMnSeparator > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} /* Responsive menu separation line style */ #imHeader_imMenuObject_84-menu-opened ul li::after {display: block; position: relative; height: 0; content: ''; width: 100%; inset-inline-start: 0%; border-block-width: 1px 0px; border-inline-width: 0px; border-color: rgba(8, 156, 68, 1); border-style: solid; } #imHeader_imMenuObject_84-menu-opened { transform: translate3d(310px, 0 ,0); transition: transform 1000ms;} #imHeader_imMenuObject_84-menu-opened.animated { transform: translate3d(0, 0, 0);} #imHeader_pluginAppObj_85_wrapper { display: none; } #imHeader_imCell_85 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_85 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_85 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_85 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectImage_86_wrapper { position: absolute; top: 27px; inset-inline-start: 615px; width: 24px; height: 31px; text-align: center; z-index: 1012; overflow: hidden; } #imHeader_imObjectImage_86_wrapper img {-webkit-clip-path: inset(0 0 -29.167% 0);clip-path: inset(0 0 -29.167% 0);}#imHeader_imCell_86 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_86 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_86 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_86 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_pluginAppObj_87_wrapper { position: absolute; top: 13px; inset-inline-start: 123px; width: 228px; height: 47px; text-align: center; z-index: 1013; } #imHeader_imCell_87 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_87 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_87 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_87 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_pluginAppObj_88_wrapper { position: absolute; top: 17px; inset-inline-start: 517px; width: 43px; height: 39px; text-align: center; z-index: 1014; } #imHeader_imCell_88 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_88 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_88 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_88 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_pluginAppObj_89_wrapper { position: absolute; top: 17px; inset-inline-start: 457px; width: 43px; height: 39px; text-align: center; z-index: 1015; } #imHeader_imCell_89 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_89 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_89 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_89 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_pluginAppObj_90_wrapper { display: none; } #imHeader_imCell_90 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_90 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_90 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_90 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_pluginAppObj_91_wrapper { display: none; } #imHeader_imCell_91 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_91 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_91 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_91 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_pluginAppObj_92_wrapper { display: none; } #imHeader_imCell_92 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_92 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_92 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_92 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectImage_93_wrapper { display: none; } #imHeader_imObjectImage_93_wrapper img {-webkit-clip-path: inset(0 0 -52.941% 0);clip-path: inset(0 0 -52.941% 0);}#imHeader_imCell_93 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_93 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_93 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_93 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectButton_94_wrapper { display: none; } #imHeader_imCell_94 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_94 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectButton_94 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_94 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectButton_94_button { margin: 0px; } #imHeader_imObjectButton_95_wrapper { display: none; } #imHeader_imCell_95 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_95 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectButton_95 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_95 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectButton_95_button { margin: 0px; } } @media (max-width: 719.9px) and (min-width: 480.0px) { #imHeader_imObjectImage_63_wrapper { display: none; } #imHeader_imObjectImage_63_wrapper img {-webkit-clip-path: inset(0 0 -52.586% 0);clip-path: inset(0 0 -52.586% 0);}#imHeader_imCell_63 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_63 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_63 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_63 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectImage_07_wrapper { display: none; } #imHeader_imObjectImage_07_wrapper img {-webkit-clip-path: inset(0 0 -7.273% 0);clip-path: inset(0 0 -7.273% 0);}#imHeader_imCell_7 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_7 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_07 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_7 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectButton_45_wrapper { display: none; } #imHeader_imCell_45 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_45 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectButton_45 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_45 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectButton_45_button { margin: 0px; } #imHeader_imObjectButton_51_wrapper { display: none; } #imHeader_imCell_51 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_51 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectButton_51 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_51 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectButton_51_button { margin: 0px; } #imHeader_imObjectButton_52_wrapper { display: none; } #imHeader_imCell_52 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_52 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectButton_52 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_52 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectButton_52_button { margin: 0px; } #imHeader_imObjectImage_58_wrapper { display: none; } #imHeader_imObjectImage_58_wrapper img {-webkit-clip-path: inset(0 0 -47.297% 0);clip-path: inset(0 0 -47.297% 0);}#imHeader_imCell_58 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_58 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_58 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_58 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectImage_61_wrapper { display: none; } #imHeader_imObjectImage_61_wrapper img {-webkit-clip-path: inset(0 0 -1.724% 0);clip-path: inset(0 0 -1.724% 0);}#imHeader_imCell_61 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_61 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_61 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_61 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectImage_62_wrapper { position: absolute; top: 46px; inset-inline-start: 3px; width: 95px; height: 65px; text-align: center; z-index: 1010; overflow: hidden; } #imHeader_imObjectImage_62_wrapper img {-webkit-clip-path: inset(0 0 -4.839% 0);clip-path: inset(0 0 -4.839% 0);}#imHeader_imCell_62 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_62 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_62 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_62 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imMenuObject_84_wrapper { position: absolute; top: 62px; inset-inline-start: 422px; width: 48px; height: 46px; text-align: center; z-index: 1012; } #imHeader_imCell_84 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_84 { grid-template-rows: [row-content] auto ; } #imHeader_imMenuObject_84 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_84 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } /* Main menu background */ #imHeader_imMenuObject_84_container { border: solid; border-block-color: transparent transparent; border-inline-color: transparent transparent; border-width: 0px; border-radius: 0px; width: 100%; box-sizing: border-box; background-color: transparent; padding: 0px; display: inline-table;} #imHeader_imMenuObject_84_container > ul:after {content: '';display: table;clear: both; } /* Main menu button size and position */ #imHeader_imMenuObject_84_container > ul > li {position: relative;margin-inline-start: 0px; margin-top: 0px; display: inline-block; vertical-align: top; } #imHeader_imMenuObject_84_container > ul > li > .label-wrapper, #imHeader_imMenuObject_84_container > ul > li > div > .label-wrapper { display: block; overflow: hidden; width: 193px; height: 47px; padding-block: 0px; padding-inline: 1px; border-width: 0px; border-radius: 0px; } #imHeader_imMenuObject_84_container > ul > li > .label-wrapper:has(:focus-visible), #imHeader_imMenuObject_84_container > ul > li > div > .label-wrapper:has(:focus-visible) { overflow: visible; } #imHeader_imMenuObject_84 .hamburger-button {cursor: pointer; width: 47px; height: 47px; display: inline-block; vertical-align: top; padding: 0; box-sizing: content-box; border-width: 0px; border-radius: 0px; } #imHeader_imMenuObject_84 .hamburger-bar { margin: 5px auto; width: 65%; height: 5px; background-color: rgba(31, 112, 174, 1); display: block; } #imHeader_imMenuObject_84 .label-inner-wrapper, #imHeader_imMenuObject_84 .hamburger-button > div { display: table; width: 100%; height: 100%; position: relative; z-index: 1; } #imHeader_imMenuObject_84_container > ul > li .label, #imHeader_imMenuObject_84 .hamburger-button > div > div { display: table-cell; vertical-align: middle; } /* Main menu default button style */ #imHeader_imMenuObject_84_container > ul > li > .label-wrapper {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84_container > ul > li > .label-wrapper .label, #imHeader_imMenuObject_84_container > ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(31, 112, 174, 1);font-weight: bold;} /* Hamburger button style */ #imHeader_imMenuObject_84 .hamburger-button {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84 .hamburger-button .label, #imHeader_imMenuObject_84 .hamburger-button button {width: 100%;height: 100%;font-family: Arial;font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(31, 112, 174, 1);font-weight: normal;} /* Main menu current button style */ #imHeader_imMenuObject_84_container > ul > .imMnMnCurrent > .label-wrapper {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84_container > ul > .imMnMnCurrent > .label-wrapper .label, #imHeader_imMenuObject_84_container > ul > .imMnMnCurrent > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 152, 70, 1);font-weight: bold;} /* Main menu hover button style */ #imHeader_imMenuObject_84_container > ul > li.imPage > .label-wrapper.label-wrapper-over {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84_container > ul > li.imPage > .label-wrapper.label-wrapper-over .label, #imHeader_imMenuObject_84_container > ul > li.imPage > .label-wrapper.label-wrapper-over button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 152, 70, 1);font-weight: bold;} #imHeader_imMenuObject_84_container > ul > li.imPage > .label-wrapper.label-wrapper-over { position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; transition: opacity 0.5s;}#imHeader_imMenuObject_84_container > ul > li.imPage > .label-wrapper.label-wrapper-over.animated {z-index: 1; opacity: 1;}#imHeader_imMenuObject_84_container > ul > li.imLevel > .label-wrapper.label-wrapper-over {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84_container > ul > li.imLevel > .label-wrapper.label-wrapper-over .label, #imHeader_imMenuObject_84_container > ul > li.imLevel > .label-wrapper.label-wrapper-over button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 152, 70, 1);font-weight: bold;} #imHeader_imMenuObject_84_container > ul > li.imLevel > .label-wrapper.label-wrapper-over { position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; transition: opacity 0.5s;}#imHeader_imMenuObject_84_container > ul > li.imLevel > .label-wrapper.label-wrapper-over.animated {z-index: 1; opacity: 1;}/* Main menu separator button style */ #imHeader_imMenuObject_84_container > ul > .imMnMnSeparator > .label-wrapper {background-color: rgba(255, 255, 255, 1);background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84_container > ul > .imMnMnSeparator > .label-wrapper .label, #imHeader_imMenuObject_84_container > ul > .imMnMnSeparator > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 0, 0, 1);font-weight: bold;} #imHeader_imMenuObject_84 .imLevel { cursor: default; } #imHeader_imMenuObject_84-menu-opened .imLevel { cursor: default; } #imHeader_imMenuObject_84 { text-align: center; } #imHeader_imMenuObject_84 .hidden { display: none; } #imHeader_imMenuObject_84-menu-opened { overflow: visible; z-index: 10402; } #imHeader_imMenuObject_84-menu-opened ul ul { display: none; } #imHeader_imMenuObject_84-menu-opened li > div { display: none; } #imHeader_imMenuObject_84-menu-opened #imHeader_imMenuObject_84_container-menu-opened div > ul { display: block; } #imHeader_imMenuObject_84-menu-opened #imHeader_imMenuObject_84_container-menu-opened > ul { position: absolute; inset-inline-end: 0px; inset-inline-start: auto; top: 40px; background-color: rgba(255, 255, 255, 1); overflow-x: hidden; overflow-y: auto; height: calc(100% - 40px); width: 100%; } #imHeader_imMenuObject_84-menu-opened .hamburger-menu-close-button { display: block; font-family: Arial; font-size: 30px; text-align: end; padding-block: 5px; padding-inline: 10px; color: rgba(31, 112, 174, 1); } #imHeader_imMenuObject_84-menu-opened .hamburger-menu-close-button span { cursor: pointer; } #imHeader_imMenuObject_84-menu-opened { position:fixed; top: 0; bottom: 0; inset-inline-end: 0px; width: 310px; border: solid; border-block-color: transparent transparent; border-inline-color: transparent transparent; border-width: 0px; border-radius: 0px; ; } #imPageExtContainer:after{ position: fixed; top: 0; inset-inline-end: 0px; width: 0; height: 0; content: ''; opacity: 0; transition: opacity 1000ms; z-index: 10401;} .menu-imHeader_imMenuObject_84-opened #imPageExtContainer:after{ width: 100%; height: 100%; background-color: rgba(255, 255, 255, 1); opacity: 0.6;} .menu-imHeader_imMenuObject_84-towards-closing #imPageExtContainer:after { width: 100%; height: 100%; background-color: transparent; opacity: 0.6; transition: background-color 1000ms linear, opacity;} #imHeader_imMenuObject_84 .hidden { display: none; } /* Responsive menu button size and position */ #imHeader_imMenuObject_84-menu-opened li {position: relative;margin-bottom: 5px; display: inline-block; vertical-align: top; } #imHeader_imMenuObject_84-menu-opened li:last-child {margin-bottom: 0px; } #imHeader_imMenuObject_84-menu-opened .label-wrapper { display: block; overflow: hidden; position: relative; width: 292px; height: 71px; padding-block: 0px; padding-inline: 9px; } #imHeader_imMenuObject_84-menu-opened .label-inner-wrapper { display: table; width: 100%; height: 100%; z-index: 1; position: relative; } #imHeader_imMenuObject_84-menu-opened .label { display: table-cell; vertical-align: middle; } #imHeader_imMenuObject_84-menu-opened .hamburger-menu-background { position: absolute;display: block;top: 0;bottom: 0;width: 310px;inset-inline-end: 0px; inset-inline-start: auto; background-color: rgba(255, 255, 255, 1);transition: left 500ms, right 500ms, opacity 500ms;} /* Responsive menu default button style */ #imHeader_imMenuObject_84-menu-opened ul > li > .label-wrapper {background-color: transparent;background-image: none;} #imHeader_imMenuObject_84-menu-opened ul > li > .label-wrapper .label, #imHeader_imMenuObject_84-menu-opened ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} #imHeader_imMenuObject_84-menu-opened ul ul > li > .label-wrapper {background-color: transparent;background-image: none;} #imHeader_imMenuObject_84-menu-opened ul ul > li > .label-wrapper .label, #imHeader_imMenuObject_84-menu-opened ul ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} #imHeader_imMenuObject_84-menu-opened ul ul ul > li > .label-wrapper {background-color: transparent;background-image: none;} #imHeader_imMenuObject_84-menu-opened ul ul ul > li > .label-wrapper .label, #imHeader_imMenuObject_84-menu-opened ul ul ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} #imHeader_imMenuObject_84-menu-opened ul ul ul ul > li > .label-wrapper {background-color: transparent;background-image: none;} #imHeader_imMenuObject_84-menu-opened ul ul ul ul > li > .label-wrapper .label, #imHeader_imMenuObject_84-menu-opened ul ul ul ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} /* Responsive menu hover button style */ #imHeader_imMenuObject_84-menu-opened ul > li:hover:not(.imMnMnSeparator) > .label-wrapper {background-color: transparent;background-image: none;} #imHeader_imMenuObject_84-menu-opened ul > li:hover:not(.imMnMnSeparator) > .label-wrapper .label, #imHeader_imMenuObject_84-menu-opened ul > li:hover:not(.imMnMnSeparator) > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(0, 189, 102, 1);font-weight: bold;} /* Responsive menu current button style */ #imHeader_imMenuObject_84-menu-opened #imHeader_imMenuObject_84_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper {background-color: transparent;background-image: none;} #imHeader_imMenuObject_84-menu-opened #imHeader_imMenuObject_84_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper .label, #imHeader_imMenuObject_84-menu-opened #imHeader_imMenuObject_84_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(0, 189, 102, 1);font-weight: bold;} #imHeader_imMenuObject_84-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper {background-color: transparent;background-image: none;} #imHeader_imMenuObject_84-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper .label, #imHeader_imMenuObject_84-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(0, 189, 102, 1);font-weight: bold;} /* Responsive menu separator button style */ #imHeader_imMenuObject_84-menu-opened ul > .imMnMnSeparator > .label-wrapper {background-color: transparent;background-image: none;} #imHeader_imMenuObject_84-menu-opened ul > .imMnMnSeparator > .label-wrapper .label, #imHeader_imMenuObject_84-menu-opened ul > .imMnMnSeparator > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} /* Responsive menu separation line style */ #imHeader_imMenuObject_84-menu-opened ul li::after {display: block; position: relative; height: 0; content: ''; width: 100%; inset-inline-start: 0%; border-block-width: 1px 0px; border-inline-width: 0px; border-color: rgba(8, 156, 68, 1); border-style: solid; } #imHeader_imMenuObject_84-menu-opened { transform: translate3d(310px, 0 ,0); transition: transform 1000ms;} #imHeader_imMenuObject_84-menu-opened.animated { transform: translate3d(0, 0, 0);} #imHeader_pluginAppObj_85_wrapper { display: none; } #imHeader_imCell_85 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_85 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_85 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_85 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectImage_86_wrapper { display: none; } #imHeader_imObjectImage_86_wrapper img {-webkit-clip-path: inset(0 0 -29.167% 0);clip-path: inset(0 0 -29.167% 0);}#imHeader_imCell_86 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_86 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_86 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_86 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_pluginAppObj_87_wrapper { display: none; } #imHeader_imCell_87 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_87 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_87 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_87 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_pluginAppObj_88_wrapper { display: none; } #imHeader_imCell_88 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_88 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_88 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_88 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_pluginAppObj_89_wrapper { display: none; } #imHeader_imCell_89 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_89 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_89 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_89 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_pluginAppObj_90_wrapper { position: absolute; top: 4px; inset-inline-start: 4px; width: 142px; height: 40px; text-align: center; z-index: 1002; } #imHeader_imCell_90 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_90 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_90 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_90 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_pluginAppObj_91_wrapper { position: absolute; top: 16px; inset-inline-start: 381px; width: 43px; height: 38px; text-align: center; z-index: 1017; } #imHeader_imCell_91 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_91 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_91 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_91 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_pluginAppObj_92_wrapper { position: absolute; top: 16px; inset-inline-start: 337px; width: 43px; height: 39px; text-align: center; z-index: 1018; } #imHeader_imCell_92 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_92 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_92 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_92 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectImage_93_wrapper { position: absolute; top: 20px; inset-inline-start: 453px; width: 17px; height: 26px; text-align: center; z-index: 1019; overflow: hidden; } #imHeader_imObjectImage_93_wrapper img {-webkit-clip-path: inset(0 0 -52.941% 0);clip-path: inset(0 0 -52.941% 0);}#imHeader_imCell_93 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_93 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_93 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_93 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectButton_94_wrapper { position: absolute; top: 65px; inset-inline-start: 109px; width: 297px; height: 39px; text-align: center; z-index: 1020; } #imHeader_imCell_94 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_94 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectButton_94 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_94 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectButton_94_button { margin: 0px; } #imHeader_imObjectButton_95_wrapper { display: none; } #imHeader_imCell_95 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_95 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectButton_95 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleBorders_95 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imHeader_imObjectButton_95_button { margin: 0px; } } @media (max-width: 479.9px) { #imHeader_imObjectImage_63_wrapper { position: absolute; top: 53px; inset-inline-start: 0px; width: 84px; height: 58px; text-align: center; z-index: 1002; overflow: hidden; } #imHeader_imObjectImage_63_wrapper img {-webkit-clip-path: inset(0 0 -7.407% 0);clip-path: inset(0 0 -7.407% 0);}#imHeader_imCell_63 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_63 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_63 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleGraphics_63 { box-sizing: border-box; } #imHeader_imObjectImage_07_wrapper { display: none; } #imHeader_imObjectImage_07_wrapper img {-webkit-clip-path: inset(0 0 50.476% 0);clip-path: inset(0 0 50.476% 0);}#imHeader_imCell_7 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_7 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_07 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleGraphics_7 { box-sizing: border-box; } #imHeader_imObjectButton_45_wrapper { display: none; } #imHeader_imCell_45 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_45 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectButton_45 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleGraphics_45 { box-sizing: border-box; } #imHeader_imObjectButton_45_button { margin: 0px; } #imHeader_imObjectButton_51_wrapper { display: none; } #imHeader_imCell_51 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_51 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectButton_51 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleGraphics_51 { box-sizing: border-box; } #imHeader_imObjectButton_51_button { margin: 0px; } #imHeader_imObjectButton_52_wrapper { display: none; } #imHeader_imCell_52 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_52 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectButton_52 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleGraphics_52 { box-sizing: border-box; } #imHeader_imObjectButton_52_button { margin: 0px; } #imHeader_imObjectImage_58_wrapper { display: none; } #imHeader_imObjectImage_58_wrapper img {-webkit-clip-path: inset(0 0 -25.532% 0);clip-path: inset(0 0 -25.532% 0);}#imHeader_imCell_58 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_58 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_58 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleGraphics_58 { box-sizing: border-box; } #imHeader_imObjectImage_61_wrapper { display: none; } #imHeader_imObjectImage_61_wrapper img {-webkit-clip-path: inset(0 0 53.153% 0);clip-path: inset(0 0 53.153% 0);}#imHeader_imCell_61 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_61 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_61 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleGraphics_61 { box-sizing: border-box; } #imHeader_imObjectImage_62_wrapper { display: none; } #imHeader_imObjectImage_62_wrapper img {-webkit-clip-path: inset(0 0 53.982% 0);clip-path: inset(0 0 53.982% 0);}#imHeader_imCell_62 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_62 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_62 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleGraphics_62 { box-sizing: border-box; } #imHeader_imMenuObject_84_wrapper { position: absolute; top: 63px; inset-inline-start: 275px; width: 42px; height: 46px; text-align: center; z-index: 1010; } #imHeader_imCell_84 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_84 { grid-template-rows: [row-content] auto ; } #imHeader_imMenuObject_84 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleGraphics_84 { box-sizing: border-box; } /* Main menu background */ #imHeader_imMenuObject_84_container { border: solid; border-block-color: transparent transparent; border-inline-color: transparent transparent; border-width: 0px; border-radius: 0px; width: 100%; box-sizing: border-box; background-color: transparent; padding: 0px; display: inline-table;} #imHeader_imMenuObject_84_container > ul:after {content: '';display: table;clear: both; } /* Main menu button size and position */ #imHeader_imMenuObject_84_container > ul > li {position: relative;margin-inline-start: 0px; margin-top: 0px; display: inline-block; vertical-align: top; } #imHeader_imMenuObject_84_container > ul > li > .label-wrapper, #imHeader_imMenuObject_84_container > ul > li > div > .label-wrapper { display: block; overflow: hidden; width: 193px; height: 47px; padding-block: 0px; padding-inline: 1px; border-width: 0px; border-radius: 0px; } #imHeader_imMenuObject_84_container > ul > li > .label-wrapper:has(:focus-visible), #imHeader_imMenuObject_84_container > ul > li > div > .label-wrapper:has(:focus-visible) { overflow: visible; } #imHeader_imMenuObject_84 .hamburger-button {cursor: pointer; width: 47px; height: 47px; display: inline-block; vertical-align: top; padding: 0; box-sizing: content-box; border-width: 0px; border-radius: 0px; } #imHeader_imMenuObject_84 .hamburger-bar { margin: 5px auto; width: 65%; height: 5px; background-color: rgba(31, 112, 174, 1); display: block; } #imHeader_imMenuObject_84 .label-inner-wrapper, #imHeader_imMenuObject_84 .hamburger-button > div { display: table; width: 100%; height: 100%; position: relative; z-index: 1; } #imHeader_imMenuObject_84_container > ul > li .label, #imHeader_imMenuObject_84 .hamburger-button > div > div { display: table-cell; vertical-align: middle; } /* Main menu default button style */ #imHeader_imMenuObject_84_container > ul > li > .label-wrapper {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84_container > ul > li > .label-wrapper .label, #imHeader_imMenuObject_84_container > ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(31, 112, 174, 1);font-weight: bold;} /* Hamburger button style */ #imHeader_imMenuObject_84 .hamburger-button {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84 .hamburger-button .label, #imHeader_imMenuObject_84 .hamburger-button button {width: 100%;height: 100%;font-family: Arial;font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(31, 112, 174, 1);font-weight: normal;} /* Main menu current button style */ #imHeader_imMenuObject_84_container > ul > .imMnMnCurrent > .label-wrapper {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84_container > ul > .imMnMnCurrent > .label-wrapper .label, #imHeader_imMenuObject_84_container > ul > .imMnMnCurrent > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 152, 70, 1);font-weight: bold;} /* Main menu hover button style */ #imHeader_imMenuObject_84_container > ul > li.imPage > .label-wrapper.label-wrapper-over {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84_container > ul > li.imPage > .label-wrapper.label-wrapper-over .label, #imHeader_imMenuObject_84_container > ul > li.imPage > .label-wrapper.label-wrapper-over button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 152, 70, 1);font-weight: bold;} #imHeader_imMenuObject_84_container > ul > li.imPage > .label-wrapper.label-wrapper-over { position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; transition: opacity 0.5s;}#imHeader_imMenuObject_84_container > ul > li.imPage > .label-wrapper.label-wrapper-over.animated {z-index: 1; opacity: 1;}#imHeader_imMenuObject_84_container > ul > li.imLevel > .label-wrapper.label-wrapper-over {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84_container > ul > li.imLevel > .label-wrapper.label-wrapper-over .label, #imHeader_imMenuObject_84_container > ul > li.imLevel > .label-wrapper.label-wrapper-over button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 152, 70, 1);font-weight: bold;} #imHeader_imMenuObject_84_container > ul > li.imLevel > .label-wrapper.label-wrapper-over { position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; transition: opacity 0.5s;}#imHeader_imMenuObject_84_container > ul > li.imLevel > .label-wrapper.label-wrapper-over.animated {z-index: 1; opacity: 1;}/* Main menu separator button style */ #imHeader_imMenuObject_84_container > ul > .imMnMnSeparator > .label-wrapper {background-color: rgba(255, 255, 255, 1);background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imHeader_imMenuObject_84_container > ul > .imMnMnSeparator > .label-wrapper .label, #imHeader_imMenuObject_84_container > ul > .imMnMnSeparator > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 0, 0, 1);font-weight: bold;} #imHeader_imMenuObject_84 .imLevel { cursor: default; } #imHeader_imMenuObject_84-menu-opened .imLevel { cursor: default; } #imHeader_imMenuObject_84 { text-align: center; } #imHeader_imMenuObject_84 .hidden { display: none; } #imHeader_imMenuObject_84-menu-opened { overflow: visible; z-index: 10402; } #imHeader_imMenuObject_84-menu-opened ul ul { display: none; } #imHeader_imMenuObject_84-menu-opened li > div { display: none; } #imHeader_imMenuObject_84-menu-opened #imHeader_imMenuObject_84_container-menu-opened div > ul { display: block; } #imHeader_imMenuObject_84-menu-opened #imHeader_imMenuObject_84_container-menu-opened > ul { position: absolute; inset-inline-end: 0px; inset-inline-start: auto; top: 40px; background-color: rgba(255, 255, 255, 1); overflow-x: hidden; overflow-y: auto; height: calc(100% - 40px); width: 100%; } #imHeader_imMenuObject_84-menu-opened .hamburger-menu-close-button { display: block; font-family: Arial; font-size: 30px; text-align: end; padding-block: 5px; padding-inline: 10px; color: rgba(31, 112, 174, 1); } #imHeader_imMenuObject_84-menu-opened .hamburger-menu-close-button span { cursor: pointer; } #imHeader_imMenuObject_84-menu-opened { position:fixed; top: 0; bottom: 0; inset-inline-end: 0px; width: 310px; border: solid; border-block-color: transparent transparent; border-inline-color: transparent transparent; border-width: 0px; border-radius: 0px; ; } #imPageExtContainer:after{ position: fixed; top: 0; inset-inline-end: 0px; width: 0; height: 0; content: ''; opacity: 0; transition: opacity 1000ms; z-index: 10401;} .menu-imHeader_imMenuObject_84-opened #imPageExtContainer:after{ width: 100%; height: 100%; background-color: rgba(255, 255, 255, 1); opacity: 0.6;} .menu-imHeader_imMenuObject_84-towards-closing #imPageExtContainer:after { width: 100%; height: 100%; background-color: transparent; opacity: 0.6; transition: background-color 1000ms linear, opacity;} #imHeader_imMenuObject_84 .hidden { display: none; } /* Responsive menu button size and position */ #imHeader_imMenuObject_84-menu-opened li {position: relative;margin-bottom: 5px; display: inline-block; vertical-align: top; } #imHeader_imMenuObject_84-menu-opened li:last-child {margin-bottom: 0px; } #imHeader_imMenuObject_84-menu-opened .label-wrapper { display: block; overflow: hidden; position: relative; width: 292px; height: 71px; padding-block: 0px; padding-inline: 9px; } #imHeader_imMenuObject_84-menu-opened .label-inner-wrapper { display: table; width: 100%; height: 100%; z-index: 1; position: relative; } #imHeader_imMenuObject_84-menu-opened .label { display: table-cell; vertical-align: middle; } #imHeader_imMenuObject_84-menu-opened .hamburger-menu-background { position: absolute;display: block;top: 0;bottom: 0;width: 310px;inset-inline-end: 0px; inset-inline-start: auto; background-color: rgba(255, 255, 255, 1);transition: left 500ms, right 500ms, opacity 500ms;} /* Responsive menu default button style */ #imHeader_imMenuObject_84-menu-opened ul > li > .label-wrapper {background-color: transparent;background-image: none;} #imHeader_imMenuObject_84-menu-opened ul > li > .label-wrapper .label, #imHeader_imMenuObject_84-menu-opened ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} #imHeader_imMenuObject_84-menu-opened ul ul > li > .label-wrapper {background-color: transparent;background-image: none;} #imHeader_imMenuObject_84-menu-opened ul ul > li > .label-wrapper .label, #imHeader_imMenuObject_84-menu-opened ul ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} #imHeader_imMenuObject_84-menu-opened ul ul ul > li > .label-wrapper {background-color: transparent;background-image: none;} #imHeader_imMenuObject_84-menu-opened ul ul ul > li > .label-wrapper .label, #imHeader_imMenuObject_84-menu-opened ul ul ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} #imHeader_imMenuObject_84-menu-opened ul ul ul ul > li > .label-wrapper {background-color: transparent;background-image: none;} #imHeader_imMenuObject_84-menu-opened ul ul ul ul > li > .label-wrapper .label, #imHeader_imMenuObject_84-menu-opened ul ul ul ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} /* Responsive menu hover button style */ #imHeader_imMenuObject_84-menu-opened ul > li:hover:not(.imMnMnSeparator) > .label-wrapper {background-color: transparent;background-image: none;} #imHeader_imMenuObject_84-menu-opened ul > li:hover:not(.imMnMnSeparator) > .label-wrapper .label, #imHeader_imMenuObject_84-menu-opened ul > li:hover:not(.imMnMnSeparator) > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(0, 189, 102, 1);font-weight: bold;} /* Responsive menu current button style */ #imHeader_imMenuObject_84-menu-opened #imHeader_imMenuObject_84_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper {background-color: transparent;background-image: none;} #imHeader_imMenuObject_84-menu-opened #imHeader_imMenuObject_84_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper .label, #imHeader_imMenuObject_84-menu-opened #imHeader_imMenuObject_84_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(0, 189, 102, 1);font-weight: bold;} #imHeader_imMenuObject_84-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper {background-color: transparent;background-image: none;} #imHeader_imMenuObject_84-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper .label, #imHeader_imMenuObject_84-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(0, 189, 102, 1);font-weight: bold;} /* Responsive menu separator button style */ #imHeader_imMenuObject_84-menu-opened ul > .imMnMnSeparator > .label-wrapper {background-color: transparent;background-image: none;} #imHeader_imMenuObject_84-menu-opened ul > .imMnMnSeparator > .label-wrapper .label, #imHeader_imMenuObject_84-menu-opened ul > .imMnMnSeparator > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} /* Responsive menu separation line style */ #imHeader_imMenuObject_84-menu-opened ul li::after {display: block; position: relative; height: 0; content: ''; width: 100%; inset-inline-start: 0%; border-block-width: 1px 0px; border-inline-width: 0px; border-color: rgba(8, 156, 68, 1); border-style: solid; } #imHeader_imMenuObject_84-menu-opened { transform: translate3d(310px, 0 ,0); transition: transform 1000ms;} #imHeader_imMenuObject_84-menu-opened.animated { transform: translate3d(0, 0, 0);} #imHeader_pluginAppObj_85_wrapper { display: none; } #imHeader_imCell_85 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_85 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_85 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleGraphics_85 { box-sizing: border-box; } #imHeader_imObjectImage_86_wrapper { display: none; } #imHeader_imObjectImage_86_wrapper img {-webkit-clip-path: inset(0 0 -29.167% 0);clip-path: inset(0 0 -29.167% 0);}#imHeader_imCell_86 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_86 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_86 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleGraphics_86 { box-sizing: border-box; } #imHeader_pluginAppObj_87_wrapper { display: none; } #imHeader_imCell_87 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_87 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_87 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleGraphics_87 { box-sizing: border-box; } #imHeader_pluginAppObj_88_wrapper { display: none; } #imHeader_imCell_88 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_88 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_88 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleGraphics_88 { box-sizing: border-box; } #imHeader_pluginAppObj_89_wrapper { display: none; } #imHeader_imCell_89 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_89 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_89 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleGraphics_89 { box-sizing: border-box; } #imHeader_pluginAppObj_90_wrapper { position: absolute; top: 5px; inset-inline-start: 0px; width: 152px; height: 36px; text-align: center; z-index: 1016; } #imHeader_imCell_90 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_90 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_90 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleGraphics_90 { box-sizing: border-box; } #imHeader_pluginAppObj_91_wrapper { position: absolute; top: 12px; inset-inline-start: 225px; width: 43px; height: 21px; text-align: center; z-index: 1017; } #imHeader_imCell_91 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_91 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_91 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleGraphics_91 { box-sizing: border-box; } #imHeader_pluginAppObj_92_wrapper { position: absolute; top: 12px; inset-inline-start: 183px; width: 43px; height: 21px; text-align: center; z-index: 1018; } #imHeader_imCell_92 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_92 { grid-template-rows: [row-content] auto ; } #imHeader_pluginAppObj_92 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleGraphics_92 { box-sizing: border-box; } #imHeader_imObjectImage_93_wrapper { position: absolute; top: 19px; inset-inline-start: 291px; width: 17px; height: 26px; text-align: center; z-index: 1019; overflow: hidden; } #imHeader_imObjectImage_93_wrapper img {-webkit-clip-path: inset(0 0 -52.941% 0);clip-path: inset(0 0 -52.941% 0);}#imHeader_imCell_93 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_93 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectImage_93 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleGraphics_93 { box-sizing: border-box; } #imHeader_imObjectButton_94_wrapper { display: none; } #imHeader_imCell_94 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_94 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectButton_94 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleGraphics_94 { box-sizing: border-box; } #imHeader_imObjectButton_94_button { margin: 0px; } #imHeader_imObjectButton_95_wrapper { position: absolute; top: 68px; inset-inline-start: 98px; width: 168px; height: 39px; text-align: center; z-index: 1021; } #imHeader_imCell_95 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imHeader_imCell_95 { grid-template-rows: [row-content] auto ; } #imHeader_imObjectButton_95 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imHeader_imCellStyleGraphics_95 { box-sizing: border-box; } #imHeader_imObjectButton_95_button { margin: 0px; } } @media (min-width: 1200.0px) { #imFooter_imHTMLObject_24_wrapper { position: absolute; top: 1364px; inset-inline-start: 1px; width: 1201px; height: 412px; text-align: center; z-index: 1002; overflow: hidden; } #imFooter_imCell_24 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imFooter_imCell_24 { grid-template-rows: [row-content] auto ; } #imFooter_imHTMLObject_24 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imFooter_imCellStyleBorders_24 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imFooter_imHTMLObject_25_wrapper { position: absolute; top: 0px; inset-inline-start: 3px; width: 1197px; height: 1360px; text-align: center; z-index: 1003; overflow: hidden; } #imFooter_imCell_25 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imFooter_imCell_25 { grid-template-rows: [row-content] auto ; } #imFooter_imHTMLObject_25 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imFooter_imCellStyleBorders_25 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imFooter_imHTMLObject_26_wrapper { display: none; } #imFooter_imCell_26 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imFooter_imCell_26 { grid-template-rows: [row-content] auto ; } #imFooter_imHTMLObject_26 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imFooter_imCellStyleBorders_26 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imFooter_imHTMLObject_27_wrapper { display: none; } #imFooter_imCell_27 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imFooter_imCell_27 { grid-template-rows: [row-content] auto ; } #imFooter_imHTMLObject_27 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imFooter_imCellStyleBorders_27 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imFooter_imHTMLObject_28_wrapper { display: none; } #imFooter_imCell_28 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imFooter_imCell_28 { grid-template-rows: [row-content] auto ; } #imFooter_imHTMLObject_28 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imFooter_imCellStyleBorders_28 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } } @media (max-width: 1199.9px) and (min-width: 720.0px) { #imFooter_imHTMLObject_24_wrapper { display: none; } #imFooter_imCell_24 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imFooter_imCell_24 { grid-template-rows: [row-content] auto ; } #imFooter_imHTMLObject_24 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imFooter_imCellStyleBorders_24 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imFooter_imHTMLObject_25_wrapper { display: none; } #imFooter_imCell_25 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imFooter_imCell_25 { grid-template-rows: [row-content] auto ; } #imFooter_imHTMLObject_25 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imFooter_imCellStyleBorders_25 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imFooter_imHTMLObject_26_wrapper { position: absolute; top: 1px; inset-inline-start: 1px; width: 719px; height: 1696px; text-align: center; z-index: 1004; overflow: hidden; } #imFooter_imCell_26 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imFooter_imCell_26 { grid-template-rows: [row-content] auto ; } #imFooter_imHTMLObject_26 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imFooter_imCellStyleBorders_26 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imFooter_imHTMLObject_27_wrapper { display: none; } #imFooter_imCell_27 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imFooter_imCell_27 { grid-template-rows: [row-content] auto ; } #imFooter_imHTMLObject_27 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imFooter_imCellStyleBorders_27 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imFooter_imHTMLObject_28_wrapper { display: none; } #imFooter_imCell_28 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imFooter_imCell_28 { grid-template-rows: [row-content] auto ; } #imFooter_imHTMLObject_28 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imFooter_imCellStyleBorders_28 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } } @media (max-width: 719.9px) and (min-width: 480.0px) { #imFooter_imHTMLObject_24_wrapper { display: none; } #imFooter_imCell_24 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imFooter_imCell_24 { grid-template-rows: [row-content] auto ; } #imFooter_imHTMLObject_24 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imFooter_imCellStyleBorders_24 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imFooter_imHTMLObject_25_wrapper { display: none; } #imFooter_imCell_25 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imFooter_imCell_25 { grid-template-rows: [row-content] auto ; } #imFooter_imHTMLObject_25 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imFooter_imCellStyleBorders_25 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imFooter_imHTMLObject_26_wrapper { display: none; } #imFooter_imCell_26 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imFooter_imCell_26 { grid-template-rows: [row-content] auto ; } #imFooter_imHTMLObject_26 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imFooter_imCellStyleBorders_26 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imFooter_imHTMLObject_27_wrapper { position: absolute; top: 0px; inset-inline-start: 0px; width: 477px; height: 1888px; text-align: center; z-index: 1005; overflow: hidden; } #imFooter_imCell_27 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imFooter_imCell_27 { grid-template-rows: [row-content] auto ; } #imFooter_imHTMLObject_27 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imFooter_imCellStyleBorders_27 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imFooter_imHTMLObject_28_wrapper { display: none; } #imFooter_imCell_28 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imFooter_imCell_28 { grid-template-rows: [row-content] auto ; } #imFooter_imHTMLObject_28 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imFooter_imCellStyleBorders_28 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } } @media (max-width: 479.9px) { #imFooter_imHTMLObject_24_wrapper { display: none; } #imFooter_imCell_24 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imFooter_imCell_24 { grid-template-rows: [row-content] auto ; } #imFooter_imHTMLObject_24 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imFooter_imCellStyleGraphics_24 { box-sizing: border-box; } #imFooter_imHTMLObject_25_wrapper { display: none; } #imFooter_imCell_25 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imFooter_imCell_25 { grid-template-rows: [row-content] auto ; } #imFooter_imHTMLObject_25 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imFooter_imCellStyleGraphics_25 { box-sizing: border-box; } #imFooter_imHTMLObject_26_wrapper { display: none; } #imFooter_imCell_26 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imFooter_imCell_26 { grid-template-rows: [row-content] auto ; } #imFooter_imHTMLObject_26 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imFooter_imCellStyleGraphics_26 { box-sizing: border-box; } #imFooter_imHTMLObject_27_wrapper { display: none; } #imFooter_imCell_27 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imFooter_imCell_27 { grid-template-rows: [row-content] auto ; } #imFooter_imHTMLObject_27 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imFooter_imCellStyleGraphics_27 { box-sizing: border-box; } #imFooter_imHTMLObject_28_wrapper { position: absolute; top: 0px; inset-inline-start: 0px; width: 318px; height: 1848px; text-align: center; z-index: 1006; overflow: hidden; } #imFooter_imCell_28 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imFooter_imCell_28 { grid-template-rows: [row-content] auto ; } #imFooter_imHTMLObject_28 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imFooter_imCellStyleGraphics_28 { box-sizing: border-box; } } @media (min-width: 1200.0px) { #imSideBar_imObjectTitle_19_wrapper { position: absolute; top: 0px; inset-inline-start: 1px; width: 248px; height: 85px; text-align: center; z-index: 1003; } #imSideBar_imCell_19 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imSideBar_imCell_19 { grid-template-rows: [row-content] auto ; } #imSideBar_imObjectTitle_19 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imSideBar_imCellStyleBorders_19 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imSideBar_imObjectTitle_19 { width: 100%; } #imSideBar_imObjectTitle_19_text { margin: 0px; } #imSideBar_imObjectForm_21_wrapper { position: absolute; top: 0px; inset-inline-start: 7px; width: 242px; height: 463px; text-align: center; z-index: 1004; overflow: hidden; } #imSideBar_imCell_21 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imSideBar_imCell_21 { grid-template-rows: [row-content] auto ; } #imSideBar_imObjectForm_21 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imSideBar_imCellStyleBorders_21 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imSideBar_imObjectImage_22_wrapper { position: absolute; top: 0px; inset-inline-start: 0px; width: 251px; height: 520px; text-align: center; z-index: 1002; overflow: hidden; } #imSideBar_imObjectImage_22_wrapper img {-webkit-clip-path: inset(0 0 -Infinity% 0);clip-path: inset(0 0 -Infinity% 0);} } @media (max-width: 1199.9px) and (min-width: 720.0px) { #imSideBar_imObjectTitle_19_wrapper { position: absolute; top: 0px; inset-inline-start: 2px; width: 246px; height: 86px; text-align: center; z-index: 1003; } #imSideBar_imCell_19 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imSideBar_imCell_19 { grid-template-rows: [row-content] auto ; } #imSideBar_imObjectTitle_19 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imSideBar_imCellStyleBorders_19 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imSideBar_imObjectTitle_19 { width: 100%; } #imSideBar_imObjectTitle_19_text { margin: 0px; } #imSideBar_imObjectForm_21_wrapper { position: absolute; top: 0px; inset-inline-start: 5px; width: 244px; height: 463px; text-align: center; z-index: 1004; overflow: hidden; } #imSideBar_imCell_21 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imSideBar_imCell_21 { grid-template-rows: [row-content] auto ; } #imSideBar_imObjectForm_21 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imSideBar_imCellStyleBorders_21 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imSideBar_imObjectImage_22_wrapper { position: absolute; top: 0px; inset-inline-start: 0px; width: 251px; height: 529px; text-align: center; z-index: 1002; overflow: hidden; } #imSideBar_imObjectImage_22_wrapper img {-webkit-clip-path: inset(0 0 -Infinity% 0);clip-path: inset(0 0 -Infinity% 0);} } @media (max-width: 719.9px) and (min-width: 480.0px) { #imSideBar_imObjectTitle_19_wrapper { position: absolute; top: 0px; inset-inline-start: 0px; width: 248px; height: 60px; text-align: center; z-index: 1002; } #imSideBar_imCell_19 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imSideBar_imCell_19 { grid-template-rows: [row-content] auto ; } #imSideBar_imObjectTitle_19 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imSideBar_imCellStyleBorders_19 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imSideBar_imObjectTitle_19 { width: 100%; } #imSideBar_imObjectTitle_19_text { margin: 0px; } #imSideBar_imObjectForm_21_wrapper { position: absolute; top: 0px; inset-inline-start: 0px; width: 249px; height: 463px; text-align: center; z-index: 1003; overflow: hidden; } #imSideBar_imCell_21 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imSideBar_imCell_21 { grid-template-rows: [row-content] auto ; } #imSideBar_imObjectForm_21 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imSideBar_imCellStyleBorders_21 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imSideBar_imObjectImage_22_wrapper { position: absolute; top: 0px; inset-inline-start: 0px; width: 251px; height: 419px; text-align: center; z-index: 1004; overflow: hidden; } #imSideBar_imObjectImage_22_wrapper img {-webkit-clip-path: inset(0 0 -Infinity% 0);clip-path: inset(0 0 -Infinity% 0);} } @media (max-width: 479.9px) { #imSideBar_imObjectTitle_19_wrapper { position: absolute; top: 0px; inset-inline-start: 0px; width: 248px; height: 60px; text-align: center; z-index: 1002; } #imSideBar_imCell_19 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imSideBar_imCell_19 { grid-template-rows: [row-content] auto ; } #imSideBar_imObjectTitle_19 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imSideBar_imCellStyleGraphics_19 { box-sizing: border-box; } #imSideBar_imObjectTitle_19 { width: 100%; } #imSideBar_imObjectTitle_19_text { margin: 0px; } #imSideBar_imObjectForm_21_wrapper { position: absolute; top: 0px; inset-inline-start: 0px; width: 249px; height: 463px; text-align: center; z-index: 1003; overflow: hidden; } #imSideBar_imCell_21 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imSideBar_imCell_21 { grid-template-rows: [row-content] auto ; } #imSideBar_imObjectForm_21 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imSideBar_imCellStyleGraphics_21 { box-sizing: border-box; } #imObjectForm_21_1_container { width: 100%; } #imObjectForm_21_2_container { width: 100%; } #imObjectForm_21_3_container { width: 100%; } #imObjectForm_21_4_container { width: 100%; } #imObjectForm_21_5_container { width: 100%; } #imObjectForm_21_6_container { width: 100%; } .imObjectForm_21_6_radiobutton { width: 100%; } .imObjectForm_21_6_radiobutton.firstrow { padding-top: 0; } .imObjectForm_21_6_radiobutton.firstrow.firstcolumn { padding-top: 5px; } #imObjectForm_21_7_container { width: 100%; } #imSideBar_imObjectImage_22_wrapper { position: absolute; top: 0px; inset-inline-start: 0px; width: 251px; height: 419px; text-align: center; z-index: 1004; overflow: hidden; } #imSideBar_imObjectImage_22_wrapper img {-webkit-clip-path: inset(0 0 -Infinity% 0);clip-path: inset(0 0 -Infinity% 0);} } @media (min-width: 1200.0px) { #imStickyBar_imObjectImage_100_wrapper { display: none; } #imStickyBar_imObjectImage_100_wrapper img {-webkit-clip-path: inset(0 0 -47.458% 0);clip-path: inset(0 0 -47.458% 0);}#imStickyBar_imCell_100 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_100 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_100 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_100 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectImage_69_wrapper { display: none; } #imStickyBar_imObjectImage_69_wrapper img {-webkit-clip-path: inset(0 0 9.091% 0);clip-path: inset(0 0 9.091% 0);}#imStickyBar_imCell_69 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_69 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_69 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_69 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectImage_70_wrapper { position: absolute; top: 5px; inset-inline-start: 1px; width: 118px; height: 80px; text-align: center; z-index: 1003; overflow: hidden; } #imStickyBar_imObjectImage_70_wrapper img {-webkit-clip-path: inset(0 0 -5.263% 0);clip-path: inset(0 0 -5.263% 0);}#imStickyBar_imCell_70 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_70 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_70 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_70 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_88_wrapper { position: absolute; top: 24px; inset-inline-start: 486px; width: 211px; height: 45px; text-align: center; z-index: 1004; } #imStickyBar_imCell_88 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_88 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_88 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_88 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_88_button { margin: 0px; } #imStickyBar_imObjectButton_95_wrapper { display: none; } #imStickyBar_imCell_95 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_95 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_95 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_95 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_95_button { margin: 0px; } #imStickyBar_imObjectImage_98_wrapper { display: none; } #imStickyBar_imObjectImage_98_wrapper img {-webkit-clip-path: inset(0 0 -59.091% 0);clip-path: inset(0 0 -59.091% 0);}#imStickyBar_imCell_98 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_98 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_98 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_98 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectImage_104_wrapper { display: none; } #imStickyBar_imObjectImage_104_wrapper img {-webkit-clip-path: inset(0 0 0% 0);clip-path: inset(0 0 0% 0);}#imStickyBar_imCell_104 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_104 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_104 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_104 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectImage_105_wrapper { display: none; } #imStickyBar_imObjectImage_105_wrapper img {-webkit-clip-path: inset(0 0 0% 0);clip-path: inset(0 0 0% 0);}#imStickyBar_imCell_105 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_105 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_105 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_105 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_106_wrapper { display: none; } #imStickyBar_imCell_106 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_106 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_106 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_106 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_106_button { margin: 0px; } #imStickyBar_imObjectButton_107_wrapper { display: none; } #imStickyBar_imCell_107 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_107 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_107 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_107 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_107_button { margin: 0px; } #imStickyBar_imObjectButton_108_wrapper { display: none; } #imStickyBar_imCell_108 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_108 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_108 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_108 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_108_button { margin: 0px; } #imStickyBar_imObjectButton_112_wrapper { position: absolute; top: 24px; inset-inline-start: 774px; width: 244px; height: 45px; text-align: center; z-index: 1013; } #imStickyBar_imCell_112 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_112 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_112 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_112 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_112_button { margin: 0px; } #imStickyBar_pluginAppObj_114_wrapper { position: absolute; top: 21px; inset-inline-start: 149px; width: 238px; height: 41px; text-align: center; z-index: 1014; } #imStickyBar_imCell_114 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_114 { grid-template-rows: [row-content] auto ; } #imStickyBar_pluginAppObj_114 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_114 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectImage_115_wrapper { position: absolute; top: 30px; inset-inline-start: 1138px; width: 24px; height: 31px; text-align: center; z-index: 1015; overflow: hidden; } #imStickyBar_imObjectImage_115_wrapper img {-webkit-clip-path: inset(0 0 -29.167% 0);clip-path: inset(0 0 -29.167% 0);}#imStickyBar_imCell_115 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_115 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_115 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_115 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imMenuObject_117_wrapper { position: absolute; top: 90px; inset-inline-start: -1px; width: 1203px; height: 96px; text-align: center; z-index: 1016; } #imStickyBar_imCell_117 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_117 { grid-template-rows: [row-content] auto ; } #imStickyBar_imMenuObject_117 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_117 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } /* Main menu background */ #imStickyBar_imMenuObject_117_container { border: solid; border-block-color: transparent transparent; border-inline-color: transparent transparent; border-width: 0px; border-radius: 0px; width: 100%; box-sizing: border-box; background-color: transparent; padding: 0px; display: inline-table;} #imStickyBar_imMenuObject_117_container > ul:after {content: '';display: table;clear: both; } /* Main menu button size and position */ #imStickyBar_imMenuObject_117_container > ul > li {position: relative;margin-inline-start: 0px; margin-top: 0px; display: inline-block; vertical-align: top; } #imStickyBar_imMenuObject_117_container > ul > li > .label-wrapper, #imStickyBar_imMenuObject_117_container > ul > li > div > .label-wrapper { display: block; overflow: hidden; width: 193px; height: 47px; padding-block: 0px; padding-inline: 1px; border-width: 0px; border-radius: 0px; } #imStickyBar_imMenuObject_117_container > ul > li > .label-wrapper:has(:focus-visible), #imStickyBar_imMenuObject_117_container > ul > li > div > .label-wrapper:has(:focus-visible) { overflow: visible; } #imStickyBar_imMenuObject_117 .hamburger-button {cursor: pointer; width: 47px; height: 47px; display: inline-block; vertical-align: top; padding: 0; box-sizing: content-box; border-width: 0px; border-radius: 0px; } #imStickyBar_imMenuObject_117 .hamburger-bar { margin: 5px auto; width: 65%; height: 5px; background-color: rgba(31, 112, 174, 1); display: block; } #imStickyBar_imMenuObject_117 .label-inner-wrapper, #imStickyBar_imMenuObject_117 .hamburger-button > div { display: table; width: 100%; height: 100%; position: relative; z-index: 1; } #imStickyBar_imMenuObject_117_container > ul > li .label, #imStickyBar_imMenuObject_117 .hamburger-button > div > div { display: table-cell; vertical-align: middle; } /* Main menu default button style */ #imStickyBar_imMenuObject_117_container > ul > li > .label-wrapper {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117_container > ul > li > .label-wrapper .label, #imStickyBar_imMenuObject_117_container > ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(31, 112, 174, 1);font-weight: bold;} /* Hamburger button style */ #imStickyBar_imMenuObject_117 .hamburger-button {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117 .hamburger-button .label, #imStickyBar_imMenuObject_117 .hamburger-button button {width: 100%;height: 100%;font-family: Arial;font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(31, 112, 174, 1);font-weight: normal;} /* Main menu current button style */ #imStickyBar_imMenuObject_117_container > ul > .imMnMnCurrent > .label-wrapper {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117_container > ul > .imMnMnCurrent > .label-wrapper .label, #imStickyBar_imMenuObject_117_container > ul > .imMnMnCurrent > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 152, 70, 1);font-weight: bold;} /* Main menu hover button style */ #imStickyBar_imMenuObject_117_container > ul > li.imPage > .label-wrapper.label-wrapper-over {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117_container > ul > li.imPage > .label-wrapper.label-wrapper-over .label, #imStickyBar_imMenuObject_117_container > ul > li.imPage > .label-wrapper.label-wrapper-over button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 152, 70, 1);font-weight: bold;} #imStickyBar_imMenuObject_117_container > ul > li.imPage > .label-wrapper.label-wrapper-over { position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; transition: opacity 0.5s;}#imStickyBar_imMenuObject_117_container > ul > li.imPage > .label-wrapper.label-wrapper-over.animated {z-index: 1; opacity: 1;}#imStickyBar_imMenuObject_117_container > ul > li.imLevel > .label-wrapper.label-wrapper-over {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117_container > ul > li.imLevel > .label-wrapper.label-wrapper-over .label, #imStickyBar_imMenuObject_117_container > ul > li.imLevel > .label-wrapper.label-wrapper-over button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 152, 70, 1);font-weight: bold;} #imStickyBar_imMenuObject_117_container > ul > li.imLevel > .label-wrapper.label-wrapper-over { position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; transition: opacity 0.5s;}#imStickyBar_imMenuObject_117_container > ul > li.imLevel > .label-wrapper.label-wrapper-over.animated {z-index: 1; opacity: 1;}/* Main menu separator button style */ #imStickyBar_imMenuObject_117_container > ul > .imMnMnSeparator > .label-wrapper {background-color: rgba(255, 255, 255, 1);background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117_container > ul > .imMnMnSeparator > .label-wrapper .label, #imStickyBar_imMenuObject_117_container > ul > .imMnMnSeparator > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 0, 0, 1);font-weight: bold;} #imStickyBar_imMenuObject_117 .imLevel { cursor: default; } #imStickyBar_imMenuObject_117-menu-opened .imLevel { cursor: default; } #imStickyBar_imMenuObject_117 { text-align: center; } /* Level menu background */ #imStickyBar_imMenuObject_117 ul ul { border: solid; border-block-color: transparent transparent; border-inline-color: transparent transparent; border-width: 0px; border-radius: 0px; background-color: rgba(255, 255, 255, 1); } /* Level menu button size and position */ #imStickyBar_imMenuObject_117 ul ul li {position: relative;margin-bottom: 2px; display: inline-block; vertical-align: top; } /* Multiple column menu buttons position */ #imStickyBar_imMenuObject_117 .multiple-column > ul {max-width: 250px;} #imStickyBar_imMenuObject_117 ul ul li:last-child {margin-bottom: 0px; } #imStickyBar_imMenuObject_117 ul ul .label-wrapper { display: block; overflow: hidden; width: 244px; height: 60px; padding-block: 0px; padding-inline: 3px; } #imStickyBar_imMenuObject_117 ul ul .label-wrapper:has(:focus-visible) { overflow: visible; } #imStickyBar_imMenuObject_117 ul ul .label { display: table-cell; vertical-align: middle; } /* Level menu default button style */ #imStickyBar_imMenuObject_117 ul ul .label-wrapper {background-color: rgba(255, 255, 255, 1);background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117 ul ul .label-wrapper .label, #imStickyBar_imMenuObject_117 ul ul .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 11pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} /* Level menu hover button style */ #imStickyBar_imMenuObject_117 ul ul li.imLevel:hover > .label-wrapper {background-color: rgba(255, 255, 255, 1);background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117 ul ul li.imLevel:hover > .label-wrapper .label, #imStickyBar_imMenuObject_117 ul ul li.imLevel:hover > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 11pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(0, 152, 70, 1);font-weight: bold;} #imStickyBar_imMenuObject_117 ul ul li.imPage:hover > .label-wrapper {background-color: rgba(255, 255, 255, 1);background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117 ul ul li.imPage:hover > .label-wrapper .label, #imStickyBar_imMenuObject_117 ul ul li.imPage:hover > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 11pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(0, 152, 70, 1);font-weight: bold;} /* Level menu separator button style */ #imStickyBar_imMenuObject_117 ul ul .imMnMnSeparator > .label-wrapper {background-color: rgba(255, 255, 255, 1);background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117 ul ul .imMnMnSeparator > .label-wrapper .label, #imStickyBar_imMenuObject_117 ul ul .imMnMnSeparator > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 11pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} /* Level menu separation line style */ #imStickyBar_imMenuObject_117 ul ul li::after {display: block; position: relative; height: 0; content: ''; width: 100%; inset-inline-start: 0%; border-block-width: 1px 0px; border-inline-width: 0px; border-color: rgba(0, 152, 70, 1); border-style: solid; } /* Level menu current button style */ #imStickyBar_imMenuObject_117 .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper {background-color: rgba(255, 255, 255, 1);background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117 .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper .label, #imStickyBar_imMenuObject_117 .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 11pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(0, 152, 70, 1);font-weight: bold;} #imStickyBar_imMenuObject_117 ul ul { z-index: 2; }/* Level menu show/hide directives */ #imStickyBar_imMenuObject_117 .multiple-column {position: absolute; z-index: 2;inset-inline-start: 0px; } #imStickyBar_imMenuObject_117 .multiple-column > ul {position: static; display: inline-block;vertical-align: top;} #imStickyBar_imMenuObject_117 .multiple-column > ul > li {display: block;} #imStickyBar_imMenuObject_117_container > ul > li > ul {position: absolute; top: 47px; } #imStickyBar_imMenuObject_117_container > ul > li > ul.open-bottom { inset-inline-start: 0px; } #imStickyBar_imMenuObject_117_container > ul > li > ul.open-left { inset-inline-end: 195px; } #imStickyBar_imMenuObject_117_container > ul > li > ul.open-right { inset-inline-start: 195px; } #imStickyBar_imMenuObject_117_container > ul > li > ul ul, #imStickyBar_imMenuObject_117_container .multiple-column > ul > li ul {position: absolute; top: 0; } #imStickyBar_imMenuObject_117_container > ul > li > ul ul.open-left, #imStickyBar_imMenuObject_117_container .multiple-column > ul > li ul.open-left{ inset-inline-end: 250px; } #imStickyBar_imMenuObject_117_container > ul > li > ul ul.open-right, #imStickyBar_imMenuObject_117_container .multiple-column > ul > li ul.open-right{ inset-inline-start: 250px; } #imStickyBar_imMenuObject_117 ul > li > ul, #imStickyBar_imMenuObject_117 .multiple-column { display: none; } #imStickyBar_imMenuObject_117_container > ul > li:nth-child(6n+1) { margin-inline-start: 0px; clear: left; clear: inline-start; } #imStickyBar_imMenuObject_117_container > ul > li:nth-child(n+7) { margin-top: 0px; } #imStickyBar_imMenuObject_117-menu-opened { display: none; } #imStickyBar_imMenuObject_117 .hamburger-component { display: none; } #imStickyBar_imObjectButton_118_wrapper { display: none; } #imStickyBar_imCell_118 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_118 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_118 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_118 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_118_button { margin: 0px; } #imStickyBar_imObjectButton_119_wrapper { display: none; } #imStickyBar_imCell_119 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_119 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_119 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_119 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_119_button { margin: 0px; } } @media (max-width: 1199.9px) and (min-width: 720.0px) { #imStickyBar_imObjectImage_100_wrapper { display: none; } #imStickyBar_imObjectImage_100_wrapper img {-webkit-clip-path: inset(0 0 -48.305% 0);clip-path: inset(0 0 -48.305% 0);}#imStickyBar_imCell_100 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_100 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_100 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_100 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectImage_69_wrapper { display: none; } #imStickyBar_imObjectImage_69_wrapper img {-webkit-clip-path: inset(0 0 9.091% 0);clip-path: inset(0 0 9.091% 0);}#imStickyBar_imCell_69 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_69 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_69 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_69 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectImage_70_wrapper { display: none; } #imStickyBar_imObjectImage_70_wrapper img {-webkit-clip-path: inset(0 0 -5.556% 0);clip-path: inset(0 0 -5.556% 0);}#imStickyBar_imCell_70 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_70 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_70 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_70 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_88_wrapper { display: none; } #imStickyBar_imCell_88 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_88 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_88 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_88 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_88_button { margin: 0px; } #imStickyBar_imObjectButton_95_wrapper { display: none; } #imStickyBar_imCell_95 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_95 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_95 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_95 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_95_button { margin: 0px; } #imStickyBar_imObjectImage_98_wrapper { display: none; } #imStickyBar_imObjectImage_98_wrapper img {-webkit-clip-path: inset(0 0 -60% 0);clip-path: inset(0 0 -60% 0);}#imStickyBar_imCell_98 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_98 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_98 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_98 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectImage_104_wrapper { display: none; } #imStickyBar_imObjectImage_104_wrapper img {-webkit-clip-path: inset(0 0 0% 0);clip-path: inset(0 0 0% 0);}#imStickyBar_imCell_104 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_104 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_104 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_104 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectImage_105_wrapper { position: absolute; top: 2px; inset-inline-start: 2px; width: 74px; height: 49px; text-align: center; z-index: 1009; overflow: hidden; } #imStickyBar_imObjectImage_105_wrapper img {-webkit-clip-path: inset(0 0 -2.083% 0);clip-path: inset(0 0 -2.083% 0);}#imStickyBar_imCell_105 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_105 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_105 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_105 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_106_wrapper { display: none; } #imStickyBar_imCell_106 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_106 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_106 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_106 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_106_button { margin: 0px; } #imStickyBar_imObjectButton_107_wrapper { display: none; } #imStickyBar_imCell_107 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_107 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_107 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_107 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_107_button { margin: 0px; } #imStickyBar_imObjectButton_108_wrapper { display: none; } #imStickyBar_imCell_108 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_108 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_108 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_108 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_108_button { margin: 0px; } #imStickyBar_imObjectButton_112_wrapper { display: none; } #imStickyBar_imCell_112 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_112 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_112 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_112 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_112_button { margin: 0px; } #imStickyBar_pluginAppObj_114_wrapper { display: none; } #imStickyBar_imCell_114 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_114 { grid-template-rows: [row-content] auto ; } #imStickyBar_pluginAppObj_114 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_114 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectImage_115_wrapper { display: none; } #imStickyBar_imObjectImage_115_wrapper img {-webkit-clip-path: inset(0 0 -29.167% 0);clip-path: inset(0 0 -29.167% 0);}#imStickyBar_imCell_115 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_115 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_115 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_115 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imMenuObject_117_wrapper { position: absolute; top: 5px; inset-inline-start: 669px; width: 48px; height: 49px; text-align: center; z-index: 1016; } #imStickyBar_imCell_117 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_117 { grid-template-rows: [row-content] auto ; } #imStickyBar_imMenuObject_117 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_117 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } /* Main menu background */ #imStickyBar_imMenuObject_117_container { border: solid; border-block-color: transparent transparent; border-inline-color: transparent transparent; border-width: 0px; border-radius: 0px; width: 100%; box-sizing: border-box; background-color: transparent; padding: 0px; display: inline-table;} #imStickyBar_imMenuObject_117_container > ul:after {content: '';display: table;clear: both; } /* Main menu button size and position */ #imStickyBar_imMenuObject_117_container > ul > li {position: relative;margin-inline-start: 0px; margin-top: 0px; display: inline-block; vertical-align: top; } #imStickyBar_imMenuObject_117_container > ul > li > .label-wrapper, #imStickyBar_imMenuObject_117_container > ul > li > div > .label-wrapper { display: block; overflow: hidden; width: 193px; height: 47px; padding-block: 0px; padding-inline: 1px; border-width: 0px; border-radius: 0px; } #imStickyBar_imMenuObject_117_container > ul > li > .label-wrapper:has(:focus-visible), #imStickyBar_imMenuObject_117_container > ul > li > div > .label-wrapper:has(:focus-visible) { overflow: visible; } #imStickyBar_imMenuObject_117 .hamburger-button {cursor: pointer; width: 47px; height: 47px; display: inline-block; vertical-align: top; padding: 0; box-sizing: content-box; border-width: 0px; border-radius: 0px; } #imStickyBar_imMenuObject_117 .hamburger-bar { margin: 5px auto; width: 65%; height: 5px; background-color: rgba(31, 112, 174, 1); display: block; } #imStickyBar_imMenuObject_117 .label-inner-wrapper, #imStickyBar_imMenuObject_117 .hamburger-button > div { display: table; width: 100%; height: 100%; position: relative; z-index: 1; } #imStickyBar_imMenuObject_117_container > ul > li .label, #imStickyBar_imMenuObject_117 .hamburger-button > div > div { display: table-cell; vertical-align: middle; } /* Main menu default button style */ #imStickyBar_imMenuObject_117_container > ul > li > .label-wrapper {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117_container > ul > li > .label-wrapper .label, #imStickyBar_imMenuObject_117_container > ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(31, 112, 174, 1);font-weight: bold;} /* Hamburger button style */ #imStickyBar_imMenuObject_117 .hamburger-button {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117 .hamburger-button .label, #imStickyBar_imMenuObject_117 .hamburger-button button {width: 100%;height: 100%;font-family: Arial;font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(31, 112, 174, 1);font-weight: normal;} /* Main menu current button style */ #imStickyBar_imMenuObject_117_container > ul > .imMnMnCurrent > .label-wrapper {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117_container > ul > .imMnMnCurrent > .label-wrapper .label, #imStickyBar_imMenuObject_117_container > ul > .imMnMnCurrent > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 152, 70, 1);font-weight: bold;} /* Main menu hover button style */ #imStickyBar_imMenuObject_117_container > ul > li.imPage > .label-wrapper.label-wrapper-over {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117_container > ul > li.imPage > .label-wrapper.label-wrapper-over .label, #imStickyBar_imMenuObject_117_container > ul > li.imPage > .label-wrapper.label-wrapper-over button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 152, 70, 1);font-weight: bold;} #imStickyBar_imMenuObject_117_container > ul > li.imPage > .label-wrapper.label-wrapper-over { position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; transition: opacity 0.5s;}#imStickyBar_imMenuObject_117_container > ul > li.imPage > .label-wrapper.label-wrapper-over.animated {z-index: 1; opacity: 1;}#imStickyBar_imMenuObject_117_container > ul > li.imLevel > .label-wrapper.label-wrapper-over {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117_container > ul > li.imLevel > .label-wrapper.label-wrapper-over .label, #imStickyBar_imMenuObject_117_container > ul > li.imLevel > .label-wrapper.label-wrapper-over button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 152, 70, 1);font-weight: bold;} #imStickyBar_imMenuObject_117_container > ul > li.imLevel > .label-wrapper.label-wrapper-over { position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; transition: opacity 0.5s;}#imStickyBar_imMenuObject_117_container > ul > li.imLevel > .label-wrapper.label-wrapper-over.animated {z-index: 1; opacity: 1;}/* Main menu separator button style */ #imStickyBar_imMenuObject_117_container > ul > .imMnMnSeparator > .label-wrapper {background-color: rgba(255, 255, 255, 1);background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117_container > ul > .imMnMnSeparator > .label-wrapper .label, #imStickyBar_imMenuObject_117_container > ul > .imMnMnSeparator > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 0, 0, 1);font-weight: bold;} #imStickyBar_imMenuObject_117 .imLevel { cursor: default; } #imStickyBar_imMenuObject_117-menu-opened .imLevel { cursor: default; } #imStickyBar_imMenuObject_117 { text-align: center; } #imStickyBar_imMenuObject_117 .hidden { display: none; } #imStickyBar_imMenuObject_117-menu-opened { overflow: visible; z-index: 10402; } #imStickyBar_imMenuObject_117-menu-opened ul ul { display: none; } #imStickyBar_imMenuObject_117-menu-opened li > div { display: none; } #imStickyBar_imMenuObject_117-menu-opened #imStickyBar_imMenuObject_117_container-menu-opened div > ul { display: block; } #imStickyBar_imMenuObject_117-menu-opened #imStickyBar_imMenuObject_117_container-menu-opened > ul { position: absolute; inset-inline-end: 0px; inset-inline-start: auto; top: 40px; background-color: rgba(255, 255, 255, 1); overflow-x: hidden; overflow-y: auto; height: calc(100% - 40px); width: 100%; } #imStickyBar_imMenuObject_117-menu-opened .hamburger-menu-close-button { display: block; font-family: Arial; font-size: 30px; text-align: end; padding-block: 5px; padding-inline: 10px; color: rgba(31, 112, 174, 1); } #imStickyBar_imMenuObject_117-menu-opened .hamburger-menu-close-button span { cursor: pointer; } #imStickyBar_imMenuObject_117-menu-opened { position:fixed; top: 0; bottom: 0; inset-inline-end: 0px; width: 310px; border: solid; border-block-color: transparent transparent; border-inline-color: transparent transparent; border-width: 0px; border-radius: 0px; ; } #imPageExtContainer:after{ position: fixed; top: 0; inset-inline-end: 0px; width: 0; height: 0; content: ''; opacity: 0; transition: opacity 1000ms; z-index: 10401;} .menu-imStickyBar_imMenuObject_117-opened #imPageExtContainer:after{ width: 100%; height: 100%; background-color: rgba(243, 243, 243, 1); opacity: 0.6;} .menu-imStickyBar_imMenuObject_117-towards-closing #imPageExtContainer:after { width: 100%; height: 100%; background-color: transparent; opacity: 0.6; transition: background-color 1000ms linear, opacity;} #imStickyBar_imMenuObject_117 .hidden { display: none; } /* Responsive menu button size and position */ #imStickyBar_imMenuObject_117-menu-opened li {position: relative;margin-bottom: 5px; display: inline-block; vertical-align: top; } #imStickyBar_imMenuObject_117-menu-opened li:last-child {margin-bottom: 0px; } #imStickyBar_imMenuObject_117-menu-opened .label-wrapper { display: block; overflow: hidden; position: relative; width: 292px; height: 71px; padding-block: 0px; padding-inline: 9px; } #imStickyBar_imMenuObject_117-menu-opened .label-inner-wrapper { display: table; width: 100%; height: 100%; z-index: 1; position: relative; } #imStickyBar_imMenuObject_117-menu-opened .label { display: table-cell; vertical-align: middle; } #imStickyBar_imMenuObject_117-menu-opened .hamburger-menu-background { position: absolute;display: block;top: 0;bottom: 0;width: 310px;inset-inline-end: 0px; inset-inline-start: auto; background-color: rgba(255, 255, 255, 1);transition: left 500ms, right 500ms, opacity 500ms;} /* Responsive menu default button style */ #imStickyBar_imMenuObject_117-menu-opened ul > li > .label-wrapper {background-color: transparent;background-image: none;} #imStickyBar_imMenuObject_117-menu-opened ul > li > .label-wrapper .label, #imStickyBar_imMenuObject_117-menu-opened ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} #imStickyBar_imMenuObject_117-menu-opened ul ul > li > .label-wrapper {background-color: transparent;background-image: none;} #imStickyBar_imMenuObject_117-menu-opened ul ul > li > .label-wrapper .label, #imStickyBar_imMenuObject_117-menu-opened ul ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} #imStickyBar_imMenuObject_117-menu-opened ul ul ul > li > .label-wrapper {background-color: transparent;background-image: none;} #imStickyBar_imMenuObject_117-menu-opened ul ul ul > li > .label-wrapper .label, #imStickyBar_imMenuObject_117-menu-opened ul ul ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} #imStickyBar_imMenuObject_117-menu-opened ul ul ul ul > li > .label-wrapper {background-color: transparent;background-image: none;} #imStickyBar_imMenuObject_117-menu-opened ul ul ul ul > li > .label-wrapper .label, #imStickyBar_imMenuObject_117-menu-opened ul ul ul ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} /* Responsive menu hover button style */ #imStickyBar_imMenuObject_117-menu-opened ul > li:hover:not(.imMnMnSeparator) > .label-wrapper {background-color: transparent;background-image: none;} #imStickyBar_imMenuObject_117-menu-opened ul > li:hover:not(.imMnMnSeparator) > .label-wrapper .label, #imStickyBar_imMenuObject_117-menu-opened ul > li:hover:not(.imMnMnSeparator) > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(0, 189, 102, 1);font-weight: bold;} /* Responsive menu current button style */ #imStickyBar_imMenuObject_117-menu-opened #imStickyBar_imMenuObject_117_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper {background-color: transparent;background-image: none;} #imStickyBar_imMenuObject_117-menu-opened #imStickyBar_imMenuObject_117_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper .label, #imStickyBar_imMenuObject_117-menu-opened #imStickyBar_imMenuObject_117_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(0, 189, 102, 1);font-weight: bold;} #imStickyBar_imMenuObject_117-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper {background-color: transparent;background-image: none;} #imStickyBar_imMenuObject_117-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper .label, #imStickyBar_imMenuObject_117-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(0, 189, 102, 1);font-weight: bold;} /* Responsive menu separator button style */ #imStickyBar_imMenuObject_117-menu-opened ul > .imMnMnSeparator > .label-wrapper {background-color: transparent;background-image: none;} #imStickyBar_imMenuObject_117-menu-opened ul > .imMnMnSeparator > .label-wrapper .label, #imStickyBar_imMenuObject_117-menu-opened ul > .imMnMnSeparator > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} /* Responsive menu separation line style */ #imStickyBar_imMenuObject_117-menu-opened ul li::after {display: block; position: relative; height: 0; content: ''; width: 100%; inset-inline-start: 0%; border-block-width: 1px 0px; border-inline-width: 0px; border-color: rgba(8, 156, 68, 1); border-style: solid; } #imStickyBar_imMenuObject_117-menu-opened { transform: translate3d(310px, 0 ,0); transition: transform 1000ms;} #imStickyBar_imMenuObject_117-menu-opened.animated { transform: translate3d(0, 0, 0);} #imStickyBar_imObjectButton_118_wrapper { position: absolute; top: 8px; inset-inline-start: 187px; width: 387px; height: 39px; text-align: center; z-index: 1017; } #imStickyBar_imCell_118 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_118 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_118 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_118 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_118_button { margin: 0px; } #imStickyBar_imObjectButton_119_wrapper { display: none; } #imStickyBar_imCell_119 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_119 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_119 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_119 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_119_button { margin: 0px; } } @media (max-width: 719.9px) and (min-width: 480.0px) { #imStickyBar_imObjectImage_100_wrapper { display: none; } #imStickyBar_imObjectImage_100_wrapper img {-webkit-clip-path: inset(0 0 7.143% 0);clip-path: inset(0 0 7.143% 0);}#imStickyBar_imCell_100 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_100 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_100 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_100 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectImage_69_wrapper { display: none; } #imStickyBar_imObjectImage_69_wrapper img {-webkit-clip-path: inset(0 0 11.364% 0);clip-path: inset(0 0 11.364% 0);}#imStickyBar_imCell_69 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_69 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_69 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_69 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectImage_70_wrapper { display: none; } #imStickyBar_imObjectImage_70_wrapper img {-webkit-clip-path: inset(0 0 51.724% 0);clip-path: inset(0 0 51.724% 0);}#imStickyBar_imCell_70 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_70 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_70 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_70 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_88_wrapper { display: none; } #imStickyBar_imCell_88 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_88 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_88 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_88 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_88_button { margin: 0px; } #imStickyBar_imObjectButton_95_wrapper { display: none; } #imStickyBar_imCell_95 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_95 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_95 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_95 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_95_button { margin: 0px; } #imStickyBar_imObjectImage_98_wrapper { position: absolute; top: 2px; inset-inline-start: 3px; width: 73px; height: 47px; text-align: center; z-index: 1006; overflow: hidden; } #imStickyBar_imObjectImage_98_wrapper img {-webkit-clip-path: inset(0 0 2.083% 0);clip-path: inset(0 0 2.083% 0);}#imStickyBar_imCell_98 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_98 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_98 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_98 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectImage_104_wrapper { display: none; } #imStickyBar_imObjectImage_104_wrapper img {-webkit-clip-path: inset(0 0 0% 0);clip-path: inset(0 0 0% 0);}#imStickyBar_imCell_104 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_104 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_104 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_104 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectImage_105_wrapper { display: none; } #imStickyBar_imObjectImage_105_wrapper img {-webkit-clip-path: inset(0 0 52.137% 0);clip-path: inset(0 0 52.137% 0);}#imStickyBar_imCell_105 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_105 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_105 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_105 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_106_wrapper { display: none; } #imStickyBar_imCell_106 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_106 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_106 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_106 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_106_button { margin: 0px; } #imStickyBar_imObjectButton_107_wrapper { display: none; } #imStickyBar_imCell_107 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_107 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_107 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_107 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_107_button { margin: 0px; } #imStickyBar_imObjectButton_108_wrapper { display: none; } #imStickyBar_imCell_108 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_108 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_108 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_108 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_108_button { margin: 0px; } #imStickyBar_imObjectButton_112_wrapper { display: none; } #imStickyBar_imCell_112 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_112 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_112 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_112 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_112_button { margin: 0px; } #imStickyBar_pluginAppObj_114_wrapper { display: none; } #imStickyBar_imCell_114 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_114 { grid-template-rows: [row-content] auto ; } #imStickyBar_pluginAppObj_114 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_114 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectImage_115_wrapper { display: none; } #imStickyBar_imObjectImage_115_wrapper img {-webkit-clip-path: inset(0 0 -29.167% 0);clip-path: inset(0 0 -29.167% 0);}#imStickyBar_imCell_115 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_115 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_115 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_115 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imMenuObject_117_wrapper { position: absolute; top: 2px; inset-inline-start: 425px; width: 48px; height: 46px; text-align: center; z-index: 1016; } #imStickyBar_imCell_117 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_117 { grid-template-rows: [row-content] auto ; } #imStickyBar_imMenuObject_117 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_117 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } /* Main menu background */ #imStickyBar_imMenuObject_117_container { border: solid; border-block-color: transparent transparent; border-inline-color: transparent transparent; border-width: 0px; border-radius: 0px; width: 100%; box-sizing: border-box; background-color: transparent; padding: 0px; display: inline-table;} #imStickyBar_imMenuObject_117_container > ul:after {content: '';display: table;clear: both; } /* Main menu button size and position */ #imStickyBar_imMenuObject_117_container > ul > li {position: relative;margin-inline-start: 0px; margin-top: 0px; display: inline-block; vertical-align: top; } #imStickyBar_imMenuObject_117_container > ul > li > .label-wrapper, #imStickyBar_imMenuObject_117_container > ul > li > div > .label-wrapper { display: block; overflow: hidden; width: 193px; height: 47px; padding-block: 0px; padding-inline: 1px; border-width: 0px; border-radius: 0px; } #imStickyBar_imMenuObject_117_container > ul > li > .label-wrapper:has(:focus-visible), #imStickyBar_imMenuObject_117_container > ul > li > div > .label-wrapper:has(:focus-visible) { overflow: visible; } #imStickyBar_imMenuObject_117 .hamburger-button {cursor: pointer; width: 47px; height: 47px; display: inline-block; vertical-align: top; padding: 0; box-sizing: content-box; border-width: 0px; border-radius: 0px; } #imStickyBar_imMenuObject_117 .hamburger-bar { margin: 5px auto; width: 65%; height: 5px; background-color: rgba(31, 112, 174, 1); display: block; } #imStickyBar_imMenuObject_117 .label-inner-wrapper, #imStickyBar_imMenuObject_117 .hamburger-button > div { display: table; width: 100%; height: 100%; position: relative; z-index: 1; } #imStickyBar_imMenuObject_117_container > ul > li .label, #imStickyBar_imMenuObject_117 .hamburger-button > div > div { display: table-cell; vertical-align: middle; } /* Main menu default button style */ #imStickyBar_imMenuObject_117_container > ul > li > .label-wrapper {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117_container > ul > li > .label-wrapper .label, #imStickyBar_imMenuObject_117_container > ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(31, 112, 174, 1);font-weight: bold;} /* Hamburger button style */ #imStickyBar_imMenuObject_117 .hamburger-button {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117 .hamburger-button .label, #imStickyBar_imMenuObject_117 .hamburger-button button {width: 100%;height: 100%;font-family: Arial;font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(31, 112, 174, 1);font-weight: normal;} /* Main menu current button style */ #imStickyBar_imMenuObject_117_container > ul > .imMnMnCurrent > .label-wrapper {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117_container > ul > .imMnMnCurrent > .label-wrapper .label, #imStickyBar_imMenuObject_117_container > ul > .imMnMnCurrent > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 152, 70, 1);font-weight: bold;} /* Main menu hover button style */ #imStickyBar_imMenuObject_117_container > ul > li.imPage > .label-wrapper.label-wrapper-over {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117_container > ul > li.imPage > .label-wrapper.label-wrapper-over .label, #imStickyBar_imMenuObject_117_container > ul > li.imPage > .label-wrapper.label-wrapper-over button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 152, 70, 1);font-weight: bold;} #imStickyBar_imMenuObject_117_container > ul > li.imPage > .label-wrapper.label-wrapper-over { position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; transition: opacity 0.5s;}#imStickyBar_imMenuObject_117_container > ul > li.imPage > .label-wrapper.label-wrapper-over.animated {z-index: 1; opacity: 1;}#imStickyBar_imMenuObject_117_container > ul > li.imLevel > .label-wrapper.label-wrapper-over {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117_container > ul > li.imLevel > .label-wrapper.label-wrapper-over .label, #imStickyBar_imMenuObject_117_container > ul > li.imLevel > .label-wrapper.label-wrapper-over button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 152, 70, 1);font-weight: bold;} #imStickyBar_imMenuObject_117_container > ul > li.imLevel > .label-wrapper.label-wrapper-over { position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; transition: opacity 0.5s;}#imStickyBar_imMenuObject_117_container > ul > li.imLevel > .label-wrapper.label-wrapper-over.animated {z-index: 1; opacity: 1;}/* Main menu separator button style */ #imStickyBar_imMenuObject_117_container > ul > .imMnMnSeparator > .label-wrapper {background-color: rgba(255, 255, 255, 1);background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117_container > ul > .imMnMnSeparator > .label-wrapper .label, #imStickyBar_imMenuObject_117_container > ul > .imMnMnSeparator > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 0, 0, 1);font-weight: bold;} #imStickyBar_imMenuObject_117 .imLevel { cursor: default; } #imStickyBar_imMenuObject_117-menu-opened .imLevel { cursor: default; } #imStickyBar_imMenuObject_117 { text-align: center; } #imStickyBar_imMenuObject_117 .hidden { display: none; } #imStickyBar_imMenuObject_117-menu-opened { overflow: visible; z-index: 10402; } #imStickyBar_imMenuObject_117-menu-opened ul ul { display: none; } #imStickyBar_imMenuObject_117-menu-opened li > div { display: none; } #imStickyBar_imMenuObject_117-menu-opened #imStickyBar_imMenuObject_117_container-menu-opened div > ul { display: block; } #imStickyBar_imMenuObject_117-menu-opened #imStickyBar_imMenuObject_117_container-menu-opened > ul { position: absolute; inset-inline-end: 0px; inset-inline-start: auto; top: 40px; background-color: rgba(255, 255, 255, 1); overflow-x: hidden; overflow-y: auto; height: calc(100% - 40px); width: 100%; } #imStickyBar_imMenuObject_117-menu-opened .hamburger-menu-close-button { display: block; font-family: Arial; font-size: 30px; text-align: end; padding-block: 5px; padding-inline: 10px; color: rgba(31, 112, 174, 1); } #imStickyBar_imMenuObject_117-menu-opened .hamburger-menu-close-button span { cursor: pointer; } #imStickyBar_imMenuObject_117-menu-opened { position:fixed; top: 0; bottom: 0; inset-inline-end: 0px; width: 310px; border: solid; border-block-color: transparent transparent; border-inline-color: transparent transparent; border-width: 0px; border-radius: 0px; ; } #imPageExtContainer:after{ position: fixed; top: 0; inset-inline-end: 0px; width: 0; height: 0; content: ''; opacity: 0; transition: opacity 1000ms; z-index: 10401;} .menu-imStickyBar_imMenuObject_117-opened #imPageExtContainer:after{ width: 100%; height: 100%; background-color: rgba(243, 243, 243, 1); opacity: 0.6;} .menu-imStickyBar_imMenuObject_117-towards-closing #imPageExtContainer:after { width: 100%; height: 100%; background-color: transparent; opacity: 0.6; transition: background-color 1000ms linear, opacity;} #imStickyBar_imMenuObject_117 .hidden { display: none; } /* Responsive menu button size and position */ #imStickyBar_imMenuObject_117-menu-opened li {position: relative;margin-bottom: 5px; display: inline-block; vertical-align: top; } #imStickyBar_imMenuObject_117-menu-opened li:last-child {margin-bottom: 0px; } #imStickyBar_imMenuObject_117-menu-opened .label-wrapper { display: block; overflow: hidden; position: relative; width: 292px; height: 71px; padding-block: 0px; padding-inline: 9px; } #imStickyBar_imMenuObject_117-menu-opened .label-inner-wrapper { display: table; width: 100%; height: 100%; z-index: 1; position: relative; } #imStickyBar_imMenuObject_117-menu-opened .label { display: table-cell; vertical-align: middle; } #imStickyBar_imMenuObject_117-menu-opened .hamburger-menu-background { position: absolute;display: block;top: 0;bottom: 0;width: 310px;inset-inline-end: 0px; inset-inline-start: auto; background-color: rgba(255, 255, 255, 1);transition: left 500ms, right 500ms, opacity 500ms;} /* Responsive menu default button style */ #imStickyBar_imMenuObject_117-menu-opened ul > li > .label-wrapper {background-color: transparent;background-image: none;} #imStickyBar_imMenuObject_117-menu-opened ul > li > .label-wrapper .label, #imStickyBar_imMenuObject_117-menu-opened ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} #imStickyBar_imMenuObject_117-menu-opened ul ul > li > .label-wrapper {background-color: transparent;background-image: none;} #imStickyBar_imMenuObject_117-menu-opened ul ul > li > .label-wrapper .label, #imStickyBar_imMenuObject_117-menu-opened ul ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} #imStickyBar_imMenuObject_117-menu-opened ul ul ul > li > .label-wrapper {background-color: transparent;background-image: none;} #imStickyBar_imMenuObject_117-menu-opened ul ul ul > li > .label-wrapper .label, #imStickyBar_imMenuObject_117-menu-opened ul ul ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} #imStickyBar_imMenuObject_117-menu-opened ul ul ul ul > li > .label-wrapper {background-color: transparent;background-image: none;} #imStickyBar_imMenuObject_117-menu-opened ul ul ul ul > li > .label-wrapper .label, #imStickyBar_imMenuObject_117-menu-opened ul ul ul ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} /* Responsive menu hover button style */ #imStickyBar_imMenuObject_117-menu-opened ul > li:hover:not(.imMnMnSeparator) > .label-wrapper {background-color: transparent;background-image: none;} #imStickyBar_imMenuObject_117-menu-opened ul > li:hover:not(.imMnMnSeparator) > .label-wrapper .label, #imStickyBar_imMenuObject_117-menu-opened ul > li:hover:not(.imMnMnSeparator) > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(0, 189, 102, 1);font-weight: bold;} /* Responsive menu current button style */ #imStickyBar_imMenuObject_117-menu-opened #imStickyBar_imMenuObject_117_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper {background-color: transparent;background-image: none;} #imStickyBar_imMenuObject_117-menu-opened #imStickyBar_imMenuObject_117_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper .label, #imStickyBar_imMenuObject_117-menu-opened #imStickyBar_imMenuObject_117_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(0, 189, 102, 1);font-weight: bold;} #imStickyBar_imMenuObject_117-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper {background-color: transparent;background-image: none;} #imStickyBar_imMenuObject_117-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper .label, #imStickyBar_imMenuObject_117-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(0, 189, 102, 1);font-weight: bold;} /* Responsive menu separator button style */ #imStickyBar_imMenuObject_117-menu-opened ul > .imMnMnSeparator > .label-wrapper {background-color: transparent;background-image: none;} #imStickyBar_imMenuObject_117-menu-opened ul > .imMnMnSeparator > .label-wrapper .label, #imStickyBar_imMenuObject_117-menu-opened ul > .imMnMnSeparator > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} /* Responsive menu separation line style */ #imStickyBar_imMenuObject_117-menu-opened ul li::after {display: block; position: relative; height: 0; content: ''; width: 100%; inset-inline-start: 0%; border-block-width: 1px 0px; border-inline-width: 0px; border-color: rgba(8, 156, 68, 1); border-style: solid; } #imStickyBar_imMenuObject_117-menu-opened { transform: translate3d(310px, 0 ,0); transition: transform 1000ms;} #imStickyBar_imMenuObject_117-menu-opened.animated { transform: translate3d(0, 0, 0);} #imStickyBar_imObjectButton_118_wrapper { position: absolute; top: 8px; inset-inline-start: 77px; width: 350px; height: 39px; text-align: center; z-index: 1017; } #imStickyBar_imCell_118 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_118 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_118 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_118 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_118_button { margin: 0px; } #imStickyBar_imObjectButton_119_wrapper { display: none; } #imStickyBar_imCell_119 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_119 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_119 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleBorders_119 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imStickyBar_imObjectButton_119_button { margin: 0px; } } @media (max-width: 479.9px) { #imStickyBar_imObjectImage_100_wrapper { position: absolute; top: 2px; inset-inline-start: 2px; width: 61px; height: 42px; text-align: center; z-index: 1002; overflow: hidden; } #imStickyBar_imObjectImage_100_wrapper img {-webkit-clip-path: inset(0 0 -7.692% 0);clip-path: inset(0 0 -7.692% 0);}#imStickyBar_imCell_100 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_100 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_100 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleGraphics_100 { box-sizing: border-box; } #imStickyBar_imObjectImage_69_wrapper { display: none; } #imStickyBar_imObjectImage_69_wrapper img {-webkit-clip-path: inset(0 0 2.632% 0);clip-path: inset(0 0 2.632% 0);}#imStickyBar_imCell_69 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_69 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_69 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleGraphics_69 { box-sizing: border-box; } #imStickyBar_imObjectImage_70_wrapper { display: none; } #imStickyBar_imObjectImage_70_wrapper img {-webkit-clip-path: inset(0 0 50.495% 0);clip-path: inset(0 0 50.495% 0);}#imStickyBar_imCell_70 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_70 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_70 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleGraphics_70 { box-sizing: border-box; } #imStickyBar_imObjectButton_88_wrapper { display: none; } #imStickyBar_imCell_88 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_88 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_88 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleGraphics_88 { box-sizing: border-box; } #imStickyBar_imObjectButton_88_button { margin: 0px; } #imStickyBar_imObjectButton_95_wrapper { display: none; } #imStickyBar_imCell_95 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_95 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_95 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleGraphics_95 { box-sizing: border-box; } #imStickyBar_imObjectButton_95_button { margin: 0px; } #imStickyBar_imObjectImage_98_wrapper { display: none; } #imStickyBar_imObjectImage_98_wrapper img {-webkit-clip-path: inset(0 0 -8.738% 0);clip-path: inset(0 0 -8.738% 0);}#imStickyBar_imCell_98 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_98 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_98 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleGraphics_98 { box-sizing: border-box; } #imStickyBar_imObjectImage_104_wrapper { display: none; } #imStickyBar_imObjectImage_104_wrapper img {-webkit-clip-path: inset(0 0 0% 0);clip-path: inset(0 0 0% 0);}#imStickyBar_imCell_104 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_104 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_104 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleGraphics_104 { box-sizing: border-box; } #imStickyBar_imObjectImage_105_wrapper { display: none; } #imStickyBar_imObjectImage_105_wrapper img {-webkit-clip-path: inset(0 0 50.495% 0);clip-path: inset(0 0 50.495% 0);}#imStickyBar_imCell_105 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_105 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_105 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleGraphics_105 { box-sizing: border-box; } #imStickyBar_imObjectButton_106_wrapper { display: none; } #imStickyBar_imCell_106 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_106 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_106 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleGraphics_106 { box-sizing: border-box; } #imStickyBar_imObjectButton_106_button { margin: 0px; } #imStickyBar_imObjectButton_107_wrapper { display: none; } #imStickyBar_imCell_107 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_107 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_107 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleGraphics_107 { box-sizing: border-box; } #imStickyBar_imObjectButton_107_button { margin: 0px; } #imStickyBar_imObjectButton_108_wrapper { display: none; } #imStickyBar_imCell_108 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_108 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_108 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleGraphics_108 { box-sizing: border-box; } #imStickyBar_imObjectButton_108_button { margin: 0px; } #imStickyBar_imObjectButton_112_wrapper { display: none; } #imStickyBar_imCell_112 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_112 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_112 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleGraphics_112 { box-sizing: border-box; } #imStickyBar_imObjectButton_112_button { margin: 0px; } #imStickyBar_pluginAppObj_114_wrapper { display: none; } #imStickyBar_imCell_114 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_114 { grid-template-rows: [row-content] auto ; } #imStickyBar_pluginAppObj_114 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleGraphics_114 { box-sizing: border-box; } #imStickyBar_imObjectImage_115_wrapper { display: none; } #imStickyBar_imObjectImage_115_wrapper img {-webkit-clip-path: inset(0 0 -29.167% 0);clip-path: inset(0 0 -29.167% 0);}#imStickyBar_imCell_115 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_115 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectImage_115 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleGraphics_115 { box-sizing: border-box; } #imStickyBar_imMenuObject_117_wrapper { position: absolute; top: -1px; inset-inline-start: 276px; width: 40px; height: 43px; text-align: center; z-index: 1016; } #imStickyBar_imCell_117 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_117 { grid-template-rows: [row-content] auto ; } #imStickyBar_imMenuObject_117 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleGraphics_117 { box-sizing: border-box; } /* Main menu background */ #imStickyBar_imMenuObject_117_container { border: solid; border-block-color: transparent transparent; border-inline-color: transparent transparent; border-width: 0px; border-radius: 0px; width: 100%; box-sizing: border-box; background-color: transparent; padding: 0px; display: inline-table;} #imStickyBar_imMenuObject_117_container > ul:after {content: '';display: table;clear: both; } /* Main menu button size and position */ #imStickyBar_imMenuObject_117_container > ul > li {position: relative;margin-inline-start: 0px; margin-top: 0px; display: inline-block; vertical-align: top; } #imStickyBar_imMenuObject_117_container > ul > li > .label-wrapper, #imStickyBar_imMenuObject_117_container > ul > li > div > .label-wrapper { display: block; overflow: hidden; width: 193px; height: 47px; padding-block: 0px; padding-inline: 1px; border-width: 0px; border-radius: 0px; } #imStickyBar_imMenuObject_117_container > ul > li > .label-wrapper:has(:focus-visible), #imStickyBar_imMenuObject_117_container > ul > li > div > .label-wrapper:has(:focus-visible) { overflow: visible; } #imStickyBar_imMenuObject_117 .hamburger-button {cursor: pointer; width: 47px; height: 47px; display: inline-block; vertical-align: top; padding: 0; box-sizing: content-box; border-width: 0px; border-radius: 0px; } #imStickyBar_imMenuObject_117 .hamburger-bar { margin: 5px auto; width: 65%; height: 5px; background-color: rgba(31, 112, 174, 1); display: block; } #imStickyBar_imMenuObject_117 .label-inner-wrapper, #imStickyBar_imMenuObject_117 .hamburger-button > div { display: table; width: 100%; height: 100%; position: relative; z-index: 1; } #imStickyBar_imMenuObject_117_container > ul > li .label, #imStickyBar_imMenuObject_117 .hamburger-button > div > div { display: table-cell; vertical-align: middle; } /* Main menu default button style */ #imStickyBar_imMenuObject_117_container > ul > li > .label-wrapper {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117_container > ul > li > .label-wrapper .label, #imStickyBar_imMenuObject_117_container > ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(31, 112, 174, 1);font-weight: bold;} /* Hamburger button style */ #imStickyBar_imMenuObject_117 .hamburger-button {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117 .hamburger-button .label, #imStickyBar_imMenuObject_117 .hamburger-button button {width: 100%;height: 100%;font-family: Arial;font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(31, 112, 174, 1);font-weight: normal;} /* Main menu current button style */ #imStickyBar_imMenuObject_117_container > ul > .imMnMnCurrent > .label-wrapper {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117_container > ul > .imMnMnCurrent > .label-wrapper .label, #imStickyBar_imMenuObject_117_container > ul > .imMnMnCurrent > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 152, 70, 1);font-weight: bold;} /* Main menu hover button style */ #imStickyBar_imMenuObject_117_container > ul > li.imPage > .label-wrapper.label-wrapper-over {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117_container > ul > li.imPage > .label-wrapper.label-wrapper-over .label, #imStickyBar_imMenuObject_117_container > ul > li.imPage > .label-wrapper.label-wrapper-over button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 152, 70, 1);font-weight: bold;} #imStickyBar_imMenuObject_117_container > ul > li.imPage > .label-wrapper.label-wrapper-over { position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; transition: opacity 0.5s;}#imStickyBar_imMenuObject_117_container > ul > li.imPage > .label-wrapper.label-wrapper-over.animated {z-index: 1; opacity: 1;}#imStickyBar_imMenuObject_117_container > ul > li.imLevel > .label-wrapper.label-wrapper-over {background-color: transparent;background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117_container > ul > li.imLevel > .label-wrapper.label-wrapper-over .label, #imStickyBar_imMenuObject_117_container > ul > li.imLevel > .label-wrapper.label-wrapper-over button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 152, 70, 1);font-weight: bold;} #imStickyBar_imMenuObject_117_container > ul > li.imLevel > .label-wrapper.label-wrapper-over { position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; transition: opacity 0.5s;}#imStickyBar_imMenuObject_117_container > ul > li.imLevel > .label-wrapper.label-wrapper-over.animated {z-index: 1; opacity: 1;}/* Main menu separator button style */ #imStickyBar_imMenuObject_117_container > ul > .imMnMnSeparator > .label-wrapper {background-color: rgba(255, 255, 255, 1);background-image: none;border-block-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-inline-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1); border-style: solid; } #imStickyBar_imMenuObject_117_container > ul > .imMnMnSeparator > .label-wrapper .label, #imStickyBar_imMenuObject_117_container > ul > .imMnMnSeparator > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 0, 0, 1);font-weight: bold;} #imStickyBar_imMenuObject_117 .imLevel { cursor: default; } #imStickyBar_imMenuObject_117-menu-opened .imLevel { cursor: default; } #imStickyBar_imMenuObject_117 { text-align: center; } #imStickyBar_imMenuObject_117 .hidden { display: none; } #imStickyBar_imMenuObject_117-menu-opened { overflow: visible; z-index: 10402; } #imStickyBar_imMenuObject_117-menu-opened ul ul { display: none; } #imStickyBar_imMenuObject_117-menu-opened li > div { display: none; } #imStickyBar_imMenuObject_117-menu-opened #imStickyBar_imMenuObject_117_container-menu-opened div > ul { display: block; } #imStickyBar_imMenuObject_117-menu-opened #imStickyBar_imMenuObject_117_container-menu-opened > ul { position: absolute; inset-inline-end: 0px; inset-inline-start: auto; top: 40px; background-color: rgba(255, 255, 255, 1); overflow-x: hidden; overflow-y: auto; height: calc(100% - 40px); width: 100%; } #imStickyBar_imMenuObject_117-menu-opened .hamburger-menu-close-button { display: block; font-family: Arial; font-size: 30px; text-align: end; padding-block: 5px; padding-inline: 10px; color: rgba(31, 112, 174, 1); } #imStickyBar_imMenuObject_117-menu-opened .hamburger-menu-close-button span { cursor: pointer; } #imStickyBar_imMenuObject_117-menu-opened { position:fixed; top: 0; bottom: 0; inset-inline-end: 0px; width: 310px; border: solid; border-block-color: transparent transparent; border-inline-color: transparent transparent; border-width: 0px; border-radius: 0px; ; } #imPageExtContainer:after{ position: fixed; top: 0; inset-inline-end: 0px; width: 0; height: 0; content: ''; opacity: 0; transition: opacity 1000ms; z-index: 10401;} .menu-imStickyBar_imMenuObject_117-opened #imPageExtContainer:after{ width: 100%; height: 100%; background-color: rgba(243, 243, 243, 1); opacity: 0.6;} .menu-imStickyBar_imMenuObject_117-towards-closing #imPageExtContainer:after { width: 100%; height: 100%; background-color: transparent; opacity: 0.6; transition: background-color 1000ms linear, opacity;} #imStickyBar_imMenuObject_117 .hidden { display: none; } /* Responsive menu button size and position */ #imStickyBar_imMenuObject_117-menu-opened li {position: relative;margin-bottom: 5px; display: inline-block; vertical-align: top; } #imStickyBar_imMenuObject_117-menu-opened li:last-child {margin-bottom: 0px; } #imStickyBar_imMenuObject_117-menu-opened .label-wrapper { display: block; overflow: hidden; position: relative; width: 292px; height: 71px; padding-block: 0px; padding-inline: 9px; } #imStickyBar_imMenuObject_117-menu-opened .label-inner-wrapper { display: table; width: 100%; height: 100%; z-index: 1; position: relative; } #imStickyBar_imMenuObject_117-menu-opened .label { display: table-cell; vertical-align: middle; } #imStickyBar_imMenuObject_117-menu-opened .hamburger-menu-background { position: absolute;display: block;top: 0;bottom: 0;width: 310px;inset-inline-end: 0px; inset-inline-start: auto; background-color: rgba(255, 255, 255, 1);transition: left 500ms, right 500ms, opacity 500ms;} /* Responsive menu default button style */ #imStickyBar_imMenuObject_117-menu-opened ul > li > .label-wrapper {background-color: transparent;background-image: none;} #imStickyBar_imMenuObject_117-menu-opened ul > li > .label-wrapper .label, #imStickyBar_imMenuObject_117-menu-opened ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} #imStickyBar_imMenuObject_117-menu-opened ul ul > li > .label-wrapper {background-color: transparent;background-image: none;} #imStickyBar_imMenuObject_117-menu-opened ul ul > li > .label-wrapper .label, #imStickyBar_imMenuObject_117-menu-opened ul ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} #imStickyBar_imMenuObject_117-menu-opened ul ul ul > li > .label-wrapper {background-color: transparent;background-image: none;} #imStickyBar_imMenuObject_117-menu-opened ul ul ul > li > .label-wrapper .label, #imStickyBar_imMenuObject_117-menu-opened ul ul ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} #imStickyBar_imMenuObject_117-menu-opened ul ul ul ul > li > .label-wrapper {background-color: transparent;background-image: none;} #imStickyBar_imMenuObject_117-menu-opened ul ul ul ul > li > .label-wrapper .label, #imStickyBar_imMenuObject_117-menu-opened ul ul ul ul > li > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} /* Responsive menu hover button style */ #imStickyBar_imMenuObject_117-menu-opened ul > li:hover:not(.imMnMnSeparator) > .label-wrapper {background-color: transparent;background-image: none;} #imStickyBar_imMenuObject_117-menu-opened ul > li:hover:not(.imMnMnSeparator) > .label-wrapper .label, #imStickyBar_imMenuObject_117-menu-opened ul > li:hover:not(.imMnMnSeparator) > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(0, 189, 102, 1);font-weight: bold;} /* Responsive menu current button style */ #imStickyBar_imMenuObject_117-menu-opened #imStickyBar_imMenuObject_117_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper {background-color: transparent;background-image: none;} #imStickyBar_imMenuObject_117-menu-opened #imStickyBar_imMenuObject_117_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper .label, #imStickyBar_imMenuObject_117-menu-opened #imStickyBar_imMenuObject_117_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(0, 189, 102, 1);font-weight: bold;} #imStickyBar_imMenuObject_117-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper {background-color: transparent;background-image: none;} #imStickyBar_imMenuObject_117-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper .label, #imStickyBar_imMenuObject_117-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(0, 189, 102, 1);font-weight: bold;} /* Responsive menu separator button style */ #imStickyBar_imMenuObject_117-menu-opened ul > .imMnMnSeparator > .label-wrapper {background-color: transparent;background-image: none;} #imStickyBar_imMenuObject_117-menu-opened ul > .imMnMnSeparator > .label-wrapper .label, #imStickyBar_imMenuObject_117-menu-opened ul > .imMnMnSeparator > .label-wrapper button {width: 100%;height: 100%;font-family: Arial;font-size: 12pt;font-style: normal;text-decoration: none;text-align: start; color: rgba(31, 112, 174, 1);font-weight: bold;} /* Responsive menu separation line style */ #imStickyBar_imMenuObject_117-menu-opened ul li::after {display: block; position: relative; height: 0; content: ''; width: 100%; inset-inline-start: 0%; border-block-width: 1px 0px; border-inline-width: 0px; border-color: rgba(8, 156, 68, 1); border-style: solid; } #imStickyBar_imMenuObject_117-menu-opened { transform: translate3d(310px, 0 ,0); transition: transform 1000ms;} #imStickyBar_imMenuObject_117-menu-opened.animated { transform: translate3d(0, 0, 0);} #imStickyBar_imObjectButton_118_wrapper { display: none; } #imStickyBar_imCell_118 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_118 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_118 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleGraphics_118 { box-sizing: border-box; } #imStickyBar_imObjectButton_118_button { margin: 0px; } #imStickyBar_imObjectButton_119_wrapper { position: absolute; top: 4px; inset-inline-start: 81px; width: 168px; height: 39px; text-align: center; z-index: 1018; } #imStickyBar_imCell_119 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; } #imStickyBar_imCell_119 { grid-template-rows: [row-content] auto ; } #imStickyBar_imObjectButton_119 { padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0px; padding-inline-end: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imStickyBar_imCellStyleGraphics_119 { box-sizing: border-box; } #imStickyBar_imObjectButton_119_button { margin: 0px; } } #imPage.without-id_animation-in-progress { overflow: hidden }