#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 auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto 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_1 { display: grid; grid-column: 1 / 15; grid-row: 2 / 3; } #imCell_2 { display: grid; grid-column: 1 / 15; grid-row: 3 / 4; } #imCell_3 { display: grid; grid-column: 1 / 15; grid-row: 4 / 5; } #imCell_4 { 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_18 { display: grid; grid-column: 1 / 15; grid-row: 19 / 20; } #imCell_19 { display: grid; grid-column: 1 / 15; grid-row: 20 / 21; } #imCell_20 { display: grid; grid-column: 1 / 15; grid-row: 21 / 22; } #imCell_21 { display: grid; grid-column: 1 / 15; grid-row: 22 / 23; } #imCell_22 { display: grid; grid-column: 1 / 15; grid-row: 23 / 24; } #imCell_23 { display: grid; grid-column: 1 / 15; grid-row: 24 / 25; } #imCell_24 { display: grid; grid-column: 1 / 15; grid-row: 25 / 26; } #imCell_25 { display: grid; grid-column: 1 / 15; grid-row: 26 / 27; } #imCell_26 { display: grid; grid-column: 1 / 15; grid-row: 27 / 28; } #imCell_27 { display: grid; grid-column: 1 / 15; grid-row: 28 / 29; } #imCell_28 { display: grid; grid-column: 1 / 15; grid-row: 29 / 30; } #imCell_29 { display: grid; grid-column: 1 / 15; grid-row: 30 / 31; } #imCell_30 { display: grid; grid-column: 1 / 15; grid-row: 31 / 32; } #imCell_31 { display: grid; grid-column: 1 / 15; grid-row: 32 / 33; } #imCell_33 { display: grid; grid-column: 1 / 15; grid-row: 33 / 34; } #imCell_34 { display: grid; grid-column: 1 / 15; grid-row: 34 / 35; } #imCell_35 { display: grid; grid-column: 1 / 15; grid-row: 35 / 36; } #imCell_36 { display: grid; grid-column: 1 / 15; grid-row: 36 / 37; } #imCell_37 { display: grid; grid-column: 1 / 15; grid-row: 37 / 38; } #imCell_32 { display: grid; grid-column: 1 / 15; grid-row: 38 / 39; } #imCell_38 { display: grid; grid-column: 1 / 15; grid-row: 39 / 40; } #imCell_39 { display: grid; grid-column: 1 / 15; grid-row: 40 / 41; } #imCell_40 { display: grid; grid-column: 1 / 15; grid-row: 41 / 42; } #imCell_41 { display: grid; grid-column: 1 / 15; grid-row: 42 / 43; } #imCell_42 { display: grid; grid-column: 1 / 15; grid-row: 43 / 44; } #imCell_43 { display: grid; grid-column: 1 / 15; grid-row: 44 / 45; } #imCell_44 { display: grid; grid-column: 1 / 15; grid-row: 45 / 46; } #imCell_46 { display: grid; grid-column: 1 / 15; grid-row: 46 / 47; } #imCell_47 { display: grid; grid-column: 1 / 15; grid-row: 47 / 48; } #imCell_48 { display: grid; grid-column: 1 / 15; grid-row: 48 / 49; } #imCell_49 { display: grid; grid-column: 1 / 15; grid-row: 49 / 50; } #imCell_50 { display: grid; grid-column: 1 / 15; grid-row: 50 / 51; } #imCell_51 { display: grid; grid-column: 1 / 15; grid-row: 51 / 52; } #imCell_52 { display: grid; grid-column: 1 / 15; grid-row: 52 / 53; } #imCell_53 { display: grid; grid-column: 1 / 15; grid-row: 53 / 54; } #imCell_54 { display: grid; grid-column: 1 / 15; grid-row: 54 / 55; } #imCell_45 { display: grid; grid-column: 1 / 15; grid-row: 55 / 56; } #imCell_55 { display: grid; grid-column: 1 / 15; grid-row: 56 / 57; } #imCell_56 { display: grid; grid-column: 1 / 15; grid-row: 57 / 58; } #imCell_57 { display: grid; grid-column: 1 / 15; grid-row: 58 / 59; } #imCell_58 { display: grid; grid-column: 1 / 15; grid-row: 59 / 60; } #imCell_59 { display: grid; grid-column: 1 / 15; grid-row: 60 / 61; } #imCell_60 { display: grid; grid-column: 1 / 15; grid-row: 61 / 62; } #imCell_61 { display: grid; grid-column: 1 / 15; grid-row: 62 / 63; } #imCell_62 { display: grid; grid-column: 1 / 15; grid-row: 63 / 64; } #imCell_63 { display: grid; grid-column: 1 / 15; grid-row: 64 / 65; } #imCell_64 { display: grid; grid-column: 1 / 15; grid-row: 65 / 66; } #imCell_65 { display: grid; grid-column: 1 / 15; grid-row: 66 / 67; } #imCell_66 { display: grid; grid-column: 1 / 15; grid-row: 67 / 68; } #imCell_67 { display: grid; grid-column: 1 / 15; grid-row: 68 / 69; } #imCell_68 { display: grid; grid-column: 1 / 15; grid-row: 69 / 70; } #imCell_69 { display: grid; grid-column: 1 / 15; grid-row: 70 / 71; } #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; } #imPageRow_23 { display: block; grid-column: 2 / 14; grid-row: 24 / 25; } #imPageRow_24 { display: block; grid-column: 2 / 14; grid-row: 25 / 26; } #imPageRow_25 { display: block; grid-column: 2 / 14; grid-row: 26 / 27; } #imPageRow_26 { display: block; grid-column: 2 / 14; grid-row: 27 / 28; } #imPageRow_27 { display: block; grid-column: 2 / 14; grid-row: 28 / 29; } #imPageRow_28 { display: block; grid-column: 2 / 14; grid-row: 29 / 30; } #imPageRow_29 { display: block; grid-column: 2 / 14; grid-row: 30 / 31; } #imPageRow_30 { display: block; grid-column: 2 / 14; grid-row: 31 / 32; } #imPageRow_31 { display: block; grid-column: 2 / 14; grid-row: 32 / 33; } #imPageRow_32 { display: block; grid-column: 2 / 14; grid-row: 33 / 34; } #imPageRow_33 { display: block; grid-column: 2 / 14; grid-row: 34 / 35; } #imPageRow_34 { display: block; grid-column: 2 / 14; grid-row: 35 / 36; } #imPageRow_35 { display: block; grid-column: 2 / 14; grid-row: 36 / 37; } #imPageRow_36 { display: block; grid-column: 2 / 14; grid-row: 37 / 38; } #imPageRow_37 { display: block; grid-column: 2 / 14; grid-row: 38 / 39; } #imPageRow_38 { display: block; grid-column: 2 / 14; grid-row: 39 / 40; } #imPageRow_39 { display: block; grid-column: 2 / 14; grid-row: 40 / 41; } #imPageRow_40 { display: block; grid-column: 2 / 14; grid-row: 41 / 42; } #imPageRow_41 { display: block; grid-column: 2 / 14; grid-row: 42 / 43; } #imPageRow_42 { display: block; grid-column: 2 / 14; grid-row: 43 / 44; } #imPageRow_43 { display: block; grid-column: 2 / 14; grid-row: 44 / 45; } #imPageRow_44 { display: block; grid-column: 2 / 14; grid-row: 45 / 46; } #imPageRow_45 { display: block; grid-column: 2 / 14; grid-row: 46 / 47; } #imPageRow_46 { display: block; grid-column: 2 / 14; grid-row: 47 / 48; } #imPageRow_47 { display: block; grid-column: 2 / 14; grid-row: 48 / 49; } #imPageRow_48 { display: block; grid-column: 2 / 14; grid-row: 49 / 50; } #imPageRow_49 { display: block; grid-column: 2 / 14; grid-row: 50 / 51; } #imPageRow_50 { display: block; grid-column: 2 / 14; grid-row: 51 / 52; } #imPageRow_51 { display: block; grid-column: 2 / 14; grid-row: 52 / 53; } #imPageRow_52 { display: block; grid-column: 2 / 14; grid-row: 53 / 54; } #imPageRow_53 { display: block; grid-column: 2 / 14; grid-row: 54 / 55; } #imPageRow_54 { display: block; grid-column: 2 / 14; grid-row: 55 / 56; } #imPageRow_55 { display: block; grid-column: 2 / 14; grid-row: 56 / 57; } #imPageRow_56 { display: block; grid-column: 2 / 14; grid-row: 57 / 58; } #imPageRow_57 { display: block; grid-column: 2 / 14; grid-row: 58 / 59; } #imPageRow_58 { display: block; grid-column: 2 / 14; grid-row: 59 / 60; } #imPageRow_59 { display: block; grid-column: 2 / 14; grid-row: 60 / 61; } #imPageRow_60 { display: block; grid-column: 2 / 14; grid-row: 61 / 62; } #imPageRow_61 { display: block; grid-column: 2 / 14; grid-row: 62 / 63; } #imPageRow_62 { display: block; grid-column: 2 / 14; grid-row: 63 / 64; } #imPageRow_63 { display: block; grid-column: 2 / 14; grid-row: 64 / 65; } #imPageRow_64 { display: block; grid-column: 2 / 14; grid-row: 65 / 66; } #imPageRow_65 { display: block; grid-column: 2 / 14; grid-row: 66 / 67; } #imPageRow_66 { display: block; grid-column: 2 / 14; grid-row: 67 / 68; } #imPageRow_67 { display: block; grid-column: 2 / 14; grid-row: 68 / 69; } #imPageRow_68 { display: block; grid-column: 2 / 14; grid-row: 69 / 70; } #imPageRow_69 { display: block; grid-column: 2 / 14; grid-row: 70 / 71; } @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 auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto 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_1 { display: grid; grid-column: 1 / 15; grid-row: 2 / 3; } #imCell_2 { display: grid; grid-column: 1 / 15; grid-row: 3 / 4; } #imCell_3 { display: grid; grid-column: 1 / 15; grid-row: 4 / 5; } #imCell_4 { 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_18 { display: grid; grid-column: 1 / 15; grid-row: 19 / 20; } #imCell_19 { display: grid; grid-column: 1 / 15; grid-row: 20 / 21; } #imCell_20 { display: grid; grid-column: 1 / 15; grid-row: 21 / 22; } #imCell_21 { display: grid; grid-column: 1 / 15; grid-row: 22 / 23; } #imCell_22 { display: grid; grid-column: 1 / 15; grid-row: 23 / 24; } #imCell_23 { display: grid; grid-column: 1 / 15; grid-row: 24 / 25; } #imCell_24 { display: grid; grid-column: 1 / 15; grid-row: 25 / 26; } #imCell_25 { display: grid; grid-column: 1 / 15; grid-row: 26 / 27; } #imCell_26 { display: grid; grid-column: 1 / 15; grid-row: 27 / 28; } #imCell_27 { display: grid; grid-column: 1 / 15; grid-row: 28 / 29; } #imCell_28 { display: grid; grid-column: 1 / 15; grid-row: 29 / 30; } #imCell_29 { display: grid; grid-column: 1 / 15; grid-row: 30 / 31; } #imCell_30 { display: grid; grid-column: 1 / 15; grid-row: 31 / 32; } #imCell_31 { display: grid; grid-column: 1 / 15; grid-row: 32 / 33; } #imCell_33 { display: grid; grid-column: 1 / 15; grid-row: 33 / 34; } #imCell_34 { display: grid; grid-column: 1 / 15; grid-row: 34 / 35; } #imCell_35 { display: grid; grid-column: 1 / 15; grid-row: 35 / 36; } #imCell_36 { display: grid; grid-column: 1 / 15; grid-row: 36 / 37; } #imCell_37 { display: grid; grid-column: 1 / 15; grid-row: 37 / 38; } #imCell_32 { display: grid; grid-column: 1 / 15; grid-row: 38 / 39; } #imCell_38 { display: grid; grid-column: 1 / 15; grid-row: 39 / 40; } #imCell_39 { display: grid; grid-column: 1 / 15; grid-row: 40 / 41; } #imCell_40 { display: grid; grid-column: 1 / 15; grid-row: 41 / 42; } #imCell_41 { display: grid; grid-column: 1 / 15; grid-row: 42 / 43; } #imCell_42 { display: grid; grid-column: 1 / 15; grid-row: 43 / 44; } #imCell_43 { display: grid; grid-column: 1 / 15; grid-row: 44 / 45; } #imCell_44 { display: grid; grid-column: 1 / 15; grid-row: 45 / 46; } #imCell_46 { display: grid; grid-column: 1 / 15; grid-row: 46 / 47; } #imCell_47 { display: grid; grid-column: 1 / 15; grid-row: 47 / 48; } #imCell_48 { display: grid; grid-column: 1 / 15; grid-row: 48 / 49; } #imCell_49 { display: grid; grid-column: 1 / 15; grid-row: 49 / 50; } #imCell_50 { display: grid; grid-column: 1 / 15; grid-row: 50 / 51; } #imCell_51 { display: grid; grid-column: 1 / 15; grid-row: 51 / 52; } #imCell_52 { display: grid; grid-column: 1 / 15; grid-row: 52 / 53; } #imCell_53 { display: grid; grid-column: 1 / 15; grid-row: 53 / 54; } #imCell_54 { display: grid; grid-column: 1 / 15; grid-row: 54 / 55; } #imCell_45 { display: grid; grid-column: 1 / 15; grid-row: 55 / 56; } #imCell_55 { display: grid; grid-column: 1 / 15; grid-row: 56 / 57; } #imCell_56 { display: grid; grid-column: 1 / 15; grid-row: 57 / 58; } #imCell_57 { display: grid; grid-column: 1 / 15; grid-row: 58 / 59; } #imCell_58 { display: grid; grid-column: 1 / 15; grid-row: 59 / 60; } #imCell_59 { display: grid; grid-column: 1 / 15; grid-row: 60 / 61; } #imCell_60 { display: grid; grid-column: 1 / 15; grid-row: 61 / 62; } #imCell_61 { display: grid; grid-column: 1 / 15; grid-row: 62 / 63; } #imCell_62 { display: grid; grid-column: 1 / 15; grid-row: 63 / 64; } #imCell_63 { display: grid; grid-column: 1 / 15; grid-row: 64 / 65; } #imCell_64 { display: grid; grid-column: 1 / 15; grid-row: 65 / 66; } #imCell_65 { display: grid; grid-column: 1 / 15; grid-row: 66 / 67; } #imCell_66 { display: grid; grid-column: 1 / 15; grid-row: 67 / 68; } #imCell_67 { display: grid; grid-column: 1 / 15; grid-row: 68 / 69; } #imCell_68 { display: grid; grid-column: 1 / 15; grid-row: 69 / 70; } #imCell_69 { display: grid; grid-column: 1 / 15; grid-row: 70 / 71; } #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; } #imPageRow_23 { display: block; grid-column: 2 / 14; grid-row: 24 / 25; } #imPageRow_24 { display: block; grid-column: 2 / 14; grid-row: 25 / 26; } #imPageRow_25 { display: block; grid-column: 2 / 14; grid-row: 26 / 27; } #imPageRow_26 { display: block; grid-column: 2 / 14; grid-row: 27 / 28; } #imPageRow_27 { display: block; grid-column: 2 / 14; grid-row: 28 / 29; } #imPageRow_28 { display: block; grid-column: 2 / 14; grid-row: 29 / 30; } #imPageRow_29 { display: block; grid-column: 2 / 14; grid-row: 30 / 31; } #imPageRow_30 { display: block; grid-column: 2 / 14; grid-row: 31 / 32; } #imPageRow_31 { display: block; grid-column: 2 / 14; grid-row: 32 / 33; } #imPageRow_32 { display: block; grid-column: 2 / 14; grid-row: 33 / 34; } #imPageRow_33 { display: block; grid-column: 2 / 14; grid-row: 34 / 35; } #imPageRow_34 { display: block; grid-column: 2 / 14; grid-row: 35 / 36; } #imPageRow_35 { display: block; grid-column: 2 / 14; grid-row: 36 / 37; } #imPageRow_36 { display: block; grid-column: 2 / 14; grid-row: 37 / 38; } #imPageRow_37 { display: block; grid-column: 2 / 14; grid-row: 38 / 39; } #imPageRow_38 { display: block; grid-column: 2 / 14; grid-row: 39 / 40; } #imPageRow_39 { display: block; grid-column: 2 / 14; grid-row: 40 / 41; } #imPageRow_40 { display: block; grid-column: 2 / 14; grid-row: 41 / 42; } #imPageRow_41 { display: block; grid-column: 2 / 14; grid-row: 42 / 43; } #imPageRow_42 { display: block; grid-column: 2 / 14; grid-row: 43 / 44; } #imPageRow_43 { display: block; grid-column: 2 / 14; grid-row: 44 / 45; } #imPageRow_44 { display: block; grid-column: 2 / 14; grid-row: 45 / 46; } #imPageRow_45 { display: block; grid-column: 2 / 14; grid-row: 46 / 47; } #imPageRow_46 { display: block; grid-column: 2 / 14; grid-row: 47 / 48; } #imPageRow_47 { display: block; grid-column: 2 / 14; grid-row: 48 / 49; } #imPageRow_48 { display: block; grid-column: 2 / 14; grid-row: 49 / 50; } #imPageRow_49 { display: block; grid-column: 2 / 14; grid-row: 50 / 51; } #imPageRow_50 { display: block; grid-column: 2 / 14; grid-row: 51 / 52; } #imPageRow_51 { display: block; grid-column: 2 / 14; grid-row: 52 / 53; } #imPageRow_52 { display: block; grid-column: 2 / 14; grid-row: 53 / 54; } #imPageRow_53 { display: block; grid-column: 2 / 14; grid-row: 54 / 55; } #imPageRow_54 { display: block; grid-column: 2 / 14; grid-row: 55 / 56; } #imPageRow_55 { display: block; grid-column: 2 / 14; grid-row: 56 / 57; } #imPageRow_56 { display: block; grid-column: 2 / 14; grid-row: 57 / 58; } #imPageRow_57 { display: block; grid-column: 2 / 14; grid-row: 58 / 59; } #imPageRow_58 { display: block; grid-column: 2 / 14; grid-row: 59 / 60; } #imPageRow_59 { display: block; grid-column: 2 / 14; grid-row: 60 / 61; } #imPageRow_60 { display: block; grid-column: 2 / 14; grid-row: 61 / 62; } #imPageRow_61 { display: block; grid-column: 2 / 14; grid-row: 62 / 63; } #imPageRow_62 { display: block; grid-column: 2 / 14; grid-row: 63 / 64; } #imPageRow_63 { display: block; grid-column: 2 / 14; grid-row: 64 / 65; } #imPageRow_64 { display: block; grid-column: 2 / 14; grid-row: 65 / 66; } #imPageRow_65 { display: block; grid-column: 2 / 14; grid-row: 66 / 67; } #imPageRow_66 { display: block; grid-column: 2 / 14; grid-row: 67 / 68; } #imPageRow_67 { display: block; grid-column: 2 / 14; grid-row: 68 / 69; } #imPageRow_68 { display: block; grid-column: 2 / 14; grid-row: 69 / 70; } #imPageRow_69 { display: block; grid-column: 2 / 14; grid-row: 70 / 71; } } @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 auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto 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_1 { display: grid; grid-column: 1 / 15; grid-row: 2 / 3; } #imCell_2 { display: grid; grid-column: 1 / 15; grid-row: 3 / 4; } #imCell_3 { display: grid; grid-column: 1 / 15; grid-row: 4 / 5; } #imCell_4 { 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_18 { display: grid; grid-column: 1 / 15; grid-row: 19 / 20; } #imCell_19 { display: grid; grid-column: 1 / 15; grid-row: 20 / 21; } #imCell_20 { display: grid; grid-column: 1 / 15; grid-row: 21 / 22; } #imCell_21 { display: grid; grid-column: 1 / 15; grid-row: 22 / 23; } #imCell_22 { display: grid; grid-column: 1 / 15; grid-row: 23 / 24; } #imCell_23 { display: grid; grid-column: 1 / 15; grid-row: 24 / 25; } #imCell_24 { display: grid; grid-column: 1 / 15; grid-row: 25 / 26; } #imCell_25 { display: grid; grid-column: 1 / 15; grid-row: 26 / 27; } #imCell_26 { display: grid; grid-column: 1 / 15; grid-row: 27 / 28; } #imCell_27 { display: grid; grid-column: 1 / 15; grid-row: 28 / 29; } #imCell_28 { display: grid; grid-column: 1 / 15; grid-row: 29 / 30; } #imCell_29 { display: grid; grid-column: 1 / 15; grid-row: 30 / 31; } #imCell_30 { display: grid; grid-column: 1 / 15; grid-row: 31 / 32; } #imCell_31 { display: grid; grid-column: 1 / 15; grid-row: 32 / 33; } #imCell_33 { display: grid; grid-column: 1 / 15; grid-row: 33 / 34; } #imCell_34 { display: grid; grid-column: 1 / 15; grid-row: 34 / 35; } #imCell_35 { display: grid; grid-column: 1 / 15; grid-row: 35 / 36; } #imCell_36 { display: grid; grid-column: 1 / 15; grid-row: 36 / 37; } #imCell_37 { display: grid; grid-column: 1 / 15; grid-row: 37 / 38; } #imCell_32 { display: grid; grid-column: 1 / 15; grid-row: 38 / 39; } #imCell_38 { display: grid; grid-column: 1 / 15; grid-row: 39 / 40; } #imCell_39 { display: grid; grid-column: 1 / 15; grid-row: 40 / 41; } #imCell_40 { display: grid; grid-column: 1 / 15; grid-row: 41 / 42; } #imCell_41 { display: grid; grid-column: 1 / 15; grid-row: 42 / 43; } #imCell_42 { display: grid; grid-column: 1 / 15; grid-row: 43 / 44; } #imCell_43 { display: grid; grid-column: 1 / 15; grid-row: 44 / 45; } #imCell_44 { display: grid; grid-column: 1 / 15; grid-row: 45 / 46; } #imCell_46 { display: grid; grid-column: 1 / 15; grid-row: 46 / 47; } #imCell_47 { display: grid; grid-column: 1 / 15; grid-row: 47 / 48; } #imCell_48 { display: grid; grid-column: 1 / 15; grid-row: 48 / 49; } #imCell_49 { display: grid; grid-column: 1 / 15; grid-row: 49 / 50; } #imCell_50 { display: grid; grid-column: 1 / 15; grid-row: 50 / 51; } #imCell_51 { display: grid; grid-column: 1 / 15; grid-row: 51 / 52; } #imCell_52 { display: grid; grid-column: 1 / 15; grid-row: 52 / 53; } #imCell_53 { display: grid; grid-column: 1 / 15; grid-row: 53 / 54; } #imCell_54 { display: grid; grid-column: 1 / 15; grid-row: 54 / 55; } #imCell_45 { display: grid; grid-column: 1 / 15; grid-row: 55 / 56; } #imCell_55 { display: grid; grid-column: 1 / 15; grid-row: 56 / 57; } #imCell_56 { display: grid; grid-column: 1 / 15; grid-row: 57 / 58; } #imCell_57 { display: grid; grid-column: 1 / 15; grid-row: 58 / 59; } #imCell_58 { display: grid; grid-column: 1 / 15; grid-row: 59 / 60; } #imCell_59 { display: grid; grid-column: 1 / 15; grid-row: 60 / 61; } #imCell_60 { display: grid; grid-column: 1 / 15; grid-row: 61 / 62; } #imCell_61 { display: grid; grid-column: 1 / 15; grid-row: 62 / 63; } #imCell_62 { display: grid; grid-column: 1 / 15; grid-row: 63 / 64; } #imCell_63 { display: grid; grid-column: 1 / 15; grid-row: 64 / 65; } #imCell_64 { display: grid; grid-column: 1 / 15; grid-row: 65 / 66; } #imCell_65 { display: grid; grid-column: 1 / 15; grid-row: 66 / 67; } #imCell_66 { display: grid; grid-column: 1 / 15; grid-row: 67 / 68; } #imCell_67 { display: grid; grid-column: 1 / 15; grid-row: 68 / 69; } #imCell_68 { display: grid; grid-column: 1 / 15; grid-row: 69 / 70; } #imCell_69 { display: grid; grid-column: 1 / 15; grid-row: 70 / 71; } #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; } #imPageRow_23 { display: block; grid-column: 2 / 14; grid-row: 24 / 25; } #imPageRow_24 { display: block; grid-column: 2 / 14; grid-row: 25 / 26; } #imPageRow_25 { display: block; grid-column: 2 / 14; grid-row: 26 / 27; } #imPageRow_26 { display: block; grid-column: 2 / 14; grid-row: 27 / 28; } #imPageRow_27 { display: block; grid-column: 2 / 14; grid-row: 28 / 29; } #imPageRow_28 { display: block; grid-column: 2 / 14; grid-row: 29 / 30; } #imPageRow_29 { display: block; grid-column: 2 / 14; grid-row: 30 / 31; } #imPageRow_30 { display: block; grid-column: 2 / 14; grid-row: 31 / 32; } #imPageRow_31 { display: block; grid-column: 2 / 14; grid-row: 32 / 33; } #imPageRow_32 { display: block; grid-column: 2 / 14; grid-row: 33 / 34; } #imPageRow_33 { display: block; grid-column: 2 / 14; grid-row: 34 / 35; } #imPageRow_34 { display: block; grid-column: 2 / 14; grid-row: 35 / 36; } #imPageRow_35 { display: block; grid-column: 2 / 14; grid-row: 36 / 37; } #imPageRow_36 { display: block; grid-column: 2 / 14; grid-row: 37 / 38; } #imPageRow_37 { display: block; grid-column: 2 / 14; grid-row: 38 / 39; } #imPageRow_38 { display: block; grid-column: 2 / 14; grid-row: 39 / 40; } #imPageRow_39 { display: block; grid-column: 2 / 14; grid-row: 40 / 41; } #imPageRow_40 { display: block; grid-column: 2 / 14; grid-row: 41 / 42; } #imPageRow_41 { display: block; grid-column: 2 / 14; grid-row: 42 / 43; } #imPageRow_42 { display: block; grid-column: 2 / 14; grid-row: 43 / 44; } #imPageRow_43 { display: block; grid-column: 2 / 14; grid-row: 44 / 45; } #imPageRow_44 { display: block; grid-column: 2 / 14; grid-row: 45 / 46; } #imPageRow_45 { display: block; grid-column: 2 / 14; grid-row: 46 / 47; } #imPageRow_46 { display: block; grid-column: 2 / 14; grid-row: 47 / 48; } #imPageRow_47 { display: block; grid-column: 2 / 14; grid-row: 48 / 49; } #imPageRow_48 { display: block; grid-column: 2 / 14; grid-row: 49 / 50; } #imPageRow_49 { display: block; grid-column: 2 / 14; grid-row: 50 / 51; } #imPageRow_50 { display: block; grid-column: 2 / 14; grid-row: 51 / 52; } #imPageRow_51 { display: block; grid-column: 2 / 14; grid-row: 52 / 53; } #imPageRow_52 { display: block; grid-column: 2 / 14; grid-row: 53 / 54; } #imPageRow_53 { display: block; grid-column: 2 / 14; grid-row: 54 / 55; } #imPageRow_54 { display: block; grid-column: 2 / 14; grid-row: 55 / 56; } #imPageRow_55 { display: block; grid-column: 2 / 14; grid-row: 56 / 57; } #imPageRow_56 { display: block; grid-column: 2 / 14; grid-row: 57 / 58; } #imPageRow_57 { display: block; grid-column: 2 / 14; grid-row: 58 / 59; } #imPageRow_58 { display: block; grid-column: 2 / 14; grid-row: 59 / 60; } #imPageRow_59 { display: block; grid-column: 2 / 14; grid-row: 60 / 61; } #imPageRow_60 { display: block; grid-column: 2 / 14; grid-row: 61 / 62; } #imPageRow_61 { display: block; grid-column: 2 / 14; grid-row: 62 / 63; } #imPageRow_62 { display: block; grid-column: 2 / 14; grid-row: 63 / 64; } #imPageRow_63 { display: block; grid-column: 2 / 14; grid-row: 64 / 65; } #imPageRow_64 { display: block; grid-column: 2 / 14; grid-row: 65 / 66; } #imPageRow_65 { display: block; grid-column: 2 / 14; grid-row: 66 / 67; } #imPageRow_66 { display: block; grid-column: 2 / 14; grid-row: 67 / 68; } #imPageRow_67 { display: block; grid-column: 2 / 14; grid-row: 68 / 69; } #imPageRow_68 { display: block; grid-column: 2 / 14; grid-row: 69 / 70; } #imPageRow_69 { display: block; grid-column: 2 / 14; grid-row: 70 / 71; } } @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 auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto 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_1 { display: grid; grid-column: 1 / 15; grid-row: 2 / 3; } #imCell_2 { display: grid; grid-column: 1 / 15; grid-row: 3 / 4; } #imCell_3 { display: grid; grid-column: 1 / 15; grid-row: 4 / 5; } #imCell_4 { 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_18 { display: grid; grid-column: 1 / 15; grid-row: 19 / 20; } #imCell_19 { display: grid; grid-column: 1 / 15; grid-row: 20 / 21; } #imCell_20 { display: grid; grid-column: 1 / 15; grid-row: 21 / 22; } #imCell_21 { display: grid; grid-column: 1 / 15; grid-row: 22 / 23; } #imCell_22 { display: grid; grid-column: 1 / 15; grid-row: 23 / 24; } #imCell_23 { display: grid; grid-column: 1 / 15; grid-row: 24 / 25; } #imCell_24 { display: grid; grid-column: 1 / 15; grid-row: 25 / 26; } #imCell_25 { display: grid; grid-column: 1 / 15; grid-row: 26 / 27; } #imCell_26 { display: grid; grid-column: 1 / 15; grid-row: 27 / 28; } #imCell_27 { display: grid; grid-column: 1 / 15; grid-row: 28 / 29; } #imCell_28 { display: grid; grid-column: 1 / 15; grid-row: 29 / 30; } #imCell_29 { display: grid; grid-column: 1 / 15; grid-row: 30 / 31; } #imCell_30 { display: grid; grid-column: 1 / 15; grid-row: 31 / 32; } #imCell_31 { display: grid; grid-column: 1 / 15; grid-row: 32 / 33; } #imCell_33 { display: grid; grid-column: 1 / 15; grid-row: 33 / 34; } #imCell_34 { display: grid; grid-column: 1 / 15; grid-row: 34 / 35; } #imCell_35 { display: grid; grid-column: 1 / 15; grid-row: 35 / 36; } #imCell_36 { display: grid; grid-column: 1 / 15; grid-row: 36 / 37; } #imCell_37 { display: grid; grid-column: 1 / 15; grid-row: 37 / 38; } #imCell_32 { display: grid; grid-column: 1 / 15; grid-row: 38 / 39; } #imCell_38 { display: grid; grid-column: 1 / 15; grid-row: 39 / 40; } #imCell_39 { display: grid; grid-column: 1 / 15; grid-row: 40 / 41; } #imCell_40 { display: grid; grid-column: 1 / 15; grid-row: 41 / 42; } #imCell_41 { display: grid; grid-column: 1 / 15; grid-row: 42 / 43; } #imCell_42 { display: grid; grid-column: 1 / 15; grid-row: 43 / 44; } #imCell_43 { display: grid; grid-column: 1 / 15; grid-row: 44 / 45; } #imCell_44 { display: grid; grid-column: 1 / 15; grid-row: 45 / 46; } #imCell_46 { display: grid; grid-column: 1 / 15; grid-row: 46 / 47; } #imCell_47 { display: grid; grid-column: 1 / 15; grid-row: 47 / 48; } #imCell_48 { display: grid; grid-column: 1 / 15; grid-row: 48 / 49; } #imCell_49 { display: grid; grid-column: 1 / 15; grid-row: 49 / 50; } #imCell_50 { display: grid; grid-column: 1 / 15; grid-row: 50 / 51; } #imCell_51 { display: grid; grid-column: 1 / 15; grid-row: 51 / 52; } #imCell_52 { display: grid; grid-column: 1 / 15; grid-row: 52 / 53; } #imCell_53 { display: grid; grid-column: 1 / 15; grid-row: 53 / 54; } #imCell_54 { display: grid; grid-column: 1 / 15; grid-row: 54 / 55; } #imCell_45 { display: grid; grid-column: 1 / 15; grid-row: 55 / 56; } #imCell_55 { display: grid; grid-column: 1 / 15; grid-row: 56 / 57; } #imCell_56 { display: grid; grid-column: 1 / 15; grid-row: 57 / 58; } #imCell_57 { display: grid; grid-column: 1 / 15; grid-row: 58 / 59; } #imCell_58 { display: grid; grid-column: 1 / 15; grid-row: 59 / 60; } #imCell_59 { display: grid; grid-column: 1 / 15; grid-row: 60 / 61; } #imCell_60 { display: grid; grid-column: 1 / 15; grid-row: 61 / 62; } #imCell_61 { display: grid; grid-column: 1 / 15; grid-row: 62 / 63; } #imCell_62 { display: grid; grid-column: 1 / 15; grid-row: 63 / 64; } #imCell_63 { display: grid; grid-column: 1 / 15; grid-row: 64 / 65; } #imCell_64 { display: grid; grid-column: 1 / 15; grid-row: 65 / 66; } #imCell_65 { display: grid; grid-column: 1 / 15; grid-row: 66 / 67; } #imCell_66 { display: grid; grid-column: 1 / 15; grid-row: 67 / 68; } #imCell_67 { display: grid; grid-column: 1 / 15; grid-row: 68 / 69; } #imCell_68 { display: grid; grid-column: 1 / 15; grid-row: 69 / 70; } #imCell_69 { display: grid; grid-column: 1 / 15; grid-row: 70 / 71; } #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; } #imPageRow_23 { display: block; grid-column: 2 / 14; grid-row: 24 / 25; } #imPageRow_24 { display: block; grid-column: 2 / 14; grid-row: 25 / 26; } #imPageRow_25 { display: block; grid-column: 2 / 14; grid-row: 26 / 27; } #imPageRow_26 { display: block; grid-column: 2 / 14; grid-row: 27 / 28; } #imPageRow_27 { display: block; grid-column: 2 / 14; grid-row: 28 / 29; } #imPageRow_28 { display: block; grid-column: 2 / 14; grid-row: 29 / 30; } #imPageRow_29 { display: block; grid-column: 2 / 14; grid-row: 30 / 31; } #imPageRow_30 { display: block; grid-column: 2 / 14; grid-row: 31 / 32; } #imPageRow_31 { display: block; grid-column: 2 / 14; grid-row: 32 / 33; } #imPageRow_32 { display: block; grid-column: 2 / 14; grid-row: 33 / 34; } #imPageRow_33 { display: block; grid-column: 2 / 14; grid-row: 34 / 35; } #imPageRow_34 { display: block; grid-column: 2 / 14; grid-row: 35 / 36; } #imPageRow_35 { display: block; grid-column: 2 / 14; grid-row: 36 / 37; } #imPageRow_36 { display: block; grid-column: 2 / 14; grid-row: 37 / 38; } #imPageRow_37 { display: block; grid-column: 2 / 14; grid-row: 38 / 39; } #imPageRow_38 { display: block; grid-column: 2 / 14; grid-row: 39 / 40; } #imPageRow_39 { display: block; grid-column: 2 / 14; grid-row: 40 / 41; } #imPageRow_40 { display: block; grid-column: 2 / 14; grid-row: 41 / 42; } #imPageRow_41 { display: block; grid-column: 2 / 14; grid-row: 42 / 43; } #imPageRow_42 { display: block; grid-column: 2 / 14; grid-row: 43 / 44; } #imPageRow_43 { display: block; grid-column: 2 / 14; grid-row: 44 / 45; } #imPageRow_44 { display: block; grid-column: 2 / 14; grid-row: 45 / 46; } #imPageRow_45 { display: block; grid-column: 2 / 14; grid-row: 46 / 47; } #imPageRow_46 { display: block; grid-column: 2 / 14; grid-row: 47 / 48; } #imPageRow_47 { display: block; grid-column: 2 / 14; grid-row: 48 / 49; } #imPageRow_48 { display: block; grid-column: 2 / 14; grid-row: 49 / 50; } #imPageRow_49 { display: block; grid-column: 2 / 14; grid-row: 50 / 51; } #imPageRow_50 { display: block; grid-column: 2 / 14; grid-row: 51 / 52; } #imPageRow_51 { display: block; grid-column: 2 / 14; grid-row: 52 / 53; } #imPageRow_52 { display: block; grid-column: 2 / 14; grid-row: 53 / 54; } #imPageRow_53 { display: block; grid-column: 2 / 14; grid-row: 54 / 55; } #imPageRow_54 { display: block; grid-column: 2 / 14; grid-row: 55 / 56; } #imPageRow_55 { display: block; grid-column: 2 / 14; grid-row: 56 / 57; } #imPageRow_56 { display: block; grid-column: 2 / 14; grid-row: 57 / 58; } #imPageRow_57 { display: block; grid-column: 2 / 14; grid-row: 58 / 59; } #imPageRow_58 { display: block; grid-column: 2 / 14; grid-row: 59 / 60; } #imPageRow_59 { display: block; grid-column: 2 / 14; grid-row: 60 / 61; } #imPageRow_60 { display: block; grid-column: 2 / 14; grid-row: 61 / 62; } #imPageRow_61 { display: block; grid-column: 2 / 14; grid-row: 62 / 63; } #imPageRow_62 { display: block; grid-column: 2 / 14; grid-row: 63 / 64; } #imPageRow_63 { display: block; grid-column: 2 / 14; grid-row: 64 / 65; } #imPageRow_64 { display: block; grid-column: 2 / 14; grid-row: 65 / 66; } #imPageRow_65 { display: block; grid-column: 2 / 14; grid-row: 66 / 67; } #imPageRow_66 { display: block; grid-column: 2 / 14; grid-row: 67 / 68; } #imPageRow_67 { display: block; grid-column: 2 / 14; grid-row: 68 / 69; } #imPageRow_68 { display: block; grid-column: 2 / 14; grid-row: 69 / 70; } #imPageRow_69 { display: block; grid-column: 2 / 14; grid-row: 70 / 71; } } #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_1 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_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; } /* ========================================================= VARIABILI GRAFICHE MENU PAGINE ISOLAMENTO ACUSTICO MILANO PAGINA PAVIMENTO ========================================================= */ .smil-pages-menu { --smil-white: #ffffff; --smil-blue-dark: #073b5c; --smil-blue: #075f82; --smil-blue-light: #287fb3; --smil-teal: #12aaa0; --smil-teal-light: #38c7bd; --smil-orange: #ff8500; --smil-green: #18b957; --smil-text: #24343d; --smil-title: #073b5c; --smil-muted: #60717a; --smil-border: #d9e4e8; --smil-aqua-soft: #dcf5f3; --smil-page-soft: #f4f8fa; --smil-shadow-small: 0 8px 22px rgba(7, 59, 92, 0.18); } /* ========================================================= BOX SIZING ========================================================= */ .smil-pages-menu, .smil-pages-menu *, .smil-pages-menu *::before, .smil-pages-menu *::after { box-sizing: border-box; } /* ========================================================= CONTENITORE PRINCIPALE ========================================================= */ .smil-pages-menu { position: relative !important; z-index: 100 !important; isolation: isolate; width: 100%; color: var(--smil-text); background: var(--smil-white); border-top: 1px solid var(--smil-border); border-bottom: 1px solid var(--smil-border); box-shadow: var(--smil-shadow-small); overflow: visible !important; pointer-events: auto !important; } .smil-pages-menu__container { position: relative; width: min(100% - 32px, 1580px); margin-inline: auto; display: grid; grid-template-columns: minmax(250px, 300px) minmax(0, 1fr); align-items: stretch; pointer-events: auto !important; } /* ========================================================= MARCHIO E CONTESTO LOCALE ========================================================= */ .smil-pages-menu__brand { position: relative; min-width: 0; min-height: 105px; padding: 12px 18px; display: flex !important; align-items: center; justify-content: center; gap: 14px; color: var(--smil-title) !important; background: var(--smil-white) !important; border: 0 !important; border-right: 1px solid var(--smil-border) !important; border-radius: 0 !important; text-decoration: none !important; cursor: pointer; pointer-events: auto !important; } .smil-pages-menu__brand:hover, .smil-pages-menu__brand:focus, .smil-pages-menu__brand:active, .smil-pages-menu__brand:visited { color: var(--smil-title) !important; background: var(--smil-white) !important; text-decoration: none !important; } .smil-pages-menu__logo { display: block; width: 94px; max-width: 43%; height: auto; object-fit: contain; } .smil-pages-menu__brand-text { min-width: 0; } .smil-pages-menu__brand-text small { display: block; margin-bottom: 4px; color: var(--smil-teal) !important; font-size: 0.59rem; font-weight: 900; letter-spacing: 0.055em; line-height: 1.3; text-transform: uppercase; } .smil-pages-menu__brand-text strong { display: block; color: var(--smil-title) !important; font-size: 0.83rem; font-weight: 900; line-height: 1.3; } /* ========================================================= AREA SERVIZI ========================================================= */ .smil-pages-menu__services { min-width: 0; padding: 7px 0 10px 14px; } .smil-pages-menu__context { margin: 0 0 6px; padding: 0 3px; display: flex; align-items: center; gap: 7px; color: var(--smil-title); font-size: 0.61rem; line-height: 1.3; } .smil-pages-menu__context > span { width: 25px; height: 25px; flex: 0 0 25px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-orange); border-radius: 7px; font-size: 0.56rem; font-weight: 950; } .smil-pages-menu__context strong { color: var(--smil-title); font-size: 0.63rem; font-weight: 900; letter-spacing: 0.025em; text-transform: uppercase; } /* ========================================================= ELENCO DELLE PAGINE ========================================================= */ .smil-pages-menu__list { min-width: 0; margin: 0 !important; padding: 0 !important; display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)); align-items: stretch; gap: 8px; list-style: none !important; pointer-events: auto !important; } .smil-pages-menu__item { min-width: 0; margin: 0 !important; padding: 0 !important; display: flex !important; list-style: none !important; pointer-events: auto !important; } /* ========================================================= COLLEGAMENTI ========================================================= */ .smil-pages-menu__link { position: relative; width: 100%; min-width: 0; min-height: 72px; padding: 9px 10px; display: grid !important; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 9px; color: var(--smil-title) !important; background: var(--smil-page-soft) !important; border: 1px solid var(--smil-border) !important; border-radius: 12px !important; text-decoration: none !important; cursor: pointer !important; pointer-events: auto !important; opacity: 1 !important; visibility: visible !important; transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, box-shadow 180ms ease; } .smil-pages-menu__link:hover, .smil-pages-menu__link:focus, .smil-pages-menu__link:active { color: var(--smil-title) !important; background: var(--smil-white) !important; border-color: var(--smil-teal-light) !important; text-decoration: none !important; transform: translateY(-2px); box-shadow: var(--smil-shadow-small); } .smil-pages-menu__link:visited { color: var(--smil-title) !important; } /* ========================================================= PAGINA ATTUALE: PAVIMENTO 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 { color: var(--smil-white) !important; background: linear-gradient( 135deg, var(--smil-blue-dark) 0%, var(--smil-blue) 62%, var(--smil-teal-light) 100% ) !important; border-color: var(--smil-blue) !important; box-shadow: var(--smil-shadow-small); } /* ========================================================= BADGE ========================================================= */ .smil-pages-menu__badge { width: 32px; height: 32px; flex: 0 0 32px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white) !important; background: var(--smil-teal); border-radius: 9px; font-size: 0.63rem; font-weight: 950; line-height: 1; } /* COLORI DELLE SINGOLE VOCI */ .smil-pages-menu__item:nth-child(2) .smil-pages-menu__badge { background: var(--smil-blue-light); } .smil-pages-menu__item:nth-child(3) .smil-pages-menu__badge { background: var(--smil-blue); } .smil-pages-menu__item:nth-child(4) .smil-pages-menu__badge { background: var(--smil-orange); } .smil-pages-menu__item:nth-child(5) .smil-pages-menu__badge { background: var(--smil-green); } .smil-pages-menu__item:nth-child(6) .smil-pages-menu__badge { background: var(--smil-teal-light); } /* * Il badge della pagina corrente rimane arancione. * La regola è posizionata dopo i colori delle singole voci * per impedirne la sovrascrittura. */ .smil-pages-menu__item .smil-pages-menu__link--current .smil-pages-menu__badge { background: var(--smil-orange) !important; } /* ========================================================= TESTI DELLE VOCI ========================================================= */ .smil-pages-menu__copy { min-width: 0; } .smil-pages-menu__copy strong { display: block; margin-bottom: 3px; color: var(--smil-title) !important; font-size: 0.67rem; font-weight: 900; line-height: 1.27; overflow-wrap: anywhere; } .smil-pages-menu__copy small { display: block; color: var(--smil-muted) !important; font-size: 0.55rem; line-height: 1.31; overflow-wrap: anywhere; } .smil-pages-menu__link--current .smil-pages-menu__copy strong { color: var(--smil-white) !important; } .smil-pages-menu__link--current .smil-pages-menu__copy small { color: var(--smil-aqua-soft) !important; } /* ========================================================= ACCESSIBILITÀ ========================================================= */ .smil-pages-menu a:focus-visible { outline: 3px solid var(--smil-orange) !important; 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-inline: 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 { width: min(100% - 24px, 900px); padding-block: 10px; grid-template-columns: 1fr; gap: 8px; } .smil-pages-menu__brand { min-height: 66px; padding: 7px 13px; justify-content: flex-start; border: 1px solid var(--smil-border) !important; border-radius: 12px !important; } .smil-pages-menu__logo { width: 86px; max-width: 110px; } .smil-pages-menu__services { padding: 0; } .smil-pages-menu__context { padding-inline: 2px; } .smil-pages-menu__list { grid-template-columns: repeat(3, minmax(0, 1fr)); } } /* ========================================================= SMARTPHONE ========================================================= */ @media (max-width: 650px) { .smil-pages-menu__container { width: min(100% - 20px, 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: 6px 9px; background: var(--smil-aqua-soft); border: 1px solid var(--smil-border); border-radius: 10px; } .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: 1fr; } .smil-pages-menu__link { min-height: 62px; } .smil-pages-menu__copy strong { font-size: 0.71rem; } .smil-pages-menu__copy small { font-size: 0.59rem; } } /* ========================================================= RIDUZIONE DEL MOVIMENTO ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-pages-menu__link { transition: none; } .smil-pages-menu__link:hover { transform: none; } }#imCell_2 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_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; } /* ========================================================= BLOCCO 1 HERO – ISOLAMENTO ACUSTICO PAVIMENTO MILANO ========================================================= */ .smil-floor-hero, .smil-floor-hero *, .smil-floor-hero *::before, .smil-floor-hero *::after { box-sizing: border-box; } .smil-floor-hero { --smil-floor-dark: #073844; --smil-floor-dark-deep: #052b35; --smil-floor-blue: #007c91; --smil-floor-turquoise: #00bfa6; --smil-floor-turquoise-light: #78e4d6; --smil-floor-orange: #f28a2e; --smil-floor-orange-dark: #d66d0e; --smil-floor-white: #ffffff; --smil-floor-soft: #e9fbf8; --smil-floor-text: #173441; --smil-floor-muted: #506b75; position: relative; isolation: isolate; width: 100%; overflow: hidden; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color: var(--smil-floor-white); background: radial-gradient( circle at 86% 13%, rgba(0, 191, 166, 0.22) 0, rgba(0, 191, 166, 0) 31% ), radial-gradient( circle at 7% 88%, rgba(242, 138, 46, 0.13) 0, rgba(242, 138, 46, 0) 28% ), linear-gradient( 135deg, var(--smil-floor-dark-deep) 0%, var(--smil-floor-dark) 48%, #075467 100% ); padding: clamp(44px, 6vw, 82px) 20px; } .smil-floor-hero__container { position: relative; z-index: 2; width: min(1220px, 100%); margin: 0 auto; } .smil-floor-hero__grid { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(380px, 0.92fr); gap: clamp(34px, 5vw, 70px); align-items: center; } .smil-floor-hero__content, .smil-floor-hero__visual { min-width: 0; } /* ========================================================= ETICHETTA SUPERIORE ========================================================= */ .smil-floor-hero__eyebrow { display: inline-flex; align-items: center; gap: 9px; max-width: 100%; margin: 0 0 18px; padding: 8px 14px; color: #d8fffa; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(120, 228, 214, 0.28); border-radius: 999px; font-size: 0.91rem; font-weight: 750; line-height: 1.35; letter-spacing: 0.015em; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08); backdrop-filter: blur(8px); } .smil-floor-hero__eyebrow-icon { display: inline-grid; place-items: center; flex: 0 0 auto; width: 22px; height: 22px; color: var(--smil-floor-turquoise-light); } .smil-floor-hero__eyebrow-icon svg { display: block; width: 100%; height: 100%; } /* ========================================================= H1 E TESTO PRINCIPALE ========================================================= */ .smil-floor-hero__title { max-width: 780px; margin: 0; color: var(--smil-floor-white); font-size: clamp(2.35rem, 5.25vw, 4.75rem); font-weight: 850; line-height: 1.02; letter-spacing: -0.045em; text-wrap: balance; } .smil-floor-hero__title span { display: block; margin-top: 5px; color: var(--smil-floor-turquoise-light); } .smil-floor-hero__lead { max-width: 770px; margin: 25px 0 0; color: #f5ffff; font-size: clamp(1.08rem, 1.7vw, 1.31rem); line-height: 1.63; } .smil-floor-hero__lead strong { color: var(--smil-floor-white); font-weight: 800; } .smil-floor-hero__description { max-width: 760px; margin: 13px 0 0; color: rgba(238, 255, 252, 0.84); font-size: clamp(1rem, 1.4vw, 1.12rem); line-height: 1.66; } .smil-floor-hero__description strong { color: #d0fff8; font-weight: 780; } /* ========================================================= RISPOSTA DIRETTA SEO / GEO ========================================================= */ .smil-floor-hero__answer { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 15px; max-width: 790px; margin: 25px 0 0; padding: 19px 20px; color: var(--smil-floor-text); background: rgba(255, 255, 255, 0.97); border: 1px solid rgba(120, 228, 214, 0.38); border-left: 5px solid var(--smil-floor-orange); border-radius: 18px; box-shadow: 0 15px 38px rgba(0, 0, 0, 0.18); } .smil-floor-hero__answer-icon { display: grid; place-items: center; width: 46px; height: 46px; color: var(--smil-floor-orange-dark); background: #fff2e5; border-radius: 14px; } .smil-floor-hero__answer-icon svg { width: 26px; height: 26px; } .smil-floor-hero__answer-content { min-width: 0; } .smil-floor-hero__answer-content > strong { display: block; margin: 1px 0 6px; color: var(--smil-floor-dark); font-size: 1.06rem; font-weight: 850; line-height: 1.35; } .smil-floor-hero__answer-content p { margin: 0; color: #405a65; font-size: 0.98rem; line-height: 1.6; } .smil-floor-hero__answer-content p strong { color: var(--smil-floor-dark); font-weight: 800; } /* ========================================================= PROBLEMI PRINCIPALI ========================================================= */ .smil-floor-hero__problems { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 11px; max-width: 800px; margin: 22px 0 0; } .smil-floor-hero__problem { display: flex; align-items: flex-start; gap: 10px; min-width: 0; padding: 14px; background: rgba(255, 255, 255, 0.075); border: 1px solid rgba(255, 255, 255, 0.13); border-radius: 15px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.07); } .smil-floor-hero__problem-icon { display: grid; place-items: center; flex: 0 0 auto; width: 34px; height: 34px; color: var(--smil-floor-turquoise-light); background: rgba(0, 191, 166, 0.14); border: 1px solid rgba(120, 228, 214, 0.22); border-radius: 10px; } .smil-floor-hero__problem-icon svg { width: 20px; height: 20px; } .smil-floor-hero__problem div { min-width: 0; } .smil-floor-hero__problem strong { display: block; margin: 0 0 4px; color: var(--smil-floor-white); font-size: 0.91rem; font-weight: 800; line-height: 1.3; } .smil-floor-hero__problem p { margin: 0; color: rgba(234, 255, 251, 0.74); font-size: 0.81rem; line-height: 1.45; } /* ========================================================= PULSANTI ========================================================= */ .smil-floor-hero__actions { display: flex; flex-wrap: wrap; align-items: stretch; gap: 12px; margin: 25px 0 0; } .smil-floor-hero__primary-button, .smil-floor-hero__phone-button { text-decoration: none; transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease, border-color 180ms ease; } .smil-floor-hero__primary-button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 58px; padding: 14px 22px; color: var(--smil-floor-white); background: linear-gradient( 135deg, var(--smil-floor-orange) 0%, var(--smil-floor-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 14px; font-size: 1rem; font-weight: 850; line-height: 1.2; box-shadow: 0 13px 29px rgba(214, 109, 14, 0.3); } .smil-floor-hero__primary-button svg { display: block; width: 21px; height: 21px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-hero__phone-button { display: inline-flex; align-items: center; gap: 11px; min-height: 58px; padding: 10px 17px; color: var(--smil-floor-white); background: rgba(255, 255, 255, 0.075); border: 1px solid rgba(255, 255, 255, 0.21); border-radius: 14px; box-shadow: 0 11px 27px rgba(0, 0, 0, 0.11); } .smil-floor-hero__phone-icon { display: grid; place-items: center; flex: 0 0 auto; width: 37px; height: 37px; color: var(--smil-floor-turquoise-light); background: rgba(0, 191, 166, 0.13); border-radius: 11px; } .smil-floor-hero__phone-icon svg { width: 20px; height: 20px; } .smil-floor-hero__phone-text { display: block; } .smil-floor-hero__phone-text small { display: block; margin-bottom: 1px; color: rgba(238, 255, 252, 0.71); font-size: 0.72rem; font-weight: 650; line-height: 1.2; } .smil-floor-hero__phone-text strong { display: block; color: var(--smil-floor-white); font-size: 1.08rem; font-weight: 850; line-height: 1.2; white-space: nowrap; } .smil-floor-hero__primary-button:hover, .smil-floor-hero__phone-button:hover { transform: translateY(-2px); } .smil-floor-hero__primary-button:hover { box-shadow: 0 17px 34px rgba(214, 109, 14, 0.37); } .smil-floor-hero__primary-button:hover svg { transform: translateX(3px); } .smil-floor-hero__phone-button:hover { background: rgba(255, 255, 255, 0.12); border-color: rgba(120, 228, 214, 0.38); } .smil-floor-hero__primary-button:focus-visible, .smil-floor-hero__phone-button:focus-visible { outline: 3px solid var(--smil-floor-turquoise-light); outline-offset: 4px; } .smil-floor-hero__contact-note { max-width: 720px; margin: 13px 0 0; color: rgba(233, 255, 251, 0.73); font-size: 0.86rem; line-height: 1.55; } .smil-floor-hero__contact-note strong { color: #e3fffb; font-weight: 750; } /* ========================================================= IMMAGINE ========================================================= */ .smil-floor-hero__visual { position: relative; } .smil-floor-hero__figure { margin: 0; } .smil-floor-hero__image-wrapper { position: relative; overflow: hidden; aspect-ratio: 3 / 2; background: #dce8e8; border: 1px solid rgba(255, 255, 255, 0.24); border-radius: 27px; box-shadow: 0 30px 65px rgba(0, 0, 0, 0.31), 0 0 0 8px rgba(255, 255, 255, 0.045); } .smil-floor-hero__image { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .smil-floor-hero__image-shade { position: absolute; inset: 0; pointer-events: none; background: linear-gradient( 180deg, rgba(5, 43, 53, 0.02) 42%, rgba(5, 43, 53, 0.78) 100% ); } .smil-floor-hero__image-badge { position: absolute; right: 18px; bottom: 17px; left: 18px; display: flex; align-items: center; gap: 11px; padding: 12px 14px; color: var(--smil-floor-white); background: rgba(5, 43, 53, 0.85); border: 1px solid rgba(255, 255, 255, 0.19); border-radius: 15px; box-shadow: 0 11px 25px rgba(0, 0, 0, 0.19); backdrop-filter: blur(8px); } .smil-floor-hero__image-badge-icon { display: grid; place-items: center; flex: 0 0 auto; width: 38px; height: 38px; color: var(--smil-floor-dark-deep); background: var(--smil-floor-turquoise-light); border-radius: 11px; } .smil-floor-hero__image-badge-icon svg { width: 22px; height: 22px; } .smil-floor-hero__image-badge span:last-child { min-width: 0; } .smil-floor-hero__image-badge small { display: block; margin-bottom: 1px; color: rgba(238, 255, 252, 0.71); font-size: 0.73rem; font-weight: 650; line-height: 1.2; } .smil-floor-hero__image-badge strong { display: block; color: var(--smil-floor-white); font-size: 1rem; font-weight: 850; line-height: 1.25; } .smil-floor-hero__caption { margin: 15px 7px 0; color: rgba(232, 255, 251, 0.72); font-size: 0.87rem; line-height: 1.55; } /* ========================================================= FASCIA FIDUCIA ========================================================= */ .smil-floor-hero__trust { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 18px 0 0; padding: 15px 8px; background: rgba(255, 255, 255, 0.07); border: 1px solid rgba(255, 255, 255, 0.13); border-radius: 17px; box-shadow: 0 12px 29px rgba(0, 0, 0, 0.1); } .smil-floor-hero__trust-item { min-width: 0; padding: 3px 12px; text-align: center; } .smil-floor-hero__trust-item + .smil-floor-hero__trust-item { border-left: 1px solid rgba(255, 255, 255, 0.15); } .smil-floor-hero__trust-item strong { display: block; margin: 0 0 3px; color: var(--smil-floor-turquoise-light); font-size: 1rem; font-weight: 850; line-height: 1.2; } .smil-floor-hero__trust-item span { display: block; color: rgba(239, 255, 252, 0.76); font-size: 0.75rem; font-weight: 600; line-height: 1.35; } /* ========================================================= DECORAZIONI ========================================================= */ .smil-floor-hero__decoration { position: absolute; z-index: 0; pointer-events: none; border-radius: 50%; filter: blur(1px); } .smil-floor-hero__decoration--one { top: -170px; right: -150px; width: 420px; height: 420px; border: 1px solid rgba(120, 228, 214, 0.12); } .smil-floor-hero__decoration--two { bottom: -240px; left: -190px; width: 520px; height: 520px; border: 1px solid rgba(242, 138, 46, 0.1); } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1050px) { .smil-floor-hero__grid { grid-template-columns: minmax(0, 1fr); gap: 43px; } .smil-floor-hero__content { max-width: 850px; margin: 0 auto; } .smil-floor-hero__visual { width: min(760px, 100%); margin: 0 auto; } .smil-floor-hero__title { max-width: 820px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 720px) { .smil-floor-hero { padding: 38px 14px 45px; } .smil-floor-hero__title { font-size: clamp(2.15rem, 10.8vw, 3.25rem); line-height: 1.04; } .smil-floor-hero__lead { margin-top: 21px; font-size: 1.08rem; } .smil-floor-hero__description { font-size: 0.99rem; } .smil-floor-hero__answer { grid-template-columns: 40px minmax(0, 1fr); gap: 12px; padding: 16px; border-radius: 16px; } .smil-floor-hero__answer-icon { width: 40px; height: 40px; border-radius: 12px; } .smil-floor-hero__answer-icon svg { width: 23px; height: 23px; } .smil-floor-hero__problems { grid-template-columns: minmax(0, 1fr); } .smil-floor-hero__problem { padding: 14px 15px; } .smil-floor-hero__problem p { font-size: 0.86rem; } .smil-floor-hero__actions { display: grid; grid-template-columns: minmax(0, 1fr); } .smil-floor-hero__primary-button, .smil-floor-hero__phone-button { width: 100%; } .smil-floor-hero__phone-button { justify-content: center; } .smil-floor-hero__contact-note { text-align: center; } .smil-floor-hero__image-wrapper { border-radius: 21px; } .smil-floor-hero__image-badge { right: 12px; bottom: 12px; left: 12px; } .smil-floor-hero__caption { margin-right: 3px; margin-left: 3px; } } /* ========================================================= SMARTPHONE PICCOLI ========================================================= */ @media (max-width: 460px) { .smil-floor-hero__eyebrow { width: 100%; justify-content: center; border-radius: 14px; text-align: center; } .smil-floor-hero__answer { grid-template-columns: minmax(0, 1fr); } .smil-floor-hero__answer-icon { width: 38px; height: 38px; } .smil-floor-hero__trust { grid-template-columns: minmax(0, 1fr); gap: 0; padding: 6px 14px; } .smil-floor-hero__trust-item { padding: 11px 4px; } .smil-floor-hero__trust-item + .smil-floor-hero__trust-item { border-top: 1px solid rgba(255, 255, 255, 0.15); border-left: 0; } .smil-floor-hero__image-badge { align-items: flex-start; } .smil-floor-hero__image-badge-icon { width: 34px; height: 34px; } } /* ========================================================= ACCESSIBILITÀ – RIDUZIONE MOVIMENTI ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-floor-hero__primary-button, .smil-floor-hero__phone-button, .smil-floor-hero__primary-button svg { transition: none; } }#imCell_3 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_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; } /* ========================================================= INDICE ISOLAMENTO ACUSTICO PAVIMENTO MILANO ========================================================= */ .smil-indice-pavimento { --smil-ip-dark: #082f3b; --smil-ip-teal: #087f8c; --smil-ip-turquoise: #17c3b2; --smil-ip-orange: #f28a2e; --smil-ip-white: #ffffff; --smil-ip-grey: #f2f4f5; --smil-ip-grey-light: #f8fafb; --smil-ip-text: #263f47; --smil-ip-muted: #647980; --smil-ip-border: #dce5e7; width: 100%; padding: clamp(34px, 4.5vw, 56px) 20px; background: var(--smil-ip-white); color: var(--smil-ip-text); scroll-margin-top: 20px; } .smil-indice-pavimento *, .smil-indice-pavimento *::before, .smil-indice-pavimento *::after { box-sizing: border-box; } .smil-indice-pavimento__container { width: min(1160px, 100%); margin: 0 auto; padding: clamp(22px, 3.5vw, 34px); border: 1px solid var(--smil-ip-border); border-left: 5px solid var(--smil-ip-turquoise); border-radius: 10px; background: var(--smil-ip-grey); box-shadow: 0 12px 32px rgba(8, 47, 59, 0.07); } /* ========================================================= HEADER ========================================================= */ .smil-indice-pavimento__header { max-width: 860px; margin-bottom: 25px; text-align: left; } .smil-indice-pavimento__eyebrow { display: inline-block; margin-bottom: 7px; color: var(--smil-ip-teal); font-size: 11px; font-weight: 900; line-height: 1.4; letter-spacing: 0.075em; text-transform: uppercase; } .smil-indice-pavimento__header h2 { margin: 0; color: var(--smil-ip-dark); font-size: clamp(22px, 2.7vw, 32px); font-weight: 850; line-height: 1.22; letter-spacing: -0.025em; text-align: left; } .smil-indice-pavimento__header p { max-width: 800px; margin: 10px 0 0; color: var(--smil-ip-muted); font-size: 14px; line-height: 1.65; text-align: left; } /* ========================================================= ELENCO ========================================================= */ .smil-indice-pavimento__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px 14px; margin: 0; padding: 0; list-style: none; } .smil-indice-pavimento__list li { min-width: 0; margin: 0; padding: 0; } .smil-indice-pavimento__list a { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 11px; align-items: center; min-height: 66px; padding: 10px 13px; border: 1px solid var(--smil-ip-border); border-radius: 8px; background: var(--smil-ip-grey-light); color: var(--smil-ip-text); font-size: 14px; line-height: 1.4; text-align: left; text-decoration: none; transition: transform 170ms ease, border-color 170ms ease, background-color 170ms ease, box-shadow 170ms ease; } .smil-indice-pavimento__list a:hover { transform: translateY(-2px); border-color: rgba(8, 127, 140, 0.38); background: var(--smil-ip-white); box-shadow: 0 9px 21px rgba(8, 47, 59, 0.08); } .smil-indice-pavimento__list a:focus-visible { outline: 3px solid rgba(23, 195, 178, 0.28); outline-offset: 3px; } /* ========================================================= NUMERI ========================================================= */ .smil-indice-pavimento__number { display: inline-flex; width: 35px; height: 35px; flex: 0 0 35px; align-items: center; justify-content: center; border-radius: 7px; background: rgba(23, 195, 178, 0.12); color: var(--smil-ip-teal); font-size: 10px; font-weight: 900; line-height: 1; transition: background-color 170ms ease, color 170ms ease; } .smil-indice-pavimento__list a:hover .smil-indice-pavimento__number { background: var(--smil-ip-turquoise); color: var(--smil-ip-dark); } /* ========================================================= TESTI ========================================================= */ .smil-indice-pavimento__copy { min-width: 0; } .smil-indice-pavimento__copy strong { display: block; color: var(--smil-ip-dark); font-size: 14px; font-weight: 820; line-height: 1.38; } .smil-indice-pavimento__copy small { display: block; margin-top: 2px; color: var(--smil-ip-muted); font-size: 11px; font-weight: 500; line-height: 1.4; } /* ========================================================= FRECCIA ========================================================= */ .smil-indice-pavimento__arrow { display: inline-flex; width: 25px; height: 25px; align-items: center; justify-content: center; border-radius: 50%; background: var(--smil-ip-white); color: var(--smil-ip-teal); font-size: 14px; font-weight: 900; line-height: 1; transition: transform 170ms ease, background-color 170ms ease, color 170ms ease; } .smil-indice-pavimento__list a:hover .smil-indice-pavimento__arrow { transform: translateX(3px); background: var(--smil-ip-teal); color: var(--smil-ip-white); } /* ========================================================= CTA FINALE DELL’INDICE ========================================================= */ .smil-indice-pavimento__item--contact a { border-color: rgba(242, 138, 46, 0.34); background: rgba(242, 138, 46, 0.1); } .smil-indice-pavimento__item--contact .smil-indice-pavimento__number { background: var(--smil-ip-orange); color: var(--smil-ip-white); } .smil-indice-pavimento__item--contact .smil-indice-pavimento__copy strong { color: #d66d0e; } .smil-indice-pavimento__item--contact .smil-indice-pavimento__arrow { color: #d66d0e; } .smil-indice-pavimento__item--contact a:hover { border-color: var(--smil-ip-orange); background: var(--smil-ip-white); } .smil-indice-pavimento__item--contact a:hover .smil-indice-pavimento__number, .smil-indice-pavimento__item--contact a:hover .smil-indice-pavimento__arrow { background: var(--smil-ip-orange); color: var(--smil-ip-white); } /* ========================================================= DESTINAZIONI DI SCORRIMENTO ========================================================= */ #quando-serve-isolamento-acustico-pavimento, #come-insonorizzare-pavimento-appartamento, #origine-rumore-pavimento, #isolamento-acustico-pavimento-esistente, #intervenire-senza-demolizione-pavimento, #porte-soglie-quote-pavimento, #isolamento-pavimento-rumori-piano-inferiore, #isolamento-rumori-calpestio-vibrazioni-pavimento, #soluzioni-insonorizzazione-pavimenti-milano, #sistemi-galleggianti-pavimento-milano, #metodo-sorgedil-pavimento-milano, #sopralluogo-analitico-progetto-pavimento-milano, #spessori-finiture-vincoli-pavimento-milano, #errori-isolamento-acustico-pavimento-milano, #costo-isolamento-acustico-pavimento-milano, #isolamento-acustico-pavimento-milano-provincia, #perche-scegliere-sorgedil-pavimento-milano, #domande-frequenti-isolamento-acustico-pavimento-milano, #richiedi-valutazione-pavimento-milano { scroll-margin-top: 20px; } /* ========================================================= RESPONSIVE ========================================================= */ @media (max-width: 820px) { .smil-indice-pavimento__list { grid-template-columns: 1fr; } } @media (max-width: 560px) { .smil-indice-pavimento { padding: 27px 14px 35px; } .smil-indice-pavimento__container { padding: 20px 15px; border-left-width: 4px; } .smil-indice-pavimento__header { margin-bottom: 19px; } .smil-indice-pavimento__header h2 { font-size: 22px; } .smil-indice-pavimento__header p { font-size: 14px; } .smil-indice-pavimento__list a { min-height: 62px; padding: 9px 10px; gap: 9px; } .smil-indice-pavimento__number { width: 32px; height: 32px; flex-basis: 32px; } .smil-indice-pavimento__copy strong { font-size: 13px; } .smil-indice-pavimento__copy small { font-size: 10px; } .smil-indice-pavimento__arrow { width: 23px; height: 23px; } } /* ========================================================= RIDUZIONE DEL MOVIMENTO ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-indice-pavimento__list a, .smil-indice-pavimento__number, .smil-indice-pavimento__arrow { transition: none; } .smil-indice-pavimento__list a:hover, .smil-indice-pavimento__list a:hover .smil-indice-pavimento__arrow { transform: none; } }#imCell_4 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_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; } /* ========================================================= BLOCCO 2 QUANDO SERVE L’ISOLAMENTO ACUSTICO DEL PAVIMENTO ========================================================= */ .smil-floor-need, .smil-floor-need *, .smil-floor-need *::before, .smil-floor-need *::after { box-sizing: border-box; } .smil-floor-need { --smil-need-dark: #073844; --smil-need-dark-deep: #052b35; --smil-need-blue: #087c8f; --smil-need-turquoise: #00a991; --smil-need-turquoise-light: #dff8f4; --smil-need-orange: #f28a2e; --smil-need-orange-soft: #fff1e4; --smil-need-white: #ffffff; --smil-need-bg: #f4faf9; --smil-need-bg-alt: #eaf7f5; --smil-need-text: #183640; --smil-need-muted: #567079; --smil-need-border: #cfe6e3; position: relative; width: 100%; overflow: hidden; padding: clamp(58px, 7vw, 96px) 20px; color: var(--smil-need-text); background: radial-gradient( circle at 96% 5%, rgba(0, 169, 145, 0.09) 0, rgba(0, 169, 145, 0) 28% ), radial-gradient( circle at 2% 95%, rgba(242, 138, 46, 0.07) 0, rgba(242, 138, 46, 0) 25% ), var(--smil-need-bg); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-need__container { width: min(1220px, 100%); margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-floor-need__header { max-width: 850px; margin: 0 auto; text-align: center; } .smil-floor-need__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 13px; padding: 7px 13px; color: var(--smil-need-blue); background: #e3f7f3; border: 1px solid #c6ebe5; border-radius: 999px; font-size: 0.86rem; font-weight: 800; line-height: 1.35; letter-spacing: 0.025em; text-transform: uppercase; } .smil-floor-need__title { margin: 0; color: var(--smil-need-dark); font-size: clamp(2rem, 4.25vw, 3.55rem); font-weight: 850; line-height: 1.08; letter-spacing: -0.035em; text-wrap: balance; } .smil-floor-need__intro { max-width: 810px; margin: 20px auto 0; color: var(--smil-need-muted); font-size: clamp(1.04rem, 1.6vw, 1.18rem); line-height: 1.72; } .smil-floor-need__intro strong { color: var(--smil-need-dark); font-weight: 800; } /* ========================================================= RISPOSTA DIRETTA SEO / GEO ========================================================= */ .smil-floor-need__direct-answer { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 16px; width: min(920px, 100%); margin: 32px auto 0; padding: 20px 22px; background: var(--smil-need-white); border: 1px solid var(--smil-need-border); border-left: 5px solid var(--smil-need-orange); border-radius: 18px; box-shadow: 0 16px 38px rgba(7, 56, 68, 0.09); } .smil-floor-need__direct-icon { display: grid; place-items: center; width: 52px; height: 52px; color: var(--smil-need-blue); background: var(--smil-need-turquoise-light); border-radius: 15px; } .smil-floor-need__direct-icon svg { display: block; width: 27px; height: 27px; } .smil-floor-need__direct-content { min-width: 0; } .smil-floor-need__direct-content > strong { display: block; margin: 1px 0 6px; color: var(--smil-need-dark); font-size: 1.08rem; font-weight: 850; line-height: 1.35; } .smil-floor-need__direct-content p { margin: 0; color: #4c666f; font-size: 0.98rem; line-height: 1.66; } .smil-floor-need__direct-content p strong { color: var(--smil-need-dark); font-weight: 800; } /* ========================================================= GRIGLIA DELLE TRE CARD ========================================================= */ .smil-floor-need__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin: 42px 0 0; } .smil-floor-need__card { position: relative; display: flex; flex-direction: column; min-width: 0; overflow: hidden; padding: 25px; background: var(--smil-need-white); border: 1px solid var(--smil-need-border); border-radius: 22px; box-shadow: 0 15px 37px rgba(7, 56, 68, 0.075); transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease; } .smil-floor-need__card::before { content: ""; position: absolute; top: 0; right: 0; left: 0; height: 5px; background: linear-gradient( 90deg, var(--smil-need-blue), var(--smil-need-turquoise) ); } .smil-floor-need__card:hover { transform: translateY(-4px); border-color: #b5ddd7; box-shadow: 0 21px 46px rgba(7, 56, 68, 0.12); } .smil-floor-need__card-top { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin: 3px 0 20px; } .smil-floor-need__card-number { color: rgba(7, 56, 68, 0.22); font-size: 1.48rem; font-weight: 900; line-height: 1; letter-spacing: -0.04em; } .smil-floor-need__card-icon { display: grid; place-items: center; flex: 0 0 auto; width: 47px; height: 47px; color: var(--smil-need-blue); background: var(--smil-need-turquoise-light); border: 1px solid #cbeae5; border-radius: 14px; } .smil-floor-need__card-icon svg { display: block; width: 25px; height: 25px; } .smil-floor-need__card-title { margin: 0 0 14px; color: var(--smil-need-dark); font-size: clamp(1.24rem, 1.75vw, 1.48rem); font-weight: 850; line-height: 1.28; letter-spacing: -0.018em; } .smil-floor-need__card-text { margin: 0 0 12px; color: var(--smil-need-muted); font-size: 0.96rem; line-height: 1.67; } .smil-floor-need__card-text strong { color: var(--smil-need-dark); font-weight: 800; } /* ========================================================= ELENCO DEI SEGNALI ========================================================= */ .smil-floor-need__symptoms { margin-top: auto; padding-top: 16px; border-top: 1px solid #dfedeb; } .smil-floor-need__symptoms > strong { display: block; margin: 0 0 9px; color: var(--smil-need-blue); font-size: 0.86rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.015em; text-transform: uppercase; } .smil-floor-need__symptoms ul { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none; } .smil-floor-need__symptoms li { position: relative; margin: 0; padding: 0 0 0 20px; color: #4f6871; font-size: 0.87rem; line-height: 1.5; } .smil-floor-need__symptoms li::before { content: ""; position: absolute; top: 0.55em; left: 1px; width: 7px; height: 7px; background: var(--smil-need-orange); border-radius: 50%; box-shadow: 0 0 0 4px var(--smil-need-orange-soft); } /* ========================================================= RIQUADRO DIAGNOSI ========================================================= */ .smil-floor-need__diagnosis { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(390px, 0.9fr); gap: clamp(28px, 4vw, 52px); align-items: center; margin: 42px 0 0; padding: clamp(27px, 4vw, 42px); color: var(--smil-need-white); background: radial-gradient( circle at 92% 15%, rgba(0, 169, 145, 0.22) 0, rgba(0, 169, 145, 0) 34% ), linear-gradient( 135deg, var(--smil-need-dark-deep) 0%, var(--smil-need-dark) 65%, #07596b 100% ); border-radius: 25px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.19); } .smil-floor-need__diagnosis-content { min-width: 0; } .smil-floor-need__diagnosis-label { margin: 0 0 8px; color: #81eadc; font-size: 0.79rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-need__diagnosis-title { display: block; max-width: 680px; color: var(--smil-need-white); font-size: clamp(1.48rem, 2.5vw, 2.15rem); font-weight: 850; line-height: 1.22; letter-spacing: -0.025em; } .smil-floor-need__diagnosis-content > p:last-child { margin: 15px 0 0; color: rgba(238, 255, 252, 0.79); font-size: 0.98rem; line-height: 1.69; } /* ========================================================= PERCORSO DEL RUMORE ========================================================= */ .smil-floor-need__diagnosis-path { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr); gap: 8px; align-items: center; } .smil-floor-need__path-item { min-width: 0; padding: 14px 10px; text-align: center; background: rgba(255, 255, 255, 0.085); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 15px; } .smil-floor-need__path-item > span { display: grid; place-items: center; width: 27px; height: 27px; margin: 0 auto 8px; color: var(--smil-need-dark-deep); background: #80e7d9; border-radius: 50%; font-size: 0.74rem; font-weight: 900; line-height: 1; } .smil-floor-need__path-item strong { display: block; color: var(--smil-need-white); font-size: 0.83rem; font-weight: 800; line-height: 1.25; } .smil-floor-need__path-item small { display: block; margin: 5px 0 0; color: rgba(236, 255, 251, 0.64); font-size: 0.67rem; line-height: 1.35; } .smil-floor-need__path-arrow { color: var(--smil-need-orange); font-size: 1.25rem; font-weight: 900; line-height: 1; } /* ========================================================= CHIUSURA ========================================================= */ .smil-floor-need__closing { display: flex; align-items: center; justify-content: center; gap: 13px; width: min(940px, 100%); margin: 31px auto 0; padding: 16px 20px; background: #e7f7f4; border: 1px solid #c9e8e3; border-radius: 17px; } .smil-floor-need__closing-icon { display: grid; place-items: center; flex: 0 0 auto; width: 34px; height: 34px; color: var(--smil-need-blue); } .smil-floor-need__closing-icon svg { display: block; width: 100%; height: 100%; } .smil-floor-need__closing p { margin: 0; color: #36535d; font-size: 0.95rem; line-height: 1.6; } .smil-floor-need__closing strong { color: var(--smil-need-dark); font-weight: 800; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1050px) { .smil-floor-need__grid { grid-template-columns: minmax(0, 1fr); } .smil-floor-need__card { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 20px; } .smil-floor-need__card::before { right: auto; bottom: 0; width: 5px; height: auto; } .smil-floor-need__card-top { grid-row: 1 / span 4; display: flex; flex-direction: column; justify-content: flex-start; min-width: 52px; margin: 0; } .smil-floor-need__card-title, .smil-floor-need__card-text, .smil-floor-need__symptoms { grid-column: 2; } .smil-floor-need__diagnosis { grid-template-columns: minmax(0, 1fr); } .smil-floor-need__diagnosis-path { width: min(650px, 100%); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 720px) { .smil-floor-need { padding: 49px 14px 58px; } .smil-floor-need__header { text-align: left; } .smil-floor-need__eyebrow { justify-content: flex-start; border-radius: 12px; text-align: left; } .smil-floor-need__title { font-size: clamp(2rem, 9.5vw, 2.85rem); } .smil-floor-need__intro { margin-top: 17px; font-size: 1.02rem; } .smil-floor-need__direct-answer { grid-template-columns: 43px minmax(0, 1fr); gap: 12px; padding: 17px; } .smil-floor-need__direct-icon { width: 43px; height: 43px; border-radius: 12px; } .smil-floor-need__direct-icon svg { width: 23px; height: 23px; } .smil-floor-need__grid { margin-top: 30px; } .smil-floor-need__card { display: flex; padding: 22px 20px; } .smil-floor-need__card::before { top: 0; right: 0; bottom: auto; left: 0; width: auto; height: 5px; } .smil-floor-need__card-top { display: flex; flex-direction: row; justify-content: space-between; width: 100%; margin: 3px 0 17px; } .smil-floor-need__card-title, .smil-floor-need__card-text, .smil-floor-need__symptoms { grid-column: auto; } .smil-floor-need__diagnosis { margin-top: 31px; padding: 24px 19px; border-radius: 21px; } .smil-floor-need__diagnosis-path { grid-template-columns: minmax(0, 1fr); gap: 7px; width: 100%; } .smil-floor-need__path-arrow { transform: rotate(90deg); text-align: center; } .smil-floor-need__path-item { display: grid; grid-template-columns: 33px minmax(0, 1fr); column-gap: 10px; align-items: center; text-align: left; } .smil-floor-need__path-item > span { grid-row: 1 / span 2; margin: 0; } .smil-floor-need__path-item strong, .smil-floor-need__path-item small { grid-column: 2; } .smil-floor-need__path-item small { margin-top: 2px; } .smil-floor-need__closing { align-items: flex-start; padding: 15px 16px; } } /* ========================================================= SMARTPHONE PICCOLI ========================================================= */ @media (max-width: 440px) { .smil-floor-need__direct-answer { grid-template-columns: minmax(0, 1fr); } .smil-floor-need__closing { display: grid; grid-template-columns: minmax(0, 1fr); } .smil-floor-need__closing-icon { width: 31px; height: 31px; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-floor-need__card { transition: none; } }#imCell_5 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_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; } /* ========================================================= BLOCCO 3 H3 – RUMORI PROVENIENTI DAL PIANO INFERIORE ========================================================= */ .smil-floor-below, .smil-floor-below *, .smil-floor-below *::before, .smil-floor-below *::after { box-sizing: border-box; } .smil-floor-below { --smil-below-dark: #073844; --smil-below-dark-deep: #052b35; --smil-below-blue: #087c8f; --smil-below-turquoise: #00a991; --smil-below-turquoise-light: #dff8f4; --smil-below-orange: #f28a2e; --smil-below-orange-dark: #d66d0e; --smil-below-orange-soft: #fff1e4; --smil-below-white: #ffffff; --smil-below-bg: #ffffff; --smil-below-bg-soft: #f3faf9; --smil-below-text: #183640; --smil-below-muted: #557078; --smil-below-border: #cee5e2; position: relative; width: 100%; overflow: hidden; padding: clamp(58px, 7vw, 96px) 20px; color: var(--smil-below-text); background: radial-gradient( circle at 100% 0%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 0) 28% ), linear-gradient( 180deg, var(--smil-below-white) 0%, var(--smil-below-bg-soft) 100% ); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-below__container { width: min(1220px, 100%); margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-floor-below__header { display: grid; grid-template-columns: minmax(0, 0.86fr) minmax(400px, 1.14fr); gap: clamp(30px, 5vw, 70px); align-items: end; } .smil-floor-below__heading { min-width: 0; } .smil-floor-below__eyebrow { display: inline-flex; margin: 0 0 12px; padding: 7px 13px; color: var(--smil-below-blue); background: var(--smil-below-turquoise-light); border: 1px solid #c4e9e3; border-radius: 999px; font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-below__title { max-width: 650px; margin: 0; color: var(--smil-below-dark); font-size: clamp(1.9rem, 3.55vw, 3.15rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; } .smil-floor-below__intro { max-width: 700px; margin: 0; padding: 0 0 4px; color: var(--smil-below-muted); font-size: clamp(1.03rem, 1.55vw, 1.17rem); line-height: 1.73; } .smil-floor-below__intro strong { color: var(--smil-below-dark); font-weight: 800; } /* ========================================================= RISPOSTA DIRETTA ========================================================= */ .smil-floor-below__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; margin: 34px 0 0; padding: 22px 24px; background: var(--smil-below-white); border: 1px solid var(--smil-below-border); border-left: 5px solid var(--smil-below-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-below__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--smil-below-blue); background: var(--smil-below-turquoise-light); border-radius: 15px; } .smil-floor-below__answer-icon svg { display: block; width: 28px; height: 28px; } .smil-floor-below__answer-content { min-width: 0; } .smil-floor-below__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--smil-below-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-below__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } .smil-floor-below__answer-content p strong { color: var(--smil-below-dark); font-weight: 800; } /* ========================================================= GRIGLIA PRINCIPALE ========================================================= */ .smil-floor-below__main-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(390px, 0.9fr); gap: 22px; align-items: stretch; margin: 30px 0 0; } .smil-floor-below__content-card, .smil-floor-below__path-card { min-width: 0; padding: clamp(23px, 3vw, 32px); background: var(--smil-below-white); border: 1px solid var(--smil-below-border); border-radius: 23px; box-shadow: 0 15px 38px rgba(7, 56, 68, 0.075); } .smil-floor-below__path-card { background: radial-gradient( circle at 100% 0%, rgba(0, 169, 145, 0.1) 0, rgba(0, 169, 145, 0) 34% ), var(--smil-below-white); } .smil-floor-below__card-heading { display: flex; align-items: center; gap: 14px; margin: 0 0 18px; } .smil-floor-below__card-icon { display: grid; place-items: center; flex: 0 0 auto; width: 49px; height: 49px; color: var(--smil-below-blue); background: var(--smil-below-turquoise-light); border: 1px solid #c9e9e4; border-radius: 14px; } .smil-floor-below__card-icon--orange { color: var(--smil-below-orange-dark); background: var(--smil-below-orange-soft); border-color: #f5d5b8; } .smil-floor-below__card-icon svg { display: block; width: 25px; height: 25px; } .smil-floor-below__card-heading > div { min-width: 0; } .smil-floor-below__card-label { margin: 0 0 4px; color: var(--smil-below-blue); font-size: 0.74rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.055em; text-transform: uppercase; } .smil-floor-below__card-title { display: block; color: var(--smil-below-dark); font-size: clamp(1.15rem, 1.75vw, 1.42rem); font-weight: 850; line-height: 1.3; } .smil-floor-below__card-text { margin: 0 0 20px; color: var(--smil-below-muted); font-size: 0.96rem; line-height: 1.68; } /* ========================================================= ELENCO RUMORI ========================================================= */ .smil-floor-below__noise-list { display: grid; gap: 11px; } .smil-floor-below__noise-item { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 11px; align-items: flex-start; padding: 14px; background: #f7fbfa; border: 1px solid #dfedeb; border-radius: 15px; } .smil-floor-below__noise-check { display: grid; place-items: center; width: 31px; height: 31px; color: var(--smil-below-white); background: var(--smil-below-turquoise); border-radius: 10px; } .smil-floor-below__noise-check svg { width: 17px; height: 17px; } .smil-floor-below__noise-item div { min-width: 0; } .smil-floor-below__noise-item strong { display: block; margin: 0 0 3px; color: var(--smil-below-dark); font-size: 0.92rem; font-weight: 800; line-height: 1.35; } .smil-floor-below__noise-item p { margin: 0; color: #5b727a; font-size: 0.84rem; line-height: 1.5; } /* ========================================================= PERCORSO DEL RUMORE ========================================================= */ .smil-floor-below__path { display: grid; gap: 10px; margin: 22px 0 0; } .smil-floor-below__path-level { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 12px; align-items: center; padding: 14px; background: #f6fbfa; border: 1px solid #dcebe8; border-radius: 15px; } .smil-floor-below__path-level--source { background: var(--smil-below-orange-soft); border-color: #f0d2b6; } .smil-floor-below__path-level--room { background: var(--smil-below-turquoise-light); border-color: #c4e8e2; } .smil-floor-below__path-number { display: grid; place-items: center; width: 35px; height: 35px; color: var(--smil-below-white); background: var(--smil-below-dark); border-radius: 50%; font-size: 0.8rem; font-weight: 900; line-height: 1; } .smil-floor-below__path-level div { min-width: 0; } .smil-floor-below__path-level strong { display: block; margin: 0 0 3px; color: var(--smil-below-dark); font-size: 0.91rem; font-weight: 800; line-height: 1.3; } .smil-floor-below__path-level p { margin: 0; color: #5a727a; font-size: 0.79rem; line-height: 1.45; } .smil-floor-below__path-arrow { display: grid; place-items: center; width: 28px; height: 28px; margin: -2px auto; color: var(--smil-below-orange); } .smil-floor-below__path-arrow svg { width: 22px; height: 22px; } .smil-floor-below__lateral-paths { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 1px 0; } .smil-floor-below__lateral-paths > div { padding: 10px 5px; text-align: center; background: #f8fbfb; border: 1px dashed #c7ddda; border-radius: 12px; } .smil-floor-below__lateral-paths span { display: block; margin: 0 0 3px; color: var(--smil-below-orange); font-size: 1.04rem; font-weight: 900; line-height: 1; } .smil-floor-below__lateral-paths strong { display: block; color: var(--smil-below-dark); font-size: 0.73rem; font-weight: 800; line-height: 1.3; } /* ========================================================= CONFRONTO ========================================================= */ .smil-floor-below__comparison { margin: 24px 0 0; padding: clamp(24px, 3.5vw, 36px); color: var(--smil-below-white); background: radial-gradient( circle at 91% 10%, rgba(0, 169, 145, 0.24) 0, rgba(0, 169, 145, 0) 36% ), linear-gradient( 135deg, var(--smil-below-dark-deep) 0%, var(--smil-below-dark) 65%, #075668 100% ); border-radius: 23px; box-shadow: 0 20px 48px rgba(5, 43, 53, 0.17); } .smil-floor-below__comparison-header { max-width: 760px; } .smil-floor-below__comparison-label { margin: 0 0 7px; color: #7fe7d9; font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-below__comparison-title { display: block; color: var(--smil-below-white); font-size: clamp(1.3rem, 2.25vw, 1.85rem); font-weight: 850; line-height: 1.28; letter-spacing: -0.02em; } .smil-floor-below__comparison-grid { display: grid; grid-template-columns: minmax(0, 1fr) 46px minmax(0, 1fr); gap: 17px; align-items: stretch; margin: 23px 0 0; } .smil-floor-below__comparison-item { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 13px; align-items: flex-start; padding: 18px; background: rgba(255, 255, 255, 0.085); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 17px; } .smil-floor-below__comparison-icon { display: grid; place-items: center; width: 44px; height: 44px; color: var(--smil-below-dark-deep); background: #7fe7d9; border-radius: 13px; } .smil-floor-below__comparison-icon--orange { background: #ffb66f; } .smil-floor-below__comparison-icon svg { width: 23px; height: 23px; } .smil-floor-below__comparison-item div { min-width: 0; } .smil-floor-below__comparison-item strong { display: block; margin: 1px 0 5px; color: var(--smil-below-white); font-size: 1rem; font-weight: 800; line-height: 1.35; } .smil-floor-below__comparison-item p { margin: 0; color: rgba(237, 255, 252, 0.73); font-size: 0.85rem; line-height: 1.52; } .smil-floor-below__comparison-divider { display: grid; place-items: center; } .smil-floor-below__comparison-divider span { display: grid; place-items: center; width: 42px; height: 42px; color: var(--smil-below-white); background: var(--smil-below-orange); border-radius: 50%; font-size: 1.25rem; font-weight: 900; box-shadow: 0 9px 20px rgba(0, 0, 0, 0.18); } /* ========================================================= AVVERTENZA TECNICA ========================================================= */ .smil-floor-below__warning { display: grid; grid-template-columns: 49px minmax(0, 1fr); gap: 15px; margin: 24px 0 0; padding: 20px 22px; background: var(--smil-below-orange-soft); border: 1px solid #f1d1b3; border-left: 5px solid var(--smil-below-orange); border-radius: 18px; } .smil-floor-below__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; color: var(--smil-below-orange-dark); background: var(--smil-below-white); border-radius: 14px; } .smil-floor-below__warning-icon svg { width: 26px; height: 26px; } .smil-floor-below__warning div { min-width: 0; } .smil-floor-below__warning strong { display: block; margin: 1px 0 6px; color: var(--smil-below-dark); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-below__warning p { margin: 0; color: #5a5851; font-size: 0.92rem; line-height: 1.64; } /* ========================================================= PERCORSO SORGEDIL ========================================================= */ .smil-floor-below__process { display: grid; grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1.28fr); gap: clamp(30px, 5vw, 62px); align-items: center; margin: 38px 0 0; padding: clamp(25px, 4vw, 41px); background: var(--smil-below-white); border: 1px solid var(--smil-below-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-below__process-heading { min-width: 0; } .smil-floor-below__process-label { margin: 0 0 7px; color: var(--smil-below-blue); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-below__process-title { display: block; color: var(--smil-below-dark); font-size: clamp(1.3rem, 2.35vw, 1.9rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } .smil-floor-below__process-heading > p:last-child { margin: 13px 0 0; color: var(--smil-below-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-below__steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; margin: 0; padding: 0; list-style: none; } .smil-floor-below__step { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; align-items: flex-start; margin: 0; padding: 14px; background: #f6fbfa; border: 1px solid #dcebe9; border-radius: 15px; } .smil-floor-below__step-number { display: grid; place-items: center; width: 35px; height: 35px; color: var(--smil-below-white); background: var(--smil-below-blue); border-radius: 11px; font-size: 0.79rem; font-weight: 900; line-height: 1; } .smil-floor-below__step div { min-width: 0; } .smil-floor-below__step strong { display: block; margin: 1px 0 3px; color: var(--smil-below-dark); font-size: 0.88rem; font-weight: 800; line-height: 1.35; } .smil-floor-below__step p { margin: 0; color: #5a7179; font-size: 0.78rem; line-height: 1.48; } /* ========================================================= CTA FINALE ========================================================= */ .smil-floor-below__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: 28px 0 0; padding: 21px 23px; color: var(--smil-below-white); background: linear-gradient( 135deg, var(--smil-below-blue) 0%, var(--smil-below-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-below__cta-content { display: grid; grid-template-columns: 47px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-below__cta-icon { display: grid; place-items: center; width: 47px; height: 47px; color: var(--smil-below-dark); background: rgba(255, 255, 255, 0.86); border-radius: 14px; } .smil-floor-below__cta-icon svg { width: 25px; height: 25px; } .smil-floor-below__cta-content div { min-width: 0; } .smil-floor-below__cta-content strong { display: block; margin: 0 0 4px; color: var(--smil-below-white); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-below__cta-content p { margin: 0; color: rgba(241, 255, 252, 0.81); font-size: 0.86rem; line-height: 1.5; } .smil-floor-below__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 51px; padding: 12px 18px; color: var(--smil-below-white); background: linear-gradient( 135deg, var(--smil-below-orange) 0%, var(--smil-below-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-below__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-below__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-below__cta-button:hover svg { transform: translateX(3px); } .smil-floor-below__cta-button:focus-visible { outline: 3px solid var(--smil-below-white); outline-offset: 4px; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1000px) { .smil-floor-below__header { grid-template-columns: minmax(0, 1fr); gap: 18px; align-items: start; } .smil-floor-below__intro { max-width: 850px; } .smil-floor-below__main-grid { grid-template-columns: minmax(0, 1fr); } .smil-floor-below__process { grid-template-columns: minmax(0, 1fr); gap: 24px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 720px) { .smil-floor-below { padding: 49px 14px 58px; } .smil-floor-below__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-floor-below__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-below__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-below__answer-icon svg { width: 23px; height: 23px; } .smil-floor-below__content-card, .smil-floor-below__path-card { padding: 21px 18px; border-radius: 20px; } .smil-floor-below__comparison { padding: 23px 18px; border-radius: 20px; } .smil-floor-below__comparison-grid { grid-template-columns: minmax(0, 1fr); gap: 9px; } .smil-floor-below__comparison-divider span { width: 36px; height: 36px; } .smil-floor-below__warning { grid-template-columns: 43px minmax(0, 1fr); gap: 12px; padding: 18px 16px; } .smil-floor-below__warning-icon { width: 43px; height: 43px; border-radius: 12px; } .smil-floor-below__warning-icon svg { width: 23px; height: 23px; } .smil-floor-below__process { padding: 22px 18px; border-radius: 20px; } .smil-floor-below__steps { grid-template-columns: minmax(0, 1fr); } .smil-floor-below__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-below__cta-button { width: 100%; } } /* ========================================================= SMARTPHONE PICCOLI ========================================================= */ @media (max-width: 440px) { .smil-floor-below__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-below__answer { grid-template-columns: minmax(0, 1fr); } .smil-floor-below__card-heading { align-items: flex-start; } .smil-floor-below__lateral-paths { grid-template-columns: minmax(0, 1fr); } .smil-floor-below__comparison-item { grid-template-columns: 40px minmax(0, 1fr); padding: 15px; } .smil-floor-below__comparison-icon { width: 39px; height: 39px; border-radius: 11px; } .smil-floor-below__warning { grid-template-columns: minmax(0, 1fr); } .smil-floor-below__cta-content { grid-template-columns: minmax(0, 1fr); } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-floor-below__cta-button, .smil-floor-below__cta-button svg { transition: none; } }#imCell_6 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_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; } /* ========================================================= BLOCCO 4 H3 – RUMORI DA CALPESTIO E VIBRAZIONI ========================================================= */ .smil-floor-impact, .smil-floor-impact *, .smil-floor-impact *::before, .smil-floor-impact *::after { box-sizing: border-box; } .smil-floor-impact { --smil-impact-dark: #073844; --smil-impact-dark-deep: #052b35; --smil-impact-blue: #087c8f; --smil-impact-turquoise: #00a991; --smil-impact-turquoise-light: #dff8f4; --smil-impact-orange: #f28a2e; --smil-impact-orange-dark: #d66d0e; --smil-impact-orange-soft: #fff1e4; --smil-impact-white: #ffffff; --smil-impact-bg: #f3faf9; --smil-impact-text: #183640; --smil-impact-muted: #557078; --smil-impact-border: #cee5e2; position: relative; width: 100%; overflow: hidden; padding: clamp(58px, 7vw, 96px) 20px; color: var(--smil-impact-text); background: radial-gradient( circle at 4% 3%, rgba(242, 138, 46, 0.07) 0, rgba(242, 138, 46, 0) 26% ), radial-gradient( circle at 96% 95%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 0) 27% ), var(--smil-impact-bg); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-impact__container { width: min(1220px, 100%); margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-floor-impact__header { display: grid; grid-template-columns: minmax(0, 0.92fr) minmax(400px, 1.08fr); gap: clamp(30px, 5vw, 70px); align-items: end; } .smil-floor-impact__heading { min-width: 0; } .smil-floor-impact__eyebrow { display: inline-flex; margin: 0 0 12px; padding: 7px 13px; color: var(--smil-impact-orange-dark); background: var(--smil-impact-orange-soft); border: 1px solid #f2d1b3; border-radius: 999px; font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-impact__title { max-width: 680px; margin: 0; color: var(--smil-impact-dark); font-size: clamp(1.9rem, 3.55vw, 3.15rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; } .smil-floor-impact__intro { max-width: 720px; margin: 0; padding-bottom: 4px; color: var(--smil-impact-muted); font-size: clamp(1.03rem, 1.55vw, 1.17rem); line-height: 1.73; } .smil-floor-impact__intro strong { color: var(--smil-impact-dark); font-weight: 800; } /* ========================================================= RISPOSTA DIRETTA ========================================================= */ .smil-floor-impact__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; margin: 34px 0 0; padding: 22px 24px; background: var(--smil-impact-white); border: 1px solid var(--smil-impact-border); border-left: 5px solid var(--smil-impact-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-impact__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--smil-impact-orange-dark); background: var(--smil-impact-orange-soft); border-radius: 15px; } .smil-floor-impact__answer-icon svg { display: block; width: 28px; height: 28px; } .smil-floor-impact__answer-content { min-width: 0; } .smil-floor-impact__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--smil-impact-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-impact__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } .smil-floor-impact__answer-content p strong { color: var(--smil-impact-dark); font-weight: 800; } /* ========================================================= DUE SCENARI ========================================================= */ .smil-floor-impact__scenarios { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; margin: 30px 0 0; } .smil-floor-impact__scenario { min-width: 0; padding: clamp(23px, 3vw, 32px); background: var(--smil-impact-white); border: 1px solid var(--smil-impact-border); border-radius: 23px; box-shadow: 0 15px 38px rgba(7, 56, 68, 0.075); } .smil-floor-impact__scenario-head { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; } .smil-floor-impact__scenario-icon { display: grid; place-items: center; flex: 0 0 auto; width: 50px; height: 50px; color: var(--smil-impact-blue); background: var(--smil-impact-turquoise-light); border: 1px solid #c5e8e3; border-radius: 15px; } .smil-floor-impact__scenario-icon--orange { color: var(--smil-impact-orange-dark); background: var(--smil-impact-orange-soft); border-color: #f0d0b3; } .smil-floor-impact__scenario-icon svg { width: 26px; height: 26px; } .smil-floor-impact__scenario-head > div { min-width: 0; } .smil-floor-impact__scenario-label, .smil-floor-impact__section-label { margin: 0 0 4px; color: var(--smil-impact-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-impact__scenario-title { display: block; color: var(--smil-impact-dark); font-size: clamp(1.18rem, 1.8vw, 1.47rem); font-weight: 850; line-height: 1.3; } .smil-floor-impact__scenario-text { margin: 0 0 17px; color: var(--smil-impact-muted); font-size: 0.96rem; line-height: 1.68; } .smil-floor-impact__scenario-highlight { margin: 0 0 17px; padding: 15px 16px; background: var(--smil-impact-turquoise-light); border: 1px solid #c7e8e3; border-left: 4px solid var(--smil-impact-turquoise); border-radius: 14px; } .smil-floor-impact__scenario-highlight--orange { background: var(--smil-impact-orange-soft); border-color: #efd0b5; border-left-color: var(--smil-impact-orange); } .smil-floor-impact__scenario-highlight strong { display: block; margin-bottom: 4px; color: var(--smil-impact-dark); font-size: 0.91rem; font-weight: 850; line-height: 1.35; } .smil-floor-impact__scenario-highlight p { margin: 0; color: #50686f; font-size: 0.85rem; line-height: 1.55; } .smil-floor-impact__scenario-list { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; } .smil-floor-impact__scenario-list li { position: relative; margin: 0; padding-left: 21px; color: #526b73; font-size: 0.88rem; line-height: 1.5; } .smil-floor-impact__scenario-list li::before { content: ""; position: absolute; top: 0.53em; left: 2px; width: 7px; height: 7px; background: var(--smil-impact-orange); border-radius: 50%; box-shadow: 0 0 0 4px var(--smil-impact-orange-soft); } /* ========================================================= PROPAGAZIONE ========================================================= */ .smil-floor-impact__propagation { display: grid; grid-template-columns: minmax(290px, 0.76fr) minmax(0, 1.24fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin: 35px 0 0; padding: clamp(26px, 4vw, 42px); color: var(--smil-impact-white); background: radial-gradient( circle at 94% 9%, rgba(0, 169, 145, 0.24) 0, rgba(0, 169, 145, 0) 35% ), linear-gradient( 135deg, var(--smil-impact-dark-deep) 0%, var(--smil-impact-dark) 65%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-impact__propagation-copy { min-width: 0; } .smil-floor-impact__propagation .smil-floor-impact__section-label { color: #7fe7d9; } .smil-floor-impact__section-title { display: block; color: var(--smil-impact-dark); font-size: clamp(1.32rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } .smil-floor-impact__propagation .smil-floor-impact__section-title { color: var(--smil-impact-white); } .smil-floor-impact__propagation-copy > p:last-child { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-impact__propagation-path { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr); gap: 8px; align-items: center; } .smil-floor-impact__path-item { min-width: 0; padding: 15px 10px; text-align: center; background: rgba(255, 255, 255, 0.085); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 15px; } .smil-floor-impact__path-number { display: grid; place-items: center; width: 29px; height: 29px; margin: 0 auto 8px; color: var(--smil-impact-dark); background: #7fe7d9; border-radius: 50%; font-size: 0.74rem; font-weight: 900; } .smil-floor-impact__path-item strong { display: block; color: var(--smil-impact-white); font-size: 0.82rem; font-weight: 800; line-height: 1.25; } .smil-floor-impact__path-item small { display: block; margin-top: 5px; color: rgba(238, 255, 252, 0.63); font-size: 0.66rem; line-height: 1.35; } .smil-floor-impact__path-arrow { color: var(--smil-impact-orange); font-size: 1.25rem; font-weight: 900; } /* ========================================================= DIFFERENZA TRA RUMORI ========================================================= */ .smil-floor-impact__difference { margin-top: 28px; padding: clamp(25px, 3.5vw, 37px); background: var(--smil-impact-white); border: 1px solid var(--smil-impact-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-impact__difference-header { max-width: 820px; } .smil-floor-impact__difference-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; margin-top: 22px; } .smil-floor-impact__difference-card { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 14px; align-items: flex-start; padding: 19px; background: #f6fbfa; border: 1px solid #dbeae8; border-radius: 17px; } .smil-floor-impact__difference-icon { display: grid; place-items: center; width: 46px; height: 46px; color: var(--smil-impact-blue); background: var(--smil-impact-turquoise-light); border-radius: 14px; } .smil-floor-impact__difference-icon--orange { color: var(--smil-impact-orange-dark); background: var(--smil-impact-orange-soft); } .smil-floor-impact__difference-icon svg { width: 24px; height: 24px; } .smil-floor-impact__difference-card div { min-width: 0; } .smil-floor-impact__difference-card strong { display: block; margin: 1px 0 5px; color: var(--smil-impact-dark); font-size: 1rem; font-weight: 850; line-height: 1.35; } .smil-floor-impact__difference-card p { margin: 0; color: var(--smil-impact-muted); font-size: 0.87rem; line-height: 1.55; } .smil-floor-impact__difference-card small { display: block; margin-top: 8px; color: var(--smil-impact-blue); font-size: 0.77rem; font-weight: 750; line-height: 1.45; } /* ========================================================= PRINCIPI DEL SISTEMA ========================================================= */ .smil-floor-impact__principles { margin-top: 28px; } .smil-floor-impact__principles-header { max-width: 810px; } .smil-floor-impact__principles-header > p:last-child { margin: 11px 0 0; color: var(--smil-impact-muted); font-size: 0.95rem; line-height: 1.62; } .smil-floor-impact__principles-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-top: 21px; } .smil-floor-impact__principle { min-width: 0; padding: 21px 18px; background: var(--smil-impact-white); border: 1px solid var(--smil-impact-border); border-radius: 18px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-impact__principle > span { display: block; margin-bottom: 14px; color: rgba(7, 56, 68, 0.24); font-size: 1.35rem; font-weight: 900; line-height: 1; } .smil-floor-impact__principle strong { display: block; margin-bottom: 7px; color: var(--smil-impact-dark); font-size: 1rem; font-weight: 850; line-height: 1.3; } .smil-floor-impact__principle p { margin: 0; color: var(--smil-impact-muted); font-size: 0.83rem; line-height: 1.54; } /* ========================================================= PAVIMENTO ESISTENTE ========================================================= */ .smil-floor-impact__existing { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(360px, 0.88fr); gap: clamp(28px, 4.5vw, 55px); align-items: center; margin-top: 31px; padding: clamp(25px, 4vw, 40px); background: radial-gradient( circle at 96% 8%, rgba(0, 169, 145, 0.13) 0, rgba(0, 169, 145, 0) 34% ), var(--smil-impact-white); border: 1px solid var(--smil-impact-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-impact__existing-copy { min-width: 0; } .smil-floor-impact__existing-label { margin: 0 0 7px; color: var(--smil-impact-blue); font-size: 0.76rem; font-weight: 850; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-impact__existing-copy > strong { display: block; color: var(--smil-impact-dark); font-size: clamp(1.3rem, 2.35vw, 1.9rem); font-weight: 850; line-height: 1.28; letter-spacing: -0.025em; } .smil-floor-impact__existing-copy > p:not(.smil-floor-impact__existing-label) { margin: 13px 0 0; color: var(--smil-impact-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-impact__existing-checks { padding: 21px; background: var(--smil-impact-turquoise-light); border: 1px solid #c5e7e2; border-radius: 18px; } .smil-floor-impact__existing-checks > strong { display: block; margin-bottom: 12px; color: var(--smil-impact-dark); font-size: 0.95rem; font-weight: 850; line-height: 1.4; } .smil-floor-impact__existing-checks ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; } .smil-floor-impact__existing-checks li { position: relative; padding-left: 20px; color: #456169; font-size: 0.85rem; line-height: 1.5; } .smil-floor-impact__existing-checks li::before { content: "✓"; position: absolute; left: 0; color: var(--smil-impact-turquoise); font-weight: 900; } /* ========================================================= AVVERTENZA ========================================================= */ .smil-floor-impact__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; margin-top: 25px; padding: 20px 22px; background: var(--smil-impact-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--smil-impact-orange); border-radius: 18px; } .smil-floor-impact__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; color: var(--smil-impact-orange-dark); background: var(--smil-impact-white); border-radius: 14px; } .smil-floor-impact__warning-icon svg { width: 26px; height: 26px; } .smil-floor-impact__warning div { min-width: 0; } .smil-floor-impact__warning strong { display: block; margin: 1px 0 6px; color: var(--smil-impact-dark); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-impact__warning p { margin: 0; color: #595850; font-size: 0.92rem; line-height: 1.64; } /* ========================================================= PROCESSO SORGEDIL ========================================================= */ .smil-floor-impact__process { display: grid; grid-template-columns: minmax(280px, 0.73fr) minmax(0, 1.27fr); gap: clamp(30px, 5vw, 62px); align-items: center; margin-top: 36px; padding: clamp(25px, 4vw, 41px); background: var(--smil-impact-white); border: 1px solid var(--smil-impact-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-impact__process-copy > p:last-child { margin: 13px 0 0; color: var(--smil-impact-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-impact__steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; margin: 0; padding: 0; list-style: none; } .smil-floor-impact__steps li { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; padding: 14px; background: #f6fbfa; border: 1px solid #dcebe9; border-radius: 15px; } .smil-floor-impact__steps li > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--smil-impact-white); background: var(--smil-impact-blue); border-radius: 11px; font-size: 0.79rem; font-weight: 900; } .smil-floor-impact__steps li div { min-width: 0; } .smil-floor-impact__steps strong { display: block; margin: 1px 0 3px; color: var(--smil-impact-dark); font-size: 0.88rem; font-weight: 800; line-height: 1.35; } .smil-floor-impact__steps p { margin: 0; color: #5a7179; font-size: 0.78rem; line-height: 1.48; } /* ========================================================= CTA ========================================================= */ .smil-floor-impact__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 21px 23px; color: var(--smil-impact-white); background: linear-gradient( 135deg, var(--smil-impact-blue) 0%, var(--smil-impact-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-impact__cta-copy { display: grid; grid-template-columns: 47px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-impact__cta-icon { display: grid; place-items: center; width: 47px; height: 47px; color: var(--smil-impact-dark); background: rgba(255, 255, 255, 0.87); border-radius: 14px; } .smil-floor-impact__cta-icon svg { width: 25px; height: 25px; } .smil-floor-impact__cta-copy div { min-width: 0; } .smil-floor-impact__cta-copy strong { display: block; margin-bottom: 4px; color: var(--smil-impact-white); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-impact__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.81); font-size: 0.86rem; line-height: 1.5; } .smil-floor-impact__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 51px; padding: 12px 18px; color: var(--smil-impact-white); background: linear-gradient( 135deg, var(--smil-impact-orange) 0%, var(--smil-impact-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-impact__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-impact__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-impact__cta-button:hover svg { transform: translateX(3px); } .smil-floor-impact__cta-button:focus-visible { outline: 3px solid var(--smil-impact-white); outline-offset: 4px; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1050px) { .smil-floor-impact__header { grid-template-columns: minmax(0, 1fr); gap: 18px; } .smil-floor-impact__intro { max-width: 850px; } .smil-floor-impact__propagation { grid-template-columns: minmax(0, 1fr); } .smil-floor-impact__principles-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-floor-impact__existing { grid-template-columns: minmax(0, 1fr); } .smil-floor-impact__process { grid-template-columns: minmax(0, 1fr); gap: 24px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 760px) { .smil-floor-impact { padding: 49px 14px 58px; } .smil-floor-impact__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-floor-impact__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-impact__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-impact__answer-icon svg { width: 23px; height: 23px; } .smil-floor-impact__scenarios, .smil-floor-impact__difference-grid { grid-template-columns: minmax(0, 1fr); } .smil-floor-impact__scenario { padding: 21px 18px; border-radius: 20px; } .smil-floor-impact__propagation { padding: 23px 18px; border-radius: 20px; } .smil-floor-impact__propagation-path { grid-template-columns: minmax(0, 1fr); gap: 7px; } .smil-floor-impact__path-arrow { transform: rotate(90deg); text-align: center; } .smil-floor-impact__path-item { display: grid; grid-template-columns: 33px minmax(0, 1fr); column-gap: 10px; align-items: center; text-align: left; } .smil-floor-impact__path-number { grid-row: 1 / span 2; margin: 0; } .smil-floor-impact__path-item strong, .smil-floor-impact__path-item small { grid-column: 2; } .smil-floor-impact__path-item small { margin-top: 2px; } .smil-floor-impact__difference { padding: 22px 18px; border-radius: 20px; } .smil-floor-impact__principles-grid { grid-template-columns: minmax(0, 1fr); } .smil-floor-impact__existing { padding: 22px 18px; border-radius: 20px; } .smil-floor-impact__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-impact__warning-icon { width: 43px; height: 43px; border-radius: 12px; } .smil-floor-impact__process { padding: 22px 18px; border-radius: 20px; } .smil-floor-impact__steps { grid-template-columns: minmax(0, 1fr); } .smil-floor-impact__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-impact__cta-button { width: 100%; } } /* ========================================================= SMARTPHONE PICCOLI ========================================================= */ @media (max-width: 440px) { .smil-floor-impact__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-impact__answer { grid-template-columns: minmax(0, 1fr); } .smil-floor-impact__scenario-head { align-items: flex-start; } .smil-floor-impact__difference-card { grid-template-columns: 40px minmax(0, 1fr); padding: 15px; } .smil-floor-impact__difference-icon { width: 39px; height: 39px; border-radius: 11px; } .smil-floor-impact__warning { grid-template-columns: minmax(0, 1fr); } .smil-floor-impact__cta-copy { grid-template-columns: minmax(0, 1fr); } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-floor-impact__cta-button, .smil-floor-impact__cta-button svg { transition: none; } }#imCell_7 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_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; } /* ========================================================= BLOCCO 5 H3 – VOCI, TELEVISIONE E MUSICA ========================================================= */ .smil-floor-airborne, .smil-floor-airborne *, .smil-floor-airborne *::before, .smil-floor-airborne *::after { box-sizing: border-box; } .smil-floor-airborne { --smil-air-dark: #073844; --smil-air-dark-deep: #052b35; --smil-air-blue: #087c8f; --smil-air-turquoise: #00a991; --smil-air-turquoise-light: #dff8f4; --smil-air-orange: #f28a2e; --smil-air-orange-dark: #d66d0e; --smil-air-orange-soft: #fff1e4; --smil-air-white: #ffffff; --smil-air-bg: #ffffff; --smil-air-bg-soft: #f3faf9; --smil-air-text: #183640; --smil-air-muted: #557078; --smil-air-border: #cee5e2; position: relative; width: 100%; overflow: hidden; padding: clamp(58px, 7vw, 96px) 20px; color: var(--smil-air-text); background: radial-gradient( circle at 97% 3%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 0) 27% ), radial-gradient( circle at 2% 96%, rgba(242, 138, 46, 0.07) 0, rgba(242, 138, 46, 0) 25% ), linear-gradient( 180deg, var(--smil-air-white) 0%, var(--smil-air-bg-soft) 100% ); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-airborne__container { width: min(1220px, 100%); margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-floor-airborne__header { display: grid; grid-template-columns: minmax(0, 0.92fr) minmax(400px, 1.08fr); gap: clamp(30px, 5vw, 70px); align-items: end; } .smil-floor-airborne__heading { min-width: 0; } .smil-floor-airborne__eyebrow { display: inline-flex; margin: 0 0 12px; padding: 7px 13px; color: var(--smil-air-blue); background: var(--smil-air-turquoise-light); border: 1px solid #c5e8e3; border-radius: 999px; font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-airborne__title { max-width: 720px; margin: 0; color: var(--smil-air-dark); font-size: clamp(1.9rem, 3.55vw, 3.15rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; } .smil-floor-airborne__intro { max-width: 720px; margin: 0; padding-bottom: 4px; color: var(--smil-air-muted); font-size: clamp(1.03rem, 1.55vw, 1.17rem); line-height: 1.73; } .smil-floor-airborne__intro strong { color: var(--smil-air-dark); font-weight: 800; } /* ========================================================= RISPOSTA DIRETTA ========================================================= */ .smil-floor-airborne__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; margin: 34px 0 0; padding: 22px 24px; background: var(--smil-air-white); border: 1px solid var(--smil-air-border); border-left: 5px solid var(--smil-air-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-airborne__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--smil-air-blue); background: var(--smil-air-turquoise-light); border-radius: 15px; } .smil-floor-airborne__answer-icon svg { display: block; width: 28px; height: 28px; } .smil-floor-airborne__answer-content { min-width: 0; } .smil-floor-airborne__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--smil-air-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-airborne__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } .smil-floor-airborne__answer-content p strong { color: var(--smil-air-dark); font-weight: 800; } /* ========================================================= TRE TIPOLOGIE DI RUMORE ========================================================= */ .smil-floor-airborne__noise-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin: 30px 0 0; } .smil-floor-airborne__noise-card { min-width: 0; padding: 24px; background: var(--smil-air-white); border: 1px solid var(--smil-air-border); border-radius: 22px; box-shadow: 0 15px 37px rgba(7, 56, 68, 0.075); } .smil-floor-airborne__noise-head { display: flex; align-items: center; gap: 13px; margin-bottom: 17px; } .smil-floor-airborne__noise-icon { display: grid; place-items: center; flex: 0 0 auto; width: 48px; height: 48px; color: var(--smil-air-blue); background: var(--smil-air-turquoise-light); border: 1px solid #c5e8e3; border-radius: 14px; } .smil-floor-airborne__noise-icon--orange { color: var(--smil-air-orange-dark); background: var(--smil-air-orange-soft); border-color: #f0d0b3; } .smil-floor-airborne__noise-icon svg { width: 25px; height: 25px; } .smil-floor-airborne__noise-head > div { min-width: 0; } .smil-floor-airborne__noise-label, .smil-floor-airborne__section-label { margin: 0 0 4px; color: var(--smil-air-blue); font-size: 0.74rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-airborne__noise-head strong { display: block; color: var(--smil-air-dark); font-size: 1.08rem; font-weight: 850; line-height: 1.3; } .smil-floor-airborne__noise-card > p { margin: 0 0 16px; color: var(--smil-air-muted); font-size: 0.92rem; line-height: 1.64; } .smil-floor-airborne__noise-card ul { display: grid; gap: 8px; margin: 0; padding: 14px 0 0; border-top: 1px solid #deecea; list-style: none; } .smil-floor-airborne__noise-card li { position: relative; padding-left: 20px; color: #526b73; font-size: 0.84rem; line-height: 1.5; } .smil-floor-airborne__noise-card li::before { content: ""; position: absolute; top: 0.54em; left: 2px; width: 7px; height: 7px; background: var(--smil-air-orange); border-radius: 50%; box-shadow: 0 0 0 4px var(--smil-air-orange-soft); } /* ========================================================= TITOLI INTERNI ========================================================= */ .smil-floor-airborne__section-title { display: block; color: var(--smil-air-dark); font-size: clamp(1.3rem, 2.35vw, 1.9rem); font-weight: 850; line-height: 1.28; letter-spacing: -0.025em; } /* ========================================================= PERCEZIONE NOTTURNA ========================================================= */ .smil-floor-airborne__night { display: grid; grid-template-columns: minmax(300px, 0.82fr) minmax(0, 1.18fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin: 32px 0 0; padding: clamp(25px, 4vw, 40px); background: var(--smil-air-white); border: 1px solid var(--smil-air-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-airborne__night-copy > p:last-child { margin: 13px 0 0; color: var(--smil-air-muted); font-size: 0.94rem; line-height: 1.66; } .smil-floor-airborne__night-points { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 11px; } .smil-floor-airborne__night-points > div { min-width: 0; padding: 17px 14px; background: var(--smil-air-turquoise-light); border: 1px solid #c7e8e3; border-radius: 16px; } .smil-floor-airborne__night-points span { display: block; margin-bottom: 13px; color: rgba(7, 56, 68, 0.27); font-size: 1.2rem; font-weight: 900; line-height: 1; } .smil-floor-airborne__night-points strong { display: block; margin-bottom: 5px; color: var(--smil-air-dark); font-size: 0.9rem; font-weight: 850; line-height: 1.35; } .smil-floor-airborne__night-points p { margin: 0; color: #4f686f; font-size: 0.78rem; line-height: 1.45; } /* ========================================================= TRASMISSIONE ========================================================= */ .smil-floor-airborne__transmission { display: grid; grid-template-columns: minmax(290px, 0.76fr) minmax(0, 1.24fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin: 32px 0 0; padding: clamp(26px, 4vw, 42px); color: var(--smil-air-white); background: radial-gradient( circle at 94% 9%, rgba(0, 169, 145, 0.24) 0, rgba(0, 169, 145, 0) 35% ), linear-gradient( 135deg, var(--smil-air-dark-deep) 0%, var(--smil-air-dark) 65%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-airborne__transmission .smil-floor-airborne__section-label { color: #7fe7d9; } .smil-floor-airborne__transmission .smil-floor-airborne__section-title { color: var(--smil-air-white); } .smil-floor-airborne__transmission-copy > p:last-child { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-airborne__transmission-path { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr); gap: 8px; align-items: center; } .smil-floor-airborne__path-item { min-width: 0; padding: 15px 10px; text-align: center; background: rgba(255, 255, 255, 0.085); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 15px; } .smil-floor-airborne__path-number { display: grid; place-items: center; width: 29px; height: 29px; margin: 0 auto 8px; color: var(--smil-air-dark); background: #7fe7d9; border-radius: 50%; font-size: 0.74rem; font-weight: 900; } .smil-floor-airborne__path-item strong { display: block; color: var(--smil-air-white); font-size: 0.82rem; font-weight: 800; line-height: 1.25; } .smil-floor-airborne__path-item small { display: block; margin-top: 5px; color: rgba(238, 255, 252, 0.63); font-size: 0.66rem; line-height: 1.35; } .smil-floor-airborne__path-arrow { color: var(--smil-air-orange); font-size: 1.25rem; font-weight: 900; } /* ========================================================= PERCORSI DEL RUMORE ========================================================= */ .smil-floor-airborne__routes { margin: 28px 0 0; } .smil-floor-airborne__routes-header { max-width: 850px; } .smil-floor-airborne__routes-header > p:last-child, .smil-floor-airborne__solution-header > p:last-child { margin: 11px 0 0; color: var(--smil-air-muted); font-size: 0.95rem; line-height: 1.64; } .smil-floor-airborne__routes-header > p:last-child strong { color: var(--smil-air-dark); } .smil-floor-airborne__routes-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; margin: 21px 0 0; } .smil-floor-airborne__route { display: grid; grid-template-columns: 47px minmax(0, 1fr); gap: 13px; align-items: flex-start; min-width: 0; padding: 19px; background: var(--smil-air-white); border: 1px solid var(--smil-air-border); border-radius: 18px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-airborne__route-icon { display: grid; place-items: center; width: 45px; height: 45px; color: var(--smil-air-blue); background: var(--smil-air-turquoise-light); border-radius: 13px; } .smil-floor-airborne__route-icon--orange { color: var(--smil-air-orange-dark); background: var(--smil-air-orange-soft); } .smil-floor-airborne__route-icon svg { width: 23px; height: 23px; } .smil-floor-airborne__route div { min-width: 0; } .smil-floor-airborne__route strong { display: block; margin: 1px 0 5px; color: var(--smil-air-dark); font-size: 0.94rem; font-weight: 850; line-height: 1.35; } .smil-floor-airborne__route p { margin: 0; color: var(--smil-air-muted); font-size: 0.82rem; line-height: 1.53; } /* ========================================================= PRINCIPI DI INTERVENTO ========================================================= */ .smil-floor-airborne__solution { margin: 32px 0 0; padding: clamp(25px, 3.5vw, 38px); background: var(--smil-air-white); border: 1px solid var(--smil-air-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-airborne__solution-header { max-width: 830px; } .smil-floor-airborne__solution-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin: 21px 0 0; } .smil-floor-airborne__solution-item { min-width: 0; padding: 20px 17px; background: #f6fbfa; border: 1px solid #dcebe9; border-radius: 17px; } .smil-floor-airborne__solution-item > span { display: block; margin-bottom: 14px; color: rgba(7, 56, 68, 0.24); font-size: 1.33rem; font-weight: 900; line-height: 1; } .smil-floor-airborne__solution-item strong { display: block; margin-bottom: 7px; color: var(--smil-air-dark); font-size: 0.97rem; font-weight: 850; line-height: 1.3; } .smil-floor-airborne__solution-item p { margin: 0; color: var(--smil-air-muted); font-size: 0.81rem; line-height: 1.54; } /* ========================================================= PAVIMENTO ESISTENTE ========================================================= */ .smil-floor-airborne__existing { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(360px, 0.88fr); gap: clamp(28px, 4.5vw, 55px); align-items: center; margin: 31px 0 0; padding: clamp(25px, 4vw, 40px); background: radial-gradient( circle at 96% 8%, rgba(0, 169, 145, 0.13) 0, rgba(0, 169, 145, 0) 34% ), var(--smil-air-white); border: 1px solid var(--smil-air-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-airborne__existing-label { margin: 0 0 7px; color: var(--smil-air-blue); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-airborne__existing-copy > strong { display: block; color: var(--smil-air-dark); font-size: clamp(1.3rem, 2.35vw, 1.9rem); font-weight: 850; line-height: 1.28; letter-spacing: -0.025em; } .smil-floor-airborne__existing-copy > p:not(.smil-floor-airborne__existing-label) { margin: 13px 0 0; color: var(--smil-air-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-airborne__existing-checks { padding: 21px; background: var(--smil-air-turquoise-light); border: 1px solid #c5e7e2; border-radius: 18px; } .smil-floor-airborne__existing-checks > strong { display: block; margin-bottom: 12px; color: var(--smil-air-dark); font-size: 0.95rem; font-weight: 850; line-height: 1.4; } .smil-floor-airborne__existing-checks ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; } .smil-floor-airborne__existing-checks li { position: relative; padding-left: 20px; color: #456169; font-size: 0.85rem; line-height: 1.5; } .smil-floor-airborne__existing-checks li::before { content: "✓"; position: absolute; left: 0; color: var(--smil-air-turquoise); font-weight: 900; } /* ========================================================= AVVERTENZA ========================================================= */ .smil-floor-airborne__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; margin: 25px 0 0; padding: 20px 22px; background: var(--smil-air-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--smil-air-orange); border-radius: 18px; } .smil-floor-airborne__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; color: var(--smil-air-orange-dark); background: var(--smil-air-white); border-radius: 14px; } .smil-floor-airborne__warning-icon svg { width: 26px; height: 26px; } .smil-floor-airborne__warning div { min-width: 0; } .smil-floor-airborne__warning strong { display: block; margin: 1px 0 6px; color: var(--smil-air-dark); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-airborne__warning p { margin: 0; color: #595850; font-size: 0.92rem; line-height: 1.64; } /* ========================================================= PERCORSO SORGEDIL ========================================================= */ .smil-floor-airborne__process { display: grid; grid-template-columns: minmax(280px, 0.73fr) minmax(0, 1.27fr); gap: clamp(30px, 5vw, 62px); align-items: center; margin: 36px 0 0; padding: clamp(25px, 4vw, 41px); background: var(--smil-air-white); border: 1px solid var(--smil-air-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-airborne__process-copy > p:last-child { margin: 13px 0 0; color: var(--smil-air-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-airborne__process-copy > p:last-child strong { color: var(--smil-air-dark); font-weight: 800; } .smil-floor-airborne__steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; margin: 0; padding: 0; list-style: none; } .smil-floor-airborne__steps li { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; padding: 14px; background: #f6fbfa; border: 1px solid #dcebe9; border-radius: 15px; } .smil-floor-airborne__steps li > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--smil-air-white); background: var(--smil-air-blue); border-radius: 11px; font-size: 0.79rem; font-weight: 900; } .smil-floor-airborne__steps li div { min-width: 0; } .smil-floor-airborne__steps strong { display: block; margin: 1px 0 3px; color: var(--smil-air-dark); font-size: 0.88rem; font-weight: 800; line-height: 1.35; } .smil-floor-airborne__steps p { margin: 0; color: #5a7179; font-size: 0.78rem; line-height: 1.48; } /* ========================================================= CTA ========================================================= */ .smil-floor-airborne__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: 28px 0 0; padding: 21px 23px; color: var(--smil-air-white); background: linear-gradient( 135deg, var(--smil-air-blue) 0%, var(--smil-air-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-airborne__cta-copy { display: grid; grid-template-columns: 47px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-airborne__cta-icon { display: grid; place-items: center; width: 47px; height: 47px; color: var(--smil-air-dark); background: rgba(255, 255, 255, 0.87); border-radius: 14px; } .smil-floor-airborne__cta-icon svg { width: 25px; height: 25px; } .smil-floor-airborne__cta-copy div { min-width: 0; } .smil-floor-airborne__cta-copy strong { display: block; margin-bottom: 4px; color: var(--smil-air-white); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-airborne__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.81); font-size: 0.86rem; line-height: 1.5; } .smil-floor-airborne__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 51px; padding: 12px 18px; color: var(--smil-air-white); background: linear-gradient( 135deg, var(--smil-air-orange) 0%, var(--smil-air-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-airborne__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-airborne__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-airborne__cta-button:hover svg { transform: translateX(3px); } .smil-floor-airborne__cta-button:focus-visible { outline: 3px solid var(--smil-air-white); outline-offset: 4px; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1050px) { .smil-floor-airborne__header { grid-template-columns: minmax(0, 1fr); gap: 18px; } .smil-floor-airborne__intro { max-width: 850px; } .smil-floor-airborne__noise-grid { grid-template-columns: minmax(0, 1fr); } .smil-floor-airborne__night, .smil-floor-airborne__transmission, .smil-floor-airborne__existing, .smil-floor-airborne__process { grid-template-columns: minmax(0, 1fr); } .smil-floor-airborne__routes-grid { grid-template-columns: minmax(0, 1fr); } .smil-floor-airborne__solution-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 760px) { .smil-floor-airborne { padding: 49px 14px 58px; } .smil-floor-airborne__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-floor-airborne__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-airborne__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-airborne__answer-icon svg { width: 23px; height: 23px; } .smil-floor-airborne__noise-card { padding: 21px 18px; border-radius: 20px; } .smil-floor-airborne__night { padding: 22px 18px; border-radius: 20px; } .smil-floor-airborne__night-points { grid-template-columns: minmax(0, 1fr); } .smil-floor-airborne__transmission { padding: 23px 18px; border-radius: 20px; } .smil-floor-airborne__transmission-path { grid-template-columns: minmax(0, 1fr); gap: 7px; } .smil-floor-airborne__path-arrow { transform: rotate(90deg); text-align: center; } .smil-floor-airborne__path-item { display: grid; grid-template-columns: 33px minmax(0, 1fr); column-gap: 10px; align-items: center; text-align: left; } .smil-floor-airborne__path-number { grid-row: 1 / span 2; margin: 0; } .smil-floor-airborne__path-item strong, .smil-floor-airborne__path-item small { grid-column: 2; } .smil-floor-airborne__path-item small { margin-top: 2px; } .smil-floor-airborne__solution { padding: 22px 18px; border-radius: 20px; } .smil-floor-airborne__solution-grid { grid-template-columns: minmax(0, 1fr); } .smil-floor-airborne__existing { padding: 22px 18px; border-radius: 20px; } .smil-floor-airborne__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-airborne__warning-icon { width: 43px; height: 43px; border-radius: 12px; } .smil-floor-airborne__process { padding: 22px 18px; border-radius: 20px; } .smil-floor-airborne__steps { grid-template-columns: minmax(0, 1fr); } .smil-floor-airborne__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-airborne__cta-button { width: 100%; } } /* ========================================================= SMARTPHONE PICCOLI ========================================================= */ @media (max-width: 440px) { .smil-floor-airborne__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-airborne__answer { grid-template-columns: minmax(0, 1fr); } .smil-floor-airborne__noise-head { align-items: flex-start; } .smil-floor-airborne__route { grid-template-columns: 40px minmax(0, 1fr); padding: 15px; } .smil-floor-airborne__route-icon { width: 39px; height: 39px; border-radius: 11px; } .smil-floor-airborne__warning { grid-template-columns: minmax(0, 1fr); } .smil-floor-airborne__cta-copy { grid-template-columns: minmax(0, 1fr); } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-floor-airborne__cta-button, .smil-floor-airborne__cta-button svg { transition: none; } }#imCell_8 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_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; } /* ========================================================= BLOCCO 6 COME INSONORIZZARE IL PAVIMENTO DI UN APPARTAMENTO ========================================================= */ .smil-floor-how, .smil-floor-how *, .smil-floor-how *::before, .smil-floor-how *::after { box-sizing: border-box; } .smil-floor-how { --smil-how-dark: #073844; --smil-how-dark-deep: #052b35; --smil-how-blue: #087c8f; --smil-how-turquoise: #00a991; --smil-how-turquoise-light: #dff8f4; --smil-how-orange: #f28a2e; --smil-how-orange-dark: #d66d0e; --smil-how-orange-soft: #fff1e4; --smil-how-white: #ffffff; --smil-how-bg: #f3faf9; --smil-how-text: #183640; --smil-how-muted: #557078; --smil-how-border: #cee5e2; position: relative; width: 100%; overflow: hidden; padding: clamp(60px, 7vw, 100px) 20px; color: var(--smil-how-text); background: radial-gradient( circle at 98% 2%, rgba(0, 169, 145, 0.09) 0, rgba(0, 169, 145, 0) 28% ), radial-gradient( circle at 1% 98%, rgba(242, 138, 46, 0.07) 0, rgba(242, 138, 46, 0) 25% ), var(--smil-how-bg); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-how__container { width: min(1220px, 100%); margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-floor-how__header { max-width: 900px; margin: 0 auto; text-align: center; } .smil-floor-how__eyebrow { display: inline-flex; margin: 0 0 13px; padding: 7px 14px; color: var(--smil-how-blue); background: var(--smil-how-turquoise-light); border: 1px solid #c5e8e3; border-radius: 999px; font-size: 0.82rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-how__title { margin: 0; color: var(--smil-how-dark); font-size: clamp(2rem, 4.25vw, 3.55rem); font-weight: 850; line-height: 1.08; letter-spacing: -0.038em; text-wrap: balance; } .smil-floor-how__intro { max-width: 850px; margin: 20px auto 0; color: var(--smil-how-muted); font-size: clamp(1.04rem, 1.6vw, 1.18rem); line-height: 1.72; } .smil-floor-how__intro strong { color: var(--smil-how-dark); font-weight: 800; } /* ========================================================= RISPOSTA DIRETTA ========================================================= */ .smil-floor-how__direct-answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; width: min(980px, 100%); margin: 33px auto 0; padding: 22px 24px; background: var(--smil-how-white); border: 1px solid var(--smil-how-border); border-left: 5px solid var(--smil-how-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-how__direct-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--smil-how-blue); background: var(--smil-how-turquoise-light); border-radius: 15px; } .smil-floor-how__direct-icon svg { display: block; width: 28px; height: 28px; } .smil-floor-how__direct-content { min-width: 0; } .smil-floor-how__direct-content > strong { display: block; margin: 1px 0 7px; color: var(--smil-how-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-how__direct-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } .smil-floor-how__direct-content p strong { color: var(--smil-how-dark); font-weight: 800; } /* ========================================================= TITOLI INTERNI ========================================================= */ .smil-floor-how__section-label, .smil-floor-how__chapter-label { margin: 0 0 6px; color: var(--smil-how-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-how__section-title { display: block; color: var(--smil-how-dark); font-size: clamp(1.32rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* ========================================================= DUE OBIETTIVI ========================================================= */ .smil-floor-how__objectives { display: grid; grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1.28fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin: 40px 0 0; padding: clamp(26px, 4vw, 42px); background: var(--smil-how-white); border: 1px solid var(--smil-how-border); border-radius: 24px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-how__objectives-copy > p:last-child { margin: 13px 0 0; color: var(--smil-how-muted); font-size: 0.94rem; line-height: 1.66; } .smil-floor-how__objectives-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; } .smil-floor-how__objective { display: grid; grid-template-columns: 47px minmax(0, 1fr); gap: 13px; align-items: flex-start; min-width: 0; padding: 19px; background: #f6fbfa; border: 1px solid #dcebe9; border-radius: 17px; } .smil-floor-how__objective-icon { display: grid; place-items: center; width: 45px; height: 45px; color: var(--smil-how-blue); background: var(--smil-how-turquoise-light); border-radius: 13px; } .smil-floor-how__objective-icon--orange { color: var(--smil-how-orange-dark); background: var(--smil-how-orange-soft); } .smil-floor-how__objective-icon svg { width: 23px; height: 23px; } .smil-floor-how__objective div { min-width: 0; } .smil-floor-how__objective strong { display: block; margin: 1px 0 6px; color: var(--smil-how-dark); font-size: 0.95rem; font-weight: 850; line-height: 1.35; } .smil-floor-how__objective p { margin: 0; color: var(--smil-how-muted); font-size: 0.82rem; line-height: 1.53; } .smil-floor-how__objective small { display: block; margin: 8px 0 0; color: var(--smil-how-blue); font-size: 0.76rem; font-weight: 750; line-height: 1.45; } /* ========================================================= CAPITOLI H3 ========================================================= */ .smil-floor-how__chapter { margin: 32px 0 0; padding: clamp(26px, 4vw, 42px); background: var(--smil-how-white); border: 1px solid var(--smil-how-border); border-radius: 24px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-how__chapter-heading { display: flex; align-items: center; gap: 16px; margin: 0 0 23px; } .smil-floor-how__chapter-number { display: grid; place-items: center; flex: 0 0 auto; width: 54px; height: 54px; color: var(--smil-how-white); background: linear-gradient( 135deg, var(--smil-how-blue), var(--smil-how-turquoise) ); border-radius: 16px; font-size: 0.92rem; font-weight: 900; box-shadow: 0 9px 20px rgba(0, 135, 139, 0.18); } .smil-floor-how__chapter-heading > div:last-child { min-width: 0; } .smil-floor-how__chapter-title { margin: 0; color: var(--smil-how-dark); font-size: clamp(1.5rem, 2.8vw, 2.25rem); font-weight: 850; line-height: 1.2; letter-spacing: -0.028em; } .smil-floor-how__chapter-grid { display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(360px, 0.96fr); gap: clamp(28px, 4.5vw, 54px); align-items: start; } .smil-floor-how__chapter-copy > p { margin: 0 0 14px; color: var(--smil-how-muted); font-size: 0.96rem; line-height: 1.7; } .smil-floor-how__chapter-copy > p strong { color: var(--smil-how-dark); font-weight: 800; } /* ========================================================= DOMANDE SULL’ORIGINE ========================================================= */ .smil-floor-how__question-box { margin: 21px 0 0; padding: 20px; background: var(--smil-how-turquoise-light); border: 1px solid #c5e7e2; border-radius: 18px; } .smil-floor-how__question-box > strong { display: block; margin: 0 0 12px; color: var(--smil-how-dark); font-size: 0.96rem; font-weight: 850; } .smil-floor-how__question-box ul, .smil-floor-how__existing-list ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; } .smil-floor-how__question-box li, .smil-floor-how__existing-list li { position: relative; padding-left: 21px; color: #456169; font-size: 0.86rem; line-height: 1.51; } .smil-floor-how__question-box li::before, .smil-floor-how__existing-list li::before { content: "✓"; position: absolute; left: 0; color: var(--smil-how-turquoise); font-weight: 900; } /* ========================================================= MAPPA DELLE ORIGINI ========================================================= */ .smil-floor-how__origin-map { padding: 22px; background: #f6fbfa; border: 1px solid #dcebe9; border-radius: 19px; } .smil-floor-how__origin-map-title { display: block; margin: 0 0 14px; color: var(--smil-how-dark); font-size: 1rem; font-weight: 850; } .smil-floor-how__origin-items { display: grid; gap: 10px; } .smil-floor-how__origin-item { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; align-items: center; padding: 14px; background: var(--smil-how-white); border: 1px solid #dceae8; border-radius: 14px; } .smil-floor-how__origin-item > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--smil-how-white); background: var(--smil-how-blue); border-radius: 11px; font-size: 0.77rem; font-weight: 900; } .smil-floor-how__origin-item div { min-width: 0; } .smil-floor-how__origin-item strong { display: block; margin: 0 0 3px; color: var(--smil-how-dark); font-size: 0.88rem; font-weight: 800; } .smil-floor-how__origin-item p { margin: 0; color: var(--smil-how-muted); font-size: 0.77rem; line-height: 1.45; } /* ========================================================= CAPITOLO SCURO ========================================================= */ .smil-floor-how__chapter--dark { color: var(--smil-how-white); background: radial-gradient( circle at 95% 8%, rgba(0, 169, 145, 0.24) 0, rgba(0, 169, 145, 0) 34% ), linear-gradient( 135deg, var(--smil-how-dark-deep) 0%, var(--smil-how-dark) 65%, #075667 100% ); border-color: rgba(255, 255, 255, 0.1); box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-how__chapter--dark .smil-floor-how__chapter-number { color: var(--smil-how-dark); background: #7fe7d9; } .smil-floor-how__chapter--dark .smil-floor-how__chapter-label { color: #7fe7d9; } .smil-floor-how__chapter--dark .smil-floor-how__chapter-title { color: var(--smil-how-white); } .smil-floor-how__chapter-intro { max-width: 850px; margin: -5px 0 22px; color: rgba(238, 255, 252, 0.79); font-size: 0.96rem; line-height: 1.68; } /* ========================================================= TIPOLOGIE DI RUMORE ========================================================= */ .smil-floor-how__noise-types { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } .smil-floor-how__noise-type { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 13px; align-items: flex-start; min-width: 0; padding: 20px; background: rgba(255, 255, 255, 0.085); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 18px; } .smil-floor-how__noise-icon { display: grid; place-items: center; width: 44px; height: 44px; color: var(--smil-how-dark); background: #7fe7d9; border-radius: 13px; } .smil-floor-how__noise-icon--orange { background: #ffb66f; } .smil-floor-how__noise-icon--light { background: #dff8f4; } .smil-floor-how__noise-icon svg { width: 23px; height: 23px; } .smil-floor-how__noise-type div { min-width: 0; } .smil-floor-how__noise-type strong { display: block; margin: 1px 0 6px; color: var(--smil-how-white); font-size: 0.98rem; font-weight: 850; } .smil-floor-how__noise-type p { margin: 0; color: rgba(238, 255, 252, 0.72); font-size: 0.82rem; line-height: 1.52; } .smil-floor-how__noise-type ul { display: grid; gap: 4px; margin: 10px 0 0; padding: 0; list-style: none; } .smil-floor-how__noise-type li { position: relative; padding-left: 14px; color: rgba(238, 255, 252, 0.8); font-size: 0.76rem; line-height: 1.4; } .smil-floor-how__noise-type li::before { content: ""; position: absolute; top: 0.5em; left: 1px; width: 5px; height: 5px; background: var(--smil-how-orange); border-radius: 50%; } .smil-floor-how__noise-type small { display: block; margin: 10px 0 0; color: #83eadc; font-size: 0.72rem; font-weight: 700; line-height: 1.43; } .smil-floor-how__dark-note { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 13px; align-items: center; margin: 18px 0 0; padding: 16px 18px; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.13); border-left: 4px solid var(--smil-how-orange); border-radius: 15px; } .smil-floor-how__dark-note-icon { display: grid; place-items: center; width: 40px; height: 40px; color: #ffbd7a; } .smil-floor-how__dark-note-icon svg { width: 26px; height: 26px; } .smil-floor-how__dark-note p { margin: 0; color: rgba(238, 255, 252, 0.78); font-size: 0.86rem; line-height: 1.57; } /* ========================================================= TRASMISSIONI LATERALI ========================================================= */ .smil-floor-how__routes-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, 0.88fr); gap: clamp(28px, 4.5vw, 54px); } .smil-floor-how__routes-copy > p { margin: 0 0 14px; color: var(--smil-how-muted); font-size: 0.96rem; line-height: 1.7; } .smil-floor-how__routes-copy > p strong { color: var(--smil-how-dark); font-weight: 800; } .smil-floor-how__routes-warning { margin: 20px 0 0; padding: 18px 19px; background: var(--smil-how-orange-soft); border: 1px solid #efd0b4; border-left: 4px solid var(--smil-how-orange); border-radius: 16px; } .smil-floor-how__routes-warning strong { display: block; margin: 0 0 6px; color: var(--smil-how-dark); font-size: 0.94rem; font-weight: 850; } .smil-floor-how__routes-warning p { margin: 0; color: #595850; font-size: 0.84rem; line-height: 1.57; } .smil-floor-how__building-map { padding: 22px; background: var(--smil-how-turquoise-light); border: 1px solid #c5e7e2; border-radius: 19px; } .smil-floor-how__building-map-title { margin: 0 0 14px; color: var(--smil-how-dark); font-size: 1rem; font-weight: 850; } .smil-floor-how__building-elements { display: grid; gap: 9px; } .smil-floor-how__building-element { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; align-items: center; padding: 13px; background: rgba(255, 255, 255, 0.85); border: 1px solid #d0e8e4; border-radius: 14px; } .smil-floor-how__building-element > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--smil-how-white); background: var(--smil-how-blue); border-radius: 11px; font-size: 0.77rem; font-weight: 900; } .smil-floor-how__building-element div { min-width: 0; } .smil-floor-how__building-element strong { display: block; margin: 0 0 3px; color: var(--smil-how-dark); font-size: 0.87rem; font-weight: 800; } .smil-floor-how__building-element p { margin: 0; color: var(--smil-how-muted); font-size: 0.76rem; line-height: 1.44; } /* ========================================================= METODO IN SEI PASSAGGI ========================================================= */ .smil-floor-how__method { margin: 32px 0 0; padding: clamp(26px, 4vw, 42px); background: var(--smil-how-white); border: 1px solid var(--smil-how-border); border-radius: 24px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-how__method-header { max-width: 830px; } .smil-floor-how__method-header > p:last-child { margin: 12px 0 0; color: var(--smil-how-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-how__method-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 22px 0 0; padding: 0; list-style: none; } .smil-floor-how__method-step { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 11px; align-items: flex-start; min-width: 0; padding: 16px; background: #f6fbfa; border: 1px solid #dcebe9; border-radius: 16px; } .smil-floor-how__method-number { display: grid; place-items: center; width: 36px; height: 36px; color: var(--smil-how-white); background: var(--smil-how-blue); border-radius: 11px; font-size: 0.78rem; font-weight: 900; } .smil-floor-how__method-step div { min-width: 0; } .smil-floor-how__method-step strong { display: block; margin: 1px 0 4px; color: var(--smil-how-dark); font-size: 0.88rem; font-weight: 800; } .smil-floor-how__method-step p { margin: 0; color: var(--smil-how-muted); font-size: 0.77rem; line-height: 1.47; } /* ========================================================= PAVIMENTO ESISTENTE ========================================================= */ .smil-floor-how__existing { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(350px, 0.88fr); gap: clamp(28px, 4.5vw, 55px); align-items: center; margin: 31px 0 0; padding: clamp(25px, 4vw, 40px); background: radial-gradient( circle at 96% 8%, rgba(0, 169, 145, 0.14) 0, rgba(0, 169, 145, 0) 34% ), var(--smil-how-white); border: 1px solid var(--smil-how-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-how__existing-label { margin: 0 0 7px; color: var(--smil-how-blue); font-size: 0.76rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-how__existing-copy > strong { display: block; color: var(--smil-how-dark); font-size: clamp(1.3rem, 2.35vw, 1.9rem); font-weight: 850; line-height: 1.28; letter-spacing: -0.025em; } .smil-floor-how__existing-copy > p:not(.smil-floor-how__existing-label) { margin: 13px 0 0; color: var(--smil-how-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-how__existing-list { padding: 21px; background: var(--smil-how-turquoise-light); border: 1px solid #c5e7e2; border-radius: 18px; } .smil-floor-how__existing-list > strong { display: block; margin: 0 0 12px; color: var(--smil-how-dark); font-size: 0.95rem; font-weight: 850; line-height: 1.4; } /* ========================================================= AVVERTENZA ========================================================= */ .smil-floor-how__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; margin: 25px 0 0; padding: 20px 22px; background: var(--smil-how-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--smil-how-orange); border-radius: 18px; } .smil-floor-how__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; color: var(--smil-how-orange-dark); background: var(--smil-how-white); border-radius: 14px; } .smil-floor-how__warning-icon svg { width: 26px; height: 26px; } .smil-floor-how__warning div { min-width: 0; } .smil-floor-how__warning strong { display: block; margin: 1px 0 6px; color: var(--smil-how-dark); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-how__warning p { margin: 0; color: #595850; font-size: 0.92rem; line-height: 1.64; } /* ========================================================= PROCESSO SORGEDIL ========================================================= */ .smil-floor-how__process { display: grid; grid-template-columns: minmax(280px, 0.73fr) minmax(0, 1.27fr); gap: clamp(30px, 5vw, 62px); align-items: center; margin: 36px 0 0; padding: clamp(25px, 4vw, 41px); background: var(--smil-how-white); border: 1px solid var(--smil-how-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-how__process-copy > p:last-child { margin: 13px 0 0; color: var(--smil-how-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-how__process-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; margin: 0; padding: 0; list-style: none; } .smil-floor-how__process-steps li { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; padding: 14px; background: #f6fbfa; border: 1px solid #dcebe9; border-radius: 15px; } .smil-floor-how__process-steps li > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--smil-how-white); background: var(--smil-how-blue); border-radius: 11px; font-size: 0.79rem; font-weight: 900; } .smil-floor-how__process-steps li div { min-width: 0; } .smil-floor-how__process-steps strong { display: block; margin: 1px 0 3px; color: var(--smil-how-dark); font-size: 0.88rem; font-weight: 800; line-height: 1.35; } .smil-floor-how__process-steps p { margin: 0; color: #5a7179; font-size: 0.78rem; line-height: 1.48; } /* ========================================================= CTA ========================================================= */ .smil-floor-how__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: 28px 0 0; padding: 21px 23px; color: var(--smil-how-white); background: linear-gradient( 135deg, var(--smil-how-blue) 0%, var(--smil-how-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-how__cta-copy { display: grid; grid-template-columns: 47px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-how__cta-icon { display: grid; place-items: center; width: 47px; height: 47px; color: var(--smil-how-dark); background: rgba(255, 255, 255, 0.87); border-radius: 14px; } .smil-floor-how__cta-icon svg { width: 25px; height: 25px; } .smil-floor-how__cta-copy div { min-width: 0; } .smil-floor-how__cta-copy strong { display: block; margin-bottom: 4px; color: var(--smil-how-white); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-how__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.81); font-size: 0.86rem; line-height: 1.5; } .smil-floor-how__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 51px; padding: 12px 18px; color: var(--smil-how-white); background: linear-gradient( 135deg, var(--smil-how-orange) 0%, var(--smil-how-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-how__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-how__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-how__cta-button:hover svg { transform: translateX(3px); } .smil-floor-how__cta-button:focus-visible { outline: 3px solid var(--smil-how-white); outline-offset: 4px; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1050px) { .smil-floor-how__objectives, .smil-floor-how__chapter-grid, .smil-floor-how__routes-layout, .smil-floor-how__existing, .smil-floor-how__process { grid-template-columns: minmax(0, 1fr); } .smil-floor-how__noise-types { grid-template-columns: minmax(0, 1fr); } .smil-floor-how__method-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 760px) { .smil-floor-how { padding: 49px 14px 58px; } .smil-floor-how__header { text-align: left; } .smil-floor-how__title { font-size: clamp(2rem, 9.5vw, 2.85rem); } .smil-floor-how__direct-answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-how__direct-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-how__direct-icon svg { width: 23px; height: 23px; } .smil-floor-how__objectives { padding: 22px 18px; border-radius: 20px; } .smil-floor-how__objectives-grid { grid-template-columns: minmax(0, 1fr); } .smil-floor-how__chapter { padding: 22px 18px; border-radius: 20px; } .smil-floor-how__chapter-heading { align-items: flex-start; } .smil-floor-how__chapter-number { width: 47px; height: 47px; border-radius: 14px; } .smil-floor-how__chapter-title { font-size: clamp(1.4rem, 7vw, 1.95rem); } .smil-floor-how__method { padding: 22px 18px; border-radius: 20px; } .smil-floor-how__method-steps { grid-template-columns: minmax(0, 1fr); } .smil-floor-how__existing { padding: 22px 18px; border-radius: 20px; } .smil-floor-how__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-how__warning-icon { width: 43px; height: 43px; border-radius: 12px; } .smil-floor-how__process { padding: 22px 18px; border-radius: 20px; } .smil-floor-how__process-steps { grid-template-columns: minmax(0, 1fr); } .smil-floor-how__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-how__cta-button { width: 100%; } } /* ========================================================= SMARTPHONE PICCOLI ========================================================= */ @media (max-width: 440px) { .smil-floor-how__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-how__direct-answer { grid-template-columns: minmax(0, 1fr); } .smil-floor-how__objective, .smil-floor-how__noise-type { grid-template-columns: 40px minmax(0, 1fr); padding: 15px; } .smil-floor-how__objective-icon, .smil-floor-how__noise-icon { width: 39px; height: 39px; border-radius: 11px; } .smil-floor-how__dark-note { grid-template-columns: minmax(0, 1fr); } .smil-floor-how__warning { grid-template-columns: minmax(0, 1fr); } .smil-floor-how__cta-copy { grid-template-columns: minmax(0, 1fr); } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-floor-how__cta-button, .smil-floor-how__cta-button svg { transition: none; } }#imCell_9 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_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; } /* ========================================================= BLOCCO 7 H3 – INDIVIDUARE L’ORIGINE DEL RUMORE ========================================================= */ .smil-floor-origin, .smil-floor-origin *, .smil-floor-origin *::before, .smil-floor-origin *::after { box-sizing: border-box; } .smil-floor-origin { --sfo-dark: #073844; --sfo-dark-deep: #052b35; --sfo-blue: #087c8f; --sfo-turquoise: #00a991; --sfo-turquoise-light: #dff8f4; --sfo-orange: #f28a2e; --sfo-orange-dark: #d66d0e; --sfo-orange-soft: #fff1e4; --sfo-white: #ffffff; --sfo-bg: #ffffff; --sfo-bg-soft: #f3faf9; --sfo-text: #183640; --sfo-muted: #557078; --sfo-border: #cee5e2; width: 100%; overflow: hidden; padding: clamp(58px, 7vw, 96px) 20px; color: var(--sfo-text); background: radial-gradient( circle at 98% 2%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 0) 28% ), radial-gradient( circle at 2% 98%, rgba(242, 138, 46, 0.07) 0, rgba(242, 138, 46, 0) 25% ), linear-gradient( 180deg, var(--sfo-bg) 0%, var(--sfo-bg-soft) 100% ); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-origin__container { width: min(1220px, 100%); margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-floor-origin__header { display: grid; grid-template-columns: minmax(0, 0.82fr) minmax(420px, 1.18fr); gap: clamp(30px, 5vw, 70px); align-items: end; } .smil-floor-origin__heading { min-width: 0; } .smil-floor-origin__eyebrow { display: inline-flex; margin: 0 0 12px; padding: 7px 13px; color: var(--sfo-blue); background: var(--sfo-turquoise-light); border: 1px solid #c5e8e3; border-radius: 999px; font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-origin__title { margin: 0; color: var(--sfo-dark); font-size: clamp(1.9rem, 3.55vw, 3.15rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; } .smil-floor-origin__intro { max-width: 720px; margin: 0; padding-bottom: 4px; color: var(--sfo-muted); font-size: clamp(1.03rem, 1.55vw, 1.17rem); line-height: 1.73; } .smil-floor-origin__intro strong { color: var(--sfo-dark); font-weight: 800; } /* ========================================================= RISPOSTA DIRETTA ========================================================= */ .smil-floor-origin__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; margin: 34px 0 0; padding: 22px 24px; background: var(--sfo-white); border: 1px solid var(--sfo-border); border-left: 5px solid var(--sfo-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-origin__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sfo-blue); background: var(--sfo-turquoise-light); border-radius: 15px; } .smil-floor-origin__answer-icon svg { width: 28px; height: 28px; } .smil-floor-origin__answer-content { min-width: 0; } .smil-floor-origin__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sfo-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-origin__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } .smil-floor-origin__answer-content p strong { color: var(--sfo-dark); font-weight: 800; } /* ========================================================= TITOLI INTERNI ========================================================= */ .smil-floor-origin__section-label { margin: 0 0 7px; color: var(--sfo-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-origin__section-title { display: block; color: var(--sfo-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* ========================================================= CONCETTO PRINCIPALE ========================================================= */ .smil-floor-origin__key-concept { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin: 30px 0 0; padding: clamp(26px, 4vw, 42px); color: var(--sfo-white); background: radial-gradient( circle at 94% 10%, rgba(0, 169, 145, 0.24) 0, rgba(0, 169, 145, 0) 35% ), linear-gradient( 135deg, var(--sfo-dark-deep) 0%, var(--sfo-dark) 65%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-origin__key-concept .smil-floor-origin__section-label { color: #7fe7d9; } .smil-floor-origin__key-concept .smil-floor-origin__section-title { color: var(--sfo-white); } .smil-floor-origin__key-copy > p:last-child { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-origin__key-path { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr); gap: 9px; align-items: center; } .smil-floor-origin__key-step { min-width: 0; padding: 17px 12px; text-align: center; background: rgba(255, 255, 255, 0.085); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 16px; } .smil-floor-origin__key-step > span { display: grid; place-items: center; width: 30px; height: 30px; margin: 0 auto 9px; color: var(--sfo-dark); background: #7fe7d9; border-radius: 50%; font-size: 0.75rem; font-weight: 900; } .smil-floor-origin__key-step strong { display: block; color: var(--sfo-white); font-size: 0.88rem; font-weight: 850; } .smil-floor-origin__key-step small { display: block; margin-top: 5px; color: rgba(238, 255, 252, 0.65); font-size: 0.68rem; line-height: 1.38; } .smil-floor-origin__key-arrow { color: var(--sfo-orange); font-size: 1.25rem; font-weight: 900; } /* ========================================================= POSSIBILI SORGENTI ========================================================= */ .smil-floor-origin__sources { margin: 35px 0 0; } .smil-floor-origin__sources-header, .smil-floor-origin__clues-copy, .smil-floor-origin__observations-header { max-width: 840px; } .smil-floor-origin__sources-header > p:last-child, .smil-floor-origin__clues-copy > p:last-child, .smil-floor-origin__observations-header > p:last-child { margin: 12px 0 0; color: var(--sfo-muted); font-size: 0.95rem; line-height: 1.64; } .smil-floor-origin__sources-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin: 22px 0 0; } .smil-floor-origin__source { min-width: 0; padding: 23px; background: var(--sfo-white); border: 1px solid var(--sfo-border); border-radius: 21px; box-shadow: 0 14px 35px rgba(7, 56, 68, 0.07); } .smil-floor-origin__source-head { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 17px; } .smil-floor-origin__source-icon { display: grid; place-items: center; width: 49px; height: 49px; color: var(--sfo-blue); background: var(--sfo-turquoise-light); border: 1px solid #c5e8e3; border-radius: 14px; } .smil-floor-origin__source-icon--orange { color: var(--sfo-orange-dark); background: var(--sfo-orange-soft); border-color: #f0d0b3; } .smil-floor-origin__source-icon svg { width: 25px; height: 25px; } .smil-floor-origin__source-number { color: rgba(7, 56, 68, 0.21); font-size: 1.38rem; font-weight: 900; } .smil-floor-origin__source-title { display: block; margin-bottom: 9px; color: var(--sfo-dark); font-size: 1.14rem; font-weight: 850; line-height: 1.35; } .smil-floor-origin__source > p { margin: 0 0 17px; color: var(--sfo-muted); font-size: 0.91rem; line-height: 1.64; } .smil-floor-origin__source-signals { padding-top: 15px; border-top: 1px solid #deecea; } .smil-floor-origin__source-signals > strong { display: block; margin-bottom: 9px; color: var(--sfo-blue); font-size: 0.78rem; font-weight: 850; text-transform: uppercase; } .smil-floor-origin__source-signals ul { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none; } .smil-floor-origin__source-signals li { position: relative; padding-left: 19px; color: #526b73; font-size: 0.83rem; line-height: 1.48; } .smil-floor-origin__source-signals li::before { content: ""; position: absolute; top: 0.54em; left: 2px; width: 7px; height: 7px; background: var(--sfo-orange); border-radius: 50%; box-shadow: 0 0 0 4px var(--sfo-orange-soft); } /* ========================================================= INDIZI ========================================================= */ .smil-floor-origin__clues { margin: 34px 0 0; padding: clamp(26px, 4vw, 40px); background: var(--sfo-white); border: 1px solid var(--sfo-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-origin__clues-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 22px; } .smil-floor-origin__clue { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; align-items: flex-start; min-width: 0; padding: 16px; background: #f6fbfa; border: 1px solid #dcebe9; border-radius: 16px; } .smil-floor-origin__clue-mark { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfo-white); background: var(--sfo-blue); border-radius: 11px; font-size: 0.77rem; font-weight: 900; } .smil-floor-origin__clue div { min-width: 0; } .smil-floor-origin__clue strong { display: block; margin: 1px 0 4px; color: var(--sfo-dark); font-size: 0.89rem; font-weight: 850; } .smil-floor-origin__clue p { margin: 0; color: var(--sfo-muted); font-size: 0.77rem; line-height: 1.48; } /* ========================================================= OSSERVAZIONI ========================================================= */ .smil-floor-origin__observations { margin: 31px 0 0; } .smil-floor-origin__observations-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin-top: 20px; } .smil-floor-origin__observation { min-width: 0; padding: 18px 15px; background: var(--sfo-turquoise-light); border: 1px solid #c5e7e2; border-radius: 17px; } .smil-floor-origin__observation span { display: block; margin-bottom: 13px; color: rgba(7, 56, 68, 0.25); font-size: 1.18rem; font-weight: 900; } .smil-floor-origin__observation strong { display: block; margin-bottom: 5px; color: var(--sfo-dark); font-size: 0.91rem; font-weight: 850; } .smil-floor-origin__observation p { margin: 0; color: #4f686f; font-size: 0.76rem; line-height: 1.46; } /* ========================================================= AVVERTENZA ========================================================= */ .smil-floor-origin__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; margin: 27px 0 0; padding: 20px 22px; background: var(--sfo-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sfo-orange); border-radius: 18px; } .smil-floor-origin__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; color: var(--sfo-orange-dark); background: var(--sfo-white); border-radius: 14px; } .smil-floor-origin__warning-icon svg { width: 26px; height: 26px; } .smil-floor-origin__warning div { min-width: 0; } .smil-floor-origin__warning strong { display: block; margin: 1px 0 6px; color: var(--sfo-dark); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-origin__warning p { margin: 0; color: #595850; font-size: 0.92rem; line-height: 1.64; } /* ========================================================= ANALISI ========================================================= */ .smil-floor-origin__analysis { display: grid; grid-template-columns: minmax(280px, 0.73fr) minmax(0, 1.27fr); gap: clamp(30px, 5vw, 62px); align-items: center; margin: 35px 0 0; padding: clamp(25px, 4vw, 41px); background: var(--sfo-white); border: 1px solid var(--sfo-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-origin__analysis-copy > p:not(.smil-floor-origin__section-label) { margin: 13px 0 0; color: var(--sfo-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-origin__analysis-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; margin: 0; padding: 0; list-style: none; } .smil-floor-origin__analysis-steps li { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; padding: 14px; background: #f6fbfa; border: 1px solid #dcebe9; border-radius: 15px; } .smil-floor-origin__analysis-steps li > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfo-white); background: var(--sfo-blue); border-radius: 11px; font-size: 0.79rem; font-weight: 900; } .smil-floor-origin__analysis-steps li div { min-width: 0; } .smil-floor-origin__analysis-steps strong { display: block; margin: 1px 0 3px; color: var(--sfo-dark); font-size: 0.88rem; font-weight: 800; } .smil-floor-origin__analysis-steps p { margin: 0; color: #5a7179; font-size: 0.78rem; line-height: 1.48; } /* ========================================================= PAVIMENTO ESISTENTE ========================================================= */ .smil-floor-origin__existing { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(350px, 0.85fr); gap: clamp(28px, 4.5vw, 55px); align-items: center; margin: 30px 0 0; padding: clamp(25px, 4vw, 40px); background: radial-gradient( circle at 96% 8%, rgba(0, 169, 145, 0.14) 0, rgba(0, 169, 145, 0) 34% ), var(--sfo-white); border: 1px solid var(--sfo-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-origin__existing-label { margin: 0 0 7px; color: var(--sfo-blue); font-size: 0.76rem; font-weight: 850; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-origin__existing-copy > strong { display: block; color: var(--sfo-dark); font-size: clamp(1.3rem, 2.35vw, 1.9rem); font-weight: 850; line-height: 1.28; letter-spacing: -0.025em; } .smil-floor-origin__existing-copy > p:not(.smil-floor-origin__existing-label) { margin: 13px 0 0; color: var(--sfo-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-origin__existing-result { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 14px; align-items: center; padding: 21px; background: var(--sfo-turquoise-light); border: 1px solid #c5e7e2; border-radius: 18px; } .smil-floor-origin__existing-icon { display: grid; place-items: center; width: 46px; height: 46px; color: var(--sfo-blue); } .smil-floor-origin__existing-icon svg { width: 30px; height: 30px; } .smil-floor-origin__existing-result div { min-width: 0; } .smil-floor-origin__existing-result strong { display: block; margin-bottom: 5px; color: var(--sfo-dark); font-size: 0.96rem; font-weight: 850; } .smil-floor-origin__existing-result p { margin: 0; color: #4e686f; font-size: 0.83rem; line-height: 1.52; } /* ========================================================= CTA ========================================================= */ .smil-floor-origin__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: 28px 0 0; padding: 21px 23px; color: var(--sfo-white); background: linear-gradient( 135deg, var(--sfo-blue) 0%, var(--sfo-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-origin__cta-copy { display: grid; grid-template-columns: 47px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-origin__cta-icon { display: grid; place-items: center; width: 47px; height: 47px; color: var(--sfo-dark); background: rgba(255, 255, 255, 0.87); border-radius: 14px; } .smil-floor-origin__cta-icon svg { width: 25px; height: 25px; } .smil-floor-origin__cta-copy div { min-width: 0; } .smil-floor-origin__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sfo-white); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-origin__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.81); font-size: 0.86rem; line-height: 1.5; } .smil-floor-origin__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 51px; padding: 12px 18px; color: var(--sfo-white); background: linear-gradient( 135deg, var(--sfo-orange) 0%, var(--sfo-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-origin__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-origin__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-origin__cta-button:hover svg { transform: translateX(3px); } .smil-floor-origin__cta-button:focus-visible { outline: 3px solid var(--sfo-white); outline-offset: 4px; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1050px) { .smil-floor-origin__header, .smil-floor-origin__key-concept, .smil-floor-origin__analysis, .smil-floor-origin__existing { grid-template-columns: minmax(0, 1fr); } .smil-floor-origin__intro { max-width: 850px; } .smil-floor-origin__observations-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 760px) { .smil-floor-origin { padding: 49px 14px 58px; } .smil-floor-origin__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-floor-origin__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-origin__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-origin__key-concept { padding: 23px 18px; border-radius: 20px; } .smil-floor-origin__key-path { grid-template-columns: minmax(0, 1fr); gap: 7px; } .smil-floor-origin__key-arrow { transform: rotate(90deg); text-align: center; } .smil-floor-origin__key-step { display: grid; grid-template-columns: 34px minmax(0, 1fr); column-gap: 11px; align-items: center; text-align: left; } .smil-floor-origin__key-step > span { grid-row: 1 / span 2; margin: 0; } .smil-floor-origin__key-step strong, .smil-floor-origin__key-step small { grid-column: 2; } .smil-floor-origin__key-step small { margin-top: 2px; } .smil-floor-origin__sources-grid, .smil-floor-origin__clues-grid { grid-template-columns: minmax(0, 1fr); } .smil-floor-origin__clues { padding: 22px 18px; border-radius: 20px; } .smil-floor-origin__observations-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-floor-origin__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-origin__analysis { padding: 22px 18px; border-radius: 20px; } .smil-floor-origin__analysis-steps { grid-template-columns: minmax(0, 1fr); } .smil-floor-origin__existing { padding: 22px 18px; border-radius: 20px; } .smil-floor-origin__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-origin__cta-button { width: 100%; } } /* ========================================================= SMARTPHONE PICCOLI ========================================================= */ @media (max-width: 440px) { .smil-floor-origin__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-origin__answer, .smil-floor-origin__warning { grid-template-columns: minmax(0, 1fr); } .smil-floor-origin__observations-grid { grid-template-columns: minmax(0, 1fr); } .smil-floor-origin__existing-result, .smil-floor-origin__cta-copy { grid-template-columns: minmax(0, 1fr); } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-floor-origin__cta-button, .smil-floor-origin__cta-button svg { transition: none; } }#imCell_10 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_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; } /* ========================================================= BLOCCO 8 H3 – RUMORI AEREI E STRUTTURALI CSS AUTONOMO: NON RICHIEDE MODIFICHE AI BLOCCHI PRECEDENTI ========================================================= */ .smil-floor-noise, .smil-floor-noise *, .smil-floor-noise *::before, .smil-floor-noise *::after { box-sizing: border-box; } .smil-floor-noise { --sfn-dark: #073844; --sfn-dark-deep: #052b35; --sfn-blue: #087c8f; --sfn-turquoise: #00a991; --sfn-turquoise-light: #dff8f4; --sfn-orange: #f28a2e; --sfn-orange-dark: #d66d0e; --sfn-orange-soft: #fff1e4; --sfn-white: #ffffff; --sfn-bg: #f3faf9; --sfn-text: #183640; --sfn-muted: #557078; --sfn-border: #cee5e2; position: relative; width: 100%; overflow: hidden; padding: clamp(58px, 7vw, 96px) 20px; color: var(--sfn-text); background: radial-gradient( circle at 97% 3%, rgba(0, 169, 145, 0.09) 0, rgba(0, 169, 145, 0) 28% ), radial-gradient( circle at 2% 96%, rgba(242, 138, 46, 0.07) 0, rgba(242, 138, 46, 0) 25% ), var(--sfn-bg); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-noise__container { width: min(1220px, 100%); margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-floor-noise__header { display: grid; grid-template-columns: minmax(0, 0.82fr) minmax(420px, 1.18fr); gap: clamp(30px, 5vw, 70px); align-items: end; } .smil-floor-noise__heading { min-width: 0; } .smil-floor-noise__eyebrow { display: inline-flex; margin: 0 0 12px; padding: 7px 13px; color: var(--sfn-blue); background: var(--sfn-turquoise-light); border: 1px solid #c5e8e3; border-radius: 999px; font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-noise__title { margin: 0; color: var(--sfn-dark); font-size: clamp(1.9rem, 3.55vw, 3.15rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; } .smil-floor-noise__intro { max-width: 740px; margin: 0; padding-bottom: 4px; color: var(--sfn-muted); font-size: clamp(1.03rem, 1.55vw, 1.17rem); line-height: 1.73; } .smil-floor-noise__intro strong { color: var(--sfn-dark); font-weight: 800; } /* ========================================================= RISPOSTA DIRETTA ========================================================= */ .smil-floor-noise__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; margin: 34px 0 0; padding: 22px 24px; background: var(--sfn-white); border: 1px solid var(--sfn-border); border-left: 5px solid var(--sfn-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-noise__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sfn-blue); background: var(--sfn-turquoise-light); border-radius: 15px; } .smil-floor-noise__answer-icon svg { width: 28px; height: 28px; } .smil-floor-noise__answer-content { min-width: 0; } .smil-floor-noise__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sfn-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-noise__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } .smil-floor-noise__answer-content p strong { color: var(--sfn-dark); font-weight: 800; } /* ========================================================= TITOLI INTERNI ========================================================= */ .smil-floor-noise__section-label { margin: 0 0 7px; color: var(--sfn-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-noise__section-title { display: block; color: var(--sfn-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* ========================================================= CONFRONTO PRINCIPALE ========================================================= */ .smil-floor-noise__comparison { display: grid; grid-template-columns: minmax(0, 1fr) 92px minmax(0, 1fr); gap: 20px; align-items: stretch; margin: 31px 0 0; } .smil-floor-noise__type { min-width: 0; padding: clamp(23px, 3vw, 31px); background: var(--sfn-white); border: 1px solid var(--sfn-border); border-radius: 23px; box-shadow: 0 15px 38px rgba(7, 56, 68, 0.075); } .smil-floor-noise__type-head { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; } .smil-floor-noise__type-icon { display: grid; place-items: center; flex: 0 0 auto; width: 51px; height: 51px; color: var(--sfn-blue); background: var(--sfn-turquoise-light); border: 1px solid #c5e8e3; border-radius: 15px; } .smil-floor-noise__type-icon--orange { color: var(--sfn-orange-dark); background: var(--sfn-orange-soft); border-color: #f0d0b3; } .smil-floor-noise__type-icon svg { width: 27px; height: 27px; } .smil-floor-noise__type-head > div { min-width: 0; } .smil-floor-noise__type-label { margin: 0 0 4px; color: var(--sfn-blue); font-size: 0.73rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.055em; text-transform: uppercase; } .smil-floor-noise__type-title { display: block; color: var(--sfn-dark); font-size: clamp(1.23rem, 1.9vw, 1.52rem); font-weight: 850; line-height: 1.3; } .smil-floor-noise__type-description { margin: 0 0 19px; color: var(--sfn-muted); font-size: 0.95rem; line-height: 1.67; } .smil-floor-noise__examples { padding: 17px; background: #f6fbfa; border: 1px solid #dcebe9; border-radius: 16px; } .smil-floor-noise__examples > strong { display: block; margin-bottom: 10px; color: var(--sfn-dark); font-size: 0.9rem; font-weight: 850; } .smil-floor-noise__examples ul, .smil-floor-noise__existing-checks ul { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none; } .smil-floor-noise__examples li, .smil-floor-noise__existing-checks li { position: relative; padding-left: 20px; color: #526b73; font-size: 0.83rem; line-height: 1.48; } .smil-floor-noise__examples li::before { content: ""; position: absolute; top: 0.54em; left: 2px; width: 7px; height: 7px; background: var(--sfn-orange); border-radius: 50%; box-shadow: 0 0 0 4px var(--sfn-orange-soft); } .smil-floor-noise__recognition { display: grid; grid-template-columns: 39px minmax(0, 1fr); gap: 12px; align-items: flex-start; margin-top: 14px; padding: 15px; background: var(--sfn-turquoise-light); border: 1px solid #c6e7e2; border-radius: 15px; } .smil-floor-noise__recognition--orange { background: var(--sfn-orange-soft); border-color: #efd0b4; } .smil-floor-noise__recognition > span { display: grid; place-items: center; width: 37px; height: 37px; color: var(--sfn-white); background: var(--sfn-blue); border-radius: 11px; font-size: 0.8rem; font-weight: 900; } .smil-floor-noise__recognition--orange > span { background: var(--sfn-orange-dark); } .smil-floor-noise__recognition div { min-width: 0; } .smil-floor-noise__recognition strong { display: block; margin: 1px 0 4px; color: var(--sfn-dark); font-size: 0.87rem; font-weight: 850; } .smil-floor-noise__recognition p { margin: 0; color: #506970; font-size: 0.79rem; line-height: 1.49; } .smil-floor-noise__principle { margin-top: 14px; padding: 16px; color: var(--sfn-white); background: linear-gradient( 135deg, var(--sfn-blue), var(--sfn-turquoise) ); border-radius: 15px; } .smil-floor-noise__principle--orange { background: linear-gradient( 135deg, var(--sfn-orange), var(--sfn-orange-dark) ); } .smil-floor-noise__principle strong { display: block; margin-bottom: 5px; color: var(--sfn-white); font-size: 0.9rem; font-weight: 850; } .smil-floor-noise__principle p { margin: 0; color: rgba(255, 255, 255, 0.84); font-size: 0.8rem; line-height: 1.5; } .smil-floor-noise__versus { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 9px; min-width: 0; } .smil-floor-noise__versus > span { display: grid; place-items: center; width: 64px; height: 64px; color: var(--sfn-white); background: var(--sfn-dark); border-radius: 50%; font-size: 1.65rem; font-weight: 900; box-shadow: 0 13px 28px rgba(7, 56, 68, 0.2); } .smil-floor-noise__versus small { display: block; max-width: 85px; color: var(--sfn-muted); font-size: 0.7rem; font-weight: 750; line-height: 1.35; text-align: center; } /* ========================================================= PERCORSI ========================================================= */ .smil-floor-noise__paths { margin-top: 35px; padding: clamp(25px, 4vw, 41px); color: var(--sfn-white); background: radial-gradient( circle at 94% 8%, rgba(0, 169, 145, 0.24) 0, rgba(0, 169, 145, 0) 35% ), linear-gradient( 135deg, var(--sfn-dark-deep) 0%, var(--sfn-dark) 65%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-noise__paths .smil-floor-noise__section-label { color: #7fe7d9; } .smil-floor-noise__paths .smil-floor-noise__section-title { color: var(--sfn-white); } .smil-floor-noise__paths-copy { max-width: 850px; } .smil-floor-noise__paths-copy > p:last-child { margin: 13px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.65; } .smil-floor-noise__paths-grid { display: grid; gap: 15px; margin-top: 24px; } .smil-floor-noise__path { padding: 18px; background: rgba(255, 255, 255, 0.075); border: 1px solid rgba(255, 255, 255, 0.13); border-left: 4px solid #7fe7d9; border-radius: 17px; } .smil-floor-noise__path--orange { border-left-color: var(--sfn-orange); } .smil-floor-noise__path-label { margin: 0 0 13px; color: var(--sfn-white); font-size: 0.88rem; font-weight: 850; } .smil-floor-noise__path-flow { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr); gap: 8px; align-items: center; } .smil-floor-noise__path-step { min-width: 0; padding: 13px 9px; text-align: center; background: rgba(255, 255, 255, 0.075); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 13px; } .smil-floor-noise__path-step > span { display: grid; place-items: center; width: 27px; height: 27px; margin: 0 auto 7px; color: var(--sfn-dark); background: #7fe7d9; border-radius: 50%; font-size: 0.7rem; font-weight: 900; } .smil-floor-noise__path--orange .smil-floor-noise__path-step > span { background: #ffb56c; } .smil-floor-noise__path-step strong { display: block; color: var(--sfn-white); font-size: 0.78rem; font-weight: 800; line-height: 1.28; } .smil-floor-noise__path-step small { display: block; margin-top: 4px; color: rgba(238, 255, 252, 0.62); font-size: 0.64rem; line-height: 1.34; } .smil-floor-noise__path-arrow { color: var(--sfn-orange); font-size: 1.15rem; font-weight: 900; } /* ========================================================= TABELLA ========================================================= */ .smil-floor-noise__diagnosis { margin-top: 31px; padding: clamp(25px, 4vw, 39px); background: var(--sfn-white); border: 1px solid var(--sfn-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-noise__diagnosis-header { max-width: 840px; } .smil-floor-noise__diagnosis-header > p:last-child { margin: 12px 0 0; color: var(--sfn-muted); font-size: 0.94rem; line-height: 1.62; } .smil-floor-noise__table { display: grid; margin-top: 21px; overflow: hidden; border: 1px solid #d8e9e6; border-radius: 17px; } .smil-floor-noise__table-row { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(180px, 0.7fr) minmax(0, 1.15fr); background: var(--sfn-white); } .smil-floor-noise__table-row:nth-child(odd):not(.smil-floor-noise__table-row--head) { background: #f7fbfa; } .smil-floor-noise__table-row + .smil-floor-noise__table-row { border-top: 1px solid #dfecea; } .smil-floor-noise__table-row > div { min-width: 0; padding: 14px 16px; color: #4d6870; font-size: 0.84rem; line-height: 1.48; } .smil-floor-noise__table-row > div + div { border-left: 1px solid #dfecea; } .smil-floor-noise__table-row--head { color: var(--sfn-white); background: var(--sfn-dark); } .smil-floor-noise__table-row--head > div { color: var(--sfn-white); font-size: 0.8rem; font-weight: 850; } .smil-floor-noise__tag { display: inline-flex; padding: 6px 9px; color: var(--sfn-blue); background: var(--sfn-turquoise-light); border-radius: 999px; font-size: 0.72rem; font-weight: 850; } .smil-floor-noise__tag--orange { color: var(--sfn-orange-dark); background: var(--sfn-orange-soft); } .smil-floor-noise__tag--mixed { color: var(--sfn-white); background: var(--sfn-dark); } /* ========================================================= CASI MISTI ========================================================= */ .smil-floor-noise__mixed { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 30px; padding: clamp(25px, 4vw, 40px); background: var(--sfn-white); border: 1px solid var(--sfn-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-noise__mixed-copy > p:last-child { margin: 13px 0 0; color: var(--sfn-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-noise__mixed-formula { display: grid; grid-template-columns: minmax(0, 1fr) 35px minmax(0, 1fr) 35px minmax(0, 1fr); gap: 9px; align-items: center; } .smil-floor-noise__mixed-formula > div { min-width: 0; padding: 16px 10px; text-align: center; background: var(--sfn-turquoise-light); border: 1px solid #c6e7e2; border-radius: 15px; } .smil-floor-noise__mixed-formula > div:nth-of-type(2) { background: var(--sfn-orange-soft); border-color: #efd0b4; } .smil-floor-noise__mixed-formula .smil-floor-noise__mixed-result { color: var(--sfn-white); background: var(--sfn-dark); border-color: var(--sfn-dark); } .smil-floor-noise__mixed-formula div > span { display: grid; place-items: center; width: 31px; height: 31px; margin: 0 auto 8px; color: var(--sfn-white); background: var(--sfn-blue); border-radius: 50%; font-size: 0.73rem; font-weight: 900; } .smil-floor-noise__mixed-formula > div:nth-of-type(2) > span { background: var(--sfn-orange-dark); } .smil-floor-noise__mixed-result > span { background: var(--sfn-turquoise) !important; } .smil-floor-noise__mixed-formula strong { display: block; color: var(--sfn-dark); font-size: 0.81rem; font-weight: 850; } .smil-floor-noise__mixed-result strong { color: var(--sfn-white); } .smil-floor-noise__mixed-formula small { display: block; margin-top: 4px; color: #526a72; font-size: 0.65rem; line-height: 1.34; } .smil-floor-noise__mixed-result small { color: rgba(238, 255, 252, 0.68); } .smil-floor-noise__mixed-plus, .smil-floor-noise__mixed-equal { display: grid; place-items: center; color: var(--sfn-orange); font-size: 1.3rem; font-weight: 900; } /* ========================================================= PROGETTAZIONE ========================================================= */ .smil-floor-noise__design { margin-top: 31px; } .smil-floor-noise__design-header { max-width: 850px; } .smil-floor-noise__design-header > p:last-child { margin: 12px 0 0; color: var(--sfn-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-noise__design-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 21px; } .smil-floor-noise__design-card { min-width: 0; padding: 20px 18px; background: var(--sfn-white); border: 1px solid var(--sfn-border); border-radius: 18px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-noise__design-card > span { display: block; margin-bottom: 13px; color: rgba(7, 56, 68, 0.23); font-size: 1.24rem; font-weight: 900; } .smil-floor-noise__design-card strong { display: block; margin-bottom: 6px; color: var(--sfn-dark); font-size: 0.96rem; font-weight: 850; } .smil-floor-noise__design-card p { margin: 0; color: var(--sfn-muted); font-size: 0.81rem; line-height: 1.53; } /* ========================================================= PAVIMENTO ESISTENTE ========================================================= */ .smil-floor-noise__existing { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(350px, 0.9fr); gap: clamp(28px, 4.5vw, 55px); align-items: center; margin-top: 31px; padding: clamp(25px, 4vw, 40px); background: radial-gradient( circle at 96% 8%, rgba(0, 169, 145, 0.14) 0, rgba(0, 169, 145, 0) 34% ), var(--sfn-white); border: 1px solid var(--sfn-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-noise__existing-copy > p:not(.smil-floor-noise__section-label) { margin: 13px 0 0; color: var(--sfn-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-noise__existing-copy strong:not(.smil-floor-noise__section-title) { color: var(--sfn-dark); } .smil-floor-noise__existing-checks { padding: 21px; background: var(--sfn-turquoise-light); border: 1px solid #c5e7e2; border-radius: 18px; } .smil-floor-noise__existing-checks > strong { display: block; margin-bottom: 12px; color: var(--sfn-dark); font-size: 0.95rem; font-weight: 850; } .smil-floor-noise__existing-checks li::before { content: "✓"; position: absolute; left: 0; color: var(--sfn-turquoise); font-weight: 900; } /* ========================================================= AVVERTENZA ========================================================= */ .smil-floor-noise__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; margin-top: 25px; padding: 20px 22px; background: var(--sfn-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sfn-orange); border-radius: 18px; } .smil-floor-noise__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; color: var(--sfn-orange-dark); background: var(--sfn-white); border-radius: 14px; } .smil-floor-noise__warning-icon svg { width: 26px; height: 26px; } .smil-floor-noise__warning div { min-width: 0; } .smil-floor-noise__warning strong { display: block; margin: 1px 0 6px; color: var(--sfn-dark); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-noise__warning p { margin: 0; color: #595850; font-size: 0.92rem; line-height: 1.64; } /* ========================================================= PROCESSO SORGEDIL ========================================================= */ .smil-floor-noise__process { display: grid; grid-template-columns: minmax(280px, 0.73fr) minmax(0, 1.27fr); gap: clamp(30px, 5vw, 62px); align-items: center; margin-top: 35px; padding: clamp(25px, 4vw, 41px); background: var(--sfn-white); border: 1px solid var(--sfn-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-noise__process-copy > p:last-child { margin: 13px 0 0; color: var(--sfn-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-noise__process-copy > p:last-child strong { color: var(--sfn-dark); font-weight: 800; } .smil-floor-noise__steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; margin: 0; padding: 0; list-style: none; } .smil-floor-noise__steps li { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; padding: 14px; background: #f6fbfa; border: 1px solid #dcebe9; border-radius: 15px; } .smil-floor-noise__steps li > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfn-white); background: var(--sfn-blue); border-radius: 11px; font-size: 0.79rem; font-weight: 900; } .smil-floor-noise__steps li div { min-width: 0; } .smil-floor-noise__steps strong { display: block; margin: 1px 0 3px; color: var(--sfn-dark); font-size: 0.88rem; font-weight: 800; } .smil-floor-noise__steps p { margin: 0; color: #5a7179; font-size: 0.78rem; line-height: 1.48; } /* ========================================================= CTA ========================================================= */ .smil-floor-noise__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 21px 23px; color: var(--sfn-white); background: linear-gradient( 135deg, var(--sfn-blue) 0%, var(--sfn-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-noise__cta-copy { display: grid; grid-template-columns: 47px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-noise__cta-icon { display: grid; place-items: center; width: 47px; height: 47px; color: var(--sfn-dark); background: rgba(255, 255, 255, 0.87); border-radius: 14px; } .smil-floor-noise__cta-icon svg { width: 25px; height: 25px; } .smil-floor-noise__cta-copy div { min-width: 0; } .smil-floor-noise__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sfn-white); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-noise__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.81); font-size: 0.86rem; line-height: 1.5; } .smil-floor-noise__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 51px; padding: 12px 18px; color: var(--sfn-white); background: linear-gradient( 135deg, var(--sfn-orange) 0%, var(--sfn-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-noise__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-noise__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-noise__cta-button:hover svg { transform: translateX(3px); } .smil-floor-noise__cta-button:focus-visible { outline: 3px solid var(--sfn-white); outline-offset: 4px; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1050px) { .smil-floor-noise__header, .smil-floor-noise__mixed, .smil-floor-noise__existing, .smil-floor-noise__process { grid-template-columns: minmax(0, 1fr); } .smil-floor-noise__intro { max-width: 850px; } .smil-floor-noise__comparison { grid-template-columns: minmax(0, 1fr); } .smil-floor-noise__versus { flex-direction: row; } .smil-floor-noise__versus > span { width: 51px; height: 51px; font-size: 1.4rem; } .smil-floor-noise__versus small { max-width: none; text-align: left; } .smil-floor-noise__design-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 760px) { .smil-floor-noise { padding: 49px 14px 58px; } .smil-floor-noise__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-floor-noise__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-noise__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-noise__type { padding: 21px 18px; border-radius: 20px; } .smil-floor-noise__paths { padding: 23px 18px; border-radius: 20px; } .smil-floor-noise__path-flow { grid-template-columns: minmax(0, 1fr); gap: 7px; } .smil-floor-noise__path-arrow { transform: rotate(90deg); text-align: center; } .smil-floor-noise__path-step { display: grid; grid-template-columns: 32px minmax(0, 1fr); column-gap: 10px; align-items: center; text-align: left; } .smil-floor-noise__path-step > span { grid-row: 1 / span 2; margin: 0; } .smil-floor-noise__path-step strong, .smil-floor-noise__path-step small { grid-column: 2; } .smil-floor-noise__path-step small { margin-top: 2px; } .smil-floor-noise__diagnosis { padding: 22px 18px; border-radius: 20px; } .smil-floor-noise__table { overflow-x: auto; } .smil-floor-noise__table-row { min-width: 720px; } .smil-floor-noise__mixed { padding: 22px 18px; border-radius: 20px; } .smil-floor-noise__mixed-formula { grid-template-columns: minmax(0, 1fr); } .smil-floor-noise__mixed-plus, .smil-floor-noise__mixed-equal { transform: rotate(90deg); } .smil-floor-noise__design-grid { grid-template-columns: minmax(0, 1fr); } .smil-floor-noise__existing { padding: 22px 18px; border-radius: 20px; } .smil-floor-noise__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-noise__process { padding: 22px 18px; border-radius: 20px; } .smil-floor-noise__steps { grid-template-columns: minmax(0, 1fr); } .smil-floor-noise__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-noise__cta-button { width: 100%; } } /* ========================================================= SMARTPHONE PICCOLI ========================================================= */ @media (max-width: 440px) { .smil-floor-noise__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-noise__answer, .smil-floor-noise__warning { grid-template-columns: minmax(0, 1fr); } .smil-floor-noise__type-head { align-items: flex-start; } .smil-floor-noise__recognition, .smil-floor-noise__cta-copy { grid-template-columns: minmax(0, 1fr); } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-floor-noise__cta-button, .smil-floor-noise__cta-button svg { transition: none; } }#imCell_11 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_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; } /* ========================================================= BLOCCO 9 H3 – TRASMISSIONI LATERALI CSS AUTONOMO: NON RICHIEDE MODIFICHE AI BLOCCHI PRECEDENTI ========================================================= */ .smil-floor-flanking, .smil-floor-flanking *, .smil-floor-flanking *::before, .smil-floor-flanking *::after { box-sizing: border-box; } .smil-floor-flanking { --sff-dark: #073844; --sff-dark-deep: #052b35; --sff-blue: #087c8f; --sff-turquoise: #00a991; --sff-turquoise-light: #dff8f4; --sff-orange: #f28a2e; --sff-orange-dark: #d66d0e; --sff-orange-soft: #fff1e4; --sff-white: #ffffff; --sff-bg: #ffffff; --sff-bg-soft: #f3faf9; --sff-text: #183640; --sff-muted: #557078; --sff-border: #cee5e2; position: relative; width: 100%; overflow: hidden; padding: clamp(58px, 7vw, 96px) 20px; color: var(--sff-text); background: radial-gradient( circle at 97% 3%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 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(--sff-bg) 0%, var(--sff-bg-soft) 100% ); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-flanking__container { width: min(1220px, 100%); margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-floor-flanking__header { display: grid; grid-template-columns: minmax(0, 0.78fr) minmax(430px, 1.22fr); gap: clamp(30px, 5vw, 70px); align-items: end; } .smil-floor-flanking__heading { min-width: 0; } .smil-floor-flanking__eyebrow { display: inline-flex; margin: 0 0 12px; padding: 7px 13px; color: var(--sff-blue); background: var(--sff-turquoise-light); border: 1px solid #c5e8e3; border-radius: 999px; font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-flanking__title { margin: 0; color: var(--sff-dark); font-size: clamp(1.9rem, 3.55vw, 3.15rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; } .smil-floor-flanking__intro { max-width: 760px; margin: 0; padding-bottom: 4px; color: var(--sff-muted); font-size: clamp(1.03rem, 1.55vw, 1.17rem); line-height: 1.73; } .smil-floor-flanking__intro strong { color: var(--sff-dark); font-weight: 800; } /* ========================================================= RISPOSTA DIRETTA ========================================================= */ .smil-floor-flanking__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; margin: 34px 0 0; padding: 22px 24px; background: var(--sff-white); border: 1px solid var(--sff-border); border-left: 5px solid var(--sff-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-flanking__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sff-blue); background: var(--sff-turquoise-light); border-radius: 15px; } .smil-floor-flanking__answer-icon svg { width: 28px; height: 28px; } .smil-floor-flanking__answer-content { min-width: 0; } .smil-floor-flanking__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sff-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-flanking__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } .smil-floor-flanking__answer-content p strong { color: var(--sff-dark); font-weight: 800; } /* ========================================================= TITOLI INTERNI ========================================================= */ .smil-floor-flanking__section-label { margin: 0 0 7px; color: var(--sff-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-flanking__section-title { display: block; color: var(--sff-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* ========================================================= CONCETTO PRINCIPALE ========================================================= */ .smil-floor-flanking__concept { display: grid; grid-template-columns: minmax(300px, 0.76fr) minmax(0, 1.24fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin: 30px 0 0; padding: clamp(26px, 4vw, 42px); color: var(--sff-white); background: radial-gradient( circle at 94% 10%, rgba(0, 169, 145, 0.24) 0, rgba(0, 169, 145, 0) 35% ), linear-gradient( 135deg, var(--sff-dark-deep) 0%, var(--sff-dark) 65%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-flanking__concept .smil-floor-flanking__section-label { color: #7fe7d9; } .smil-floor-flanking__concept .smil-floor-flanking__section-title { color: var(--sff-white); } .smil-floor-flanking__concept-copy > p:last-child { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-flanking__concept-map { display: grid; gap: 13px; } .smil-floor-flanking__map-path { padding: 15px; background: rgba(255, 255, 255, 0.075); border: 1px solid rgba(255, 255, 255, 0.13); border-left: 4px solid #7fe7d9; border-radius: 16px; } .smil-floor-flanking__map-path--lateral { border-left-color: var(--sff-orange); } .smil-floor-flanking__map-label { display: block; margin-bottom: 11px; color: var(--sff-white); font-size: 0.83rem; font-weight: 850; } .smil-floor-flanking__map-flow { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr); gap: 8px; align-items: center; } .smil-floor-flanking__map-flow > div { min-width: 0; padding: 12px 9px; text-align: center; background: rgba(255, 255, 255, 0.075); border: 1px solid rgba(255, 255, 255, 0.11); border-radius: 13px; } .smil-floor-flanking__map-flow strong { display: block; color: var(--sff-white); font-size: 0.78rem; font-weight: 800; } .smil-floor-flanking__map-flow small { display: block; margin-top: 4px; color: rgba(238, 255, 252, 0.62); font-size: 0.65rem; line-height: 1.34; } .smil-floor-flanking__map-flow > span { color: var(--sff-orange); font-size: 1.15rem; font-weight: 900; } /* ========================================================= ELEMENTI LATERALI ========================================================= */ .smil-floor-flanking__elements { margin-top: 35px; } .smil-floor-flanking__elements-header, .smil-floor-flanking__signals-copy, .smil-floor-flanking__bridges-header { max-width: 850px; } .smil-floor-flanking__elements-header > p:last-child, .smil-floor-flanking__signals-copy > p:last-child, .smil-floor-flanking__bridges-header > p:last-child { margin: 12px 0 0; color: var(--sff-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-flanking__elements-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; margin-top: 22px; } .smil-floor-flanking__element { min-width: 0; padding: 21px; background: var(--sff-white); border: 1px solid var(--sff-border); border-radius: 20px; box-shadow: 0 13px 33px rgba(7, 56, 68, 0.07); } .smil-floor-flanking__element-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 16px; } .smil-floor-flanking__element-icon { display: grid; place-items: center; width: 48px; height: 48px; color: var(--sff-blue); background: var(--sff-turquoise-light); border: 1px solid #c5e8e3; border-radius: 14px; } .smil-floor-flanking__element-icon--orange { color: var(--sff-orange-dark); background: var(--sff-orange-soft); border-color: #efd0b4; } .smil-floor-flanking__element-icon svg { width: 25px; height: 25px; } .smil-floor-flanking__element-number { color: rgba(7, 56, 68, 0.22); font-size: 1.28rem; font-weight: 900; } .smil-floor-flanking__element-title { display: block; margin-bottom: 8px; color: var(--sff-dark); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-flanking__element > p { margin: 0; color: var(--sff-muted); font-size: 0.85rem; line-height: 1.58; } .smil-floor-flanking__element > small { display: block; margin-top: 12px; padding-top: 11px; color: var(--sff-blue); border-top: 1px solid #deecea; font-size: 0.75rem; font-weight: 700; line-height: 1.45; } /* ========================================================= SEGNALI ========================================================= */ .smil-floor-flanking__signals { margin-top: 34px; padding: clamp(25px, 4vw, 39px); background: var(--sff-white); border: 1px solid var(--sff-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-flanking__signals-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 22px; } .smil-floor-flanking__signal { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 11px; align-items: flex-start; min-width: 0; padding: 16px; background: #f6fbfa; border: 1px solid #dcebe9; border-radius: 16px; } .smil-floor-flanking__signal > span { display: grid; place-items: center; width: 36px; height: 36px; color: var(--sff-white); background: var(--sff-blue); border-radius: 11px; font-size: 0.75rem; font-weight: 900; } .smil-floor-flanking__signal div { min-width: 0; } .smil-floor-flanking__signal strong { display: block; margin: 1px 0 4px; color: var(--sff-dark); font-size: 0.87rem; font-weight: 850; line-height: 1.38; } .smil-floor-flanking__signal p { margin: 0; color: var(--sff-muted); font-size: 0.77rem; line-height: 1.48; } /* ========================================================= IMPATTO SUL PROGETTO ========================================================= */ .smil-floor-flanking__impact { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 31px; padding: clamp(25px, 4vw, 40px); background: var(--sff-white); border: 1px solid var(--sff-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-flanking__impact-copy > p:not(.smil-floor-flanking__section-label) { margin: 13px 0 0; color: var(--sff-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-flanking__impact-balance { display: grid; grid-template-columns: minmax(0, 1fr) 30px minmax(0, 1fr) 30px minmax(0, 1fr); gap: 8px; align-items: center; } .smil-floor-flanking__balance-item, .smil-floor-flanking__balance-result { min-width: 0; padding: 16px 11px; text-align: center; background: var(--sff-turquoise-light); border: 1px solid #c5e7e2; border-radius: 15px; } .smil-floor-flanking__balance-item--orange { background: var(--sff-orange-soft); border-color: #efd0b4; } .smil-floor-flanking__balance-result { color: var(--sff-white); background: var(--sff-dark); border-color: var(--sff-dark); } .smil-floor-flanking__balance-item > span { display: grid; place-items: center; width: 31px; height: 31px; margin: 0 auto 8px; color: var(--sff-white); background: var(--sff-blue); border-radius: 50%; font-size: 0.73rem; font-weight: 900; } .smil-floor-flanking__balance-item--orange > span { background: var(--sff-orange-dark); } .smil-floor-flanking__balance-item strong, .smil-floor-flanking__balance-result strong { display: block; color: var(--sff-dark); font-size: 0.8rem; font-weight: 850; } .smil-floor-flanking__balance-result strong { color: var(--sff-white); } .smil-floor-flanking__balance-item p, .smil-floor-flanking__balance-result p { margin: 5px 0 0; color: #526a72; font-size: 0.66rem; line-height: 1.4; } .smil-floor-flanking__balance-result p { color: rgba(238, 255, 252, 0.7); } .smil-floor-flanking__balance-plus, .smil-floor-flanking__balance-equal { display: grid; place-items: center; color: var(--sff-orange); font-size: 1.25rem; font-weight: 900; } /* ========================================================= PONTI ACUSTICI ========================================================= */ .smil-floor-flanking__bridges { margin-top: 33px; } .smil-floor-flanking__bridges-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 21px; } .smil-floor-flanking__bridge { display: grid; grid-template-columns: 47px minmax(0, 1fr); gap: 13px; align-items: flex-start; min-width: 0; padding: 18px; background: var(--sff-white); border: 1px solid var(--sff-border); border-radius: 17px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-flanking__bridge-icon { display: grid; place-items: center; width: 45px; height: 45px; color: var(--sff-blue); background: var(--sff-turquoise-light); border-radius: 13px; } .smil-floor-flanking__bridge-icon--orange { color: var(--sff-orange-dark); background: var(--sff-orange-soft); } .smil-floor-flanking__bridge-icon svg { width: 23px; height: 23px; } .smil-floor-flanking__bridge div { min-width: 0; } .smil-floor-flanking__bridge strong { display: block; margin: 1px 0 5px; color: var(--sff-dark); font-size: 0.92rem; font-weight: 850; } .smil-floor-flanking__bridge p { margin: 0; color: var(--sff-muted); font-size: 0.8rem; line-height: 1.51; } /* ========================================================= PAVIMENTO ESISTENTE ========================================================= */ .smil-floor-flanking__existing { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(350px, 0.9fr); gap: clamp(28px, 4.5vw, 55px); align-items: center; margin-top: 31px; padding: clamp(25px, 4vw, 40px); background: radial-gradient( circle at 96% 8%, rgba(0, 169, 145, 0.14) 0, rgba(0, 169, 145, 0) 34% ), var(--sff-white); border: 1px solid var(--sff-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-flanking__existing-copy > p:not(.smil-floor-flanking__section-label) { margin: 13px 0 0; color: var(--sff-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-flanking__existing-copy strong:not(.smil-floor-flanking__section-title) { color: var(--sff-dark); } .smil-floor-flanking__existing-checks { padding: 21px; background: var(--sff-turquoise-light); border: 1px solid #c5e7e2; border-radius: 18px; } .smil-floor-flanking__existing-checks > strong { display: block; margin-bottom: 12px; color: var(--sff-dark); font-size: 0.95rem; font-weight: 850; } .smil-floor-flanking__existing-checks ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; } .smil-floor-flanking__existing-checks li { position: relative; padding-left: 20px; color: #456169; font-size: 0.84rem; line-height: 1.49; } .smil-floor-flanking__existing-checks li::before { content: "✓"; position: absolute; left: 0; color: var(--sff-turquoise); font-weight: 900; } /* ========================================================= RISPOSTA GEO ========================================================= */ .smil-floor-flanking__geo-answer { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; margin-top: 25px; padding: 20px 22px; background: var(--sff-turquoise-light); border: 1px solid #c5e7e2; border-left: 5px solid var(--sff-turquoise); border-radius: 18px; } .smil-floor-flanking__geo-icon { display: grid; place-items: center; width: 49px; height: 49px; color: var(--sff-blue); background: var(--sff-white); border-radius: 14px; } .smil-floor-flanking__geo-icon svg { width: 27px; height: 27px; } .smil-floor-flanking__geo-answer div { min-width: 0; } .smil-floor-flanking__geo-answer strong { display: block; margin: 1px 0 6px; color: var(--sff-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-flanking__geo-answer p { margin: 0; color: #48646d; font-size: 0.9rem; line-height: 1.62; } /* ========================================================= AVVERTENZA ========================================================= */ .smil-floor-flanking__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; margin-top: 25px; padding: 20px 22px; background: var(--sff-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sff-orange); border-radius: 18px; } .smil-floor-flanking__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; color: var(--sff-orange-dark); background: var(--sff-white); border-radius: 14px; } .smil-floor-flanking__warning-icon svg { width: 26px; height: 26px; } .smil-floor-flanking__warning div { min-width: 0; } .smil-floor-flanking__warning strong { display: block; margin: 1px 0 6px; color: var(--sff-dark); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-flanking__warning p { margin: 0; color: #595850; font-size: 0.92rem; line-height: 1.64; } /* ========================================================= PROCESSO SORGEDIL ========================================================= */ .smil-floor-flanking__process { display: grid; grid-template-columns: minmax(280px, 0.73fr) minmax(0, 1.27fr); gap: clamp(30px, 5vw, 62px); align-items: center; margin-top: 35px; padding: clamp(25px, 4vw, 41px); background: var(--sff-white); border: 1px solid var(--sff-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-flanking__process-copy > p:last-child { margin: 13px 0 0; color: var(--sff-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-flanking__process-copy > p:last-child strong { color: var(--sff-dark); font-weight: 800; } .smil-floor-flanking__steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; margin: 0; padding: 0; list-style: none; } .smil-floor-flanking__steps li { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; padding: 14px; background: #f6fbfa; border: 1px solid #dcebe9; border-radius: 15px; } .smil-floor-flanking__steps li > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sff-white); background: var(--sff-blue); border-radius: 11px; font-size: 0.79rem; font-weight: 900; } .smil-floor-flanking__steps li div { min-width: 0; } .smil-floor-flanking__steps strong { display: block; margin: 1px 0 3px; color: var(--sff-dark); font-size: 0.88rem; font-weight: 800; } .smil-floor-flanking__steps p { margin: 0; color: #5a7179; font-size: 0.78rem; line-height: 1.48; } /* ========================================================= CTA ========================================================= */ .smil-floor-flanking__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 21px 23px; color: var(--sff-white); background: linear-gradient( 135deg, var(--sff-blue) 0%, var(--sff-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-flanking__cta-copy { display: grid; grid-template-columns: 47px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-flanking__cta-icon { display: grid; place-items: center; width: 47px; height: 47px; color: var(--sff-dark); background: rgba(255, 255, 255, 0.87); border-radius: 14px; } .smil-floor-flanking__cta-icon svg { width: 25px; height: 25px; } .smil-floor-flanking__cta-copy div { min-width: 0; } .smil-floor-flanking__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sff-white); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-flanking__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.81); font-size: 0.86rem; line-height: 1.5; } .smil-floor-flanking__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 51px; padding: 12px 18px; color: var(--sff-white); background: linear-gradient( 135deg, var(--sff-orange) 0%, var(--sff-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-flanking__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-flanking__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-flanking__cta-button:hover svg { transform: translateX(3px); } .smil-floor-flanking__cta-button:focus-visible { outline: 3px solid var(--sff-white); outline-offset: 4px; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1050px) { .smil-floor-flanking__header, .smil-floor-flanking__concept, .smil-floor-flanking__impact, .smil-floor-flanking__existing, .smil-floor-flanking__process { grid-template-columns: minmax(0, 1fr); } .smil-floor-flanking__intro { max-width: 850px; } .smil-floor-flanking__elements-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-floor-flanking__signals-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 760px) { .smil-floor-flanking { padding: 49px 14px 58px; } .smil-floor-flanking__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-floor-flanking__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-flanking__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-flanking__concept { padding: 23px 18px; border-radius: 20px; } .smil-floor-flanking__map-flow { grid-template-columns: minmax(0, 1fr); gap: 7px; } .smil-floor-flanking__map-flow > span { transform: rotate(90deg); text-align: center; } .smil-floor-flanking__elements-grid, .smil-floor-flanking__signals-grid, .smil-floor-flanking__bridges-grid { grid-template-columns: minmax(0, 1fr); } .smil-floor-flanking__signals { padding: 22px 18px; border-radius: 20px; } .smil-floor-flanking__impact { padding: 22px 18px; border-radius: 20px; } .smil-floor-flanking__impact-balance { grid-template-columns: minmax(0, 1fr); } .smil-floor-flanking__balance-plus, .smil-floor-flanking__balance-equal { transform: rotate(90deg); } .smil-floor-flanking__existing { padding: 22px 18px; border-radius: 20px; } .smil-floor-flanking__geo-answer, .smil-floor-flanking__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-flanking__process { padding: 22px 18px; border-radius: 20px; } .smil-floor-flanking__steps { grid-template-columns: minmax(0, 1fr); } .smil-floor-flanking__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-flanking__cta-button { width: 100%; } } /* ========================================================= SMARTPHONE PICCOLI ========================================================= */ @media (max-width: 440px) { .smil-floor-flanking__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-flanking__answer, .smil-floor-flanking__geo-answer, .smil-floor-flanking__warning { grid-template-columns: minmax(0, 1fr); } .smil-floor-flanking__signal, .smil-floor-flanking__bridge, .smil-floor-flanking__cta-copy { grid-template-columns: minmax(0, 1fr); } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-floor-flanking__cta-button, .smil-floor-flanking__cta-button svg { transition: none; } }#imCell_12 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_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; } /* ========================================================= BLOCCO 10 ISOLAMENTO ACUSTICO DI UN PAVIMENTO GIÀ ESISTENTE CSS AUTONOMO: NON RICHIEDE MODIFICHE AI BLOCCHI PRECEDENTI ========================================================= */ .smil-floor-existing, .smil-floor-existing *, .smil-floor-existing *::before, .smil-floor-existing *::after { box-sizing: border-box; } .smil-floor-existing { --sfe-dark: #073844; --sfe-dark-deep: #052b35; --sfe-blue: #087c8f; --sfe-turquoise: #00a991; --sfe-turquoise-light: #dff8f4; --sfe-orange: #f28a2e; --sfe-orange-dark: #d66d0e; --sfe-orange-soft: #fff1e4; --sfe-white: #ffffff; --sfe-bg: #f3faf9; --sfe-text: #183640; --sfe-muted: #557078; --sfe-border: #cee5e2; position: relative; width: 100%; overflow: hidden; padding: clamp(60px, 7vw, 100px) 20px; color: var(--sfe-text); background: radial-gradient( circle at 98% 2%, rgba(0, 169, 145, 0.09) 0, rgba(0, 169, 145, 0) 28% ), radial-gradient( circle at 2% 98%, rgba(242, 138, 46, 0.07) 0, rgba(242, 138, 46, 0) 25% ), var(--sfe-bg); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-existing__container { width: min(1220px, 100%); margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-floor-existing__header { max-width: 930px; margin: 0 auto; text-align: center; } .smil-floor-existing__eyebrow { display: inline-flex; margin: 0 0 13px; padding: 7px 14px; color: var(--sfe-blue); background: var(--sfe-turquoise-light); border: 1px solid #c5e8e3; border-radius: 999px; font-size: 0.82rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-existing__title { margin: 0; color: var(--sfe-dark); font-size: clamp(2rem, 4.25vw, 3.55rem); font-weight: 850; line-height: 1.08; letter-spacing: -0.038em; text-wrap: balance; } .smil-floor-existing__intro { max-width: 870px; margin: 20px auto 0; color: var(--sfe-muted); font-size: clamp(1.04rem, 1.6vw, 1.18rem); line-height: 1.72; } .smil-floor-existing__intro-secondary { max-width: 850px; margin: 10px auto 0; color: #617880; font-size: 0.98rem; line-height: 1.68; } .smil-floor-existing__intro strong { color: var(--sfe-dark); font-weight: 800; } /* ========================================================= RISPOSTA DIRETTA ========================================================= */ .smil-floor-existing__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; width: min(1020px, 100%); margin: 33px auto 0; padding: 22px 24px; background: var(--sfe-white); border: 1px solid var(--sfe-border); border-left: 5px solid var(--sfe-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-existing__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sfe-blue); background: var(--sfe-turquoise-light); border-radius: 15px; } .smil-floor-existing__answer-icon svg { width: 28px; height: 28px; } .smil-floor-existing__answer-content { min-width: 0; } .smil-floor-existing__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sfe-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-existing__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } .smil-floor-existing__answer-content p strong { color: var(--sfe-dark); font-weight: 800; } /* ========================================================= TITOLI INTERNI NON GERARCHICI ========================================================= */ .smil-floor-existing__section-label { margin: 0 0 7px; color: var(--sfe-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-existing__section-title { display: block; color: var(--sfe-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* ========================================================= PANORAMICA ========================================================= */ .smil-floor-existing__overview { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin: 38px 0 0; } .smil-floor-existing__overview-card { min-width: 0; padding: 21px; background: var(--sfe-white); border: 1px solid var(--sfe-border); border-radius: 20px; box-shadow: 0 13px 33px rgba(7, 56, 68, 0.07); } .smil-floor-existing__overview-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 17px; } .smil-floor-existing__overview-icon { display: grid; place-items: center; width: 48px; height: 48px; color: var(--sfe-blue); background: var(--sfe-turquoise-light); border: 1px solid #c5e8e3; border-radius: 14px; } .smil-floor-existing__overview-icon--orange { color: var(--sfe-orange-dark); background: var(--sfe-orange-soft); border-color: #efd0b4; } .smil-floor-existing__overview-icon svg { width: 25px; height: 25px; } .smil-floor-existing__overview-number { color: rgba(7, 56, 68, 0.22); font-size: 1.28rem; font-weight: 900; } .smil-floor-existing__overview-title { display: block; margin-bottom: 8px; color: var(--sfe-dark); font-size: 1rem; font-weight: 850; line-height: 1.36; } .smil-floor-existing__overview-card > p { margin: 0; color: var(--sfe-muted); font-size: 0.84rem; line-height: 1.58; } .smil-floor-existing__overview-card > small { display: block; margin-top: 12px; padding-top: 11px; color: var(--sfe-blue); border-top: 1px solid #deecea; font-size: 0.74rem; font-weight: 700; line-height: 1.45; } /* ========================================================= STRATIGRAFIA ========================================================= */ .smil-floor-existing__layers { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin: 35px 0 0; padding: clamp(27px, 4vw, 43px); color: var(--sfe-white); background: radial-gradient( circle at 94% 9%, rgba(0, 169, 145, 0.24) 0, rgba(0, 169, 145, 0) 35% ), linear-gradient( 135deg, var(--sfe-dark-deep) 0%, var(--sfe-dark) 65%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-existing__layers .smil-floor-existing__section-label { color: #7fe7d9; } .smil-floor-existing__layers .smil-floor-existing__section-title { color: var(--sfe-white); } .smil-floor-existing__layers-copy > p:not(.smil-floor-existing__section-label) { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-existing__layers-diagram { display: grid; gap: 7px; } .smil-floor-existing__layer { display: grid; grid-template-columns: 39px minmax(0, 1fr); gap: 12px; align-items: center; padding: 14px 16px; border-radius: 14px; } .smil-floor-existing__layer > span { display: grid; place-items: center; width: 37px; height: 37px; color: var(--sfe-dark); background: rgba(255, 255, 255, 0.88); border-radius: 11px; font-size: 0.75rem; font-weight: 900; } .smil-floor-existing__layer div { min-width: 0; } .smil-floor-existing__layer strong { display: block; color: var(--sfe-white); font-size: 0.88rem; font-weight: 850; } .smil-floor-existing__layer small { display: block; margin-top: 3px; color: rgba(255, 255, 255, 0.72); font-size: 0.68rem; line-height: 1.4; } .smil-floor-existing__layer--finish { background: rgba(120, 228, 214, 0.24); border: 1px solid rgba(120, 228, 214, 0.32); } .smil-floor-existing__layer--structure { background: rgba(255, 255, 255, 0.13); border: 1px solid rgba(255, 255, 255, 0.17); } .smil-floor-existing__layer--acoustic { background: rgba(242, 138, 46, 0.25); border: 1px solid rgba(255, 182, 111, 0.34); } .smil-floor-existing__layer--existing { background: rgba(255, 255, 255, 0.075); border: 1px solid rgba(255, 255, 255, 0.13); } /* ========================================================= SCELTA SOVRAPPOSIZIONE / RIMOZIONE ========================================================= */ .smil-floor-existing__choice { margin: 34px 0 0; } .smil-floor-existing__choice-header, .smil-floor-existing__checks-header { max-width: 860px; } .smil-floor-existing__choice-header > p:last-child, .smil-floor-existing__checks-header > p:last-child { margin: 12px 0 0; color: var(--sfe-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-existing__choice-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 22px; } .smil-floor-existing__choice-card { min-width: 0; padding: 25px; background: var(--sfe-white); border: 1px solid var(--sfe-border); border-radius: 21px; box-shadow: 0 14px 35px rgba(7, 56, 68, 0.07); } .smil-floor-existing__choice-card-head { display: flex; align-items: center; gap: 14px; margin-bottom: 17px; } .smil-floor-existing__choice-icon { display: grid; place-items: center; flex: 0 0 auto; width: 50px; height: 50px; color: var(--sfe-blue); background: var(--sfe-turquoise-light); border-radius: 15px; } .smil-floor-existing__choice-icon--orange { color: var(--sfe-orange-dark); background: var(--sfe-orange-soft); } .smil-floor-existing__choice-icon svg { width: 26px; height: 26px; } .smil-floor-existing__choice-card-head > div { min-width: 0; } .smil-floor-existing__choice-label { margin: 0 0 4px; color: var(--sfe-blue); font-size: 0.73rem; font-weight: 850; letter-spacing: 0.055em; text-transform: uppercase; } .smil-floor-existing__choice-card-head strong { display: block; color: var(--sfe-dark); font-size: 1.08rem; font-weight: 850; line-height: 1.34; } .smil-floor-existing__choice-card > p { margin: 0 0 17px; color: var(--sfe-muted); font-size: 0.9rem; line-height: 1.63; } .smil-floor-existing__choice-card ul, .smil-floor-existing__existing-checks ul { display: grid; gap: 8px; margin: 0; padding: 15px 0 0; border-top: 1px solid #deecea; list-style: none; } .smil-floor-existing__choice-card li, .smil-floor-existing__existing-checks li { position: relative; padding-left: 20px; color: #526b73; font-size: 0.83rem; line-height: 1.48; } .smil-floor-existing__choice-card li::before { content: ""; position: absolute; top: 0.54em; left: 2px; width: 7px; height: 7px; background: var(--sfe-orange); border-radius: 50%; box-shadow: 0 0 0 4px var(--sfe-orange-soft); } /* ========================================================= CONTROLLI ========================================================= */ .smil-floor-existing__checks { margin: 34px 0 0; padding: clamp(26px, 4vw, 40px); background: var(--sfe-white); border: 1px solid var(--sfe-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-existing__checks-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 22px; } .smil-floor-existing__check { min-width: 0; padding: 18px 16px; background: #f6fbfa; border: 1px solid #dcebe9; border-radius: 16px; } .smil-floor-existing__check > span { display: block; margin-bottom: 13px; color: rgba(7, 56, 68, 0.25); font-size: 1.18rem; font-weight: 900; } .smil-floor-existing__check strong { display: block; margin-bottom: 6px; color: var(--sfe-dark); font-size: 0.91rem; font-weight: 850; } .smil-floor-existing__check p { margin: 0; color: var(--sfe-muted); font-size: 0.77rem; line-height: 1.49; } /* ========================================================= RISPOSTA GEO ========================================================= */ .smil-floor-existing__geo { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; margin: 26px 0 0; padding: 20px 22px; background: var(--sfe-turquoise-light); border: 1px solid #c5e7e2; border-left: 5px solid var(--sfe-turquoise); border-radius: 18px; } .smil-floor-existing__geo-icon { display: grid; place-items: center; width: 49px; height: 49px; color: var(--sfe-blue); background: var(--sfe-white); border-radius: 14px; } .smil-floor-existing__geo-icon svg { width: 27px; height: 27px; } .smil-floor-existing__geo div { min-width: 0; } .smil-floor-existing__geo strong { display: block; margin: 1px 0 6px; color: var(--sfe-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-existing__geo p { margin: 0; color: #48646d; font-size: 0.9rem; line-height: 1.62; } /* ========================================================= AVVERTENZA ========================================================= */ .smil-floor-existing__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; margin: 25px 0 0; padding: 20px 22px; background: var(--sfe-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sfe-orange); border-radius: 18px; } .smil-floor-existing__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; color: var(--sfe-orange-dark); background: var(--sfe-white); border-radius: 14px; } .smil-floor-existing__warning-icon svg { width: 26px; height: 26px; } .smil-floor-existing__warning div { min-width: 0; } .smil-floor-existing__warning strong { display: block; margin: 1px 0 6px; color: var(--sfe-dark); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-existing__warning p { margin: 0; color: #595850; font-size: 0.92rem; line-height: 1.64; } /* ========================================================= PROCESSO SORGEDIL ========================================================= */ .smil-floor-existing__process { display: grid; grid-template-columns: minmax(280px, 0.73fr) minmax(0, 1.27fr); gap: clamp(30px, 5vw, 62px); align-items: center; margin: 35px 0 0; padding: clamp(25px, 4vw, 41px); background: var(--sfe-white); border: 1px solid var(--sfe-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-existing__process-copy > p:last-child { margin: 13px 0 0; color: var(--sfe-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-existing__steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; margin: 0; padding: 0; list-style: none; } .smil-floor-existing__steps li { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; padding: 14px; background: #f6fbfa; border: 1px solid #dcebe9; border-radius: 15px; } .smil-floor-existing__steps li > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfe-white); background: var(--sfe-blue); border-radius: 11px; font-size: 0.79rem; font-weight: 900; } .smil-floor-existing__steps li div { min-width: 0; } .smil-floor-existing__steps strong { display: block; margin: 1px 0 3px; color: var(--sfe-dark); font-size: 0.88rem; font-weight: 800; line-height: 1.35; } .smil-floor-existing__steps p { margin: 0; color: #5a7179; font-size: 0.78rem; line-height: 1.48; } /* ========================================================= CTA ========================================================= */ .smil-floor-existing__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: 28px 0 0; padding: 21px 23px; color: var(--sfe-white); background: linear-gradient( 135deg, var(--sfe-blue) 0%, var(--sfe-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-existing__cta-copy { display: grid; grid-template-columns: 47px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-existing__cta-icon { display: grid; place-items: center; width: 47px; height: 47px; color: var(--sfe-dark); background: rgba(255, 255, 255, 0.87); border-radius: 14px; } .smil-floor-existing__cta-icon svg { width: 25px; height: 25px; } .smil-floor-existing__cta-copy div { min-width: 0; } .smil-floor-existing__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sfe-white); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-existing__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.81); font-size: 0.86rem; line-height: 1.5; } .smil-floor-existing__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 51px; padding: 12px 18px; color: var(--sfe-white); background: linear-gradient( 135deg, var(--sfe-orange) 0%, var(--sfe-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-existing__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-existing__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-existing__cta-button:hover svg { transform: translateX(3px); } .smil-floor-existing__cta-button:focus-visible { outline: 3px solid var(--sfe-white); outline-offset: 4px; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1050px) { .smil-floor-existing__overview { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-floor-existing__layers, .smil-floor-existing__process { grid-template-columns: minmax(0, 1fr); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 760px) { .smil-floor-existing { padding: 49px 14px 58px; } .smil-floor-existing__header { text-align: left; } .smil-floor-existing__title { font-size: clamp(2rem, 9.5vw, 2.85rem); } .smil-floor-existing__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-existing__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-existing__overview, .smil-floor-existing__choice-grid, .smil-floor-existing__checks-grid { grid-template-columns: minmax(0, 1fr); } .smil-floor-existing__layers { padding: 23px 18px; border-radius: 20px; } .smil-floor-existing__choice-card { padding: 21px 18px; border-radius: 20px; } .smil-floor-existing__checks { padding: 22px 18px; border-radius: 20px; } .smil-floor-existing__geo, .smil-floor-existing__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-existing__process { padding: 22px 18px; border-radius: 20px; } .smil-floor-existing__steps { grid-template-columns: minmax(0, 1fr); } .smil-floor-existing__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-existing__cta-button { width: 100%; } } /* ========================================================= SMARTPHONE PICCOLI ========================================================= */ @media (max-width: 440px) { .smil-floor-existing__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-existing__answer, .smil-floor-existing__geo, .smil-floor-existing__warning, .smil-floor-existing__cta-copy { grid-template-columns: minmax(0, 1fr); } .smil-floor-existing__choice-card-head { align-items: flex-start; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-floor-existing__cta-button, .smil-floor-existing__cta-button svg { transition: none; } }#imCell_13 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_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; } /* ========================================================= BLOCCO 11 H3 – INTERVENIRE SENZA DEMOLIZIONE CSS AUTONOMO: NON RICHIEDE MODIFICHE AI BLOCCHI PRECEDENTI ========================================================= */ .smil-floor-nodem, .smil-floor-nodem *, .smil-floor-nodem *::before, .smil-floor-nodem *::after { box-sizing: border-box; } .smil-floor-nodem { --sfnm-dark: #073844; --sfnm-dark-deep: #052b35; --sfnm-blue: #087c8f; --sfnm-turquoise: #00a991; --sfnm-turquoise-light: #dff8f4; --sfnm-orange: #f28a2e; --sfnm-orange-dark: #d66d0e; --sfnm-orange-soft: #fff1e4; --sfnm-white: #ffffff; --sfnm-bg: #ffffff; --sfnm-bg-soft: #f3faf9; --sfnm-text: #183640; --sfnm-muted: #557078; --sfnm-border: #cee5e2; position: relative; width: 100%; overflow: hidden; padding: clamp(58px, 7vw, 96px) 20px; color: var(--sfnm-text); background: radial-gradient( circle at 97% 3%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 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(--sfnm-bg) 0%, var(--sfnm-bg-soft) 100% ); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-nodem__container { width: min(1220px, 100%); margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-floor-nodem__header { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(430px, 1.2fr); gap: clamp(30px, 5vw, 70px); align-items: end; } .smil-floor-nodem__heading { min-width: 0; } .smil-floor-nodem__eyebrow { display: inline-flex; margin: 0 0 12px; padding: 7px 13px; color: var(--sfnm-blue); background: var(--sfnm-turquoise-light); border: 1px solid #c5e8e3; border-radius: 999px; font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-nodem__title { margin: 0; color: var(--sfnm-dark); font-size: clamp(1.9rem, 3.55vw, 3.15rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; } .smil-floor-nodem__intro { max-width: 760px; margin: 0; padding-bottom: 4px; color: var(--sfnm-muted); font-size: clamp(1.03rem, 1.55vw, 1.17rem); line-height: 1.73; } .smil-floor-nodem__intro strong { color: var(--sfnm-dark); font-weight: 800; } /* ========================================================= RISPOSTA DIRETTA ========================================================= */ .smil-floor-nodem__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; margin: 34px 0 0; padding: 22px 24px; background: var(--sfnm-white); border: 1px solid var(--sfnm-border); border-left: 5px solid var(--sfnm-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-nodem__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sfnm-blue); background: var(--sfnm-turquoise-light); border-radius: 15px; } .smil-floor-nodem__answer-icon svg { width: 28px; height: 28px; } .smil-floor-nodem__answer-content { min-width: 0; } .smil-floor-nodem__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sfnm-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-nodem__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } .smil-floor-nodem__answer-content p strong { color: var(--sfnm-dark); font-weight: 800; } /* ========================================================= TITOLI INTERNI ========================================================= */ .smil-floor-nodem__section-label { margin: 0 0 7px; color: var(--sfnm-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-nodem__section-title { display: block; color: var(--sfnm-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* ========================================================= SIGNIFICATO DELLA SOVRAPPOSIZIONE ========================================================= */ .smil-floor-nodem__meaning { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin: 30px 0 0; padding: clamp(26px, 4vw, 42px); color: var(--sfnm-white); background: radial-gradient( circle at 94% 10%, rgba(0, 169, 145, 0.24) 0, rgba(0, 169, 145, 0) 35% ), linear-gradient( 135deg, var(--sfnm-dark-deep) 0%, var(--sfnm-dark) 65%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-nodem__meaning .smil-floor-nodem__section-label { color: #7fe7d9; } .smil-floor-nodem__meaning .smil-floor-nodem__section-title { color: var(--sfnm-white); } .smil-floor-nodem__meaning-copy > p:not(.smil-floor-nodem__section-label) { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-nodem__meaning-flow { display: grid; grid-template-columns: minmax(0, 1fr) 55px minmax(0, 1fr); gap: 13px; align-items: center; } .smil-floor-nodem__meaning-item { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 12px; align-items: center; min-width: 0; padding: 18px; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 17px; } .smil-floor-nodem__meaning-item > span { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; font-size: 1rem; font-weight: 900; } .smil-floor-nodem__meaning-item--wrong > span { color: var(--sfnm-white); background: var(--sfnm-orange-dark); } .smil-floor-nodem__meaning-item--right > span { color: var(--sfnm-dark); background: #7fe7d9; } .smil-floor-nodem__meaning-item div { min-width: 0; } .smil-floor-nodem__meaning-item strong { display: block; color: var(--sfnm-white); font-size: 0.9rem; font-weight: 850; } .smil-floor-nodem__meaning-item small { display: block; margin-top: 5px; color: rgba(238, 255, 252, 0.65); font-size: 0.7rem; line-height: 1.4; } .smil-floor-nodem__meaning-arrow { display: grid; place-items: center; color: var(--sfnm-orange); font-size: 1.45rem; font-weight: 900; } /* ========================================================= FATTIBILITÀ ========================================================= */ .smil-floor-nodem__feasibility { margin-top: 35px; } .smil-floor-nodem__feasibility-header, .smil-floor-nodem__changes-header, .smil-floor-nodem__noise-header { max-width: 860px; } .smil-floor-nodem__feasibility-header > p:last-child, .smil-floor-nodem__changes-header > p:last-child, .smil-floor-nodem__noise-header > p:last-child { margin: 12px 0 0; color: var(--sfnm-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-nodem__feasibility-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 22px; } .smil-floor-nodem__feasibility-card { min-width: 0; padding: 20px 18px; background: var(--sfnm-white); border: 1px solid var(--sfnm-border); border-radius: 18px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-nodem__card-number { display: block; margin-bottom: 14px; color: rgba(7, 56, 68, 0.23); font-size: 1.25rem; font-weight: 900; } .smil-floor-nodem__feasibility-card strong { display: block; margin-bottom: 7px; color: var(--sfnm-dark); font-size: 0.96rem; font-weight: 850; line-height: 1.34; } .smil-floor-nodem__feasibility-card p { margin: 0; color: var(--sfnm-muted); font-size: 0.81rem; line-height: 1.54; } /* ========================================================= DIAGRAMMA STRATIGRAFIA ========================================================= */ .smil-floor-nodem__diagram { display: grid; grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1.28fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 34px; padding: clamp(25px, 4vw, 40px); background: var(--sfnm-white); border: 1px solid var(--sfnm-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-nodem__diagram-copy > p:last-child { margin: 13px 0 0; color: var(--sfnm-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-nodem__layers { display: grid; gap: 6px; } .smil-floor-nodem__layer { display: grid; grid-template-columns: 39px minmax(0, 1fr); gap: 12px; align-items: center; padding: 14px 16px; border-radius: 14px; } .smil-floor-nodem__layer > span { display: grid; place-items: center; width: 37px; height: 37px; color: var(--sfnm-white); background: var(--sfnm-dark); border-radius: 11px; font-size: 0.74rem; font-weight: 900; } .smil-floor-nodem__layer div { min-width: 0; } .smil-floor-nodem__layer strong { display: block; color: var(--sfnm-dark); font-size: 0.88rem; font-weight: 850; } .smil-floor-nodem__layer small { display: block; margin-top: 3px; color: #587078; font-size: 0.68rem; line-height: 1.4; } .smil-floor-nodem__layer--finish { background: #ddf7f3; border: 1px solid #bce5df; } .smil-floor-nodem__layer--load { background: #edf5f4; border: 1px solid #d4e5e2; } .smil-floor-nodem__layer--air { background: #e4f1f4; border: 1px solid #cbdfe3; } .smil-floor-nodem__layer--resilient { background: var(--sfnm-orange-soft); border: 1px solid #efd0b4; } .smil-floor-nodem__layer--base { background: #eef0ef; border: 1px solid #d8dfdd; } /* ========================================================= CAMBIAMENTI NELL’APPARTAMENTO ========================================================= */ .smil-floor-nodem__changes { margin-top: 34px; padding: clamp(25px, 4vw, 39px); background: var(--sfnm-white); border: 1px solid var(--sfnm-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-nodem__changes-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 22px; } .smil-floor-nodem__change { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 13px; align-items: flex-start; min-width: 0; padding: 17px; background: #f6fbfa; border: 1px solid #dcebe9; border-radius: 16px; } .smil-floor-nodem__change-icon { display: grid; place-items: center; width: 44px; height: 44px; color: var(--sfnm-blue); background: var(--sfnm-turquoise-light); border-radius: 13px; } .smil-floor-nodem__change-icon--orange { color: var(--sfnm-orange-dark); background: var(--sfnm-orange-soft); } .smil-floor-nodem__change-icon svg { width: 23px; height: 23px; } .smil-floor-nodem__change div { min-width: 0; } .smil-floor-nodem__change strong { display: block; margin: 1px 0 5px; color: var(--sfnm-dark); font-size: 0.9rem; font-weight: 850; } .smil-floor-nodem__change p { margin: 0; color: var(--sfnm-muted); font-size: 0.78rem; line-height: 1.5; } /* ========================================================= LIMITI ========================================================= */ .smil-floor-nodem__limits { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 31px; padding: clamp(25px, 4vw, 40px); background: var(--sfnm-orange-soft); border: 1px solid #efd0b4; border-radius: 23px; } .smil-floor-nodem__limits-copy > p:not(.smil-floor-nodem__section-label) { margin: 13px 0 0; color: #605d56; font-size: 0.94rem; line-height: 1.65; } .smil-floor-nodem__limits-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-nodem__limits-list > div { display: grid; grid-template-columns: 35px minmax(0, 1fr); gap: 10px; align-items: center; padding: 13px; background: rgba(255, 255, 255, 0.8); border: 1px solid #efd5bd; border-radius: 14px; } .smil-floor-nodem__limits-list span { display: grid; place-items: center; width: 33px; height: 33px; color: var(--sfnm-white); background: var(--sfnm-orange-dark); border-radius: 10px; font-size: 0.71rem; font-weight: 900; } .smil-floor-nodem__limits-list p { margin: 0; color: #585a55; font-size: 0.78rem; line-height: 1.46; } /* ========================================================= TIPOLOGIE DI RUMORE ========================================================= */ .smil-floor-nodem__noise { margin-top: 33px; } .smil-floor-nodem__noise-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 21px; } .smil-floor-nodem__noise-card { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 14px; align-items: flex-start; min-width: 0; padding: 20px; background: var(--sfnm-white); border: 1px solid var(--sfnm-border); border-radius: 18px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-nodem__noise-icon { display: grid; place-items: center; width: 46px; height: 46px; color: var(--sfnm-blue); background: var(--sfnm-turquoise-light); border-radius: 14px; } .smil-floor-nodem__noise-icon--orange { color: var(--sfnm-orange-dark); background: var(--sfnm-orange-soft); } .smil-floor-nodem__noise-icon svg { width: 24px; height: 24px; } .smil-floor-nodem__noise-card div { min-width: 0; } .smil-floor-nodem__noise-card strong { display: block; margin: 1px 0 6px; color: var(--sfnm-dark); font-size: 0.95rem; font-weight: 850; } .smil-floor-nodem__noise-card p { margin: 0; color: var(--sfnm-muted); font-size: 0.81rem; line-height: 1.53; } /* ========================================================= RISPOSTA GEO ========================================================= */ .smil-floor-nodem__geo { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; margin-top: 26px; padding: 20px 22px; background: var(--sfnm-turquoise-light); border: 1px solid #c5e7e2; border-left: 5px solid var(--sfnm-turquoise); border-radius: 18px; } .smil-floor-nodem__geo-icon { display: grid; place-items: center; width: 49px; height: 49px; color: var(--sfnm-blue); background: var(--sfnm-white); border-radius: 14px; } .smil-floor-nodem__geo-icon svg { width: 27px; height: 27px; } .smil-floor-nodem__geo div { min-width: 0; } .smil-floor-nodem__geo strong { display: block; margin: 1px 0 6px; color: var(--sfnm-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-nodem__geo p { margin: 0; color: #48646d; font-size: 0.9rem; line-height: 1.62; } /* ========================================================= AVVERTENZA ========================================================= */ .smil-floor-nodem__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; margin-top: 25px; padding: 20px 22px; background: var(--sfnm-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sfnm-orange); border-radius: 18px; } .smil-floor-nodem__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; color: var(--sfnm-orange-dark); background: var(--sfnm-white); border-radius: 14px; } .smil-floor-nodem__warning-icon svg { width: 26px; height: 26px; } .smil-floor-nodem__warning div { min-width: 0; } .smil-floor-nodem__warning strong { display: block; margin: 1px 0 6px; color: var(--sfnm-dark); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-nodem__warning p { margin: 0; color: #595850; font-size: 0.92rem; line-height: 1.64; } /* ========================================================= PROCESSO SORGEDIL ========================================================= */ .smil-floor-nodem__process { display: grid; grid-template-columns: minmax(280px, 0.73fr) minmax(0, 1.27fr); gap: clamp(30px, 5vw, 62px); align-items: center; margin-top: 35px; padding: clamp(25px, 4vw, 41px); background: var(--sfnm-white); border: 1px solid var(--sfnm-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-nodem__process-copy > p:last-child { margin: 13px 0 0; color: var(--sfnm-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-nodem__steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; margin: 0; padding: 0; list-style: none; } .smil-floor-nodem__steps li { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; padding: 14px; background: #f6fbfa; border: 1px solid #dcebe9; border-radius: 15px; } .smil-floor-nodem__steps li > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfnm-white); background: var(--sfnm-blue); border-radius: 11px; font-size: 0.79rem; font-weight: 900; } .smil-floor-nodem__steps li div { min-width: 0; } .smil-floor-nodem__steps strong { display: block; margin: 1px 0 3px; color: var(--sfnm-dark); font-size: 0.88rem; font-weight: 800; } .smil-floor-nodem__steps p { margin: 0; color: #5a7179; font-size: 0.78rem; line-height: 1.48; } /* ========================================================= CTA ========================================================= */ .smil-floor-nodem__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 21px 23px; color: var(--sfnm-white); background: linear-gradient( 135deg, var(--sfnm-blue) 0%, var(--sfnm-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-nodem__cta-copy { display: grid; grid-template-columns: 47px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-nodem__cta-icon { display: grid; place-items: center; width: 47px; height: 47px; color: var(--sfnm-dark); background: rgba(255, 255, 255, 0.87); border-radius: 14px; } .smil-floor-nodem__cta-icon svg { width: 25px; height: 25px; } .smil-floor-nodem__cta-copy div { min-width: 0; } .smil-floor-nodem__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sfnm-white); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-nodem__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.81); font-size: 0.86rem; line-height: 1.5; } .smil-floor-nodem__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 51px; padding: 12px 18px; color: var(--sfnm-white); background: linear-gradient( 135deg, var(--sfnm-orange) 0%, var(--sfnm-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-nodem__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-nodem__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-nodem__cta-button:hover svg { transform: translateX(3px); } .smil-floor-nodem__cta-button:focus-visible { outline: 3px solid var(--sfnm-white); outline-offset: 4px; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1050px) { .smil-floor-nodem__header, .smil-floor-nodem__meaning, .smil-floor-nodem__diagram, .smil-floor-nodem__limits, .smil-floor-nodem__process { grid-template-columns: minmax(0, 1fr); } .smil-floor-nodem__intro { max-width: 850px; } .smil-floor-nodem__feasibility-grid, .smil-floor-nodem__changes-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-floor-nodem__noise-grid { grid-template-columns: minmax(0, 1fr); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 760px) { .smil-floor-nodem { padding: 49px 14px 58px; } .smil-floor-nodem__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-floor-nodem__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-nodem__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-nodem__meaning { padding: 23px 18px; border-radius: 20px; } .smil-floor-nodem__meaning-flow { grid-template-columns: minmax(0, 1fr); } .smil-floor-nodem__meaning-arrow { transform: rotate(90deg); } .smil-floor-nodem__feasibility-grid, .smil-floor-nodem__changes-grid { grid-template-columns: minmax(0, 1fr); } .smil-floor-nodem__diagram, .smil-floor-nodem__changes, .smil-floor-nodem__limits { padding: 22px 18px; border-radius: 20px; } .smil-floor-nodem__limits-list { grid-template-columns: minmax(0, 1fr); } .smil-floor-nodem__geo, .smil-floor-nodem__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-nodem__process { padding: 22px 18px; border-radius: 20px; } .smil-floor-nodem__steps { grid-template-columns: minmax(0, 1fr); } .smil-floor-nodem__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-nodem__cta-button { width: 100%; } } /* ========================================================= SMARTPHONE PICCOLI ========================================================= */ @media (max-width: 440px) { .smil-floor-nodem__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-nodem__answer, .smil-floor-nodem__meaning-item, .smil-floor-nodem__change, .smil-floor-nodem__noise-card, .smil-floor-nodem__geo, .smil-floor-nodem__warning, .smil-floor-nodem__cta-copy { grid-template-columns: minmax(0, 1fr); } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-floor-nodem__cta-button, .smil-floor-nodem__cta-button svg { transition: none; } }#imCell_14 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_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; } /* ========================================================= BLOCCO 12 H3 – INTERVENIRE SOPRA IL PAVIMENTO CSS AUTONOMO: NON RICHIEDE MODIFICHE AI BLOCCHI PRECEDENTI ========================================================= */ .smil-floor-over, .smil-floor-over *, .smil-floor-over *::before, .smil-floor-over *::after { box-sizing: border-box; } .smil-floor-over { --sfover-dark: #073844; --sfover-dark-deep: #052b35; --sfover-blue: #087c8f; --sfover-turquoise: #00a991; --sfover-turquoise-light: #dff8f4; --sfover-orange: #f28a2e; --sfover-orange-dark: #d66d0e; --sfover-orange-soft: #fff1e4; --sfover-white: #ffffff; --sfover-bg: #f3faf9; --sfover-text: #183640; --sfover-muted: #557078; --sfover-border: #cee5e2; position: relative; width: 100%; overflow: hidden; padding: clamp(58px, 7vw, 96px) 20px; color: var(--sfover-text); background: radial-gradient( circle at 97% 3%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 0) 28% ), radial-gradient( circle at 2% 97%, rgba(242, 138, 46, 0.07) 0, rgba(242, 138, 46, 0) 25% ), var(--sfover-bg); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-over__container { width: min(1220px, 100%); margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-floor-over__header { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(430px, 1.2fr); gap: clamp(30px, 5vw, 70px); align-items: end; } .smil-floor-over__heading { min-width: 0; } .smil-floor-over__eyebrow { display: inline-flex; margin: 0 0 12px; padding: 7px 13px; color: var(--sfover-blue); background: var(--sfover-turquoise-light); border: 1px solid #c5e8e3; border-radius: 999px; font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-over__title { margin: 0; color: var(--sfover-dark); font-size: clamp(1.9rem, 3.55vw, 3.15rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; } .smil-floor-over__intro { max-width: 760px; margin: 0; padding-bottom: 4px; color: var(--sfover-muted); font-size: clamp(1.03rem, 1.55vw, 1.17rem); line-height: 1.73; } .smil-floor-over__intro strong { color: var(--sfover-dark); font-weight: 800; } /* ========================================================= RISPOSTA DIRETTA ========================================================= */ .smil-floor-over__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; margin: 34px 0 0; padding: 22px 24px; background: var(--sfover-white); border: 1px solid var(--sfover-border); border-left: 5px solid var(--sfover-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-over__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sfover-blue); background: var(--sfover-turquoise-light); border-radius: 15px; } .smil-floor-over__answer-icon svg { width: 28px; height: 28px; } .smil-floor-over__answer-content { min-width: 0; } .smil-floor-over__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sfover-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-over__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } .smil-floor-over__answer-content p strong { color: var(--sfover-dark); font-weight: 800; } /* ========================================================= TITOLI INTERNI ========================================================= */ .smil-floor-over__section-label { margin: 0 0 7px; color: var(--sfover-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-over__section-title { display: block; color: var(--sfover-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* ========================================================= PRINCIPIO COSTRUTTIVO ========================================================= */ .smil-floor-over__principle { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin: 30px 0 0; padding: clamp(26px, 4vw, 42px); color: var(--sfover-white); background: radial-gradient( circle at 94% 10%, rgba(0, 169, 145, 0.24) 0, rgba(0, 169, 145, 0) 35% ), linear-gradient( 135deg, var(--sfover-dark-deep) 0%, var(--sfover-dark) 65%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-over__principle .smil-floor-over__section-label { color: #7fe7d9; } .smil-floor-over__principle .smil-floor-over__section-title { color: var(--sfover-white); } .smil-floor-over__principle-copy > p:not(.smil-floor-over__section-label) { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-over__principle-flow { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr); gap: 8px; align-items: center; } .smil-floor-over__principle-step { min-width: 0; padding: 16px 10px; text-align: center; background: rgba(255, 255, 255, 0.085); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 15px; } .smil-floor-over__principle-step > span { display: grid; place-items: center; width: 29px; height: 29px; margin: 0 auto 8px; color: var(--sfover-dark); background: #7fe7d9; border-radius: 50%; font-size: 0.73rem; font-weight: 900; } .smil-floor-over__principle-step strong { display: block; color: var(--sfover-white); font-size: 0.81rem; font-weight: 850; } .smil-floor-over__principle-step small { display: block; margin-top: 5px; color: rgba(238, 255, 252, 0.64); font-size: 0.65rem; line-height: 1.36; } .smil-floor-over__principle-arrow { color: var(--sfover-orange); font-size: 1.2rem; font-weight: 900; } /* ========================================================= CONTROLLI PRELIMINARI ========================================================= */ .smil-floor-over__checks { margin-top: 35px; } .smil-floor-over__checks-header, .smil-floor-over__installation-header, .smil-floor-over__details-header, .smil-floor-over__rooms-header { max-width: 870px; } .smil-floor-over__checks-header > p:last-child, .smil-floor-over__installation-header > p:last-child, .smil-floor-over__details-header > p:last-child, .smil-floor-over__rooms-header > p:last-child { margin: 12px 0 0; color: var(--sfover-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-over__checks-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 22px; } .smil-floor-over__check-card { min-width: 0; padding: 20px 18px; background: var(--sfover-white); border: 1px solid var(--sfover-border); border-radius: 18px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-over__check-number { display: block; margin-bottom: 14px; color: rgba(7, 56, 68, 0.23); font-size: 1.25rem; font-weight: 900; } .smil-floor-over__check-card strong { display: block; margin-bottom: 7px; color: var(--sfover-dark); font-size: 0.96rem; font-weight: 850; line-height: 1.34; } .smil-floor-over__check-card p { margin: 0; color: var(--sfover-muted); font-size: 0.81rem; line-height: 1.54; } /* ========================================================= STRATIGRAFIA ========================================================= */ .smil-floor-over__layers { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 34px; padding: clamp(25px, 4vw, 40px); background: var(--sfover-white); border: 1px solid var(--sfover-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-over__layers-copy > p:not(.smil-floor-over__section-label) { margin: 13px 0 0; color: var(--sfover-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-over__layers-copy p strong { color: var(--sfover-dark); font-weight: 800; } .smil-floor-over__layers-diagram { display: grid; gap: 6px; } .smil-floor-over__layer { display: grid; grid-template-columns: 39px minmax(0, 1fr); gap: 12px; align-items: center; padding: 14px 16px; border-radius: 14px; } .smil-floor-over__layer > span { display: grid; place-items: center; width: 37px; height: 37px; color: var(--sfover-white); background: var(--sfover-dark); border-radius: 11px; font-size: 0.74rem; font-weight: 900; } .smil-floor-over__layer div { min-width: 0; } .smil-floor-over__layer strong { display: block; color: var(--sfover-dark); font-size: 0.88rem; font-weight: 850; } .smil-floor-over__layer small { display: block; margin-top: 3px; color: #587078; font-size: 0.68rem; line-height: 1.4; } .smil-floor-over__layer--finish { background: #ddf7f3; border: 1px solid #bce5df; } .smil-floor-over__layer--distribution { background: #edf5f4; border: 1px solid #d4e5e2; } .smil-floor-over__layer--mass { background: #e4f1f4; border: 1px solid #cbdfe3; } .smil-floor-over__layer--elastic { background: var(--sfover-orange-soft); border: 1px solid #efd0b4; } .smil-floor-over__layer--base { background: #eef0ef; border: 1px solid #d8dfdd; } /* ========================================================= FASI DI POSA ========================================================= */ .smil-floor-over__installation { margin-top: 34px; padding: clamp(25px, 4vw, 40px); background: var(--sfover-white); border: 1px solid var(--sfover-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-over__installation-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 22px 0 0; padding: 0; list-style: none; } .smil-floor-over__installation-step { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 11px; align-items: flex-start; min-width: 0; padding: 16px; background: #f6fbfa; border: 1px solid #dcebe9; border-radius: 16px; } .smil-floor-over__installation-number { display: grid; place-items: center; width: 36px; height: 36px; color: var(--sfover-white); background: var(--sfover-blue); border-radius: 11px; font-size: 0.78rem; font-weight: 900; } .smil-floor-over__installation-step div { min-width: 0; } .smil-floor-over__installation-step strong { display: block; margin: 1px 0 4px; color: var(--sfover-dark); font-size: 0.88rem; font-weight: 850; line-height: 1.35; } .smil-floor-over__installation-step p { margin: 0; color: var(--sfover-muted); font-size: 0.77rem; line-height: 1.48; } /* ========================================================= DETTAGLI PERIMETRALI ========================================================= */ .smil-floor-over__details { margin-top: 34px; } .smil-floor-over__details-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 21px; } .smil-floor-over__detail { display: grid; grid-template-columns: 47px minmax(0, 1fr); gap: 13px; align-items: flex-start; min-width: 0; padding: 18px; background: var(--sfover-white); border: 1px solid var(--sfover-border); border-radius: 17px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-over__detail-icon { display: grid; place-items: center; width: 45px; height: 45px; color: var(--sfover-blue); background: var(--sfover-turquoise-light); border-radius: 13px; } .smil-floor-over__detail-icon--orange { color: var(--sfover-orange-dark); background: var(--sfover-orange-soft); } .smil-floor-over__detail-icon svg { width: 23px; height: 23px; } .smil-floor-over__detail div { min-width: 0; } .smil-floor-over__detail strong { display: block; margin: 1px 0 5px; color: var(--sfover-dark); font-size: 0.92rem; font-weight: 850; } .smil-floor-over__detail p { margin: 0; color: var(--sfover-muted); font-size: 0.8rem; line-height: 1.51; } /* ========================================================= FINITURE ========================================================= */ .smil-floor-over__finishes { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 31px; padding: clamp(25px, 4vw, 40px); background: var(--sfover-turquoise-light); border: 1px solid #c5e7e2; border-radius: 23px; } .smil-floor-over__finishes-copy > p:not(.smil-floor-over__section-label) { margin: 13px 0 0; color: #4f686f; font-size: 0.94rem; line-height: 1.65; } .smil-floor-over__finishes-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } .smil-floor-over__finishes-list > div { min-width: 0; padding: 17px 14px; background: rgba(255, 255, 255, 0.83); border: 1px solid #d0e8e4; border-radius: 15px; } .smil-floor-over__finishes-list span { display: block; margin-bottom: 13px; color: rgba(7, 56, 68, 0.25); font-size: 1.18rem; font-weight: 900; } .smil-floor-over__finishes-list strong { display: block; margin-bottom: 5px; color: var(--sfover-dark); font-size: 0.89rem; font-weight: 850; } .smil-floor-over__finishes-list p { margin: 0; color: #4f686f; font-size: 0.76rem; line-height: 1.46; } /* ========================================================= ESTENSIONE INTERVENTO ========================================================= */ .smil-floor-over__rooms { margin-top: 33px; } .smil-floor-over__rooms-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 21px; } .smil-floor-over__room-card { display: grid; grid-template-columns: 51px minmax(0, 1fr); gap: 15px; align-items: flex-start; min-width: 0; padding: 23px; background: var(--sfover-white); border: 1px solid var(--sfover-border); border-radius: 20px; box-shadow: 0 13px 33px rgba(7, 56, 68, 0.07); } .smil-floor-over__room-icon { display: grid; place-items: center; width: 49px; height: 49px; color: var(--sfover-blue); background: var(--sfover-turquoise-light); border-radius: 14px; } .smil-floor-over__room-icon--orange { color: var(--sfover-orange-dark); background: var(--sfover-orange-soft); } .smil-floor-over__room-icon svg { width: 25px; height: 25px; } .smil-floor-over__room-card div { min-width: 0; } .smil-floor-over__room-card strong { display: block; margin: 1px 0 7px; color: var(--sfover-dark); font-size: 1rem; font-weight: 850; } .smil-floor-over__room-card p { margin: 0; color: var(--sfover-muted); font-size: 0.85rem; line-height: 1.56; } .smil-floor-over__room-card small { display: block; margin-top: 10px; padding-top: 10px; color: var(--sfover-blue); border-top: 1px solid #deecea; font-size: 0.74rem; font-weight: 700; line-height: 1.45; } /* ========================================================= RISPOSTA GEO ========================================================= */ .smil-floor-over__geo { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; margin-top: 26px; padding: 20px 22px; background: var(--sfover-turquoise-light); border: 1px solid #c5e7e2; border-left: 5px solid var(--sfover-turquoise); border-radius: 18px; } .smil-floor-over__geo-icon { display: grid; place-items: center; width: 49px; height: 49px; color: var(--sfover-blue); background: var(--sfover-white); border-radius: 14px; } .smil-floor-over__geo-icon svg { width: 27px; height: 27px; } .smil-floor-over__geo div { min-width: 0; } .smil-floor-over__geo strong { display: block; margin: 1px 0 6px; color: var(--sfover-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-over__geo p { margin: 0; color: #48646d; font-size: 0.9rem; line-height: 1.62; } /* ========================================================= AVVERTENZA ========================================================= */ .smil-floor-over__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; margin-top: 25px; padding: 20px 22px; background: var(--sfover-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sfover-orange); border-radius: 18px; } .smil-floor-over__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; color: var(--sfover-orange-dark); background: var(--sfover-white); border-radius: 14px; } .smil-floor-over__warning-icon svg { width: 26px; height: 26px; } .smil-floor-over__warning div { min-width: 0; } .smil-floor-over__warning strong { display: block; margin: 1px 0 6px; color: var(--sfover-dark); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-over__warning p { margin: 0; color: #595850; font-size: 0.92rem; line-height: 1.64; } /* ========================================================= PROCESSO SORGEDIL ========================================================= */ .smil-floor-over__process { display: grid; grid-template-columns: minmax(280px, 0.73fr) minmax(0, 1.27fr); gap: clamp(30px, 5vw, 62px); align-items: center; margin-top: 35px; padding: clamp(25px, 4vw, 41px); background: var(--sfover-white); border: 1px solid var(--sfover-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-over__process-copy > p:last-child { margin: 13px 0 0; color: var(--sfover-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-over__process-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; margin: 0; padding: 0; list-style: none; } .smil-floor-over__process-steps li { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; padding: 14px; background: #f6fbfa; border: 1px solid #dcebe9; border-radius: 15px; } .smil-floor-over__process-steps li > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfover-white); background: var(--sfover-blue); border-radius: 11px; font-size: 0.79rem; font-weight: 900; } .smil-floor-over__process-steps li div { min-width: 0; } .smil-floor-over__process-steps strong { display: block; margin: 1px 0 3px; color: var(--sfover-dark); font-size: 0.88rem; font-weight: 800; } .smil-floor-over__process-steps p { margin: 0; color: #5a7179; font-size: 0.78rem; line-height: 1.48; } /* ========================================================= CTA ========================================================= */ .smil-floor-over__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 21px 23px; color: var(--sfover-white); background: linear-gradient( 135deg, var(--sfover-blue) 0%, var(--sfover-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-over__cta-copy { display: grid; grid-template-columns: 47px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-over__cta-icon { display: grid; place-items: center; width: 47px; height: 47px; color: var(--sfover-dark); background: rgba(255, 255, 255, 0.87); border-radius: 14px; } .smil-floor-over__cta-icon svg { width: 25px; height: 25px; } .smil-floor-over__cta-copy div { min-width: 0; } .smil-floor-over__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sfover-white); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-over__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.81); font-size: 0.86rem; line-height: 1.5; } .smil-floor-over__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 51px; padding: 12px 18px; color: var(--sfover-white); background: linear-gradient( 135deg, var(--sfover-orange) 0%, var(--sfover-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-over__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-over__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-over__cta-button:hover svg { transform: translateX(3px); } .smil-floor-over__cta-button:focus-visible { outline: 3px solid var(--sfover-white); outline-offset: 4px; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1050px) { .smil-floor-over__header, .smil-floor-over__principle, .smil-floor-over__layers, .smil-floor-over__finishes, .smil-floor-over__process { grid-template-columns: minmax(0, 1fr); } .smil-floor-over__intro { max-width: 850px; } .smil-floor-over__checks-grid, .smil-floor-over__installation-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 760px) { .smil-floor-over { padding: 49px 14px 58px; } .smil-floor-over__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-floor-over__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-over__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-over__principle { padding: 23px 18px; border-radius: 20px; } .smil-floor-over__principle-flow { grid-template-columns: minmax(0, 1fr); gap: 7px; } .smil-floor-over__principle-arrow { transform: rotate(90deg); text-align: center; } .smil-floor-over__principle-step { display: grid; grid-template-columns: 33px minmax(0, 1fr); column-gap: 10px; align-items: center; text-align: left; } .smil-floor-over__principle-step > span { grid-row: 1 / span 2; margin: 0; } .smil-floor-over__principle-step strong, .smil-floor-over__principle-step small { grid-column: 2; } .smil-floor-over__principle-step small { margin-top: 2px; } .smil-floor-over__checks-grid, .smil-floor-over__installation-steps, .smil-floor-over__details-grid, .smil-floor-over__rooms-grid { grid-template-columns: minmax(0, 1fr); } .smil-floor-over__layers, .smil-floor-over__installation, .smil-floor-over__finishes { padding: 22px 18px; border-radius: 20px; } .smil-floor-over__finishes-list { grid-template-columns: minmax(0, 1fr); } .smil-floor-over__geo, .smil-floor-over__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-over__process { padding: 22px 18px; border-radius: 20px; } .smil-floor-over__process-steps { grid-template-columns: minmax(0, 1fr); } .smil-floor-over__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-over__cta-button { width: 100%; } } /* ========================================================= SMARTPHONE PICCOLI ========================================================= */ @media (max-width: 440px) { .smil-floor-over__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-over__answer, .smil-floor-over__detail, .smil-floor-over__room-card, .smil-floor-over__geo, .smil-floor-over__warning, .smil-floor-over__cta-copy { grid-template-columns: minmax(0, 1fr); } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-floor-over__cta-button, .smil-floor-over__cta-button svg { transition: none; } }#imCell_15 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_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; } /* ========================================================= BLOCCO 13 H3 – RIMUOVERE IL RIVESTIMENTO CSS AUTONOMO: NON RICHIEDE MODIFICHE AI BLOCCHI PRECEDENTI ========================================================= */ .smil-floor-remove, .smil-floor-remove *, .smil-floor-remove *::before, .smil-floor-remove *::after { box-sizing: border-box; } .smil-floor-remove { --sfr-dark: #073844; --sfr-dark-deep: #052b35; --sfr-blue: #087c8f; --sfr-turquoise: #00a991; --sfr-turquoise-light: #dff8f4; --sfr-orange: #f28a2e; --sfr-orange-dark: #d66d0e; --sfr-orange-soft: #fff1e4; --sfr-white: #ffffff; --sfr-bg: #ffffff; --sfr-bg-soft: #f3faf9; --sfr-text: #183640; --sfr-muted: #557078; --sfr-border: #cee5e2; position: relative; width: 100%; overflow: hidden; padding: clamp(58px, 7vw, 96px) 20px; color: var(--sfr-text); background: radial-gradient( circle at 97% 3%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 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(--sfr-bg) 0%, var(--sfr-bg-soft) 100% ); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-remove__container { width: min(1220px, 100%); margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-floor-remove__header { display: grid; grid-template-columns: minmax(0, 0.76fr) minmax(440px, 1.24fr); gap: clamp(30px, 5vw, 70px); align-items: end; } .smil-floor-remove__heading { min-width: 0; } .smil-floor-remove__eyebrow { display: inline-flex; margin: 0 0 12px; padding: 7px 13px; color: var(--sfr-blue); background: var(--sfr-turquoise-light); border: 1px solid #c5e8e3; border-radius: 999px; font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-remove__title { margin: 0; color: var(--sfr-dark); font-size: clamp(1.9rem, 3.55vw, 3.15rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; } .smil-floor-remove__intro { max-width: 770px; margin: 0; padding-bottom: 4px; color: var(--sfr-muted); font-size: clamp(1.03rem, 1.55vw, 1.17rem); line-height: 1.73; } .smil-floor-remove__intro strong { color: var(--sfr-dark); font-weight: 800; } /* ========================================================= RISPOSTA DIRETTA ========================================================= */ .smil-floor-remove__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; margin: 34px 0 0; padding: 22px 24px; background: var(--sfr-white); border: 1px solid var(--sfr-border); border-left: 5px solid var(--sfr-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-remove__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sfr-blue); background: var(--sfr-turquoise-light); border-radius: 15px; } .smil-floor-remove__answer-icon svg { width: 28px; height: 28px; } .smil-floor-remove__answer-content { min-width: 0; } .smil-floor-remove__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sfr-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-remove__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } .smil-floor-remove__answer-content p strong { color: var(--sfr-dark); font-weight: 800; } /* ========================================================= TITOLI INTERNI ========================================================= */ .smil-floor-remove__section-label { margin: 0 0 7px; color: var(--sfr-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-remove__section-title { display: block; color: var(--sfr-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* ========================================================= DISTINZIONE DEI LIVELLI ========================================================= */ .smil-floor-remove__distinction { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 30px; padding: clamp(26px, 4vw, 42px); color: var(--sfr-white); background: radial-gradient( circle at 94% 10%, rgba(0, 169, 145, 0.24) 0, rgba(0, 169, 145, 0) 35% ), linear-gradient( 135deg, var(--sfr-dark-deep) 0%, var(--sfr-dark) 65%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-remove__distinction .smil-floor-remove__section-label { color: #7fe7d9; } .smil-floor-remove__distinction .smil-floor-remove__section-title { color: var(--sfr-white); } .smil-floor-remove__distinction-copy > p:not(.smil-floor-remove__section-label) { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-remove__levels { display: grid; gap: 7px; } .smil-floor-remove__level { display: grid; grid-template-columns: 39px minmax(0, 1fr); gap: 12px; align-items: center; padding: 14px 16px; background: rgba(255, 255, 255, 0.085); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 14px; } .smil-floor-remove__level--orange { background: rgba(242, 138, 46, 0.2); border-color: rgba(255, 182, 111, 0.28); } .smil-floor-remove__level--dark { background: rgba(0, 169, 145, 0.2); border-color: rgba(120, 228, 214, 0.27); } .smil-floor-remove__level > span { display: grid; place-items: center; width: 37px; height: 37px; color: var(--sfr-dark); background: #7fe7d9; border-radius: 11px; font-size: 0.74rem; font-weight: 900; } .smil-floor-remove__level--orange > span { background: #ffb56c; } .smil-floor-remove__level div { min-width: 0; } .smil-floor-remove__level strong { display: block; color: var(--sfr-white); font-size: 0.88rem; font-weight: 850; } .smil-floor-remove__level small { display: block; margin-top: 3px; color: rgba(238, 255, 252, 0.66); font-size: 0.68rem; line-height: 1.4; } /* ========================================================= MOTIVI DELLA RIMOZIONE ========================================================= */ .smil-floor-remove__reasons { margin-top: 35px; } .smil-floor-remove__reasons-header, .smil-floor-remove__process-work-header, .smil-floor-remove__underfloor-header { max-width: 870px; } .smil-floor-remove__reasons-header > p:last-child, .smil-floor-remove__process-work-header > p:last-child, .smil-floor-remove__underfloor-header > p:last-child { margin: 12px 0 0; color: var(--sfr-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-remove__reasons-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 22px; } .smil-floor-remove__reason { min-width: 0; padding: 20px 18px; background: var(--sfr-white); border: 1px solid var(--sfr-border); border-radius: 18px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-remove__reason-number { display: block; margin-bottom: 14px; color: rgba(7, 56, 68, 0.23); font-size: 1.25rem; font-weight: 900; } .smil-floor-remove__reason strong { display: block; margin-bottom: 7px; color: var(--sfr-dark); font-size: 0.96rem; font-weight: 850; line-height: 1.34; } .smil-floor-remove__reason p { margin: 0; color: var(--sfr-muted); font-size: 0.81rem; line-height: 1.54; } /* ========================================================= CONFRONTO ========================================================= */ .smil-floor-remove__comparison { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 32px; padding: clamp(25px, 4vw, 40px); background: var(--sfr-white); border: 1px solid var(--sfr-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-remove__comparison-copy > p:not(.smil-floor-remove__section-label) { margin: 13px 0 0; color: var(--sfr-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-remove__comparison-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .smil-floor-remove__comparison-card { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 13px; align-items: flex-start; min-width: 0; padding: 19px; background: var(--sfr-turquoise-light); border: 1px solid #c5e7e2; border-radius: 17px; } .smil-floor-remove__comparison-card--orange { background: var(--sfr-orange-soft); border-color: #efd0b4; } .smil-floor-remove__comparison-icon { display: grid; place-items: center; width: 46px; height: 46px; color: var(--sfr-blue); background: var(--sfr-white); border-radius: 14px; } .smil-floor-remove__comparison-icon--orange { color: var(--sfr-orange-dark); } .smil-floor-remove__comparison-icon svg { width: 24px; height: 24px; } .smil-floor-remove__comparison-card div { min-width: 0; } .smil-floor-remove__comparison-card strong { display: block; margin: 1px 0 6px; color: var(--sfr-dark); font-size: 0.94rem; font-weight: 850; } .smil-floor-remove__comparison-card p { margin: 0; color: #526970; font-size: 0.8rem; line-height: 1.52; } /* ========================================================= FASI OPERATIVE ========================================================= */ .smil-floor-remove__process-work { margin-top: 34px; padding: clamp(25px, 4vw, 40px); background: var(--sfr-white); border: 1px solid var(--sfr-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-remove__work-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 22px 0 0; padding: 0; list-style: none; } .smil-floor-remove__work-steps li { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 11px; align-items: flex-start; min-width: 0; padding: 16px; background: #f6fbfa; border: 1px solid #dcebe9; border-radius: 16px; } .smil-floor-remove__work-steps li > span { display: grid; place-items: center; width: 36px; height: 36px; color: var(--sfr-white); background: var(--sfr-blue); border-radius: 11px; font-size: 0.78rem; font-weight: 900; } .smil-floor-remove__work-steps li div { min-width: 0; } .smil-floor-remove__work-steps strong { display: block; margin: 1px 0 4px; color: var(--sfr-dark); font-size: 0.88rem; font-weight: 850; line-height: 1.35; } .smil-floor-remove__work-steps p { margin: 0; color: var(--sfr-muted); font-size: 0.77rem; line-height: 1.48; } /* ========================================================= SOTTOFONDO ========================================================= */ .smil-floor-remove__underfloor { margin-top: 34px; } .smil-floor-remove__underfloor-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 21px; } .smil-floor-remove__underfloor-card { display: grid; grid-template-columns: 47px minmax(0, 1fr); gap: 13px; align-items: flex-start; min-width: 0; padding: 18px; background: var(--sfr-white); border: 1px solid var(--sfr-border); border-radius: 17px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-remove__underfloor-icon { display: grid; place-items: center; width: 45px; height: 45px; color: var(--sfr-blue); background: var(--sfr-turquoise-light); border-radius: 13px; } .smil-floor-remove__underfloor-icon--orange { color: var(--sfr-orange-dark); background: var(--sfr-orange-soft); } .smil-floor-remove__underfloor-icon svg { width: 23px; height: 23px; } .smil-floor-remove__underfloor-card div { min-width: 0; } .smil-floor-remove__underfloor-card strong { display: block; margin: 1px 0 5px; color: var(--sfr-dark); font-size: 0.92rem; font-weight: 850; } .smil-floor-remove__underfloor-card p { margin: 0; color: var(--sfr-muted); font-size: 0.8rem; line-height: 1.51; } /* ========================================================= TIPOLOGIE DI RUMORE ========================================================= */ .smil-floor-remove__noise { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 31px; padding: clamp(25px, 4vw, 40px); background: var(--sfr-turquoise-light); border: 1px solid #c5e7e2; border-radius: 23px; } .smil-floor-remove__noise-copy > p:not(.smil-floor-remove__section-label) { margin: 13px 0 0; color: #4f686f; font-size: 0.94rem; line-height: 1.65; } .smil-floor-remove__noise-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } .smil-floor-remove__noise-grid > div { min-width: 0; padding: 17px 13px; text-align: center; background: rgba(255, 255, 255, 0.84); border: 1px solid #d0e8e4; border-radius: 15px; } .smil-floor-remove__noise-grid span { display: grid; place-items: center; width: 34px; height: 34px; margin: 0 auto 10px; color: var(--sfr-white); background: var(--sfr-blue); border-radius: 50%; font-size: 0.76rem; font-weight: 900; } .smil-floor-remove__noise-grid > div:nth-child(2) span { background: var(--sfr-orange-dark); } .smil-floor-remove__noise-grid strong { display: block; color: var(--sfr-dark); font-size: 0.85rem; font-weight: 850; } .smil-floor-remove__noise-grid small { display: block; margin-top: 5px; color: #526a72; font-size: 0.68rem; line-height: 1.39; } /* ========================================================= RISCALDAMENTO A PAVIMENTO ========================================================= */ .smil-floor-remove__heating, .smil-floor-remove__geo, .smil-floor-remove__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; margin-top: 25px; padding: 20px 22px; border-radius: 18px; } .smil-floor-remove__heating { background: #eef7f8; border: 1px solid #cfe3e6; border-left: 5px solid var(--sfr-blue); } .smil-floor-remove__heating-icon, .smil-floor-remove__geo-icon, .smil-floor-remove__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; background: var(--sfr-white); border-radius: 14px; } .smil-floor-remove__heating-icon { color: var(--sfr-blue); } .smil-floor-remove__heating-icon svg, .smil-floor-remove__geo-icon svg, .smil-floor-remove__warning-icon svg { width: 26px; height: 26px; } .smil-floor-remove__heating div, .smil-floor-remove__geo div, .smil-floor-remove__warning div { min-width: 0; } .smil-floor-remove__heating strong, .smil-floor-remove__geo strong, .smil-floor-remove__warning strong { display: block; margin: 1px 0 6px; color: var(--sfr-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-remove__heating p, .smil-floor-remove__geo p, .smil-floor-remove__warning p { margin: 0; font-size: 0.9rem; line-height: 1.62; } .smil-floor-remove__heating p { color: #48646d; } /* ========================================================= RISPOSTA GEO ========================================================= */ .smil-floor-remove__geo { background: var(--sfr-turquoise-light); border: 1px solid #c5e7e2; border-left: 5px solid var(--sfr-turquoise); } .smil-floor-remove__geo-icon { color: var(--sfr-blue); } .smil-floor-remove__geo p { color: #48646d; } /* ========================================================= AVVERTENZA ========================================================= */ .smil-floor-remove__warning { background: var(--sfr-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sfr-orange); } .smil-floor-remove__warning-icon { color: var(--sfr-orange-dark); } .smil-floor-remove__warning p { color: #595850; } /* ========================================================= PROCESSO SORGEDIL ========================================================= */ .smil-floor-remove__sorgedil { display: grid; grid-template-columns: minmax(280px, 0.73fr) minmax(0, 1.27fr); gap: clamp(30px, 5vw, 62px); align-items: center; margin-top: 35px; padding: clamp(25px, 4vw, 41px); background: var(--sfr-white); border: 1px solid var(--sfr-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-remove__sorgedil-copy > p:last-child { margin: 13px 0 0; color: var(--sfr-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-remove__sorgedil-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; margin: 0; padding: 0; list-style: none; } .smil-floor-remove__sorgedil-steps li { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; padding: 14px; background: #f6fbfa; border: 1px solid #dcebe9; border-radius: 15px; } .smil-floor-remove__sorgedil-steps li > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfr-white); background: var(--sfr-blue); border-radius: 11px; font-size: 0.79rem; font-weight: 900; } .smil-floor-remove__sorgedil-steps li div { min-width: 0; } .smil-floor-remove__sorgedil-steps strong { display: block; margin: 1px 0 3px; color: var(--sfr-dark); font-size: 0.88rem; font-weight: 800; } .smil-floor-remove__sorgedil-steps p { margin: 0; color: #5a7179; font-size: 0.78rem; line-height: 1.48; } /* ========================================================= CTA ========================================================= */ .smil-floor-remove__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 21px 23px; color: var(--sfr-white); background: linear-gradient( 135deg, var(--sfr-blue) 0%, var(--sfr-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-remove__cta-copy { display: grid; grid-template-columns: 47px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-remove__cta-icon { display: grid; place-items: center; width: 47px; height: 47px; color: var(--sfr-dark); background: rgba(255, 255, 255, 0.87); border-radius: 14px; } .smil-floor-remove__cta-icon svg { width: 25px; height: 25px; } .smil-floor-remove__cta-copy div { min-width: 0; } .smil-floor-remove__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sfr-white); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-remove__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.81); font-size: 0.86rem; line-height: 1.5; } .smil-floor-remove__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 51px; padding: 12px 18px; color: var(--sfr-white); background: linear-gradient( 135deg, var(--sfr-orange) 0%, var(--sfr-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-remove__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-remove__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-remove__cta-button:hover svg { transform: translateX(3px); } .smil-floor-remove__cta-button:focus-visible { outline: 3px solid var(--sfr-white); outline-offset: 4px; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1050px) { .smil-floor-remove__header, .smil-floor-remove__distinction, .smil-floor-remove__comparison, .smil-floor-remove__noise, .smil-floor-remove__sorgedil { grid-template-columns: minmax(0, 1fr); } .smil-floor-remove__intro { max-width: 850px; } .smil-floor-remove__reasons-grid, .smil-floor-remove__work-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 760px) { .smil-floor-remove { padding: 49px 14px 58px; } .smil-floor-remove__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-floor-remove__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-remove__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-remove__distinction, .smil-floor-remove__comparison, .smil-floor-remove__process-work, .smil-floor-remove__noise { padding: 22px 18px; border-radius: 20px; } .smil-floor-remove__reasons-grid, .smil-floor-remove__work-steps, .smil-floor-remove__underfloor-grid { grid-template-columns: minmax(0, 1fr); } .smil-floor-remove__comparison-grid, .smil-floor-remove__noise-grid { grid-template-columns: minmax(0, 1fr); } .smil-floor-remove__heating, .smil-floor-remove__geo, .smil-floor-remove__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-remove__sorgedil { padding: 22px 18px; border-radius: 20px; } .smil-floor-remove__sorgedil-steps { grid-template-columns: minmax(0, 1fr); } .smil-floor-remove__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-remove__cta-button { width: 100%; } } /* ========================================================= SMARTPHONE PICCOLI ========================================================= */ @media (max-width: 440px) { .smil-floor-remove__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-remove__answer, .smil-floor-remove__comparison-card, .smil-floor-remove__underfloor-card, .smil-floor-remove__heating, .smil-floor-remove__geo, .smil-floor-remove__warning, .smil-floor-remove__cta-copy { grid-template-columns: minmax(0, 1fr); } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-floor-remove__cta-button, .smil-floor-remove__cta-button svg { transition: none; } }#imCell_16 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_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; } /* ========================================================= BLOCCO 14 H3 – PORTE, SOGLIE E QUOTE CSS AUTONOMO: NON RICHIEDE MODIFICHE AI BLOCCHI PRECEDENTI ========================================================= */ .smil-floor-levels, .smil-floor-levels *, .smil-floor-levels *::before, .smil-floor-levels *::after { box-sizing: border-box; } .smil-floor-levels { --sfl-dark: #073844; --sfl-dark-deep: #052b35; --sfl-blue: #087c8f; --sfl-turquoise: #00a991; --sfl-turquoise-light: #dff8f4; --sfl-orange: #f28a2e; --sfl-orange-dark: #d66d0e; --sfl-orange-soft: #fff1e4; --sfl-white: #ffffff; --sfl-bg: #f3faf9; --sfl-text: #183640; --sfl-muted: #557078; --sfl-border: #cee5e2; position: relative; width: 100%; overflow: hidden; padding: clamp(58px, 7vw, 96px) 20px; color: var(--sfl-text); background: radial-gradient( circle at 97% 3%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 0) 28% ), radial-gradient( circle at 2% 97%, rgba(242, 138, 46, 0.07) 0, rgba(242, 138, 46, 0) 25% ), var(--sfl-bg); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-levels__container { width: min(1220px, 100%); margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-floor-levels__header { display: grid; grid-template-columns: minmax(0, 0.74fr) minmax(440px, 1.26fr); gap: clamp(30px, 5vw, 70px); align-items: end; } .smil-floor-levels__heading { min-width: 0; } .smil-floor-levels__eyebrow { display: inline-flex; margin: 0 0 12px; padding: 7px 13px; color: var(--sfl-blue); background: var(--sfl-turquoise-light); border: 1px solid #c5e8e3; border-radius: 999px; font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-levels__title { margin: 0; color: var(--sfl-dark); font-size: clamp(1.9rem, 3.55vw, 3.15rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; } .smil-floor-levels__intro { max-width: 770px; margin: 0; padding-bottom: 4px; color: var(--sfl-muted); font-size: clamp(1.03rem, 1.55vw, 1.17rem); line-height: 1.73; } .smil-floor-levels__intro strong { color: var(--sfl-dark); font-weight: 800; } /* ========================================================= RISPOSTA DIRETTA ========================================================= */ .smil-floor-levels__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; margin-top: 34px; padding: 22px 24px; background: var(--sfl-white); border: 1px solid var(--sfl-border); border-left: 5px solid var(--sfl-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-levels__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sfl-blue); background: var(--sfl-turquoise-light); border-radius: 15px; } .smil-floor-levels__answer-icon svg { width: 28px; height: 28px; } .smil-floor-levels__answer-content { min-width: 0; } .smil-floor-levels__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sfl-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-levels__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } .smil-floor-levels__answer-content p strong { color: var(--sfl-dark); font-weight: 800; } /* ========================================================= TITOLI INTERNI ========================================================= */ .smil-floor-levels__section-label { margin: 0 0 7px; color: var(--sfl-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-levels__section-title { display: block; color: var(--sfl-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* ========================================================= CONCETTO PRINCIPALE ========================================================= */ .smil-floor-levels__concept { display: grid; grid-template-columns: minmax(300px, 0.77fr) minmax(0, 1.23fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 30px; padding: clamp(26px, 4vw, 42px); color: var(--sfl-white); background: radial-gradient( circle at 94% 10%, rgba(0, 169, 145, 0.24) 0, rgba(0, 169, 145, 0) 35% ), linear-gradient( 135deg, var(--sfl-dark-deep) 0%, var(--sfl-dark) 65%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-levels__concept .smil-floor-levels__section-label { color: #7fe7d9; } .smil-floor-levels__concept .smil-floor-levels__section-title { color: var(--sfl-white); } .smil-floor-levels__concept-copy > p:not(.smil-floor-levels__section-label) { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-levels__concept-diagram { display: grid; grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr) 28px minmax(0, 1fr) 28px minmax(0, 1fr); gap: 7px; align-items: center; } .smil-floor-levels__concept-level, .smil-floor-levels__concept-result { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 9px; align-items: center; min-width: 0; padding: 14px 11px; background: rgba(255, 255, 255, 0.085); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 14px; } .smil-floor-levels__concept-result { background: rgba(242, 138, 46, 0.21); border-color: rgba(255, 182, 111, 0.3); } .smil-floor-levels__concept-level > span, .smil-floor-levels__concept-result > span { display: grid; place-items: center; width: 32px; height: 32px; color: var(--sfl-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-levels__concept-result > span { background: #ffb56c; } .smil-floor-levels__concept-level div, .smil-floor-levels__concept-result div { min-width: 0; } .smil-floor-levels__concept-level strong, .smil-floor-levels__concept-result strong { display: block; color: var(--sfl-white); font-size: 0.76rem; font-weight: 850; line-height: 1.3; } .smil-floor-levels__concept-level small, .smil-floor-levels__concept-result small { display: block; margin-top: 3px; color: rgba(238, 255, 252, 0.63); font-size: 0.61rem; line-height: 1.35; } .smil-floor-levels__concept-plus, .smil-floor-levels__concept-equal { display: grid; place-items: center; color: var(--sfl-orange); font-size: 1.2rem; font-weight: 900; } /* ========================================================= ELEMENTI DA CONTROLLARE ========================================================= */ .smil-floor-levels__elements { margin-top: 35px; } .smil-floor-levels__elements-header, .smil-floor-levels__doors-header, .smil-floor-levels__extension-header { max-width: 870px; } .smil-floor-levels__elements-header > p:last-child, .smil-floor-levels__doors-header > p:last-child, .smil-floor-levels__extension-header > p:last-child { margin: 12px 0 0; color: var(--sfl-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-levels__elements-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; margin-top: 22px; } .smil-floor-levels__element { min-width: 0; padding: 21px; background: var(--sfl-white); border: 1px solid var(--sfl-border); border-radius: 20px; box-shadow: 0 13px 33px rgba(7, 56, 68, 0.07); } .smil-floor-levels__element-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 16px; } .smil-floor-levels__element-icon { display: grid; place-items: center; width: 48px; height: 48px; color: var(--sfl-blue); background: var(--sfl-turquoise-light); border: 1px solid #c5e8e3; border-radius: 14px; } .smil-floor-levels__element-icon--orange { color: var(--sfl-orange-dark); background: var(--sfl-orange-soft); border-color: #efd0b4; } .smil-floor-levels__element-icon svg { width: 25px; height: 25px; } .smil-floor-levels__element-number { color: rgba(7, 56, 68, 0.22); font-size: 1.28rem; font-weight: 900; } .smil-floor-levels__element-title { display: block; margin-bottom: 8px; color: var(--sfl-dark); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-levels__element > p { margin: 0; color: var(--sfl-muted); font-size: 0.85rem; line-height: 1.58; } .smil-floor-levels__element > small { display: block; margin-top: 12px; padding-top: 11px; color: var(--sfl-blue); border-top: 1px solid #deecea; font-size: 0.75rem; font-weight: 700; line-height: 1.45; } /* ========================================================= MISURAZIONE QUOTE ========================================================= */ .smil-floor-levels__measurement { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(25px, 4vw, 40px); background: var(--sfl-white); border: 1px solid var(--sfl-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-levels__measurement-copy > p:not(.smil-floor-levels__section-label) { margin: 13px 0 0; color: var(--sfl-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-levels__measurement-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; } .smil-floor-levels__measurement-item, .smil-floor-levels__measurement-result { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; align-items: center; min-width: 0; padding: 14px; background: #f6fbfa; border: 1px solid #dcebe9; border-radius: 14px; } .smil-floor-levels__measurement-result { grid-column: 1 / -1; background: var(--sfl-turquoise-light); border-color: #c5e7e2; } .smil-floor-levels__measurement-item > span, .smil-floor-levels__measurement-result > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfl-white); background: var(--sfl-blue); border-radius: 11px; font-size: 0.76rem; font-weight: 900; } .smil-floor-levels__measurement-result > span { color: var(--sfl-dark); background: #7fe7d9; } .smil-floor-levels__measurement-item div, .smil-floor-levels__measurement-result div { min-width: 0; } .smil-floor-levels__measurement-item strong, .smil-floor-levels__measurement-result strong { display: block; color: var(--sfl-dark); font-size: 0.87rem; font-weight: 850; } .smil-floor-levels__measurement-item small, .smil-floor-levels__measurement-result small { display: block; margin-top: 3px; color: var(--sfl-muted); font-size: 0.68rem; line-height: 1.38; } /* ========================================================= PORTE ========================================================= */ .smil-floor-levels__doors { margin-top: 34px; } .smil-floor-levels__doors-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 21px; } .smil-floor-levels__door-card { min-width: 0; padding: 19px 17px; background: var(--sfl-white); border: 1px solid var(--sfl-border); border-radius: 17px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-levels__door-number { display: block; margin-bottom: 13px; color: rgba(7, 56, 68, 0.24); font-size: 1.2rem; font-weight: 900; } .smil-floor-levels__door-card strong { display: block; margin-bottom: 6px; color: var(--sfl-dark); font-size: 0.92rem; font-weight: 850; line-height: 1.36; } .smil-floor-levels__door-card p { margin: 0; color: var(--sfl-muted); font-size: 0.79rem; line-height: 1.52; } /* ========================================================= SOGLIE ========================================================= */ .smil-floor-levels__thresholds { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 32px; padding: clamp(25px, 4vw, 40px); background: var(--sfl-turquoise-light); border: 1px solid #c5e7e2; border-radius: 23px; } .smil-floor-levels__thresholds-copy > p:not(.smil-floor-levels__section-label) { margin: 13px 0 0; color: #4f686f; font-size: 0.94rem; line-height: 1.65; } .smil-floor-levels__thresholds-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-levels__thresholds-list > div { min-width: 0; padding: 16px 14px; background: rgba(255, 255, 255, 0.84); border: 1px solid #d0e8e4; border-radius: 15px; } .smil-floor-levels__thresholds-list span { display: block; margin-bottom: 12px; color: rgba(7, 56, 68, 0.25); font-size: 1.15rem; font-weight: 900; } .smil-floor-levels__thresholds-list strong { display: block; margin-bottom: 5px; color: var(--sfl-dark); font-size: 0.88rem; font-weight: 850; } .smil-floor-levels__thresholds-list p { margin: 0; color: #4f686f; font-size: 0.76rem; line-height: 1.47; } /* ========================================================= ESTENSIONE INTERVENTO ========================================================= */ .smil-floor-levels__extension { margin-top: 33px; } .smil-floor-levels__extension-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 21px; } .smil-floor-levels__extension-card { display: grid; grid-template-columns: 51px minmax(0, 1fr); gap: 15px; align-items: flex-start; min-width: 0; padding: 23px; background: var(--sfl-white); border: 1px solid var(--sfl-border); border-radius: 20px; box-shadow: 0 13px 33px rgba(7, 56, 68, 0.07); } .smil-floor-levels__extension-icon { display: grid; place-items: center; width: 49px; height: 49px; color: var(--sfl-blue); background: var(--sfl-turquoise-light); border-radius: 14px; } .smil-floor-levels__extension-icon--orange { color: var(--sfl-orange-dark); background: var(--sfl-orange-soft); } .smil-floor-levels__extension-icon svg { width: 25px; height: 25px; } .smil-floor-levels__extension-card div { min-width: 0; } .smil-floor-levels__extension-card strong { display: block; margin: 1px 0 7px; color: var(--sfl-dark); font-size: 1rem; font-weight: 850; } .smil-floor-levels__extension-card p { margin: 0; color: var(--sfl-muted); font-size: 0.85rem; line-height: 1.56; } .smil-floor-levels__extension-card small { display: block; margin-top: 10px; padding-top: 10px; color: var(--sfl-blue); border-top: 1px solid #deecea; font-size: 0.74rem; font-weight: 700; line-height: 1.45; } /* ========================================================= SICUREZZA ========================================================= */ .smil-floor-levels__safety, .smil-floor-levels__geo, .smil-floor-levels__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; padding: 20px 22px; border-radius: 18px; } .smil-floor-levels__safety { margin-top: 25px; background: #eef7f8; border: 1px solid #cfe3e6; border-left: 5px solid var(--sfl-blue); } .smil-floor-levels__safety-icon, .smil-floor-levels__geo-icon, .smil-floor-levels__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; background: var(--sfl-white); border-radius: 14px; } .smil-floor-levels__safety-icon { color: var(--sfl-blue); } .smil-floor-levels__safety-icon svg, .smil-floor-levels__geo-icon svg, .smil-floor-levels__warning-icon svg { width: 26px; height: 26px; } .smil-floor-levels__safety div, .smil-floor-levels__geo div, .smil-floor-levels__warning div { min-width: 0; } .smil-floor-levels__safety strong, .smil-floor-levels__geo strong, .smil-floor-levels__warning strong { display: block; margin: 1px 0 6px; color: var(--sfl-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-levels__safety p, .smil-floor-levels__geo p, .smil-floor-levels__warning p { margin: 0; font-size: 0.9rem; line-height: 1.62; } .smil-floor-levels__safety p { color: #48646d; } /* ========================================================= RISPOSTE GEO ========================================================= */ .smil-floor-levels__geo-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 25px; } .smil-floor-levels__geo { background: var(--sfl-turquoise-light); border: 1px solid #c5e7e2; border-left: 5px solid var(--sfl-turquoise); } .smil-floor-levels__geo-icon { color: var(--sfl-blue); } .smil-floor-levels__geo p { color: #48646d; } /* ========================================================= AVVERTENZA ========================================================= */ .smil-floor-levels__warning { margin-top: 25px; background: var(--sfl-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sfl-orange); } .smil-floor-levels__warning-icon { color: var(--sfl-orange-dark); } .smil-floor-levels__warning p { color: #595850; } /* ========================================================= PROCESSO SORGEDIL ========================================================= */ .smil-floor-levels__process { display: grid; grid-template-columns: minmax(280px, 0.73fr) minmax(0, 1.27fr); gap: clamp(30px, 5vw, 62px); align-items: center; margin-top: 35px; padding: clamp(25px, 4vw, 41px); background: var(--sfl-white); border: 1px solid var(--sfl-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-levels__process-copy > p:last-child { margin: 13px 0 0; color: var(--sfl-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-levels__process-copy > p:last-child strong { color: var(--sfl-dark); font-weight: 800; } .smil-floor-levels__process-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; margin: 0; padding: 0; list-style: none; } .smil-floor-levels__process-steps li { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; padding: 14px; background: #f6fbfa; border: 1px solid #dcebe9; border-radius: 15px; } .smil-floor-levels__process-steps li > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfl-white); background: var(--sfl-blue); border-radius: 11px; font-size: 0.79rem; font-weight: 900; } .smil-floor-levels__process-steps li div { min-width: 0; } .smil-floor-levels__process-steps strong { display: block; margin: 1px 0 3px; color: var(--sfl-dark); font-size: 0.88rem; font-weight: 800; } .smil-floor-levels__process-steps p { margin: 0; color: #5a7179; font-size: 0.78rem; line-height: 1.48; } /* ========================================================= CTA ========================================================= */ .smil-floor-levels__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 21px 23px; color: var(--sfl-white); background: linear-gradient( 135deg, var(--sfl-blue) 0%, var(--sfl-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-levels__cta-copy { display: grid; grid-template-columns: 47px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-levels__cta-icon { display: grid; place-items: center; width: 47px; height: 47px; color: var(--sfl-dark); background: rgba(255, 255, 255, 0.87); border-radius: 14px; } .smil-floor-levels__cta-icon svg { width: 25px; height: 25px; } .smil-floor-levels__cta-copy div { min-width: 0; } .smil-floor-levels__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sfl-white); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-levels__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.81); font-size: 0.86rem; line-height: 1.5; } .smil-floor-levels__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 51px; padding: 12px 18px; color: var(--sfl-white); background: linear-gradient( 135deg, var(--sfl-orange) 0%, var(--sfl-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-levels__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-levels__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-levels__cta-button:hover svg { transform: translateX(3px); } .smil-floor-levels__cta-button:focus-visible { outline: 3px solid var(--sfl-white); outline-offset: 4px; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1050px) { .smil-floor-levels__header, .smil-floor-levels__concept, .smil-floor-levels__measurement, .smil-floor-levels__thresholds, .smil-floor-levels__process { grid-template-columns: minmax(0, 1fr); } .smil-floor-levels__intro { max-width: 850px; } .smil-floor-levels__concept-diagram { grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr) 28px minmax(0, 1fr) 28px minmax(0, 1fr); } .smil-floor-levels__elements-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-floor-levels__doors-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 760px) { .smil-floor-levels { padding: 49px 14px 58px; } .smil-floor-levels__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-floor-levels__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-levels__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-levels__concept, .smil-floor-levels__measurement, .smil-floor-levels__thresholds { padding: 22px 18px; border-radius: 20px; } .smil-floor-levels__concept-diagram { grid-template-columns: minmax(0, 1fr); gap: 7px; } .smil-floor-levels__concept-plus, .smil-floor-levels__concept-equal { transform: rotate(90deg); } .smil-floor-levels__concept-level, .smil-floor-levels__concept-result { grid-template-columns: 37px minmax(0, 1fr); } .smil-floor-levels__elements-grid, .smil-floor-levels__doors-grid, .smil-floor-levels__extension-grid, .smil-floor-levels__geo-grid { grid-template-columns: minmax(0, 1fr); } .smil-floor-levels__thresholds-list { grid-template-columns: minmax(0, 1fr); } .smil-floor-levels__safety, .smil-floor-levels__geo, .smil-floor-levels__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-levels__process { padding: 22px 18px; border-radius: 20px; } .smil-floor-levels__process-steps { grid-template-columns: minmax(0, 1fr); } .smil-floor-levels__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-levels__cta-button { width: 100%; } } /* ========================================================= SMARTPHONE PICCOLI ========================================================= */ @media (max-width: 440px) { .smil-floor-levels__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-levels__answer, .smil-floor-levels__measurement-item, .smil-floor-levels__measurement-result, .smil-floor-levels__extension-card, .smil-floor-levels__safety, .smil-floor-levels__geo, .smil-floor-levels__warning, .smil-floor-levels__cta-copy { grid-template-columns: minmax(0, 1fr); } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-floor-levels__cta-button, .smil-floor-levels__cta-button svg { transition: none; } }#imCell_17 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_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; } /* ========================================================= BLOCCO 15 H2 – COME ISOLARE IL PAVIMENTO DAI RUMORI DEL PIANO INFERIORE CSS AUTONOMO: NON RICHIEDE MODIFICHE AI BLOCCHI PRECEDENTI ========================================================= */ .smil-floor-below, .smil-floor-below *, .smil-floor-below *::before, .smil-floor-below *::after { box-sizing: border-box; } .smil-floor-below { --sfb-dark: #073844; --sfb-deep: #052b35; --sfb-blue: #087c8f; --sfb-turquoise: #00a991; --sfb-turquoise-light: #dff8f4; --sfb-orange: #f28a2e; --sfb-orange-dark: #d66d0e; --sfb-orange-soft: #fff1e4; --sfb-white: #ffffff; --sfb-bg: #f3faf9; --sfb-text: #183640; --sfb-muted: #557078; --sfb-border: #cee5e2; position: relative; width: 100%; overflow: hidden; padding: clamp(60px, 7vw, 100px) 20px; color: var(--sfb-text); background: radial-gradient( circle at 98% 2%, rgba(0, 169, 145, 0.09) 0, rgba(0, 169, 145, 0) 28% ), radial-gradient( circle at 2% 98%, rgba(242, 138, 46, 0.07) 0, rgba(242, 138, 46, 0) 25% ), var(--sfb-bg); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-below__container { width: min(1220px, 100%); margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-floor-below__header { max-width: 970px; margin: 0 auto; text-align: center; } .smil-floor-below__eyebrow { display: inline-flex; margin: 0 0 13px; padding: 7px 14px; color: var(--sfb-blue); background: var(--sfb-turquoise-light); border: 1px solid #c5e8e3; border-radius: 999px; font-size: 0.82rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-below__title { margin: 0; color: var(--sfb-dark); font-size: clamp(2rem, 4.25vw, 3.55rem); font-weight: 850; line-height: 1.08; letter-spacing: -0.038em; text-wrap: balance; } .smil-floor-below__intro { max-width: 900px; margin: 20px auto 0; color: var(--sfb-muted); font-size: clamp(1.04rem, 1.6vw, 1.18rem); line-height: 1.72; } .smil-floor-below__intro-secondary { max-width: 850px; margin: 10px auto 0; color: #617880; font-size: 0.98rem; line-height: 1.68; } .smil-floor-below__intro strong, .smil-floor-below__intro-secondary strong { color: var(--sfb-dark); font-weight: 800; } /* ========================================================= RISPOSTA DIRETTA ========================================================= */ .smil-floor-below__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; width: min(1050px, 100%); margin: 34px auto 0; padding: 22px 24px; background: var(--sfb-white); border: 1px solid var(--sfb-border); border-left: 5px solid var(--sfb-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-below__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sfb-blue); background: var(--sfb-turquoise-light); border-radius: 15px; } .smil-floor-below__answer-icon svg { width: 28px; height: 28px; } .smil-floor-below__answer-content { min-width: 0; } .smil-floor-below__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sfb-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-below__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } /* ========================================================= TITOLI INTERNI ========================================================= */ .smil-floor-below__section-label { margin: 0 0 7px; color: var(--sfb-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-below__section-title { display: block; color: var(--sfb-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* ========================================================= CONCETTO PRINCIPALE ========================================================= */ .smil-floor-below__concept { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 32px; padding: clamp(27px, 4vw, 43px); color: var(--sfb-white); background: radial-gradient( circle at 94% 10%, rgba(0, 169, 145, 0.24) 0, rgba(0, 169, 145, 0) 35% ), linear-gradient( 135deg, var(--sfb-deep) 0%, var(--sfb-dark) 65%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-below__concept .smil-floor-below__section-label { color: #7fe7d9; } .smil-floor-below__concept .smil-floor-below__section-title { color: var(--sfb-white); } .smil-floor-below__concept-copy > p:not(.smil-floor-below__section-label) { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-below__concept-paths { display: grid; grid-template-columns: minmax(0, 1fr) 32px minmax(0, 1fr) 32px minmax(0, 1fr); gap: 8px; align-items: center; } .smil-floor-below__path, .smil-floor-below__path-result { min-width: 0; padding: 17px 13px; text-align: center; background: rgba(255, 255, 255, 0.085); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 16px; } .smil-floor-below__path--orange { background: rgba(242, 138, 46, 0.17); border-color: rgba(255, 182, 111, 0.25); } .smil-floor-below__path-result { background: rgba(0, 169, 145, 0.22); border-color: rgba(120, 228, 214, 0.28); } .smil-floor-below__path-letter { display: grid; place-items: center; width: 34px; height: 34px; margin: 0 auto 9px; color: var(--sfb-dark); background: #7fe7d9; border-radius: 50%; font-size: 0.77rem; font-weight: 900; } .smil-floor-below__path--orange .smil-floor-below__path-letter { background: #ffb56c; } .smil-floor-below__path strong, .smil-floor-below__path-result strong { display: block; color: var(--sfb-white); font-size: 0.83rem; font-weight: 850; } .smil-floor-below__path small, .smil-floor-below__path-result small { display: block; margin-top: 5px; color: rgba(238, 255, 252, 0.65); font-size: 0.68rem; line-height: 1.4; } .smil-floor-below__path-plus, .smil-floor-below__path-equal { display: grid; place-items: center; color: var(--sfb-orange); font-size: 1.25rem; font-weight: 900; } /* ========================================================= TIPOLOGIE DI RUMORE ========================================================= */ .smil-floor-below__noises { margin-top: 36px; } .smil-floor-below__noises-header, .smil-floor-below__factors-header { max-width: 880px; } .smil-floor-below__noises-header > p:last-child, .smil-floor-below__factors-header > p:last-child { margin: 12px 0 0; color: var(--sfb-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-below__noises-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-top: 22px; } .smil-floor-below__noise-card { min-width: 0; padding: 21px; background: var(--sfb-white); border: 1px solid var(--sfb-border); border-radius: 20px; box-shadow: 0 13px 33px rgba(7, 56, 68, 0.07); } .smil-floor-below__noise-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 16px; } .smil-floor-below__noise-icon { display: grid; place-items: center; width: 48px; height: 48px; color: var(--sfb-blue); background: var(--sfb-turquoise-light); border: 1px solid #c5e8e3; border-radius: 14px; } .smil-floor-below__noise-icon--orange { color: var(--sfb-orange-dark); background: var(--sfb-orange-soft); border-color: #efd0b4; } .smil-floor-below__noise-icon svg { width: 25px; height: 25px; } .smil-floor-below__noise-number { color: rgba(7, 56, 68, 0.22); font-size: 1.28rem; font-weight: 900; } .smil-floor-below__noise-title { display: block; margin-bottom: 8px; color: var(--sfb-dark); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-below__noise-card > p { margin: 0; color: var(--sfb-muted); font-size: 0.85rem; line-height: 1.58; } .smil-floor-below__noise-card > small { display: block; margin-top: 12px; padding-top: 11px; color: var(--sfb-blue); border-top: 1px solid #deecea; font-size: 0.75rem; font-weight: 700; line-height: 1.45; } /* ========================================================= STRATEGIE ========================================================= */ .smil-floor-below__strategies { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 34px; padding: clamp(25px, 4vw, 40px); background: var(--sfb-white); border: 1px solid var(--sfb-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-below__strategies-copy > p:last-child { margin: 13px 0 0; color: var(--sfb-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-below__strategies-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } .smil-floor-below__strategy { min-width: 0; padding: 17px 14px; background: #f6fbfa; border: 1px solid #dcebe9; border-radius: 15px; } .smil-floor-below__strategy-number { display: block; margin-bottom: 12px; color: rgba(7, 56, 68, 0.25); font-size: 1.15rem; font-weight: 900; } .smil-floor-below__strategy strong { display: block; margin-bottom: 6px; color: var(--sfb-dark); font-size: 0.88rem; font-weight: 850; line-height: 1.36; } .smil-floor-below__strategy p { margin: 0; color: var(--sfb-muted); font-size: 0.76rem; line-height: 1.48; } /* ========================================================= FUNZIONAMENTO DEL SISTEMA ========================================================= */ .smil-floor-below__system { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); color: var(--sfb-white); background: linear-gradient( 135deg, var(--sfb-blue) 0%, var(--sfb-turquoise) 100% ); border-radius: 23px; box-shadow: 0 18px 42px rgba(0, 128, 128, 0.2); } .smil-floor-below__system .smil-floor-below__section-label { color: #d7fff8; } .smil-floor-below__system .smil-floor-below__section-title { color: var(--sfb-white); } .smil-floor-below__system-copy > p:not(.smil-floor-below__section-label) { margin: 13px 0 0; color: rgba(241, 255, 252, 0.82); font-size: 0.94rem; line-height: 1.65; } .smil-floor-below__system-flow { display: grid; grid-template-columns: minmax(0, 1fr) 25px minmax(0, 1fr) 25px minmax(0, 1fr) 25px minmax(0, 1fr); gap: 7px; align-items: center; } .smil-floor-below__system-step, .smil-floor-below__system-result { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 9px; align-items: center; min-width: 0; padding: 13px 10px; background: rgba(255, 255, 255, 0.11); border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 14px; } .smil-floor-below__system-step--acoustic { background: rgba(242, 138, 46, 0.25); border-color: rgba(255, 198, 143, 0.34); } .smil-floor-below__system-result { background: rgba(5, 43, 53, 0.27); } .smil-floor-below__system-step > span, .smil-floor-below__system-result > span { display: grid; place-items: center; width: 30px; height: 30px; color: var(--sfb-dark); background: rgba(255, 255, 255, 0.88); border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-below__system-step div, .smil-floor-below__system-result div { min-width: 0; } .smil-floor-below__system-step strong, .smil-floor-below__system-result strong { display: block; color: var(--sfb-white); font-size: 0.75rem; font-weight: 850; } .smil-floor-below__system-step small, .smil-floor-below__system-result small { display: block; margin-top: 3px; color: rgba(241, 255, 252, 0.67); font-size: 0.61rem; line-height: 1.34; } .smil-floor-below__system-arrow { display: grid; place-items: center; color: var(--sfb-white); font-size: 1.15rem; font-weight: 900; } /* ========================================================= FATTORI ========================================================= */ .smil-floor-below__factors { margin-top: 35px; } .smil-floor-below__factors-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 22px; } .smil-floor-below__factor { min-width: 0; padding: 19px 17px; background: var(--sfb-white); border: 1px solid var(--sfb-border); border-radius: 17px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-below__factor > span { display: block; margin-bottom: 13px; color: rgba(7, 56, 68, 0.24); font-size: 1.2rem; font-weight: 900; } .smil-floor-below__factor strong { display: block; margin-bottom: 6px; color: var(--sfb-dark); font-size: 0.92rem; font-weight: 850; } .smil-floor-below__factor p { margin: 0; color: var(--sfb-muted); font-size: 0.79rem; line-height: 1.52; } /* ========================================================= PAVIMENTO ESISTENTE ========================================================= */ .smil-floor-below__existing { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(350px, 0.9fr); gap: clamp(28px, 4.5vw, 55px); align-items: center; margin-top: 33px; padding: clamp(25px, 4vw, 40px); background: var(--sfb-turquoise-light); border: 1px solid #c5e7e2; border-radius: 23px; } .smil-floor-below__existing-copy > p:not(.smil-floor-below__section-label) { margin: 13px 0 0; color: #4f686f; font-size: 0.94rem; line-height: 1.65; } .smil-floor-below__existing-copy p strong { color: var(--sfb-dark); font-weight: 800; } .smil-floor-below__existing-checks { padding: 21px; background: rgba(255, 255, 255, 0.84); border: 1px solid #d0e8e4; border-radius: 18px; } .smil-floor-below__existing-checks > strong { display: block; margin-bottom: 12px; color: var(--sfb-dark); font-size: 0.95rem; font-weight: 850; } .smil-floor-below__existing-checks ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; } .smil-floor-below__existing-checks li { position: relative; padding-left: 20px; color: #456169; font-size: 0.84rem; line-height: 1.49; } .smil-floor-below__existing-checks li::before { content: "✓"; position: absolute; left: 0; color: var(--sfb-turquoise); font-weight: 900; } /* ========================================================= RISPOSTE GEO ========================================================= */ .smil-floor-below__geo-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 26px; } .smil-floor-below__geo, .smil-floor-below__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; padding: 20px 22px; border-radius: 18px; } .smil-floor-below__geo { background: var(--sfb-white); border: 1px solid var(--sfb-border); border-left: 5px solid var(--sfb-turquoise); } .smil-floor-below__geo-icon, .smil-floor-below__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; background: var(--sfb-turquoise-light); border-radius: 14px; } .smil-floor-below__geo-icon { color: var(--sfb-blue); } .smil-floor-below__geo-icon svg, .smil-floor-below__warning-icon svg { width: 26px; height: 26px; } .smil-floor-below__geo div, .smil-floor-below__warning div { min-width: 0; } .smil-floor-below__geo strong, .smil-floor-below__warning strong { display: block; margin: 1px 0 6px; color: var(--sfb-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-below__geo p, .smil-floor-below__warning p { margin: 0; font-size: 0.9rem; line-height: 1.62; } .smil-floor-below__geo p { color: #48646d; } /* ========================================================= AVVERTENZA ========================================================= */ .smil-floor-below__warning { margin-top: 25px; background: var(--sfb-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sfb-orange); } .smil-floor-below__warning-icon { color: var(--sfb-orange-dark); background: var(--sfb-white); } .smil-floor-below__warning p { color: #595850; } /* ========================================================= PROCESSO ========================================================= */ .smil-floor-below__process { display: grid; grid-template-columns: minmax(280px, 0.73fr) minmax(0, 1.27fr); gap: clamp(30px, 5vw, 62px); align-items: center; margin-top: 35px; padding: clamp(25px, 4vw, 41px); background: var(--sfb-white); border: 1px solid var(--sfb-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-below__process-copy > p:last-child { margin: 13px 0 0; color: var(--sfb-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-below__process-copy > p:last-child strong { color: var(--sfb-dark); font-weight: 800; } .smil-floor-below__process-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; margin: 0; padding: 0; list-style: none; } .smil-floor-below__process-steps li { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; padding: 14px; background: #f6fbfa; border: 1px solid #dcebe9; border-radius: 15px; } .smil-floor-below__process-steps li > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfb-white); background: var(--sfb-blue); border-radius: 11px; font-size: 0.79rem; font-weight: 900; } .smil-floor-below__process-steps li div { min-width: 0; } .smil-floor-below__process-steps strong { display: block; margin: 1px 0 3px; color: var(--sfb-dark); font-size: 0.88rem; font-weight: 800; } .smil-floor-below__process-steps p { margin: 0; color: #5a7179; font-size: 0.78rem; line-height: 1.48; } /* ========================================================= CTA ========================================================= */ .smil-floor-below__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 21px 23px; color: var(--sfb-white); background: linear-gradient( 135deg, var(--sfb-blue) 0%, var(--sfb-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-below__cta-copy { display: grid; grid-template-columns: 47px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-below__cta-icon { display: grid; place-items: center; width: 47px; height: 47px; color: var(--sfb-dark); background: rgba(255, 255, 255, 0.87); border-radius: 14px; } .smil-floor-below__cta-icon svg { width: 25px; height: 25px; } .smil-floor-below__cta-copy div { min-width: 0; } .smil-floor-below__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sfb-white); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-below__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.81); font-size: 0.86rem; line-height: 1.5; } .smil-floor-below__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 51px; padding: 12px 18px; color: var(--sfb-white); background: linear-gradient( 135deg, var(--sfb-orange) 0%, var(--sfb-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-below__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-below__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-below__cta-button:hover svg { transform: translateX(3px); } .smil-floor-below__cta-button:focus-visible { outline: 3px solid var(--sfb-white); outline-offset: 4px; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1050px) { .smil-floor-below__concept, .smil-floor-below__strategies, .smil-floor-below__system, .smil-floor-below__existing, .smil-floor-below__process { grid-template-columns: minmax(0, 1fr); } .smil-floor-below__noises-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-floor-below__system-flow { grid-template-columns: minmax(0, 1fr) 25px minmax(0, 1fr) 25px minmax(0, 1fr) 25px minmax(0, 1fr); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 760px) { .smil-floor-below { padding: 49px 14px 58px; } .smil-floor-below__header { text-align: left; } .smil-floor-below__title { font-size: clamp(2rem, 9.5vw, 2.85rem); } .smil-floor-below__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-below__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-below__concept, .smil-floor-below__strategies, .smil-floor-below__system, .smil-floor-below__existing { padding: 22px 18px; border-radius: 20px; } .smil-floor-below__concept-paths, .smil-floor-below__system-flow { grid-template-columns: minmax(0, 1fr); gap: 7px; } .smil-floor-below__path-plus, .smil-floor-below__path-equal, .smil-floor-below__system-arrow { transform: rotate(90deg); } .smil-floor-below__noises-grid, .smil-floor-below__strategies-grid, .smil-floor-below__factors-grid, .smil-floor-below__geo-grid { grid-template-columns: minmax(0, 1fr); } .smil-floor-below__geo, .smil-floor-below__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-below__process { padding: 22px 18px; border-radius: 20px; } .smil-floor-below__process-steps { grid-template-columns: minmax(0, 1fr); } .smil-floor-below__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-below__cta-button { width: 100%; } } /* ========================================================= SMARTPHONE PICCOLI ========================================================= */ @media (max-width: 440px) { .smil-floor-below__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-below__answer, .smil-floor-below__geo, .smil-floor-below__warning, .smil-floor-below__cta-copy { grid-template-columns: minmax(0, 1fr); } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-floor-below__cta-button, .smil-floor-below__cta-button svg { transition: none; } }#imCell_18 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_18 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_18 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_18 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H3 – VOCI ATTRAVERSO IL SOLAIO CSS AUTONOMO: NON RICHIEDE MODIFICHE AI BLOCCHI PRECEDENTI ========================================================= */ .smil-floor-voiceslab, .smil-floor-voiceslab *, .smil-floor-voiceslab *::before, .smil-floor-voiceslab *::after { box-sizing: border-box; } .smil-floor-voiceslab { --sfvs-dark: #073844; --sfvs-deep: #052b35; --sfvs-blue: #087c8f; --sfvs-turquoise: #00a991; --sfvs-turquoise-light: #dff8f4; --sfvs-orange: #f28a2e; --sfvs-orange-dark: #d66d0e; --sfvs-orange-soft: #fff1e4; --sfvs-white: #ffffff; --sfvs-bg: #ffffff; --sfvs-bg-soft: #f3faf9; --sfvs-text: #183640; --sfvs-muted: #557078; --sfvs-border: #cee5e2; position: relative; width: 100%; overflow: hidden; padding: clamp(58px, 7vw, 96px) 20px; color: var(--sfvs-text); background: radial-gradient( circle at 97% 3%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 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(--sfvs-bg) 0%, var(--sfvs-bg-soft) 100% ); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-voiceslab__container { width: min(1220px, 100%); margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-floor-voiceslab__header { display: grid; grid-template-columns: minmax(0, 0.78fr) minmax(430px, 1.22fr); gap: clamp(30px, 5vw, 70px); align-items: end; } .smil-floor-voiceslab__heading { min-width: 0; } .smil-floor-voiceslab__eyebrow { display: inline-flex; margin: 0 0 12px; padding: 7px 13px; color: var(--sfvs-blue); background: var(--sfvs-turquoise-light); border: 1px solid #c5e8e3; border-radius: 999px; font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-voiceslab__title { margin: 0; color: var(--sfvs-dark); font-size: clamp(1.9rem, 3.55vw, 3.15rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; } .smil-floor-voiceslab__intro { max-width: 770px; margin: 0; padding-bottom: 4px; color: var(--sfvs-muted); font-size: clamp(1.03rem, 1.55vw, 1.17rem); line-height: 1.73; } .smil-floor-voiceslab__intro strong { color: var(--sfvs-dark); font-weight: 800; } /* ========================================================= RISPOSTA DIRETTA ========================================================= */ .smil-floor-voiceslab__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; margin-top: 34px; padding: 22px 24px; background: var(--sfvs-white); border: 1px solid var(--sfvs-border); border-left: 5px solid var(--sfvs-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-voiceslab__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sfvs-blue); background: var(--sfvs-turquoise-light); border-radius: 15px; } .smil-floor-voiceslab__answer-icon svg { width: 28px; height: 28px; } .smil-floor-voiceslab__answer-content { min-width: 0; } .smil-floor-voiceslab__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sfvs-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-voiceslab__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } .smil-floor-voiceslab__answer-content p strong { color: var(--sfvs-dark); font-weight: 800; } /* ========================================================= TITOLI INTERNI ========================================================= */ .smil-floor-voiceslab__section-label { margin: 0 0 7px; color: var(--sfvs-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-voiceslab__section-title { display: block; color: var(--sfvs-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* ========================================================= PERCORSO DELLA VOCE ========================================================= */ .smil-floor-voiceslab__path { display: grid; grid-template-columns: minmax(300px, 0.77fr) minmax(0, 1.23fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 30px; padding: clamp(26px, 4vw, 42px); color: var(--sfvs-white); background: radial-gradient( circle at 94% 10%, rgba(0, 169, 145, 0.24) 0, rgba(0, 169, 145, 0) 35% ), linear-gradient( 135deg, var(--sfvs-deep) 0%, var(--sfvs-dark) 65%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-voiceslab__path .smil-floor-voiceslab__section-label { color: #7fe7d9; } .smil-floor-voiceslab__path .smil-floor-voiceslab__section-title { color: var(--sfvs-white); } .smil-floor-voiceslab__path-copy > p:not(.smil-floor-voiceslab__section-label) { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-voiceslab__path-flow { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr); gap: 8px; align-items: center; } .smil-floor-voiceslab__path-step, .smil-floor-voiceslab__path-result { display: grid; grid-template-columns: 33px minmax(0, 1fr); gap: 9px; align-items: center; min-width: 0; padding: 14px 10px; background: rgba(255, 255, 255, 0.085); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 14px; } .smil-floor-voiceslab__path-step--orange { background: rgba(242, 138, 46, 0.22); border-color: rgba(255, 182, 111, 0.3); } .smil-floor-voiceslab__path-result { background: rgba(0, 169, 145, 0.21); border-color: rgba(120, 228, 214, 0.27); } .smil-floor-voiceslab__path-step > span, .smil-floor-voiceslab__path-result > span { display: grid; place-items: center; width: 31px; height: 31px; color: var(--sfvs-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.71rem; font-weight: 900; } .smil-floor-voiceslab__path-step--orange > span { background: #ffb56c; } .smil-floor-voiceslab__path-step div, .smil-floor-voiceslab__path-result div { min-width: 0; } .smil-floor-voiceslab__path-step strong, .smil-floor-voiceslab__path-result strong { display: block; color: var(--sfvs-white); font-size: 0.75rem; font-weight: 850; } .smil-floor-voiceslab__path-step small, .smil-floor-voiceslab__path-result small { display: block; margin-top: 3px; color: rgba(238, 255, 252, 0.65); font-size: 0.61rem; line-height: 1.35; } .smil-floor-voiceslab__path-arrow { color: var(--sfvs-orange); font-size: 1.15rem; font-weight: 900; } /* ========================================================= SEGNALI ========================================================= */ .smil-floor-voiceslab__signals { margin-top: 35px; } .smil-floor-voiceslab__signals-header { max-width: 880px; } .smil-floor-voiceslab__signals-header > p:last-child { margin: 12px 0 0; color: var(--sfvs-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-voiceslab__signals-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 22px; } .smil-floor-voiceslab__signal { min-width: 0; padding: 20px 18px; background: var(--sfvs-white); border: 1px solid var(--sfvs-border); border-radius: 18px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-voiceslab__signal-number { display: block; margin-bottom: 14px; color: rgba(7, 56, 68, 0.23); font-size: 1.25rem; font-weight: 900; } .smil-floor-voiceslab__signal strong { display: block; margin-bottom: 7px; color: var(--sfvs-dark); font-size: 0.96rem; font-weight: 850; line-height: 1.34; } .smil-floor-voiceslab__signal p { margin: 0; color: var(--sfvs-muted); font-size: 0.81rem; line-height: 1.54; } /* ========================================================= PERCORSI DIRETTI E LATERALI ========================================================= */ .smil-floor-voiceslab__routes { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(25px, 4vw, 40px); background: var(--sfvs-white); border: 1px solid var(--sfvs-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-voiceslab__routes-copy > p:last-child { margin: 13px 0 0; color: var(--sfvs-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-voiceslab__routes-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .smil-floor-voiceslab__route { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 13px; align-items: flex-start; min-width: 0; padding: 19px; background: var(--sfvs-turquoise-light); border: 1px solid #c5e7e2; border-radius: 17px; } .smil-floor-voiceslab__route:nth-child(2) { background: var(--sfvs-orange-soft); border-color: #efd0b4; } .smil-floor-voiceslab__route-icon { display: grid; place-items: center; width: 46px; height: 46px; color: var(--sfvs-blue); background: var(--sfvs-white); border-radius: 14px; } .smil-floor-voiceslab__route-icon--orange { color: var(--sfvs-orange-dark); } .smil-floor-voiceslab__route-icon svg { width: 24px; height: 24px; } .smil-floor-voiceslab__route div { min-width: 0; } .smil-floor-voiceslab__route strong { display: block; margin: 1px 0 6px; color: var(--sfvs-dark); font-size: 0.94rem; font-weight: 850; } .smil-floor-voiceslab__route p { margin: 0; color: #526970; font-size: 0.8rem; line-height: 1.52; } /* ========================================================= PRINCIPI DEL SISTEMA ========================================================= */ .smil-floor-voiceslab__system { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); color: var(--sfvs-white); background: linear-gradient( 135deg, var(--sfvs-blue) 0%, var(--sfvs-turquoise) 100% ); border-radius: 23px; box-shadow: 0 18px 42px rgba(0, 128, 128, 0.2); } .smil-floor-voiceslab__system .smil-floor-voiceslab__section-label { color: #d7fff8; } .smil-floor-voiceslab__system .smil-floor-voiceslab__section-title { color: var(--sfvs-white); } .smil-floor-voiceslab__system-copy > p:not(.smil-floor-voiceslab__section-label) { margin: 13px 0 0; color: rgba(241, 255, 252, 0.82); font-size: 0.94rem; line-height: 1.65; } .smil-floor-voiceslab__system-principles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-voiceslab__system-principles > div { min-width: 0; padding: 17px 14px; background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 15px; } .smil-floor-voiceslab__system-principles span { display: block; margin-bottom: 11px; color: rgba(255, 255, 255, 0.55); font-size: 1.1rem; font-weight: 900; } .smil-floor-voiceslab__system-principles strong { display: block; color: var(--sfvs-white); font-size: 0.88rem; font-weight: 850; } .smil-floor-voiceslab__system-principles small { display: block; margin-top: 5px; color: rgba(241, 255, 252, 0.68); font-size: 0.68rem; line-height: 1.4; } /* ========================================================= DIFFERENZA ANTICALPESTIO / VOCI ========================================================= */ .smil-floor-voiceslab__difference { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 32px; padding: clamp(25px, 4vw, 40px); background: var(--sfvs-turquoise-light); border: 1px solid #c5e7e2; border-radius: 23px; } .smil-floor-voiceslab__difference-copy > p:not(.smil-floor-voiceslab__section-label) { margin: 13px 0 0; color: #4f686f; font-size: 0.94rem; line-height: 1.65; } .smil-floor-voiceslab__difference-grid { display: grid; grid-template-columns: minmax(0, 1fr) 50px minmax(0, 1fr); gap: 12px; align-items: center; } .smil-floor-voiceslab__difference-item { min-width: 0; padding: 20px 15px; text-align: center; background: rgba(255, 255, 255, 0.85); border: 1px solid #d0e8e4; border-radius: 17px; } .smil-floor-voiceslab__difference-item--orange { background: var(--sfvs-orange-soft); border-color: #efd0b4; } .smil-floor-voiceslab__difference-item > span { display: grid; place-items: center; width: 36px; height: 36px; margin: 0 auto 10px; color: var(--sfvs-white); background: var(--sfvs-blue); border-radius: 50%; font-size: 0.78rem; font-weight: 900; } .smil-floor-voiceslab__difference-item--orange > span { background: var(--sfvs-orange-dark); } .smil-floor-voiceslab__difference-item strong { display: block; color: var(--sfvs-dark); font-size: 0.9rem; font-weight: 850; } .smil-floor-voiceslab__difference-item small { display: block; margin-top: 5px; color: #526a72; font-size: 0.69rem; line-height: 1.4; } .smil-floor-voiceslab__difference-symbol { display: grid; place-items: center; color: var(--sfvs-orange); font-size: 1.45rem; font-weight: 900; } /* ========================================================= PAVIMENTO ESISTENTE ========================================================= */ .smil-floor-voiceslab__existing { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(350px, 0.92fr); gap: clamp(28px, 4.5vw, 55px); align-items: center; margin-top: 33px; padding: clamp(25px, 4vw, 40px); background: var(--sfvs-white); border: 1px solid var(--sfvs-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-voiceslab__existing-copy > p:not(.smil-floor-voiceslab__section-label) { margin: 13px 0 0; color: var(--sfvs-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-voiceslab__existing-list { padding: 21px; background: var(--sfvs-turquoise-light); border: 1px solid #c5e7e2; border-radius: 18px; } .smil-floor-voiceslab__existing-list > strong { display: block; margin-bottom: 12px; color: var(--sfvs-dark); font-size: 0.95rem; font-weight: 850; } .smil-floor-voiceslab__existing-list ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; } .smil-floor-voiceslab__existing-list li { position: relative; padding-left: 20px; color: #456169; font-size: 0.84rem; line-height: 1.49; } .smil-floor-voiceslab__existing-list li::before { content: "✓"; position: absolute; left: 0; color: var(--sfvs-turquoise); font-weight: 900; } /* ========================================================= RISPOSTE GEO ========================================================= */ .smil-floor-voiceslab__geo-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 26px; } .smil-floor-voiceslab__geo, .smil-floor-voiceslab__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; padding: 20px 22px; border-radius: 18px; } .smil-floor-voiceslab__geo { background: var(--sfvs-turquoise-light); border: 1px solid #c5e7e2; border-left: 5px solid var(--sfvs-turquoise); } .smil-floor-voiceslab__geo-icon, .smil-floor-voiceslab__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; background: var(--sfvs-white); border-radius: 14px; } .smil-floor-voiceslab__geo-icon { color: var(--sfvs-blue); } .smil-floor-voiceslab__geo-icon svg, .smil-floor-voiceslab__warning-icon svg { width: 26px; height: 26px; } .smil-floor-voiceslab__geo div, .smil-floor-voiceslab__warning div { min-width: 0; } .smil-floor-voiceslab__geo strong, .smil-floor-voiceslab__warning strong { display: block; margin: 1px 0 6px; color: var(--sfvs-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-voiceslab__geo p, .smil-floor-voiceslab__warning p { margin: 0; font-size: 0.9rem; line-height: 1.62; } .smil-floor-voiceslab__geo p { color: #48646d; } /* ========================================================= AVVERTENZA ========================================================= */ .smil-floor-voiceslab__warning { margin-top: 25px; background: var(--sfvs-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sfvs-orange); } .smil-floor-voiceslab__warning-icon { color: var(--sfvs-orange-dark); } .smil-floor-voiceslab__warning p { color: #595850; } /* ========================================================= PROCESSO SORGEDIL ========================================================= */ .smil-floor-voiceslab__process { display: grid; grid-template-columns: minmax(280px, 0.73fr) minmax(0, 1.27fr); gap: clamp(30px, 5vw, 62px); align-items: center; margin-top: 35px; padding: clamp(25px, 4vw, 41px); background: var(--sfvs-white); border: 1px solid var(--sfvs-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-voiceslab__process-copy > p:last-child { margin: 13px 0 0; color: var(--sfvs-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-voiceslab__process-copy > p:last-child strong { color: var(--sfvs-dark); font-weight: 800; } .smil-floor-voiceslab__process-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; margin: 0; padding: 0; list-style: none; } .smil-floor-voiceslab__process-steps li { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; padding: 14px; background: #f6fbfa; border: 1px solid #dcebe9; border-radius: 15px; } .smil-floor-voiceslab__process-steps li > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfvs-white); background: var(--sfvs-blue); border-radius: 11px; font-size: 0.79rem; font-weight: 900; } .smil-floor-voiceslab__process-steps li div { min-width: 0; } .smil-floor-voiceslab__process-steps strong { display: block; margin: 1px 0 3px; color: var(--sfvs-dark); font-size: 0.88rem; font-weight: 800; line-height: 1.35; } .smil-floor-voiceslab__process-steps p { margin: 0; color: #5a7179; font-size: 0.78rem; line-height: 1.48; } /* ========================================================= CTA ========================================================= */ .smil-floor-voiceslab__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 21px 23px; color: var(--sfvs-white); background: linear-gradient( 135deg, var(--sfvs-blue) 0%, var(--sfvs-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-voiceslab__cta-copy { display: grid; grid-template-columns: 47px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-voiceslab__cta-icon { display: grid; place-items: center; width: 47px; height: 47px; color: var(--sfvs-dark); background: rgba(255, 255, 255, 0.87); border-radius: 14px; } .smil-floor-voiceslab__cta-icon svg { width: 25px; height: 25px; } .smil-floor-voiceslab__cta-copy div { min-width: 0; } .smil-floor-voiceslab__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sfvs-white); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-voiceslab__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.81); font-size: 0.86rem; line-height: 1.5; } .smil-floor-voiceslab__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 51px; padding: 12px 18px; color: var(--sfvs-white); background: linear-gradient( 135deg, var(--sfvs-orange) 0%, var(--sfvs-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-voiceslab__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-voiceslab__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-voiceslab__cta-button:hover svg { transform: translateX(3px); } .smil-floor-voiceslab__cta-button:focus-visible { outline: 3px solid var(--sfvs-white); outline-offset: 4px; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1050px) { .smil-floor-voiceslab__header, .smil-floor-voiceslab__path, .smil-floor-voiceslab__routes, .smil-floor-voiceslab__system, .smil-floor-voiceslab__difference, .smil-floor-voiceslab__existing, .smil-floor-voiceslab__process { grid-template-columns: minmax(0, 1fr); } .smil-floor-voiceslab__intro { max-width: 850px; } .smil-floor-voiceslab__signals-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 760px) { .smil-floor-voiceslab { padding: 49px 14px 58px; } .smil-floor-voiceslab__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-floor-voiceslab__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-voiceslab__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-voiceslab__path, .smil-floor-voiceslab__routes, .smil-floor-voiceslab__system, .smil-floor-voiceslab__difference, .smil-floor-voiceslab__existing { padding: 22px 18px; border-radius: 20px; } .smil-floor-voiceslab__path-flow { grid-template-columns: minmax(0, 1fr); gap: 7px; } .smil-floor-voiceslab__path-arrow { transform: rotate(90deg); text-align: center; } .smil-floor-voiceslab__signals-grid, .smil-floor-voiceslab__routes-grid, .smil-floor-voiceslab__geo-grid { grid-template-columns: minmax(0, 1fr); } .smil-floor-voiceslab__difference-grid { grid-template-columns: minmax(0, 1fr); } .smil-floor-voiceslab__difference-symbol { transform: rotate(90deg); } .smil-floor-voiceslab__geo, .smil-floor-voiceslab__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-voiceslab__process { padding: 22px 18px; border-radius: 20px; } .smil-floor-voiceslab__process-steps { grid-template-columns: minmax(0, 1fr); } .smil-floor-voiceslab__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-voiceslab__cta-button { width: 100%; } } /* ========================================================= SMARTPHONE PICCOLI ========================================================= */ @media (max-width: 440px) { .smil-floor-voiceslab__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-voiceslab__answer, .smil-floor-voiceslab__route, .smil-floor-voiceslab__geo, .smil-floor-voiceslab__warning, .smil-floor-voiceslab__cta-copy { grid-template-columns: minmax(0, 1fr); } .smil-floor-voiceslab__system-principles { grid-template-columns: minmax(0, 1fr); } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-floor-voiceslab__cta-button, .smil-floor-voiceslab__cta-button svg { transition: none; } }#imCell_19 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_19 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_19 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_19 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H3 – TRASMISSIONI DALLE PARETI CSS AUTONOMO: ID E CLASSI NON UTILIZZATI NEI BLOCCHI PRECEDENTI ========================================================= */ .smil-floor-wallpath, .smil-floor-wallpath *, .smil-floor-wallpath *::before, .smil-floor-wallpath *::after { box-sizing: border-box; } .smil-floor-wallpath { --sfwp-dark: #073844; --sfwp-deep: #052b35; --sfwp-blue: #087c8f; --sfwp-turquoise: #00a991; --sfwp-turquoise-light: #dff8f4; --sfwp-orange: #f28a2e; --sfwp-orange-dark: #d66d0e; --sfwp-orange-soft: #fff1e4; --sfwp-white: #ffffff; --sfwp-bg: #ffffff; --sfwp-bg-soft: #f3faf9; --sfwp-text: #183640; --sfwp-muted: #557078; --sfwp-border: #cee5e2; position: relative; width: 100%; overflow: hidden; padding: clamp(58px, 7vw, 96px) 20px; color: var(--sfwp-text); background: radial-gradient( circle at 97% 3%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 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(--sfwp-bg) 0%, var(--sfwp-bg-soft) 100% ); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-wallpath__container { width: min(1220px, 100%); margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-floor-wallpath__header { display: grid; grid-template-columns: minmax(0, 0.76fr) minmax(440px, 1.24fr); gap: clamp(30px, 5vw, 70px); align-items: end; } .smil-floor-wallpath__heading { min-width: 0; } .smil-floor-wallpath__eyebrow { display: inline-flex; margin: 0 0 12px; padding: 7px 13px; color: var(--sfwp-blue); background: var(--sfwp-turquoise-light); border: 1px solid #c5e8e3; border-radius: 999px; font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-wallpath__title { margin: 0; color: var(--sfwp-dark); font-size: clamp(1.9rem, 3.55vw, 3.15rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; } .smil-floor-wallpath__intro { max-width: 780px; margin: 0; padding-bottom: 4px; color: var(--sfwp-muted); font-size: clamp(1.03rem, 1.55vw, 1.17rem); line-height: 1.73; } .smil-floor-wallpath__intro strong { color: var(--sfwp-dark); font-weight: 800; } /* ========================================================= RISPOSTA DIRETTA ========================================================= */ .smil-floor-wallpath__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; margin-top: 34px; padding: 22px 24px; background: var(--sfwp-white); border: 1px solid var(--sfwp-border); border-left: 5px solid var(--sfwp-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-wallpath__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sfwp-blue); background: var(--sfwp-turquoise-light); border-radius: 15px; } .smil-floor-wallpath__answer-icon svg { width: 28px; height: 28px; } .smil-floor-wallpath__answer-content { min-width: 0; } .smil-floor-wallpath__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sfwp-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-wallpath__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } .smil-floor-wallpath__answer-content p strong { color: var(--sfwp-dark); font-weight: 800; } /* ========================================================= TITOLI INTERNI ========================================================= */ .smil-floor-wallpath__section-label { margin: 0 0 7px; color: var(--sfwp-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-wallpath__section-title { display: block; color: var(--sfwp-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* ========================================================= PERCORSO DEL RUMORE ========================================================= */ .smil-floor-wallpath__path { display: grid; grid-template-columns: minmax(300px, 0.77fr) minmax(0, 1.23fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 30px; padding: clamp(26px, 4vw, 42px); color: var(--sfwp-white); background: radial-gradient( circle at 94% 10%, rgba(0, 169, 145, 0.24) 0, rgba(0, 169, 145, 0) 35% ), linear-gradient( 135deg, var(--sfwp-deep) 0%, var(--sfwp-dark) 65%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-wallpath__path .smil-floor-wallpath__section-label { color: #7fe7d9; } .smil-floor-wallpath__path .smil-floor-wallpath__section-title { color: var(--sfwp-white); } .smil-floor-wallpath__path-copy > p:not(.smil-floor-wallpath__section-label) { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-wallpath__path-flow { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr); gap: 8px; align-items: center; } .smil-floor-wallpath__path-step, .smil-floor-wallpath__path-result { display: grid; grid-template-columns: 33px minmax(0, 1fr); gap: 9px; align-items: center; min-width: 0; padding: 14px 10px; background: rgba(255, 255, 255, 0.085); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 14px; } .smil-floor-wallpath__path-step--orange { background: rgba(242, 138, 46, 0.22); border-color: rgba(255, 182, 111, 0.3); } .smil-floor-wallpath__path-result { background: rgba(0, 169, 145, 0.21); border-color: rgba(120, 228, 214, 0.27); } .smil-floor-wallpath__path-step > span, .smil-floor-wallpath__path-result > span { display: grid; place-items: center; width: 31px; height: 31px; color: var(--sfwp-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.71rem; font-weight: 900; } .smil-floor-wallpath__path-step--orange > span { background: #ffb56c; } .smil-floor-wallpath__path-step div, .smil-floor-wallpath__path-result div { min-width: 0; } .smil-floor-wallpath__path-step strong, .smil-floor-wallpath__path-result strong { display: block; color: var(--sfwp-white); font-size: 0.75rem; font-weight: 850; } .smil-floor-wallpath__path-step small, .smil-floor-wallpath__path-result small { display: block; margin-top: 3px; color: rgba(238, 255, 252, 0.65); font-size: 0.61rem; line-height: 1.35; } .smil-floor-wallpath__path-arrow { color: var(--sfwp-orange); font-size: 1.15rem; font-weight: 900; } /* ========================================================= SEGNALI ========================================================= */ .smil-floor-wallpath__signals, .smil-floor-wallpath__elements, .smil-floor-wallpath__evaluation { margin-top: 35px; } .smil-floor-wallpath__signals-header, .smil-floor-wallpath__elements-header, .smil-floor-wallpath__evaluation-header { max-width: 880px; } .smil-floor-wallpath__signals-header > p:last-child, .smil-floor-wallpath__elements-header > p:last-child, .smil-floor-wallpath__evaluation-header > p:last-child { margin: 12px 0 0; color: var(--sfwp-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-wallpath__signals-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 22px; } .smil-floor-wallpath__signal { min-width: 0; padding: 20px 18px; background: var(--sfwp-white); border: 1px solid var(--sfwp-border); border-radius: 18px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-wallpath__signal-number { display: block; margin-bottom: 14px; color: rgba(7, 56, 68, 0.23); font-size: 1.25rem; font-weight: 900; } .smil-floor-wallpath__signal strong { display: block; margin-bottom: 7px; color: var(--sfwp-dark); font-size: 0.96rem; font-weight: 850; line-height: 1.34; } .smil-floor-wallpath__signal p { margin: 0; color: var(--sfwp-muted); font-size: 0.81rem; line-height: 1.54; } /* ========================================================= ELEMENTI VERTICALI ========================================================= */ .smil-floor-wallpath__elements-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 22px; } .smil-floor-wallpath__element { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 14px; align-items: flex-start; min-width: 0; padding: 20px; background: var(--sfwp-white); border: 1px solid var(--sfwp-border); border-radius: 18px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-wallpath__element-icon { display: grid; place-items: center; width: 46px; height: 46px; color: var(--sfwp-blue); background: var(--sfwp-turquoise-light); border-radius: 14px; } .smil-floor-wallpath__element-icon--orange { color: var(--sfwp-orange-dark); background: var(--sfwp-orange-soft); } .smil-floor-wallpath__element-icon svg { width: 24px; height: 24px; } .smil-floor-wallpath__element div { min-width: 0; } .smil-floor-wallpath__element strong { display: block; margin: 1px 0 6px; color: var(--sfwp-dark); font-size: 0.95rem; font-weight: 850; } .smil-floor-wallpath__element p { margin: 0; color: var(--sfwp-muted); font-size: 0.81rem; line-height: 1.53; } /* ========================================================= CONFRONTO PAVIMENTO / PARETI ========================================================= */ .smil-floor-wallpath__comparison { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(25px, 4vw, 40px); background: var(--sfwp-white); border: 1px solid var(--sfwp-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-wallpath__comparison-copy > p:last-child { margin: 13px 0 0; color: var(--sfwp-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-wallpath__comparison-grid { display: grid; grid-template-columns: minmax(0, 1fr) 30px minmax(0, 1fr) 30px minmax(0, 1fr); gap: 8px; align-items: center; } .smil-floor-wallpath__comparison-card, .smil-floor-wallpath__comparison-result { min-width: 0; padding: 17px 13px; text-align: center; background: var(--sfwp-turquoise-light); border: 1px solid #c5e7e2; border-radius: 16px; } .smil-floor-wallpath__comparison-card--orange { background: var(--sfwp-orange-soft); border-color: #efd0b4; } .smil-floor-wallpath__comparison-result { color: var(--sfwp-white); background: var(--sfwp-dark); border-color: var(--sfwp-dark); } .smil-floor-wallpath__comparison-icon { display: grid; place-items: center; width: 42px; height: 42px; margin: 0 auto 10px; color: var(--sfwp-blue); background: var(--sfwp-white); border-radius: 13px; } .smil-floor-wallpath__comparison-icon--orange { color: var(--sfwp-orange-dark); } .smil-floor-wallpath__comparison-icon svg { width: 23px; height: 23px; } .smil-floor-wallpath__comparison-card strong, .smil-floor-wallpath__comparison-result strong { display: block; color: var(--sfwp-dark); font-size: 0.82rem; font-weight: 850; } .smil-floor-wallpath__comparison-card p { margin: 6px 0 0; color: #526970; font-size: 0.69rem; line-height: 1.42; } .smil-floor-wallpath__comparison-result strong { color: var(--sfwp-white); } .smil-floor-wallpath__comparison-result small { display: block; margin-top: 6px; color: rgba(238, 255, 252, 0.69); font-size: 0.66rem; line-height: 1.4; } .smil-floor-wallpath__comparison-plus, .smil-floor-wallpath__comparison-equal { display: grid; place-items: center; color: var(--sfwp-orange); font-size: 1.25rem; font-weight: 900; } /* ========================================================= QUANDO VALUTARE LE PARETI ========================================================= */ .smil-floor-wallpath__evaluation-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 22px; } .smil-floor-wallpath__evaluation-card { min-width: 0; padding: 19px 17px; background: var(--sfwp-white); border: 1px solid var(--sfwp-border); border-radius: 17px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-wallpath__evaluation-card > span { display: block; margin-bottom: 13px; color: rgba(7, 56, 68, 0.24); font-size: 1.2rem; font-weight: 900; } .smil-floor-wallpath__evaluation-card strong { display: block; margin-bottom: 6px; color: var(--sfwp-dark); font-size: 0.91rem; font-weight: 850; line-height: 1.36; } .smil-floor-wallpath__evaluation-card p { margin: 0; color: var(--sfwp-muted); font-size: 0.78rem; line-height: 1.51; } /* ========================================================= SOLUZIONI ========================================================= */ .smil-floor-wallpath__solutions { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 32px; padding: clamp(25px, 4vw, 40px); background: var(--sfwp-turquoise-light); border: 1px solid #c5e7e2; border-radius: 23px; } .smil-floor-wallpath__solutions-copy > p:not(.smil-floor-wallpath__section-label) { margin: 13px 0 0; color: #4f686f; font-size: 0.94rem; line-height: 1.65; } .smil-floor-wallpath__solutions-list { display: grid; gap: 10px; } .smil-floor-wallpath__solutions-list > div { display: grid; grid-template-columns: 39px minmax(0, 1fr); gap: 12px; align-items: center; padding: 15px; background: rgba(255, 255, 255, 0.84); border: 1px solid #d0e8e4; border-radius: 15px; } .smil-floor-wallpath__solutions-list span { display: grid; place-items: center; width: 37px; height: 37px; color: var(--sfwp-white); background: var(--sfwp-blue); border-radius: 11px; font-size: 0.76rem; font-weight: 900; } .smil-floor-wallpath__solutions-list > div:nth-child(2) span { background: var(--sfwp-orange-dark); } .smil-floor-wallpath__solutions-list div div { min-width: 0; } .smil-floor-wallpath__solutions-list strong { display: block; color: var(--sfwp-dark); font-size: 0.88rem; font-weight: 850; } .smil-floor-wallpath__solutions-list small { display: block; margin-top: 4px; color: #526a72; font-size: 0.7rem; line-height: 1.4; } /* ========================================================= RISPOSTE GEO ========================================================= */ .smil-floor-wallpath__geo-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 26px; } .smil-floor-wallpath__geo, .smil-floor-wallpath__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; padding: 20px 22px; border-radius: 18px; } .smil-floor-wallpath__geo { background: var(--sfwp-white); border: 1px solid var(--sfwp-border); border-left: 5px solid var(--sfwp-turquoise); } .smil-floor-wallpath__geo-icon, .smil-floor-wallpath__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; background: var(--sfwp-turquoise-light); border-radius: 14px; } .smil-floor-wallpath__geo-icon { color: var(--sfwp-blue); } .smil-floor-wallpath__geo-icon svg, .smil-floor-wallpath__warning-icon svg { width: 26px; height: 26px; } .smil-floor-wallpath__geo div, .smil-floor-wallpath__warning div { min-width: 0; } .smil-floor-wallpath__geo strong, .smil-floor-wallpath__warning strong { display: block; margin: 1px 0 6px; color: var(--sfwp-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-wallpath__geo p, .smil-floor-wallpath__warning p { margin: 0; font-size: 0.9rem; line-height: 1.62; } .smil-floor-wallpath__geo p { color: #48646d; } /* ========================================================= AVVERTENZA ========================================================= */ .smil-floor-wallpath__warning { margin-top: 25px; background: var(--sfwp-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sfwp-orange); } .smil-floor-wallpath__warning-icon { color: var(--sfwp-orange-dark); background: var(--sfwp-white); } .smil-floor-wallpath__warning p { color: #595850; } /* ========================================================= PROCESSO SORGEDIL ========================================================= */ .smil-floor-wallpath__process { display: grid; grid-template-columns: minmax(280px, 0.73fr) minmax(0, 1.27fr); gap: clamp(30px, 5vw, 62px); align-items: center; margin-top: 35px; padding: clamp(25px, 4vw, 41px); background: var(--sfwp-white); border: 1px solid var(--sfwp-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-wallpath__process-copy > p:last-child { margin: 13px 0 0; color: var(--sfwp-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-wallpath__process-copy > p:last-child strong { color: var(--sfwp-dark); font-weight: 800; } .smil-floor-wallpath__process-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; margin: 0; padding: 0; list-style: none; } .smil-floor-wallpath__process-steps li { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; padding: 14px; background: #f6fbfa; border: 1px solid #dcebe9; border-radius: 15px; } .smil-floor-wallpath__process-steps li > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfwp-white); background: var(--sfwp-blue); border-radius: 11px; font-size: 0.79rem; font-weight: 900; } .smil-floor-wallpath__process-steps li div { min-width: 0; } .smil-floor-wallpath__process-steps strong { display: block; margin: 1px 0 3px; color: var(--sfwp-dark); font-size: 0.88rem; font-weight: 800; line-height: 1.35; } .smil-floor-wallpath__process-steps p { margin: 0; color: #5a7179; font-size: 0.78rem; line-height: 1.48; } /* ========================================================= CTA ========================================================= */ .smil-floor-wallpath__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 21px 23px; color: var(--sfwp-white); background: linear-gradient( 135deg, var(--sfwp-blue) 0%, var(--sfwp-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-wallpath__cta-copy { display: grid; grid-template-columns: 47px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-wallpath__cta-icon { display: grid; place-items: center; width: 47px; height: 47px; color: var(--sfwp-dark); background: rgba(255, 255, 255, 0.87); border-radius: 14px; } .smil-floor-wallpath__cta-icon svg { width: 25px; height: 25px; } .smil-floor-wallpath__cta-copy div { min-width: 0; } .smil-floor-wallpath__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sfwp-white); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-wallpath__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.81); font-size: 0.86rem; line-height: 1.5; } .smil-floor-wallpath__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 51px; padding: 12px 18px; color: var(--sfwp-white); background: linear-gradient( 135deg, var(--sfwp-orange) 0%, var(--sfwp-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-wallpath__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-wallpath__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-wallpath__cta-button:hover svg { transform: translateX(3px); } .smil-floor-wallpath__cta-button:focus-visible { outline: 3px solid var(--sfwp-white); outline-offset: 4px; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1050px) { .smil-floor-wallpath__header, .smil-floor-wallpath__path, .smil-floor-wallpath__comparison, .smil-floor-wallpath__solutions, .smil-floor-wallpath__process { grid-template-columns: minmax(0, 1fr); } .smil-floor-wallpath__intro { max-width: 850px; } .smil-floor-wallpath__signals-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-floor-wallpath__evaluation-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 760px) { .smil-floor-wallpath { padding: 49px 14px 58px; } .smil-floor-wallpath__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-floor-wallpath__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-wallpath__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-wallpath__path, .smil-floor-wallpath__comparison, .smil-floor-wallpath__solutions { padding: 22px 18px; border-radius: 20px; } .smil-floor-wallpath__path-flow, .smil-floor-wallpath__comparison-grid { grid-template-columns: minmax(0, 1fr); gap: 7px; } .smil-floor-wallpath__path-arrow, .smil-floor-wallpath__comparison-plus, .smil-floor-wallpath__comparison-equal { transform: rotate(90deg); text-align: center; } .smil-floor-wallpath__signals-grid, .smil-floor-wallpath__elements-grid, .smil-floor-wallpath__evaluation-grid, .smil-floor-wallpath__geo-grid { grid-template-columns: minmax(0, 1fr); } .smil-floor-wallpath__geo, .smil-floor-wallpath__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-wallpath__process { padding: 22px 18px; border-radius: 20px; } .smil-floor-wallpath__process-steps { grid-template-columns: minmax(0, 1fr); } .smil-floor-wallpath__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-wallpath__cta-button { width: 100%; } } /* ========================================================= SMARTPHONE PICCOLI ========================================================= */ @media (max-width: 440px) { .smil-floor-wallpath__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-wallpath__answer, .smil-floor-wallpath__element, .smil-floor-wallpath__geo, .smil-floor-wallpath__warning, .smil-floor-wallpath__cta-copy { grid-template-columns: minmax(0, 1fr); } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-floor-wallpath__cta-button, .smil-floor-wallpath__cta-button svg { transition: none; } }#imCell_20 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_20 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_20 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_20 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H3 – LIMITI DELL’INTERVENTO PARZIALE CSS AUTONOMO: ID E CLASSI NON UTILIZZATI NEI BLOCCHI PRECEDENTI ========================================================= */ .smil-floor-partial, .smil-floor-partial *, .smil-floor-partial *::before, .smil-floor-partial *::after { box-sizing: border-box; } .smil-floor-partial { --sfp-dark: #073844; --sfp-deep: #052b35; --sfp-blue: #087c8f; --sfp-turquoise: #00a991; --sfp-turquoise-light: #dff8f4; --sfp-orange: #f28a2e; --sfp-orange-dark: #d66d0e; --sfp-orange-soft: #fff1e4; --sfp-white: #ffffff; --sfp-bg: #ffffff; --sfp-bg-soft: #f3faf9; --sfp-text: #183640; --sfp-muted: #557078; --sfp-border: #cee5e2; position: relative; width: 100%; overflow: hidden; padding: clamp(58px, 7vw, 96px) 20px; color: var(--sfp-text); background: radial-gradient( circle at 97% 3%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 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(--sfp-bg) 0%, var(--sfp-bg-soft) 100% ); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-partial__container { width: min(1220px, 100%); margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-floor-partial__header { display: grid; grid-template-columns: minmax(0, 0.76fr) minmax(440px, 1.24fr); gap: clamp(30px, 5vw, 70px); align-items: end; } .smil-floor-partial__heading { min-width: 0; } .smil-floor-partial__eyebrow { display: inline-flex; margin: 0 0 12px; padding: 7px 13px; color: var(--sfp-blue); background: var(--sfp-turquoise-light); border: 1px solid #c5e8e3; border-radius: 999px; font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-partial__title { margin: 0; color: var(--sfp-dark); font-size: clamp(1.9rem, 3.55vw, 3.15rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; } .smil-floor-partial__intro { max-width: 790px; margin: 0; padding-bottom: 4px; color: var(--sfp-muted); font-size: clamp(1.03rem, 1.55vw, 1.17rem); line-height: 1.73; } .smil-floor-partial__intro strong { color: var(--sfp-dark); font-weight: 800; } /* ========================================================= RISPOSTA DIRETTA ========================================================= */ .smil-floor-partial__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; margin-top: 34px; padding: 22px 24px; background: var(--sfp-white); border: 1px solid var(--sfp-border); border-left: 5px solid var(--sfp-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-partial__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sfp-blue); background: var(--sfp-turquoise-light); border-radius: 15px; } .smil-floor-partial__answer-icon svg { width: 28px; height: 28px; } .smil-floor-partial__answer-content { min-width: 0; } .smil-floor-partial__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sfp-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-partial__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } .smil-floor-partial__answer-content p strong { color: var(--sfp-dark); font-weight: 800; } /* ========================================================= TITOLI INTERNI ========================================================= */ .smil-floor-partial__section-label { margin: 0 0 7px; color: var(--sfp-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-partial__section-title { display: block; color: var(--sfp-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* ========================================================= CONCETTO PRINCIPALE ========================================================= */ .smil-floor-partial__concept { display: grid; grid-template-columns: minmax(300px, 0.76fr) minmax(0, 1.24fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 30px; padding: clamp(26px, 4vw, 42px); color: var(--sfp-white); background: radial-gradient( circle at 94% 10%, rgba(0, 169, 145, 0.24) 0, rgba(0, 169, 145, 0) 35% ), linear-gradient( 135deg, var(--sfp-deep) 0%, var(--sfp-dark) 65%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-partial__concept .smil-floor-partial__section-label { color: #7fe7d9; } .smil-floor-partial__concept .smil-floor-partial__section-title { color: var(--sfp-white); } .smil-floor-partial__concept-copy > p:not(.smil-floor-partial__section-label) { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-partial__concept-diagram { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.3fr) minmax(0, 0.9fr); gap: 10px; align-items: stretch; } .smil-floor-partial__concept-source, .smil-floor-partial__concept-result, .smil-floor-partial__concept-path { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 11px; align-items: center; min-width: 0; padding: 16px 13px; background: rgba(255, 255, 255, 0.085); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 15px; } .smil-floor-partial__concept-source, .smil-floor-partial__concept-result { align-self: center; } .smil-floor-partial__concept-result { background: rgba(0, 169, 145, 0.2); border-color: rgba(120, 228, 214, 0.27); } .smil-floor-partial__concept-source > span, .smil-floor-partial__concept-result > span, .smil-floor-partial__concept-path > span { display: grid; place-items: center; width: 36px; height: 36px; color: var(--sfp-dark); background: #7fe7d9; border-radius: 11px; font-size: 0.75rem; font-weight: 900; } .smil-floor-partial__concept-paths { display: grid; gap: 8px; } .smil-floor-partial__concept-path--treated { background: rgba(0, 169, 145, 0.18); border-color: rgba(120, 228, 214, 0.25); } .smil-floor-partial__concept-path--active { background: rgba(242, 138, 46, 0.21); border-color: rgba(255, 182, 111, 0.3); } .smil-floor-partial__concept-path--active > span { background: #ffb56c; } .smil-floor-partial__concept-source div, .smil-floor-partial__concept-result div, .smil-floor-partial__concept-path div { min-width: 0; } .smil-floor-partial__concept-source strong, .smil-floor-partial__concept-result strong, .smil-floor-partial__concept-path strong { display: block; color: var(--sfp-white); font-size: 0.8rem; font-weight: 850; } .smil-floor-partial__concept-source small, .smil-floor-partial__concept-result small, .smil-floor-partial__concept-path small { display: block; margin-top: 4px; color: rgba(238, 255, 252, 0.66); font-size: 0.65rem; line-height: 1.38; } /* ========================================================= CONDIZIONI FAVOREVOLI ========================================================= */ .smil-floor-partial__appropriate, .smil-floor-partial__limits, .smil-floor-partial__comparison { margin-top: 35px; } .smil-floor-partial__appropriate-header, .smil-floor-partial__limits-header, .smil-floor-partial__comparison-header { max-width: 890px; } .smil-floor-partial__appropriate-header > p:last-child, .smil-floor-partial__limits-header > p:last-child, .smil-floor-partial__comparison-header > p:last-child { margin: 12px 0 0; color: var(--sfp-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-partial__appropriate-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 22px; } .smil-floor-partial__appropriate-card { min-width: 0; padding: 19px 17px; background: var(--sfp-white); border: 1px solid var(--sfp-border); border-radius: 17px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-partial__appropriate-number { display: block; margin-bottom: 13px; color: rgba(7, 56, 68, 0.24); font-size: 1.2rem; font-weight: 900; } .smil-floor-partial__appropriate-card strong { display: block; margin-bottom: 6px; color: var(--sfp-dark); font-size: 0.91rem; font-weight: 850; line-height: 1.36; } .smil-floor-partial__appropriate-card p { margin: 0; color: var(--sfp-muted); font-size: 0.78rem; line-height: 1.51; } /* ========================================================= LIMITI ========================================================= */ .smil-floor-partial__limits-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 22px; } .smil-floor-partial__limit { min-width: 0; padding: 21px; background: var(--sfp-white); border: 1px solid var(--sfp-border); border-radius: 20px; box-shadow: 0 13px 33px rgba(7, 56, 68, 0.07); } .smil-floor-partial__limit-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 16px; } .smil-floor-partial__limit-icon { display: grid; place-items: center; width: 48px; height: 48px; color: var(--sfp-blue); background: var(--sfp-turquoise-light); border: 1px solid #c5e8e3; border-radius: 14px; } .smil-floor-partial__limit-icon--orange { color: var(--sfp-orange-dark); background: var(--sfp-orange-soft); border-color: #efd0b4; } .smil-floor-partial__limit-icon svg { width: 25px; height: 25px; } .smil-floor-partial__limit-number { color: rgba(7, 56, 68, 0.22); font-size: 1.28rem; font-weight: 900; } .smil-floor-partial__limit > strong { display: block; margin-bottom: 8px; color: var(--sfp-dark); font-size: 1rem; font-weight: 850; line-height: 1.35; } .smil-floor-partial__limit > p { margin: 0; color: var(--sfp-muted); font-size: 0.84rem; line-height: 1.57; } /* ========================================================= CAMBIO DELLA PERCEZIONE ========================================================= */ .smil-floor-partial__perception { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(25px, 4vw, 40px); background: var(--sfp-turquoise-light); border: 1px solid #c5e7e2; border-radius: 23px; } .smil-floor-partial__perception-copy > p:not(.smil-floor-partial__section-label) { margin: 13px 0 0; color: #4f686f; font-size: 0.94rem; line-height: 1.65; } .smil-floor-partial__perception-flow { display: grid; grid-template-columns: minmax(0, 1fr) 42px minmax(0, 1fr); gap: 12px; align-items: center; } .smil-floor-partial__perception-state { min-width: 0; padding: 18px; background: rgba(255, 255, 255, 0.84); border: 1px solid #d0e8e4; border-radius: 17px; } .smil-floor-partial__perception-state > p { margin: 0 0 13px; color: var(--sfp-dark); font-size: 0.82rem; font-weight: 850; text-align: center; } .smil-floor-partial__perception-bars { display: grid; gap: 8px; } .smil-floor-partial__bar { display: flex; align-items: center; min-height: 34px; padding: 8px 11px; color: var(--sfp-white); border-radius: 10px; font-size: 0.7rem; font-weight: 800; line-height: 1.3; } .smil-floor-partial__bar--direct { width: 100%; background: var(--sfp-blue); } .smil-floor-partial__bar--lateral { width: 48%; background: var(--sfp-orange-dark); } .smil-floor-partial__bar--direct-reduced { width: 43%; background: var(--sfp-blue); } .smil-floor-partial__bar--lateral-visible { width: 70%; background: var(--sfp-orange-dark); } .smil-floor-partial__perception-arrow { display: grid; place-items: center; color: var(--sfp-orange-dark); font-size: 1.4rem; font-weight: 900; } /* ========================================================= CONFRONTO ========================================================= */ .smil-floor-partial__comparison-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; margin-top: 22px; } .smil-floor-partial__comparison-card { min-width: 0; padding: 24px; background: var(--sfp-white); border: 1px solid var(--sfp-border); border-radius: 21px; box-shadow: 0 14px 35px rgba(7, 56, 68, 0.07); } .smil-floor-partial__comparison-card--extended { border-top: 4px solid var(--sfp-orange); } .smil-floor-partial__comparison-card-head { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; } .smil-floor-partial__comparison-icon { display: grid; place-items: center; flex: 0 0 auto; width: 50px; height: 50px; color: var(--sfp-blue); background: var(--sfp-turquoise-light); border-radius: 15px; } .smil-floor-partial__comparison-icon--orange { color: var(--sfp-orange-dark); background: var(--sfp-orange-soft); } .smil-floor-partial__comparison-icon svg { width: 26px; height: 26px; } .smil-floor-partial__comparison-card-head > div { min-width: 0; } .smil-floor-partial__comparison-label { margin: 0 0 3px; color: var(--sfp-blue); font-size: 0.72rem; font-weight: 850; letter-spacing: 0.055em; text-transform: uppercase; } .smil-floor-partial__comparison-card-head strong { display: block; color: var(--sfp-dark); font-size: 1.08rem; font-weight: 850; line-height: 1.34; } .smil-floor-partial__comparison-card > p { margin: 0 0 16px; color: var(--sfp-muted); font-size: 0.89rem; line-height: 1.62; } .smil-floor-partial__comparison-card ul { display: grid; gap: 8px; margin: 0; padding: 15px 0 0; border-top: 1px solid #deecea; list-style: none; } .smil-floor-partial__comparison-card li { position: relative; padding-left: 20px; color: #526b73; font-size: 0.82rem; line-height: 1.48; } .smil-floor-partial__comparison-card li::before { content: ""; position: absolute; top: 0.55em; left: 2px; width: 7px; height: 7px; background: var(--sfp-orange); border-radius: 50%; box-shadow: 0 0 0 4px var(--sfp-orange-soft); } /* ========================================================= OBIETTIVO REALISTICO ========================================================= */ .smil-floor-partial__objective { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 32px; padding: clamp(26px, 4vw, 42px); color: var(--sfp-white); background: linear-gradient( 135deg, var(--sfp-blue) 0%, var(--sfp-turquoise) 100% ); border-radius: 23px; box-shadow: 0 18px 42px rgba(0, 128, 128, 0.2); } .smil-floor-partial__objective .smil-floor-partial__section-label { color: #d7fff8; } .smil-floor-partial__objective .smil-floor-partial__section-title { color: var(--sfp-white); } .smil-floor-partial__objective-copy > p:not(.smil-floor-partial__section-label) { margin: 13px 0 0; color: rgba(241, 255, 252, 0.82); font-size: 0.94rem; line-height: 1.65; } .smil-floor-partial__objective-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } .smil-floor-partial__objective-steps > div { min-width: 0; padding: 18px 14px; text-align: center; background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 15px; } .smil-floor-partial__objective-steps span { display: grid; place-items: center; width: 34px; height: 34px; margin: 0 auto 10px; color: var(--sfp-dark); background: rgba(255, 255, 255, 0.9); border-radius: 50%; font-size: 0.75rem; font-weight: 900; } .smil-floor-partial__objective-steps strong { display: block; color: var(--sfp-white); font-size: 0.88rem; font-weight: 850; } .smil-floor-partial__objective-steps small { display: block; margin-top: 5px; color: rgba(241, 255, 252, 0.68); font-size: 0.68rem; line-height: 1.4; } /* ========================================================= RISPOSTE GEO ========================================================= */ .smil-floor-partial__geo-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 26px; } .smil-floor-partial__geo, .smil-floor-partial__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; padding: 20px 22px; border-radius: 18px; } .smil-floor-partial__geo { background: var(--sfp-white); border: 1px solid var(--sfp-border); border-left: 5px solid var(--sfp-turquoise); } .smil-floor-partial__geo-icon, .smil-floor-partial__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; background: var(--sfp-turquoise-light); border-radius: 14px; } .smil-floor-partial__geo-icon { color: var(--sfp-blue); } .smil-floor-partial__geo-icon svg, .smil-floor-partial__warning-icon svg { width: 26px; height: 26px; } .smil-floor-partial__geo div, .smil-floor-partial__warning div { min-width: 0; } .smil-floor-partial__geo strong, .smil-floor-partial__warning strong { display: block; margin: 1px 0 6px; color: var(--sfp-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-partial__geo p, .smil-floor-partial__warning p { margin: 0; font-size: 0.9rem; line-height: 1.62; } .smil-floor-partial__geo p { color: #48646d; } /* ========================================================= AVVERTENZA ========================================================= */ .smil-floor-partial__warning { margin-top: 25px; background: var(--sfp-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sfp-orange); } .smil-floor-partial__warning-icon { color: var(--sfp-orange-dark); background: var(--sfp-white); } .smil-floor-partial__warning p { color: #595850; } /* ========================================================= PROCESSO SORGEDIL ========================================================= */ .smil-floor-partial__process { display: grid; grid-template-columns: minmax(280px, 0.73fr) minmax(0, 1.27fr); gap: clamp(30px, 5vw, 62px); align-items: center; margin-top: 35px; padding: clamp(25px, 4vw, 41px); background: var(--sfp-white); border: 1px solid var(--sfp-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-partial__process-copy > p:last-child { margin: 13px 0 0; color: var(--sfp-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-partial__process-copy > p:last-child strong { color: var(--sfp-dark); font-weight: 800; } .smil-floor-partial__process-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; margin: 0; padding: 0; list-style: none; } .smil-floor-partial__process-steps li { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; padding: 14px; background: #f6fbfa; border: 1px solid #dcebe9; border-radius: 15px; } .smil-floor-partial__process-steps li > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfp-white); background: var(--sfp-blue); border-radius: 11px; font-size: 0.79rem; font-weight: 900; } .smil-floor-partial__process-steps li div { min-width: 0; } .smil-floor-partial__process-steps strong { display: block; margin: 1px 0 3px; color: var(--sfp-dark); font-size: 0.88rem; font-weight: 800; line-height: 1.35; } .smil-floor-partial__process-steps p { margin: 0; color: #5a7179; font-size: 0.78rem; line-height: 1.48; } /* ========================================================= CTA ========================================================= */ .smil-floor-partial__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 21px 23px; color: var(--sfp-white); background: linear-gradient( 135deg, var(--sfp-blue) 0%, var(--sfp-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-partial__cta-copy { display: grid; grid-template-columns: 47px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-partial__cta-icon { display: grid; place-items: center; width: 47px; height: 47px; color: var(--sfp-dark); background: rgba(255, 255, 255, 0.87); border-radius: 14px; } .smil-floor-partial__cta-icon svg { width: 25px; height: 25px; } .smil-floor-partial__cta-copy div { min-width: 0; } .smil-floor-partial__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sfp-white); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-partial__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.81); font-size: 0.86rem; line-height: 1.5; } .smil-floor-partial__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 51px; padding: 12px 18px; color: var(--sfp-white); background: linear-gradient( 135deg, var(--sfp-orange) 0%, var(--sfp-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-partial__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-partial__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-partial__cta-button:hover svg { transform: translateX(3px); } .smil-floor-partial__cta-button:focus-visible { outline: 3px solid var(--sfp-white); outline-offset: 4px; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1050px) { .smil-floor-partial__header, .smil-floor-partial__concept, .smil-floor-partial__perception, .smil-floor-partial__objective, .smil-floor-partial__process { grid-template-columns: minmax(0, 1fr); } .smil-floor-partial__intro { max-width: 860px; } .smil-floor-partial__appropriate-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-floor-partial__limits-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 760px) { .smil-floor-partial { padding: 49px 14px 58px; } .smil-floor-partial__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-floor-partial__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-partial__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-partial__concept, .smil-floor-partial__perception, .smil-floor-partial__objective { padding: 22px 18px; border-radius: 20px; } .smil-floor-partial__concept-diagram { grid-template-columns: minmax(0, 1fr); } .smil-floor-partial__appropriate-grid, .smil-floor-partial__limits-grid, .smil-floor-partial__comparison-grid, .smil-floor-partial__geo-grid { grid-template-columns: minmax(0, 1fr); } .smil-floor-partial__perception-flow { grid-template-columns: minmax(0, 1fr); } .smil-floor-partial__perception-arrow { transform: rotate(90deg); } .smil-floor-partial__objective-steps { grid-template-columns: minmax(0, 1fr); } .smil-floor-partial__geo, .smil-floor-partial__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-partial__process { padding: 22px 18px; border-radius: 20px; } .smil-floor-partial__process-steps { grid-template-columns: minmax(0, 1fr); } .smil-floor-partial__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-partial__cta-button { width: 100%; } } /* ========================================================= SMARTPHONE PICCOLI ========================================================= */ @media (max-width: 440px) { .smil-floor-partial__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-partial__answer, .smil-floor-partial__concept-source, .smil-floor-partial__concept-result, .smil-floor-partial__concept-path, .smil-floor-partial__geo, .smil-floor-partial__warning, .smil-floor-partial__cta-copy { grid-template-columns: minmax(0, 1fr); } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-floor-partial__cta-button, .smil-floor-partial__cta-button svg { transition: none; } }#imCell_21 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_21 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_21 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_21 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H2 – ISOLAMENTO DAI RUMORI DA CALPESTIO E DALLE VIBRAZIONI CSS AUTONOMO: ID E CLASSI NON UTILIZZATI NEI BLOCCHI PRECEDENTI ========================================================= */ .smil-floor-impactiso, .smil-floor-impactiso *, .smil-floor-impactiso *::before, .smil-floor-impactiso *::after { box-sizing: border-box; } .smil-floor-impactiso { --sfii-dark: #073844; --sfii-deep: #052b35; --sfii-blue: #087c8f; --sfii-turquoise: #00a991; --sfii-turquoise-light: #dff8f4; --sfii-orange: #f28a2e; --sfii-orange-dark: #d66d0e; --sfii-orange-soft: #fff1e4; --sfii-white: #ffffff; --sfii-bg: #f3faf9; --sfii-text: #183640; --sfii-muted: #557078; --sfii-border: #cee5e2; position: relative; width: 100%; overflow: hidden; padding: clamp(60px, 7vw, 100px) 20px; color: var(--sfii-text); background: radial-gradient( circle at 98% 2%, rgba(0, 169, 145, 0.09) 0, rgba(0, 169, 145, 0) 28% ), radial-gradient( circle at 2% 98%, rgba(242, 138, 46, 0.07) 0, rgba(242, 138, 46, 0) 25% ), var(--sfii-bg); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-impactiso__container { width: min(1220px, 100%); margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-floor-impactiso__header { max-width: 1020px; margin: 0 auto; text-align: center; } .smil-floor-impactiso__eyebrow { display: inline-flex; margin: 0 0 13px; padding: 7px 14px; color: var(--sfii-blue); background: var(--sfii-turquoise-light); border: 1px solid #c5e8e3; border-radius: 999px; font-size: 0.82rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-impactiso__title { margin: 0; color: var(--sfii-dark); font-size: clamp(2rem, 4.2vw, 3.55rem); font-weight: 850; line-height: 1.08; letter-spacing: -0.038em; text-wrap: balance; } .smil-floor-impactiso__intro { max-width: 930px; margin: 20px auto 0; color: var(--sfii-muted); font-size: clamp(1.04rem, 1.6vw, 1.18rem); line-height: 1.72; } .smil-floor-impactiso__intro-secondary { max-width: 870px; margin: 10px auto 0; color: #617880; font-size: 0.98rem; line-height: 1.68; } .smil-floor-impactiso__intro strong, .smil-floor-impactiso__intro-secondary strong { color: var(--sfii-dark); font-weight: 800; } /* ========================================================= RISPOSTA DIRETTA ========================================================= */ .smil-floor-impactiso__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; width: min(1080px, 100%); margin: 34px auto 0; padding: 22px 24px; background: var(--sfii-white); border: 1px solid var(--sfii-border); border-left: 5px solid var(--sfii-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-impactiso__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sfii-blue); background: var(--sfii-turquoise-light); border-radius: 15px; } .smil-floor-impactiso__answer-icon svg { width: 28px; height: 28px; } .smil-floor-impactiso__answer-content { min-width: 0; } .smil-floor-impactiso__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sfii-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-impactiso__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } .smil-floor-impactiso__answer-content p strong { color: var(--sfii-dark); font-weight: 800; } /* ========================================================= TITOLI INTERNI ========================================================= */ .smil-floor-impactiso__section-label { margin: 0 0 7px; color: var(--sfii-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-impactiso__section-title { display: block; color: var(--sfii-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* ========================================================= SCENARI ========================================================= */ .smil-floor-impactiso__scenarios { display: grid; grid-template-columns: minmax(300px, 0.76fr) minmax(0, 1.24fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 32px; padding: clamp(27px, 4vw, 43px); color: var(--sfii-white); background: radial-gradient( circle at 94% 10%, rgba(0, 169, 145, 0.24) 0, rgba(0, 169, 145, 0) 35% ), linear-gradient( 135deg, var(--sfii-deep) 0%, var(--sfii-dark) 65%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-impactiso__scenarios .smil-floor-impactiso__section-label { color: #7fe7d9; } .smil-floor-impactiso__scenarios .smil-floor-impactiso__section-title { color: var(--sfii-white); } .smil-floor-impactiso__scenarios-copy > p:not(.smil-floor-impactiso__section-label) { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-impactiso__scenarios-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .smil-floor-impactiso__scenario { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 13px; align-items: flex-start; min-width: 0; padding: 20px; background: rgba(255, 255, 255, 0.09); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 18px; } .smil-floor-impactiso__scenario--orange { background: rgba(242, 138, 46, 0.18); border-color: rgba(255, 182, 111, 0.28); } .smil-floor-impactiso__scenario-icon { display: grid; place-items: center; width: 46px; height: 46px; color: var(--sfii-dark); background: #7fe7d9; border-radius: 14px; } .smil-floor-impactiso__scenario-icon--orange { background: #ffb56c; } .smil-floor-impactiso__scenario-icon svg { width: 24px; height: 24px; } .smil-floor-impactiso__scenario > div { min-width: 0; } .smil-floor-impactiso__scenario-label { margin: 0 0 4px; color: #7fe7d9; font-size: 0.68rem; font-weight: 850; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-impactiso__scenario--orange .smil-floor-impactiso__scenario-label { color: #ffd3a7; } .smil-floor-impactiso__scenario strong { display: block; color: var(--sfii-white); font-size: 0.94rem; font-weight: 850; line-height: 1.38; } .smil-floor-impactiso__scenario div > p:not(.smil-floor-impactiso__scenario-label) { margin: 8px 0 0; color: rgba(238, 255, 252, 0.75); font-size: 0.79rem; line-height: 1.52; } .smil-floor-impactiso__scenario small { display: block; margin-top: 10px; padding-top: 9px; color: rgba(238, 255, 252, 0.62); border-top: 1px solid rgba(255, 255, 255, 0.13); font-size: 0.69rem; line-height: 1.43; } /* ========================================================= RUMORI ========================================================= */ .smil-floor-impactiso__noises, .smil-floor-impactiso__principles, .smil-floor-impactiso__limits { margin-top: 36px; } .smil-floor-impactiso__noises-header, .smil-floor-impactiso__principles-header, .smil-floor-impactiso__limits-header { max-width: 900px; } .smil-floor-impactiso__noises-header > p:last-child, .smil-floor-impactiso__principles-header > p:last-child, .smil-floor-impactiso__limits-header > p:last-child { margin: 12px 0 0; color: var(--sfii-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-impactiso__noises-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 22px; } .smil-floor-impactiso__noise { min-width: 0; padding: 20px 18px; background: var(--sfii-white); border: 1px solid var(--sfii-border); border-radius: 18px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-impactiso__noise-number { display: block; margin-bottom: 14px; color: rgba(7, 56, 68, 0.23); font-size: 1.25rem; font-weight: 900; } .smil-floor-impactiso__noise strong { display: block; margin-bottom: 7px; color: var(--sfii-dark); font-size: 0.96rem; font-weight: 850; line-height: 1.34; } .smil-floor-impactiso__noise p { margin: 0; color: var(--sfii-muted); font-size: 0.81rem; line-height: 1.54; } /* ========================================================= PROPAGAZIONE ========================================================= */ .smil-floor-impactiso__propagation { display: grid; grid-template-columns: minmax(300px, 0.77fr) minmax(0, 1.23fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(25px, 4vw, 40px); background: var(--sfii-white); border: 1px solid var(--sfii-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-impactiso__propagation-copy > p:last-child { margin: 13px 0 0; color: var(--sfii-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-impactiso__propagation-flow { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr); gap: 8px; align-items: center; } .smil-floor-impactiso__propagation-step, .smil-floor-impactiso__propagation-result { display: grid; grid-template-columns: 33px minmax(0, 1fr); gap: 9px; align-items: center; min-width: 0; padding: 14px 10px; background: var(--sfii-turquoise-light); border: 1px solid #c5e7e2; border-radius: 14px; } .smil-floor-impactiso__propagation-step--orange { background: var(--sfii-orange-soft); border-color: #efd0b4; } .smil-floor-impactiso__propagation-result { color: var(--sfii-white); background: var(--sfii-dark); border-color: var(--sfii-dark); } .smil-floor-impactiso__propagation-step > span, .smil-floor-impactiso__propagation-result > span { display: grid; place-items: center; width: 31px; height: 31px; color: var(--sfii-white); background: var(--sfii-blue); border-radius: 10px; font-size: 0.71rem; font-weight: 900; } .smil-floor-impactiso__propagation-step--orange > span { background: var(--sfii-orange-dark); } .smil-floor-impactiso__propagation-result > span { color: var(--sfii-dark); background: #7fe7d9; } .smil-floor-impactiso__propagation-step div, .smil-floor-impactiso__propagation-result div { min-width: 0; } .smil-floor-impactiso__propagation-step strong, .smil-floor-impactiso__propagation-result strong { display: block; color: var(--sfii-dark); font-size: 0.75rem; font-weight: 850; } .smil-floor-impactiso__propagation-result strong { color: var(--sfii-white); } .smil-floor-impactiso__propagation-step small, .smil-floor-impactiso__propagation-result small { display: block; margin-top: 3px; color: var(--sfii-muted); font-size: 0.61rem; line-height: 1.35; } .smil-floor-impactiso__propagation-result small { color: rgba(238, 255, 252, 0.68); } .smil-floor-impactiso__propagation-arrow { color: var(--sfii-orange); font-size: 1.15rem; font-weight: 900; } /* ========================================================= PRINCIPI ========================================================= */ .smil-floor-impactiso__principles-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 22px; } .smil-floor-impactiso__principle { min-width: 0; padding: 20px; background: var(--sfii-white); border: 1px solid var(--sfii-border); border-radius: 18px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-impactiso__principle-icon { display: grid; place-items: center; width: 47px; height: 47px; margin-bottom: 15px; color: var(--sfii-blue); background: var(--sfii-turquoise-light); border-radius: 14px; } .smil-floor-impactiso__principle-icon--orange { color: var(--sfii-orange-dark); background: var(--sfii-orange-soft); } .smil-floor-impactiso__principle-icon svg { width: 24px; height: 24px; } .smil-floor-impactiso__principle strong { display: block; margin-bottom: 7px; color: var(--sfii-dark); font-size: 0.95rem; font-weight: 850; } .smil-floor-impactiso__principle p { margin: 0; color: var(--sfii-muted); font-size: 0.81rem; line-height: 1.53; } /* ========================================================= PAVIMENTO ESISTENTE ========================================================= */ .smil-floor-impactiso__existing { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(350px, 0.92fr); gap: clamp(28px, 4.5vw, 55px); align-items: center; margin-top: 33px; padding: clamp(25px, 4vw, 40px); background: var(--sfii-turquoise-light); border: 1px solid #c5e7e2; border-radius: 23px; } .smil-floor-impactiso__existing-copy > p:not(.smil-floor-impactiso__section-label) { margin: 13px 0 0; color: #4f686f; font-size: 0.94rem; line-height: 1.65; } .smil-floor-impactiso__existing-copy p strong { color: var(--sfii-dark); font-weight: 800; } .smil-floor-impactiso__existing-checks { padding: 21px; background: rgba(255, 255, 255, 0.84); border: 1px solid #d0e8e4; border-radius: 18px; } .smil-floor-impactiso__existing-checks > strong { display: block; margin-bottom: 12px; color: var(--sfii-dark); font-size: 0.95rem; font-weight: 850; } .smil-floor-impactiso__existing-checks ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; } .smil-floor-impactiso__existing-checks li { position: relative; padding-left: 20px; color: #456169; font-size: 0.84rem; line-height: 1.49; } .smil-floor-impactiso__existing-checks li::before { content: "✓"; position: absolute; left: 0; color: var(--sfii-turquoise); font-weight: 900; } /* ========================================================= DIFFERENZA ========================================================= */ .smil-floor-impactiso__difference { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 32px; padding: clamp(25px, 4vw, 40px); background: var(--sfii-white); border: 1px solid var(--sfii-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-impactiso__difference-copy > p:last-child { margin: 13px 0 0; color: var(--sfii-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-impactiso__difference-grid { display: grid; grid-template-columns: minmax(0, 1fr) 50px minmax(0, 1fr); gap: 12px; align-items: center; } .smil-floor-impactiso__difference-item { min-width: 0; padding: 20px 15px; text-align: center; background: var(--sfii-turquoise-light); border: 1px solid #c5e7e2; border-radius: 17px; } .smil-floor-impactiso__difference-item--orange { background: var(--sfii-orange-soft); border-color: #efd0b4; } .smil-floor-impactiso__difference-item > span { display: grid; place-items: center; width: 36px; height: 36px; margin: 0 auto 10px; color: var(--sfii-white); background: var(--sfii-blue); border-radius: 50%; font-size: 0.78rem; font-weight: 900; } .smil-floor-impactiso__difference-item--orange > span { background: var(--sfii-orange-dark); } .smil-floor-impactiso__difference-item strong { display: block; color: var(--sfii-dark); font-size: 0.9rem; font-weight: 850; } .smil-floor-impactiso__difference-item small { display: block; margin-top: 5px; color: #526a72; font-size: 0.69rem; line-height: 1.4; } .smil-floor-impactiso__difference-symbol { display: grid; place-items: center; color: var(--sfii-orange); font-size: 1.4rem; font-weight: 900; } /* ========================================================= LIMITI ========================================================= */ .smil-floor-impactiso__limits-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 22px; } .smil-floor-impactiso__limit { min-width: 0; padding: 19px 17px; background: var(--sfii-white); border: 1px solid var(--sfii-border); border-radius: 17px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-impactiso__limit > span { display: block; margin-bottom: 13px; color: rgba(7, 56, 68, 0.24); font-size: 1.2rem; font-weight: 900; } .smil-floor-impactiso__limit strong { display: block; margin-bottom: 6px; color: var(--sfii-dark); font-size: 0.91rem; font-weight: 850; line-height: 1.36; } .smil-floor-impactiso__limit p { margin: 0; color: var(--sfii-muted); font-size: 0.78rem; line-height: 1.51; } /* ========================================================= RISPOSTE GEO ========================================================= */ .smil-floor-impactiso__geo-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 26px; } .smil-floor-impactiso__geo, .smil-floor-impactiso__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; padding: 20px 22px; border-radius: 18px; } .smil-floor-impactiso__geo { background: var(--sfii-white); border: 1px solid var(--sfii-border); border-left: 5px solid var(--sfii-turquoise); } .smil-floor-impactiso__geo-icon, .smil-floor-impactiso__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; background: var(--sfii-turquoise-light); border-radius: 14px; } .smil-floor-impactiso__geo-icon { color: var(--sfii-blue); } .smil-floor-impactiso__geo-icon svg, .smil-floor-impactiso__warning-icon svg { width: 26px; height: 26px; } .smil-floor-impactiso__geo div, .smil-floor-impactiso__warning div { min-width: 0; } .smil-floor-impactiso__geo strong, .smil-floor-impactiso__warning strong { display: block; margin: 1px 0 6px; color: var(--sfii-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-impactiso__geo p, .smil-floor-impactiso__warning p { margin: 0; font-size: 0.9rem; line-height: 1.62; } .smil-floor-impactiso__geo p { color: #48646d; } /* ========================================================= AVVERTENZA ========================================================= */ .smil-floor-impactiso__warning { margin-top: 25px; background: var(--sfii-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sfii-orange); } .smil-floor-impactiso__warning-icon { color: var(--sfii-orange-dark); background: var(--sfii-white); } .smil-floor-impactiso__warning p { color: #595850; } /* ========================================================= PROCESSO ========================================================= */ .smil-floor-impactiso__process { display: grid; grid-template-columns: minmax(280px, 0.73fr) minmax(0, 1.27fr); gap: clamp(30px, 5vw, 62px); align-items: center; margin-top: 35px; padding: clamp(25px, 4vw, 41px); background: var(--sfii-white); border: 1px solid var(--sfii-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-impactiso__process-copy > p:last-child { margin: 13px 0 0; color: var(--sfii-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-impactiso__process-copy > p:last-child strong { color: var(--sfii-dark); font-weight: 800; } .smil-floor-impactiso__process-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; margin: 0; padding: 0; list-style: none; } .smil-floor-impactiso__process-steps li { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; padding: 14px; background: #f6fbfa; border: 1px solid #dcebe9; border-radius: 15px; } .smil-floor-impactiso__process-steps li > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfii-white); background: var(--sfii-blue); border-radius: 11px; font-size: 0.79rem; font-weight: 900; } .smil-floor-impactiso__process-steps li div { min-width: 0; } .smil-floor-impactiso__process-steps strong { display: block; margin: 1px 0 3px; color: var(--sfii-dark); font-size: 0.88rem; font-weight: 800; line-height: 1.35; } .smil-floor-impactiso__process-steps p { margin: 0; color: #5a7179; font-size: 0.78rem; line-height: 1.48; } /* ========================================================= CTA ========================================================= */ .smil-floor-impactiso__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 21px 23px; color: var(--sfii-white); background: linear-gradient( 135deg, var(--sfii-blue) 0%, var(--sfii-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-impactiso__cta-copy { display: grid; grid-template-columns: 47px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-impactiso__cta-icon { display: grid; place-items: center; width: 47px; height: 47px; color: var(--sfii-dark); background: rgba(255, 255, 255, 0.87); border-radius: 14px; } .smil-floor-impactiso__cta-icon svg { width: 25px; height: 25px; } .smil-floor-impactiso__cta-copy div { min-width: 0; } .smil-floor-impactiso__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sfii-white); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-impactiso__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.81); font-size: 0.86rem; line-height: 1.5; } .smil-floor-impactiso__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 51px; padding: 12px 18px; color: var(--sfii-white); background: linear-gradient( 135deg, var(--sfii-orange) 0%, var(--sfii-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-impactiso__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-impactiso__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-impactiso__cta-button:hover svg { transform: translateX(3px); } .smil-floor-impactiso__cta-button:focus-visible { outline: 3px solid var(--sfii-white); outline-offset: 4px; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1050px) { .smil-floor-impactiso__scenarios, .smil-floor-impactiso__propagation, .smil-floor-impactiso__existing, .smil-floor-impactiso__difference, .smil-floor-impactiso__process { grid-template-columns: minmax(0, 1fr); } .smil-floor-impactiso__noises-grid, .smil-floor-impactiso__principles-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-floor-impactiso__limits-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 760px) { .smil-floor-impactiso { padding: 49px 14px 58px; } .smil-floor-impactiso__header { text-align: left; } .smil-floor-impactiso__title { font-size: clamp(2rem, 9.5vw, 2.85rem); } .smil-floor-impactiso__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-impactiso__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-impactiso__scenarios, .smil-floor-impactiso__propagation, .smil-floor-impactiso__existing, .smil-floor-impactiso__difference { padding: 22px 18px; border-radius: 20px; } .smil-floor-impactiso__scenarios-grid, .smil-floor-impactiso__noises-grid, .smil-floor-impactiso__principles-grid, .smil-floor-impactiso__limits-grid, .smil-floor-impactiso__geo-grid { grid-template-columns: minmax(0, 1fr); } .smil-floor-impactiso__propagation-flow { grid-template-columns: minmax(0, 1fr); gap: 7px; } .smil-floor-impactiso__propagation-arrow { transform: rotate(90deg); text-align: center; } .smil-floor-impactiso__difference-grid { grid-template-columns: minmax(0, 1fr); } .smil-floor-impactiso__difference-symbol { transform: rotate(90deg); } .smil-floor-impactiso__geo, .smil-floor-impactiso__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-impactiso__process { padding: 22px 18px; border-radius: 20px; } .smil-floor-impactiso__process-steps { grid-template-columns: minmax(0, 1fr); } .smil-floor-impactiso__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-impactiso__cta-button { width: 100%; } } /* ========================================================= SMARTPHONE PICCOLI ========================================================= */ @media (max-width: 440px) { .smil-floor-impactiso__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-impactiso__answer, .smil-floor-impactiso__scenario, .smil-floor-impactiso__geo, .smil-floor-impactiso__warning, .smil-floor-impactiso__cta-copy { grid-template-columns: minmax(0, 1fr); } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-floor-impactiso__cta-button, .smil-floor-impactiso__cta-button svg { transition: none; } }#imCell_22 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_22 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_22 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_22 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H3 – RUMORE AEREO E DA IMPATTO CSS AUTONOMO ========================================================= */ .smil-floor-airimpact, .smil-floor-airimpact *, .smil-floor-airimpact *::before, .smil-floor-airimpact *::after { box-sizing: border-box; } .smil-floor-airimpact { --sfai-dark: #073844; --sfai-deep: #052b35; --sfai-blue: #087c8f; --sfai-turquoise: #00a991; --sfai-turquoise-light: #dff8f4; --sfai-orange: #f28a2e; --sfai-orange-dark: #d66d0e; --sfai-orange-soft: #fff1e4; --sfai-white: #ffffff; --sfai-bg: #ffffff; --sfai-bg-soft: #f3faf9; --sfai-text: #183640; --sfai-muted: #557078; --sfai-border: #cee5e2; position: relative; width: 100%; overflow: hidden; padding: clamp(58px, 7vw, 96px) 20px; color: var(--sfai-text); background: radial-gradient( circle at 97% 3%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 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(--sfai-bg) 0%, var(--sfai-bg-soft) 100% ); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-airimpact__container { width: min(1220px, 100%); margin: 0 auto; } /* INTESTAZIONE */ .smil-floor-airimpact__header { display: grid; grid-template-columns: minmax(0, 0.76fr) minmax(440px, 1.24fr); gap: clamp(30px, 5vw, 70px); align-items: end; } .smil-floor-airimpact__heading { min-width: 0; } .smil-floor-airimpact__eyebrow { display: inline-flex; margin: 0 0 12px; padding: 7px 13px; color: var(--sfai-blue); background: var(--sfai-turquoise-light); border: 1px solid #c5e8e3; border-radius: 999px; font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-airimpact__title { margin: 0; color: var(--sfai-dark); font-size: clamp(1.9rem, 3.55vw, 3.15rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; } .smil-floor-airimpact__intro { max-width: 780px; margin: 0; padding-bottom: 4px; color: var(--sfai-muted); font-size: clamp(1.03rem, 1.55vw, 1.17rem); line-height: 1.73; } .smil-floor-airimpact__intro strong { color: var(--sfai-dark); font-weight: 800; } /* RISPOSTA DIRETTA */ .smil-floor-airimpact__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; margin-top: 34px; padding: 22px 24px; background: var(--sfai-white); border: 1px solid var(--sfai-border); border-left: 5px solid var(--sfai-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-airimpact__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sfai-blue); background: var(--sfai-turquoise-light); border-radius: 15px; } .smil-floor-airimpact__answer-icon svg { width: 28px; height: 28px; } .smil-floor-airimpact__answer-content { min-width: 0; } .smil-floor-airimpact__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sfai-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-airimpact__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } .smil-floor-airimpact__answer-content p strong { color: var(--sfai-dark); font-weight: 800; } /* TITOLI INTERNI */ .smil-floor-airimpact__section-label { margin: 0 0 7px; color: var(--sfai-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-airimpact__section-title { display: block; color: var(--sfai-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* CONFRONTO PRINCIPALE */ .smil-floor-airimpact__comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; margin-top: 31px; } .smil-floor-airimpact__type { min-width: 0; padding: clamp(23px, 3vw, 31px); background: var(--sfai-white); border: 1px solid var(--sfai-border); border-top: 5px solid var(--sfai-turquoise); border-radius: 22px; box-shadow: 0 15px 38px rgba(7, 56, 68, 0.08); } .smil-floor-airimpact__type--impact { border-top-color: var(--sfai-orange); } .smil-floor-airimpact__type-head { display: flex; align-items: center; gap: 15px; margin-bottom: 16px; } .smil-floor-airimpact__type-icon { display: grid; place-items: center; flex: 0 0 auto; width: 52px; height: 52px; color: var(--sfai-blue); background: var(--sfai-turquoise-light); border-radius: 15px; } .smil-floor-airimpact__type-icon--orange { color: var(--sfai-orange-dark); background: var(--sfai-orange-soft); } .smil-floor-airimpact__type-icon svg { width: 27px; height: 27px; } .smil-floor-airimpact__type-head div { min-width: 0; } .smil-floor-airimpact__type-label { margin: 0 0 3px; color: var(--sfai-blue); font-size: 0.71rem; font-weight: 850; letter-spacing: 0.055em; text-transform: uppercase; } .smil-floor-airimpact__type-head strong { display: block; color: var(--sfai-dark); font-size: 1.2rem; font-weight: 850; } .smil-floor-airimpact__type > p { margin: 0; color: var(--sfai-muted); font-size: 0.91rem; line-height: 1.63; } .smil-floor-airimpact__type ul { display: grid; gap: 8px; margin: 17px 0 0; padding: 15px 0 0; border-top: 1px solid #deecea; list-style: none; } .smil-floor-airimpact__type li { position: relative; padding-left: 20px; color: #4d6870; font-size: 0.82rem; line-height: 1.45; } .smil-floor-airimpact__type li::before { content: ""; position: absolute; top: 0.55em; left: 2px; width: 7px; height: 7px; background: var(--sfai-turquoise); border-radius: 50%; box-shadow: 0 0 0 4px var(--sfai-turquoise-light); } .smil-floor-airimpact__type--impact li::before { background: var(--sfai-orange); box-shadow: 0 0 0 4px var(--sfai-orange-soft); } .smil-floor-airimpact__type-objective { display: grid; grid-template-columns: 39px minmax(0, 1fr); gap: 12px; align-items: center; margin-top: 17px; padding: 14px; background: var(--sfai-turquoise-light); border: 1px solid #c5e7e2; border-radius: 15px; } .smil-floor-airimpact__type-objective--orange { background: var(--sfai-orange-soft); border-color: #efd0b4; } .smil-floor-airimpact__type-objective > span { display: grid; place-items: center; width: 37px; height: 37px; color: var(--sfai-white); background: var(--sfai-blue); border-radius: 11px; font-size: 0.76rem; font-weight: 900; } .smil-floor-airimpact__type-objective--orange > span { background: var(--sfai-orange-dark); } .smil-floor-airimpact__type-objective div { min-width: 0; } .smil-floor-airimpact__type-objective strong { display: block; color: var(--sfai-dark); font-size: 0.88rem; font-weight: 850; } .smil-floor-airimpact__type-objective small { display: block; margin-top: 3px; color: #526a72; font-size: 0.7rem; line-height: 1.4; } /* PERCORSI */ .smil-floor-airimpact__paths { display: grid; grid-template-columns: minmax(300px, 0.77fr) minmax(0, 1.23fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); color: var(--sfai-white); background: radial-gradient( circle at 94% 10%, rgba(0, 169, 145, 0.24) 0, rgba(0, 169, 145, 0) 35% ), linear-gradient( 135deg, var(--sfai-deep) 0%, var(--sfai-dark) 65%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-airimpact__paths .smil-floor-airimpact__section-label { color: #7fe7d9; } .smil-floor-airimpact__paths .smil-floor-airimpact__section-title { color: var(--sfai-white); } .smil-floor-airimpact__paths-copy > p:not(.smil-floor-airimpact__section-label) { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-airimpact__paths-copy p strong { color: var(--sfai-white); } .smil-floor-airimpact__paths-grid { display: grid; gap: 11px; } .smil-floor-airimpact__path { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 12px; align-items: center; padding: 16px; background: rgba(255, 255, 255, 0.09); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 16px; } .smil-floor-airimpact__path--orange { background: rgba(242, 138, 46, 0.18); border-color: rgba(255, 182, 111, 0.28); } .smil-floor-airimpact__path-letter { display: grid; place-items: center; width: 38px; height: 38px; color: var(--sfai-dark); background: #7fe7d9; border-radius: 12px; font-size: 0.79rem; font-weight: 900; } .smil-floor-airimpact__path--orange .smil-floor-airimpact__path-letter { background: #ffb56c; } .smil-floor-airimpact__path-flow { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 0.7fr) auto minmax(0, 1fr) auto minmax(0, 1fr); gap: 7px; align-items: center; } .smil-floor-airimpact__path-flow span { min-width: 0; padding: 9px 7px; color: var(--sfai-white); background: rgba(255, 255, 255, 0.07); border-radius: 9px; font-size: 0.67rem; font-weight: 750; line-height: 1.35; text-align: center; } .smil-floor-airimpact__path-flow b { color: var(--sfai-orange); font-size: 0.9rem; } /* FENOMENI MISTI */ .smil-floor-airimpact__mixed, .smil-floor-airimpact__selection { margin-top: 35px; } .smil-floor-airimpact__mixed-header, .smil-floor-airimpact__selection-header { max-width: 890px; } .smil-floor-airimpact__mixed-header > p:last-child, .smil-floor-airimpact__selection-header > p:last-child { margin: 12px 0 0; color: var(--sfai-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-airimpact__mixed-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 22px; } .smil-floor-airimpact__mixed-card { min-width: 0; padding: 19px 17px; background: var(--sfai-white); border: 1px solid var(--sfai-border); border-radius: 17px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-airimpact__mixed-card > span { display: block; margin-bottom: 13px; color: rgba(7, 56, 68, 0.24); font-size: 1.2rem; font-weight: 900; } .smil-floor-airimpact__mixed-card strong { display: block; margin-bottom: 6px; color: var(--sfai-dark); font-size: 0.91rem; font-weight: 850; line-height: 1.36; } .smil-floor-airimpact__mixed-card p { margin: 0; color: var(--sfai-muted); font-size: 0.78rem; line-height: 1.51; } /* PROGETTAZIONE */ .smil-floor-airimpact__design { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); color: var(--sfai-white); background: linear-gradient( 135deg, var(--sfai-blue) 0%, var(--sfai-turquoise) 100% ); border-radius: 23px; box-shadow: 0 18px 42px rgba(0, 128, 128, 0.2); } .smil-floor-airimpact__design .smil-floor-airimpact__section-label { color: #d7fff8; } .smil-floor-airimpact__design .smil-floor-airimpact__section-title { color: var(--sfai-white); } .smil-floor-airimpact__design-copy > p:not(.smil-floor-airimpact__section-label) { margin: 13px 0 0; color: rgba(241, 255, 252, 0.82); font-size: 0.94rem; line-height: 1.65; } .smil-floor-airimpact__design-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-airimpact__design-item { min-width: 0; padding: 17px 14px; background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 15px; } .smil-floor-airimpact__design-item > span { display: block; margin-bottom: 11px; color: rgba(255, 255, 255, 0.55); font-size: 1.1rem; font-weight: 900; } .smil-floor-airimpact__design-item strong { display: block; color: var(--sfai-white); font-size: 0.88rem; font-weight: 850; } .smil-floor-airimpact__design-item small { display: block; margin-top: 5px; color: rgba(241, 255, 252, 0.68); font-size: 0.69rem; line-height: 1.4; } /* TABELLA */ .smil-floor-airimpact__selection-table { margin-top: 21px; overflow: hidden; background: var(--sfai-white); border: 1px solid var(--sfai-border); border-radius: 19px; box-shadow: 0 13px 33px rgba(7, 56, 68, 0.07); } .smil-floor-airimpact__selection-row { display: grid; grid-template-columns: minmax(170px, 0.7fr) minmax(230px, 1fr) minmax(280px, 1.3fr); } .smil-floor-airimpact__selection-row:not(:last-child) { border-bottom: 1px solid #deecea; } .smil-floor-airimpact__selection-row > * { min-width: 0; padding: 15px 17px; font-size: 0.82rem; line-height: 1.48; } .smil-floor-airimpact__selection-row > *:not(:last-child) { border-right: 1px solid #deecea; } .smil-floor-airimpact__selection-row--head { color: var(--sfai-white); background: var(--sfai-dark); } .smil-floor-airimpact__selection-row--head > span { font-weight: 850; } .smil-floor-airimpact__selection-row strong { color: var(--sfai-dark); font-weight: 850; } .smil-floor-airimpact__selection-row:not(.smil-floor-airimpact__selection-row--head) span { color: var(--sfai-muted); } /* PAVIMENTO ESISTENTE */ .smil-floor-airimpact__existing { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(350px, 0.92fr); gap: clamp(28px, 4.5vw, 55px); align-items: center; margin-top: 33px; padding: clamp(25px, 4vw, 40px); background: var(--sfai-turquoise-light); border: 1px solid #c5e7e2; border-radius: 23px; } .smil-floor-airimpact__existing-copy > p:not(.smil-floor-airimpact__section-label) { margin: 13px 0 0; color: #4f686f; font-size: 0.94rem; line-height: 1.65; } .smil-floor-airimpact__existing-checks { padding: 21px; background: rgba(255, 255, 255, 0.84); border: 1px solid #d0e8e4; border-radius: 18px; } .smil-floor-airimpact__existing-checks > strong { display: block; margin-bottom: 12px; color: var(--sfai-dark); font-size: 0.95rem; font-weight: 850; } .smil-floor-airimpact__existing-checks ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; } .smil-floor-airimpact__existing-checks li { position: relative; padding-left: 20px; color: #456169; font-size: 0.84rem; line-height: 1.49; } .smil-floor-airimpact__existing-checks li::before { content: "✓"; position: absolute; left: 0; color: var(--sfai-turquoise); font-weight: 900; } /* DOMANDE */ .smil-floor-airimpact__questions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 26px; } .smil-floor-airimpact__question, .smil-floor-airimpact__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; padding: 20px 22px; border-radius: 18px; } .smil-floor-airimpact__question { background: var(--sfai-white); border: 1px solid var(--sfai-border); border-left: 5px solid var(--sfai-turquoise); } .smil-floor-airimpact__question-icon, .smil-floor-airimpact__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; background: var(--sfai-turquoise-light); border-radius: 14px; } .smil-floor-airimpact__question-icon { color: var(--sfai-blue); } .smil-floor-airimpact__question-icon svg, .smil-floor-airimpact__warning-icon svg { width: 26px; height: 26px; } .smil-floor-airimpact__question div, .smil-floor-airimpact__warning div { min-width: 0; } .smil-floor-airimpact__question strong, .smil-floor-airimpact__warning strong { display: block; margin: 1px 0 6px; color: var(--sfai-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-airimpact__question p, .smil-floor-airimpact__warning p { margin: 0; font-size: 0.9rem; line-height: 1.62; } .smil-floor-airimpact__question p { color: #48646d; } /* AVVERTENZA */ .smil-floor-airimpact__warning { margin-top: 25px; background: var(--sfai-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sfai-orange); } .smil-floor-airimpact__warning-icon { color: var(--sfai-orange-dark); background: var(--sfai-white); } .smil-floor-airimpact__warning p { color: #595850; } /* METODO */ .smil-floor-airimpact__method { display: grid; grid-template-columns: minmax(280px, 0.78fr) minmax(0, 1.22fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 35px; padding: clamp(25px, 4vw, 40px); background: var(--sfai-white); border: 1px solid var(--sfai-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-airimpact__method-copy > p:last-child { margin: 13px 0 0; color: var(--sfai-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-airimpact__method-copy p strong { color: var(--sfai-dark); } .smil-floor-airimpact__method-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; } .smil-floor-airimpact__method-steps li { min-width: 0; padding: 16px 14px; background: #f6fbfa; border: 1px solid #dcebe9; border-radius: 15px; } .smil-floor-airimpact__method-steps li > span { display: grid; place-items: center; width: 35px; height: 35px; margin-bottom: 11px; color: var(--sfai-white); background: var(--sfai-blue); border-radius: 11px; font-size: 0.78rem; font-weight: 900; } .smil-floor-airimpact__method-steps strong { display: block; margin-bottom: 4px; color: var(--sfai-dark); font-size: 0.86rem; font-weight: 850; } .smil-floor-airimpact__method-steps p { margin: 0; color: var(--sfai-muted); font-size: 0.75rem; line-height: 1.47; } /* CTA */ .smil-floor-airimpact__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 21px 23px; color: var(--sfai-white); background: linear-gradient( 135deg, var(--sfai-blue) 0%, var(--sfai-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-airimpact__cta-copy { display: grid; grid-template-columns: 47px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-airimpact__cta-icon { display: grid; place-items: center; width: 47px; height: 47px; color: var(--sfai-dark); background: rgba(255, 255, 255, 0.87); border-radius: 14px; } .smil-floor-airimpact__cta-icon svg { width: 25px; height: 25px; } .smil-floor-airimpact__cta-copy div { min-width: 0; } .smil-floor-airimpact__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sfai-white); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-airimpact__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.81); font-size: 0.86rem; line-height: 1.5; } .smil-floor-airimpact__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 51px; padding: 12px 18px; color: var(--sfai-white); background: linear-gradient( 135deg, var(--sfai-orange) 0%, var(--sfai-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-airimpact__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-airimpact__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-airimpact__cta-button:hover svg { transform: translateX(3px); } .smil-floor-airimpact__cta-button:focus-visible { outline: 3px solid var(--sfai-white); outline-offset: 4px; } /* TABLET */ @media (max-width: 1050px) { .smil-floor-airimpact__header, .smil-floor-airimpact__paths, .smil-floor-airimpact__design, .smil-floor-airimpact__existing, .smil-floor-airimpact__method { grid-template-columns: minmax(0, 1fr); } .smil-floor-airimpact__intro { max-width: 860px; } .smil-floor-airimpact__mixed-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* MOBILE */ @media (max-width: 760px) { .smil-floor-airimpact { padding: 49px 14px 58px; } .smil-floor-airimpact__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-floor-airimpact__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-airimpact__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-airimpact__comparison, .smil-floor-airimpact__mixed-grid, .smil-floor-airimpact__questions { grid-template-columns: minmax(0, 1fr); } .smil-floor-airimpact__paths, .smil-floor-airimpact__design, .smil-floor-airimpact__existing { padding: 22px 18px; border-radius: 20px; } .smil-floor-airimpact__path-flow { grid-template-columns: minmax(0, 1fr); } .smil-floor-airimpact__path-flow b { transform: rotate(90deg); text-align: center; } .smil-floor-airimpact__selection-table { overflow-x: auto; } .smil-floor-airimpact__selection-row { min-width: 760px; } .smil-floor-airimpact__question, .smil-floor-airimpact__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-airimpact__method { padding: 22px 18px; border-radius: 20px; } .smil-floor-airimpact__method-steps { grid-template-columns: minmax(0, 1fr); } .smil-floor-airimpact__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-airimpact__cta-button { width: 100%; } } /* SMARTPHONE PICCOLI */ @media (max-width: 440px) { .smil-floor-airimpact__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-airimpact__answer, .smil-floor-airimpact__type-objective, .smil-floor-airimpact__path, .smil-floor-airimpact__question, .smil-floor-airimpact__warning, .smil-floor-airimpact__cta-copy { grid-template-columns: minmax(0, 1fr); } .smil-floor-airimpact__design-grid { grid-template-columns: minmax(0, 1fr); } } /* ACCESSIBILITÀ */ @media (prefers-reduced-motion: reduce) { .smil-floor-airimpact__cta-button, .smil-floor-airimpact__cta-button svg { transition: none; } }#imCell_23 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_23 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_23 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_23 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H3 – PASSI, URTI E MOBILI CSS AUTONOMO ========================================================= */ .smil-floor-impactsources, .smil-floor-impactsources *, .smil-floor-impactsources *::before, .smil-floor-impactsources *::after { box-sizing: border-box; } .smil-floor-impactsources { --sfis-dark: #073844; --sfis-deep: #052b35; --sfis-blue: #087c8f; --sfis-turquoise: #00a991; --sfis-turquoise-light: #dff8f4; --sfis-orange: #f28a2e; --sfis-orange-dark: #d66d0e; --sfis-orange-soft: #fff1e4; --sfis-white: #ffffff; --sfis-bg: #ffffff; --sfis-bg-soft: #f3faf9; --sfis-text: #183640; --sfis-muted: #557078; --sfis-border: #cee5e2; position: relative; width: 100%; overflow: hidden; padding: clamp(58px, 7vw, 96px) 20px; color: var(--sfis-text); background: radial-gradient( circle at 97% 3%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 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(--sfis-bg) 0%, var(--sfis-bg-soft) 100% ); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-impactsources__container { width: min(1220px, 100%); margin: 0 auto; } /* INTESTAZIONE */ .smil-floor-impactsources__header { display: grid; grid-template-columns: minmax(0, 0.76fr) minmax(440px, 1.24fr); gap: clamp(30px, 5vw, 70px); align-items: end; } .smil-floor-impactsources__heading { min-width: 0; } .smil-floor-impactsources__eyebrow { display: inline-flex; margin: 0 0 12px; padding: 7px 13px; color: var(--sfis-blue); background: var(--sfis-turquoise-light); border: 1px solid #c5e8e3; border-radius: 999px; font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-impactsources__title { margin: 0; color: var(--sfis-dark); font-size: clamp(1.9rem, 3.55vw, 3.15rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; } .smil-floor-impactsources__intro { max-width: 790px; margin: 0; padding-bottom: 4px; color: var(--sfis-muted); font-size: clamp(1.03rem, 1.55vw, 1.17rem); line-height: 1.73; } .smil-floor-impactsources__intro strong { color: var(--sfis-dark); font-weight: 800; } /* RISPOSTA DIRETTA */ .smil-floor-impactsources__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; margin-top: 34px; padding: 22px 24px; background: var(--sfis-white); border: 1px solid var(--sfis-border); border-left: 5px solid var(--sfis-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-impactsources__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sfis-blue); background: var(--sfis-turquoise-light); border-radius: 15px; } .smil-floor-impactsources__answer-icon svg { width: 28px; height: 28px; } .smil-floor-impactsources__answer-content { min-width: 0; } .smil-floor-impactsources__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sfis-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-impactsources__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } .smil-floor-impactsources__answer-content p strong { color: var(--sfis-dark); font-weight: 800; } /* TITOLI INTERNI */ .smil-floor-impactsources__section-label { margin: 0 0 7px; color: var(--sfis-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-impactsources__section-title { display: block; color: var(--sfis-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* TIPOLOGIE */ .smil-floor-impactsources__types { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 30px; } .smil-floor-impactsources__type { min-width: 0; padding: 21px; background: var(--sfis-white); border: 1px solid var(--sfis-border); border-radius: 20px; box-shadow: 0 13px 33px rgba(7, 56, 68, 0.07); } .smil-floor-impactsources__type-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 16px; } .smil-floor-impactsources__type-icon { display: grid; place-items: center; width: 48px; height: 48px; color: var(--sfis-blue); background: var(--sfis-turquoise-light); border-radius: 14px; } .smil-floor-impactsources__type-icon--orange { color: var(--sfis-orange-dark); background: var(--sfis-orange-soft); } .smil-floor-impactsources__type-icon svg { width: 25px; height: 25px; } .smil-floor-impactsources__type-number { color: rgba(7, 56, 68, 0.22); font-size: 1.28rem; font-weight: 900; } .smil-floor-impactsources__type-title { display: block; margin-bottom: 8px; color: var(--sfis-dark); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-impactsources__type > p { margin: 0; color: var(--sfis-muted); font-size: 0.85rem; line-height: 1.58; } .smil-floor-impactsources__type > small { display: block; margin-top: 12px; padding-top: 11px; color: var(--sfis-blue); border-top: 1px solid #deecea; font-size: 0.75rem; font-weight: 700; line-height: 1.45; } /* PROPAGAZIONE */ .smil-floor-impactsources__propagation { display: grid; grid-template-columns: minmax(300px, 0.77fr) minmax(0, 1.23fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); color: var(--sfis-white); background: radial-gradient( circle at 94% 10%, rgba(0, 169, 145, 0.24) 0, rgba(0, 169, 145, 0) 35% ), linear-gradient( 135deg, var(--sfis-deep) 0%, var(--sfis-dark) 65%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-impactsources__propagation .smil-floor-impactsources__section-label { color: #7fe7d9; } .smil-floor-impactsources__propagation .smil-floor-impactsources__section-title { color: var(--sfis-white); } .smil-floor-impactsources__propagation-copy > p:not(.smil-floor-impactsources__section-label) { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-impactsources__propagation-flow { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr); gap: 8px; align-items: center; } .smil-floor-impactsources__propagation-step, .smil-floor-impactsources__propagation-result { display: grid; grid-template-columns: 33px minmax(0, 1fr); gap: 9px; align-items: center; min-width: 0; padding: 14px 10px; background: rgba(255, 255, 255, 0.085); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 14px; } .smil-floor-impactsources__propagation-step--orange { background: rgba(242, 138, 46, 0.22); border-color: rgba(255, 182, 111, 0.3); } .smil-floor-impactsources__propagation-result { background: rgba(0, 169, 145, 0.21); border-color: rgba(120, 228, 214, 0.27); } .smil-floor-impactsources__propagation-step > span, .smil-floor-impactsources__propagation-result > span { display: grid; place-items: center; width: 31px; height: 31px; color: var(--sfis-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.71rem; font-weight: 900; } .smil-floor-impactsources__propagation-step--orange > span { background: #ffb56c; } .smil-floor-impactsources__propagation-step div, .smil-floor-impactsources__propagation-result div { min-width: 0; } .smil-floor-impactsources__propagation-step strong, .smil-floor-impactsources__propagation-result strong { display: block; color: var(--sfis-white); font-size: 0.75rem; font-weight: 850; } .smil-floor-impactsources__propagation-step small, .smil-floor-impactsources__propagation-result small { display: block; margin-top: 3px; color: rgba(238, 255, 252, 0.65); font-size: 0.61rem; line-height: 1.35; } .smil-floor-impactsources__propagation-arrow { color: var(--sfis-orange); font-size: 1.15rem; font-weight: 900; } /* FATTORI */ .smil-floor-impactsources__factors { margin-top: 35px; } .smil-floor-impactsources__factors-header { max-width: 890px; } .smil-floor-impactsources__factors-header > p:last-child { margin: 12px 0 0; color: var(--sfis-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-impactsources__factors-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 22px; } .smil-floor-impactsources__factor { min-width: 0; padding: 19px 17px; background: var(--sfis-white); border: 1px solid var(--sfis-border); border-radius: 17px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-impactsources__factor > span { display: block; margin-bottom: 13px; color: rgba(7, 56, 68, 0.24); font-size: 1.2rem; font-weight: 900; } .smil-floor-impactsources__factor strong { display: block; margin-bottom: 6px; color: var(--sfis-dark); font-size: 0.91rem; font-weight: 850; line-height: 1.36; } .smil-floor-impactsources__factor p { margin: 0; color: var(--sfis-muted); font-size: 0.78rem; line-height: 1.51; } /* LATI DI INTERVENTO */ .smil-floor-impactsources__sides, .smil-floor-impactsources__simple { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(25px, 4vw, 40px); background: var(--sfis-white); border: 1px solid var(--sfis-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-impactsources__sides-copy > p:not(.smil-floor-impactsources__section-label), .smil-floor-impactsources__simple-copy > p:not(.smil-floor-impactsources__section-label) { margin: 13px 0 0; color: var(--sfis-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-impactsources__sides-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .smil-floor-impactsources__side { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 13px; padding: 19px; background: var(--sfis-turquoise-light); border: 1px solid #c5e7e2; border-radius: 17px; } .smil-floor-impactsources__side--orange { background: var(--sfis-orange-soft); border-color: #efd0b4; } .smil-floor-impactsources__side-icon { display: grid; place-items: center; width: 44px; height: 44px; color: var(--sfis-white); background: var(--sfis-blue); border-radius: 13px; font-size: 0.78rem; font-weight: 900; } .smil-floor-impactsources__side-icon--orange { background: var(--sfis-orange-dark); } .smil-floor-impactsources__side > div { min-width: 0; } .smil-floor-impactsources__side-label { margin: 0 0 4px; color: var(--sfis-blue); font-size: 0.68rem; font-weight: 850; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-impactsources__side strong { display: block; color: var(--sfis-dark); font-size: 0.91rem; font-weight: 850; line-height: 1.36; } .smil-floor-impactsources__side div > p:last-child { margin: 7px 0 0; color: #526970; font-size: 0.78rem; line-height: 1.5; } /* SISTEMA */ .smil-floor-impactsources__system { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); color: var(--sfis-white); background: linear-gradient( 135deg, var(--sfis-blue) 0%, var(--sfis-turquoise) 100% ); border-radius: 23px; box-shadow: 0 18px 42px rgba(0, 128, 128, 0.2); } .smil-floor-impactsources__system .smil-floor-impactsources__section-label { color: #d7fff8; } .smil-floor-impactsources__system .smil-floor-impactsources__section-title { color: var(--sfis-white); } .smil-floor-impactsources__system-copy > p:not(.smil-floor-impactsources__section-label) { margin: 13px 0 0; color: rgba(241, 255, 252, 0.82); font-size: 0.94rem; line-height: 1.65; } .smil-floor-impactsources__system-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-impactsources__system-grid > div { min-width: 0; padding: 17px 14px; background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 15px; } .smil-floor-impactsources__system-grid span { display: block; margin-bottom: 11px; color: rgba(255, 255, 255, 0.55); font-size: 1.1rem; font-weight: 900; } .smil-floor-impactsources__system-grid strong { display: block; color: var(--sfis-white); font-size: 0.88rem; font-weight: 850; } .smil-floor-impactsources__system-grid small { display: block; margin-top: 5px; color: rgba(241, 255, 252, 0.68); font-size: 0.69rem; line-height: 1.4; } /* SOLUZIONI SEMPLICI */ .smil-floor-impactsources__simple { background: var(--sfis-turquoise-light); border-color: #c5e7e2; box-shadow: none; } .smil-floor-impactsources__simple-list { display: grid; gap: 10px; } .smil-floor-impactsources__simple-list > div { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 11px; align-items: center; padding: 15px; background: rgba(255, 255, 255, 0.86); border: 1px solid #d0e8e4; border-radius: 15px; } .smil-floor-impactsources__simple-list > .smil-floor-impactsources__simple-list-warning { background: var(--sfis-orange-soft); border-color: #efd0b4; } .smil-floor-impactsources__simple-list span { display: grid; place-items: center; width: 36px; height: 36px; color: var(--sfis-white); background: var(--sfis-turquoise); border-radius: 11px; font-weight: 900; } .smil-floor-impactsources__simple-list-warning span { background: var(--sfis-orange-dark); } .smil-floor-impactsources__simple-list p { margin: 0; color: #526970; font-size: 0.78rem; line-height: 1.48; } .smil-floor-impactsources__simple-list strong { display: block; margin-bottom: 2px; color: var(--sfis-dark); font-size: 0.88rem; font-weight: 850; } /* PAVIMENTO ESISTENTE */ .smil-floor-impactsources__existing { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(350px, 0.92fr); gap: clamp(28px, 4.5vw, 55px); align-items: center; margin-top: 33px; padding: clamp(25px, 4vw, 40px); background: var(--sfis-white); border: 1px solid var(--sfis-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-impactsources__existing-copy > p:not(.smil-floor-impactsources__section-label) { margin: 13px 0 0; color: var(--sfis-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-impactsources__existing-copy p strong { color: var(--sfis-dark); } .smil-floor-impactsources__existing-checks { padding: 21px; background: var(--sfis-turquoise-light); border: 1px solid #c5e7e2; border-radius: 18px; } .smil-floor-impactsources__existing-checks > strong { display: block; margin-bottom: 12px; color: var(--sfis-dark); font-size: 0.95rem; font-weight: 850; } .smil-floor-impactsources__existing-checks ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; } .smil-floor-impactsources__existing-checks li { position: relative; padding-left: 20px; color: #456169; font-size: 0.84rem; line-height: 1.49; } .smil-floor-impactsources__existing-checks li::before { content: "✓"; position: absolute; left: 0; color: var(--sfis-turquoise); font-weight: 900; } /* DOMANDE E AVVERTENZA */ .smil-floor-impactsources__questions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 26px; } .smil-floor-impactsources__question, .smil-floor-impactsources__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; padding: 20px 22px; border-radius: 18px; } .smil-floor-impactsources__question { background: var(--sfis-white); border: 1px solid var(--sfis-border); border-left: 5px solid var(--sfis-turquoise); } .smil-floor-impactsources__question-icon, .smil-floor-impactsources__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; background: var(--sfis-turquoise-light); border-radius: 14px; } .smil-floor-impactsources__question-icon { color: var(--sfis-blue); } .smil-floor-impactsources__question-icon svg, .smil-floor-impactsources__warning-icon svg { width: 26px; height: 26px; } .smil-floor-impactsources__question div, .smil-floor-impactsources__warning div { min-width: 0; } .smil-floor-impactsources__question strong, .smil-floor-impactsources__warning strong { display: block; margin: 1px 0 6px; color: var(--sfis-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-impactsources__question p, .smil-floor-impactsources__warning p { margin: 0; font-size: 0.9rem; line-height: 1.62; } .smil-floor-impactsources__question p { color: #48646d; } .smil-floor-impactsources__warning { margin-top: 25px; background: var(--sfis-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sfis-orange); } .smil-floor-impactsources__warning-icon { color: var(--sfis-orange-dark); background: var(--sfis-white); } .smil-floor-impactsources__warning p { color: #595850; } /* METODO */ .smil-floor-impactsources__method { display: grid; grid-template-columns: minmax(280px, 0.78fr) minmax(0, 1.22fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 35px; padding: clamp(25px, 4vw, 40px); background: var(--sfis-white); border: 1px solid var(--sfis-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-impactsources__method-copy > p:last-child { margin: 13px 0 0; color: var(--sfis-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-impactsources__method-copy p strong { color: var(--sfis-dark); } .smil-floor-impactsources__method-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; } .smil-floor-impactsources__method-steps li { min-width: 0; padding: 16px 14px; background: #f6fbfa; border: 1px solid #dcebe9; border-radius: 15px; } .smil-floor-impactsources__method-steps li > span { display: grid; place-items: center; width: 35px; height: 35px; margin-bottom: 11px; color: var(--sfis-white); background: var(--sfis-blue); border-radius: 11px; font-size: 0.78rem; font-weight: 900; } .smil-floor-impactsources__method-steps strong { display: block; margin-bottom: 4px; color: var(--sfis-dark); font-size: 0.86rem; font-weight: 850; } .smil-floor-impactsources__method-steps p { margin: 0; color: var(--sfis-muted); font-size: 0.75rem; line-height: 1.47; } /* CTA */ .smil-floor-impactsources__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 21px 23px; color: var(--sfis-white); background: linear-gradient( 135deg, var(--sfis-blue) 0%, var(--sfis-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-impactsources__cta-copy { display: grid; grid-template-columns: 47px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-impactsources__cta-icon { display: grid; place-items: center; width: 47px; height: 47px; color: var(--sfis-dark); background: rgba(255, 255, 255, 0.87); border-radius: 14px; } .smil-floor-impactsources__cta-icon svg { width: 25px; height: 25px; } .smil-floor-impactsources__cta-copy div { min-width: 0; } .smil-floor-impactsources__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sfis-white); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-impactsources__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.81); font-size: 0.86rem; line-height: 1.5; } .smil-floor-impactsources__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 51px; padding: 12px 18px; color: var(--sfis-white); background: linear-gradient( 135deg, var(--sfis-orange) 0%, var(--sfis-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-impactsources__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-impactsources__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-impactsources__cta-button:hover svg { transform: translateX(3px); } .smil-floor-impactsources__cta-button:focus-visible { outline: 3px solid var(--sfis-white); outline-offset: 4px; } /* TABLET */ @media (max-width: 1050px) { .smil-floor-impactsources__header, .smil-floor-impactsources__propagation, .smil-floor-impactsources__sides, .smil-floor-impactsources__system, .smil-floor-impactsources__simple, .smil-floor-impactsources__existing, .smil-floor-impactsources__method { grid-template-columns: minmax(0, 1fr); } .smil-floor-impactsources__types, .smil-floor-impactsources__factors-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* MOBILE */ @media (max-width: 760px) { .smil-floor-impactsources { padding: 49px 14px 58px; } .smil-floor-impactsources__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-floor-impactsources__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-impactsources__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-impactsources__types, .smil-floor-impactsources__factors-grid, .smil-floor-impactsources__sides-grid, .smil-floor-impactsources__questions { grid-template-columns: minmax(0, 1fr); } .smil-floor-impactsources__propagation, .smil-floor-impactsources__sides, .smil-floor-impactsources__system, .smil-floor-impactsources__simple, .smil-floor-impactsources__existing { padding: 22px 18px; border-radius: 20px; } .smil-floor-impactsources__propagation-flow { grid-template-columns: minmax(0, 1fr); gap: 7px; } .smil-floor-impactsources__propagation-arrow { transform: rotate(90deg); text-align: center; } .smil-floor-impactsources__question, .smil-floor-impactsources__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-impactsources__method { padding: 22px 18px; border-radius: 20px; } .smil-floor-impactsources__method-steps { grid-template-columns: minmax(0, 1fr); } .smil-floor-impactsources__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-impactsources__cta-button { width: 100%; } } /* SMARTPHONE PICCOLI */ @media (max-width: 440px) { .smil-floor-impactsources__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-impactsources__answer, .smil-floor-impactsources__side, .smil-floor-impactsources__simple-list > div, .smil-floor-impactsources__question, .smil-floor-impactsources__warning, .smil-floor-impactsources__cta-copy { grid-template-columns: minmax(0, 1fr); } .smil-floor-impactsources__system-grid { grid-template-columns: minmax(0, 1fr); } } /* ACCESSIBILITÀ */ @media (prefers-reduced-motion: reduce) { .smil-floor-impactsources__cta-button, .smil-floor-impactsources__cta-button svg { transition: none; } }#imCell_24 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_24 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_24 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_24 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H3 – RUMORE TRASMESSO AL PIANO SOTTOSTANTE CSS AUTONOMO ========================================================= */ .smil-floor-downimpact, .smil-floor-downimpact *, .smil-floor-downimpact *::before, .smil-floor-downimpact *::after { box-sizing: border-box; } .smil-floor-downimpact { --sfdi-dark: #073844; --sfdi-deep: #052b35; --sfdi-blue: #087c8f; --sfdi-turquoise: #00a991; --sfdi-turquoise-light: #dff8f4; --sfdi-orange: #f28a2e; --sfdi-orange-dark: #d66d0e; --sfdi-orange-soft: #fff1e4; --sfdi-white: #ffffff; --sfdi-bg: #ffffff; --sfdi-bg-soft: #f3faf9; --sfdi-text: #183640; --sfdi-muted: #557078; --sfdi-border: #cee5e2; position: relative; width: 100%; overflow: hidden; padding: clamp(58px, 7vw, 96px) 20px; color: var(--sfdi-text); background: radial-gradient( circle at 97% 3%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 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(--sfdi-bg) 0%, var(--sfdi-bg-soft) 100% ); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-downimpact__container { width: min(1220px, 100%); margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-floor-downimpact__header { display: grid; grid-template-columns: minmax(0, 0.76fr) minmax(440px, 1.24fr); gap: clamp(30px, 5vw, 70px); align-items: end; } .smil-floor-downimpact__heading { min-width: 0; } .smil-floor-downimpact__eyebrow { display: inline-flex; margin: 0 0 12px; padding: 7px 13px; color: var(--sfdi-blue); background: var(--sfdi-turquoise-light); border: 1px solid #c5e8e3; border-radius: 999px; font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-downimpact__title { margin: 0; color: var(--sfdi-dark); font-size: clamp(1.9rem, 3.55vw, 3.15rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; } .smil-floor-downimpact__intro { max-width: 790px; margin: 0; padding-bottom: 4px; color: var(--sfdi-muted); font-size: clamp(1.03rem, 1.55vw, 1.17rem); line-height: 1.73; } /* ========================================================= RISPOSTA DIRETTA ========================================================= */ .smil-floor-downimpact__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; margin-top: 34px; padding: 22px 24px; background: var(--sfdi-white); border: 1px solid var(--sfdi-border); border-left: 5px solid var(--sfdi-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-downimpact__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sfdi-blue); background: var(--sfdi-turquoise-light); border-radius: 15px; } .smil-floor-downimpact__answer-icon svg { width: 28px; height: 28px; } .smil-floor-downimpact__answer-content { min-width: 0; } .smil-floor-downimpact__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sfdi-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-downimpact__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } .smil-floor-downimpact__answer-content p strong { color: var(--sfdi-dark); font-weight: 800; } /* ========================================================= TITOLI INTERNI ========================================================= */ .smil-floor-downimpact__section-label { margin: 0 0 7px; color: var(--sfdi-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-downimpact__section-title { display: block; color: var(--sfdi-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* ========================================================= PERCEZIONE ========================================================= */ .smil-floor-downimpact__perception, .smil-floor-downimpact__factors, .smil-floor-downimpact__limits { margin-top: 35px; } .smil-floor-downimpact__perception-header, .smil-floor-downimpact__factors-header, .smil-floor-downimpact__limits-header { max-width: 900px; } .smil-floor-downimpact__perception-header > p:last-child, .smil-floor-downimpact__factors-header > p:last-child, .smil-floor-downimpact__limits-header > p:last-child { margin: 12px 0 0; color: var(--sfdi-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-downimpact__perception-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 22px; } .smil-floor-downimpact__perception-card { min-width: 0; padding: 19px 17px; background: var(--sfdi-white); border: 1px solid var(--sfdi-border); border-radius: 17px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-downimpact__perception-number { display: block; margin-bottom: 13px; color: rgba(7, 56, 68, 0.24); font-size: 1.2rem; font-weight: 900; } .smil-floor-downimpact__perception-card strong { display: block; margin-bottom: 6px; color: var(--sfdi-dark); font-size: 0.91rem; font-weight: 850; line-height: 1.36; } .smil-floor-downimpact__perception-card p { margin: 0; color: var(--sfdi-muted); font-size: 0.78rem; line-height: 1.51; } /* ========================================================= PERCORSO DEL RUMORE ========================================================= */ .smil-floor-downimpact__path { display: grid; grid-template-columns: minmax(300px, 0.77fr) minmax(0, 1.23fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); color: var(--sfdi-white); background: radial-gradient( circle at 94% 10%, rgba(0, 169, 145, 0.24) 0, rgba(0, 169, 145, 0) 35% ), linear-gradient( 135deg, var(--sfdi-deep) 0%, var(--sfdi-dark) 65%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-downimpact__path .smil-floor-downimpact__section-label { color: #7fe7d9; } .smil-floor-downimpact__path .smil-floor-downimpact__section-title { color: var(--sfdi-white); } .smil-floor-downimpact__path-copy > p:not(.smil-floor-downimpact__section-label) { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-downimpact__path-flow { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr); gap: 8px; align-items: center; } .smil-floor-downimpact__path-step, .smil-floor-downimpact__path-result { display: grid; grid-template-columns: 33px minmax(0, 1fr); gap: 9px; align-items: center; min-width: 0; padding: 14px 10px; background: rgba(255, 255, 255, 0.085); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 14px; } .smil-floor-downimpact__path-step--orange { background: rgba(242, 138, 46, 0.22); border-color: rgba(255, 182, 111, 0.3); } .smil-floor-downimpact__path-result { background: rgba(0, 169, 145, 0.21); border-color: rgba(120, 228, 214, 0.27); } .smil-floor-downimpact__path-step > span, .smil-floor-downimpact__path-result > span { display: grid; place-items: center; width: 31px; height: 31px; color: var(--sfdi-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.71rem; font-weight: 900; } .smil-floor-downimpact__path-step--orange > span { background: #ffb56c; } .smil-floor-downimpact__path-step div, .smil-floor-downimpact__path-result div { min-width: 0; } .smil-floor-downimpact__path-step strong, .smil-floor-downimpact__path-result strong { display: block; color: var(--sfdi-white); font-size: 0.75rem; font-weight: 850; } .smil-floor-downimpact__path-step small, .smil-floor-downimpact__path-result small { display: block; margin-top: 3px; color: rgba(238, 255, 252, 0.65); font-size: 0.61rem; line-height: 1.35; } .smil-floor-downimpact__path-arrow { display: grid; place-items: center; color: var(--sfdi-orange); font-size: 1.15rem; font-weight: 900; } /* ========================================================= FATTORI ========================================================= */ .smil-floor-downimpact__factors-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 22px; } .smil-floor-downimpact__factor { min-width: 0; padding: 19px 17px; background: var(--sfdi-white); border: 1px solid var(--sfdi-border); border-radius: 17px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-downimpact__factor > span { display: block; margin-bottom: 13px; color: rgba(7, 56, 68, 0.24); font-size: 1.2rem; font-weight: 900; } .smil-floor-downimpact__factor strong { display: block; margin-bottom: 6px; color: var(--sfdi-dark); font-size: 0.91rem; font-weight: 850; line-height: 1.36; } .smil-floor-downimpact__factor p { margin: 0; color: var(--sfdi-muted); font-size: 0.78rem; line-height: 1.51; } /* ========================================================= INTERVENTO ALLA SORGENTE ========================================================= */ .smil-floor-downimpact__source { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(25px, 4vw, 40px); background: var(--sfdi-white); border: 1px solid var(--sfdi-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-downimpact__source-copy > p:not(.smil-floor-downimpact__section-label) { margin: 13px 0 0; color: var(--sfdi-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-downimpact__source-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .smil-floor-downimpact__source-card { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 13px; align-items: flex-start; min-width: 0; padding: 19px; background: var(--sfdi-turquoise-light); border: 1px solid #c5e7e2; border-radius: 17px; } .smil-floor-downimpact__source-card--orange { background: var(--sfdi-orange-soft); border-color: #efd0b4; } .smil-floor-downimpact__source-icon { display: grid; place-items: center; width: 46px; height: 46px; color: var(--sfdi-blue); background: var(--sfdi-white); border-radius: 14px; } .smil-floor-downimpact__source-icon--orange { color: var(--sfdi-orange-dark); } .smil-floor-downimpact__source-icon svg { width: 24px; height: 24px; } .smil-floor-downimpact__source-card > div { min-width: 0; } .smil-floor-downimpact__source-label { margin: 0 0 4px; color: var(--sfdi-blue); font-size: 0.67rem; font-weight: 850; line-height: 1.4; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-downimpact__source-card strong { display: block; color: var(--sfdi-dark); font-size: 0.91rem; font-weight: 850; line-height: 1.36; } .smil-floor-downimpact__source-card div > p:last-child { margin: 7px 0 0; color: #526970; font-size: 0.78rem; line-height: 1.5; } /* ========================================================= SISTEMA ANTICALPESTIO ========================================================= */ .smil-floor-downimpact__system { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); color: var(--sfdi-white); background: linear-gradient( 135deg, var(--sfdi-blue) 0%, var(--sfdi-turquoise) 100% ); border-radius: 23px; box-shadow: 0 18px 42px rgba(0, 128, 128, 0.2); } .smil-floor-downimpact__system .smil-floor-downimpact__section-label { color: #d7fff8; } .smil-floor-downimpact__system .smil-floor-downimpact__section-title { color: var(--sfdi-white); } .smil-floor-downimpact__system-copy > p:not(.smil-floor-downimpact__section-label) { margin: 13px 0 0; color: rgba(241, 255, 252, 0.82); font-size: 0.94rem; line-height: 1.65; } .smil-floor-downimpact__system-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-downimpact__system-grid > div { min-width: 0; padding: 17px 14px; background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 15px; } .smil-floor-downimpact__system-grid span { display: block; margin-bottom: 11px; color: rgba(255, 255, 255, 0.55); font-size: 1.1rem; font-weight: 900; } .smil-floor-downimpact__system-grid strong { display: block; color: var(--sfdi-white); font-size: 0.88rem; font-weight: 850; } .smil-floor-downimpact__system-grid small { display: block; margin-top: 5px; color: rgba(241, 255, 252, 0.68); font-size: 0.69rem; line-height: 1.4; } /* ========================================================= PAVIMENTO ESISTENTE ========================================================= */ .smil-floor-downimpact__existing { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(350px, 0.92fr); gap: clamp(28px, 4.5vw, 55px); align-items: center; margin-top: 33px; padding: clamp(25px, 4vw, 40px); background: var(--sfdi-turquoise-light); border: 1px solid #c5e7e2; border-radius: 23px; } .smil-floor-downimpact__existing-copy > p:not(.smil-floor-downimpact__section-label) { margin: 13px 0 0; color: #4f686f; font-size: 0.94rem; line-height: 1.65; } .smil-floor-downimpact__existing-copy p strong { color: var(--sfdi-dark); font-weight: 800; } .smil-floor-downimpact__existing-checks { padding: 21px; background: rgba(255, 255, 255, 0.84); border: 1px solid #d0e8e4; border-radius: 18px; } .smil-floor-downimpact__existing-checks > strong { display: block; margin-bottom: 12px; color: var(--sfdi-dark); font-size: 0.95rem; font-weight: 850; } .smil-floor-downimpact__existing-checks ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; } .smil-floor-downimpact__existing-checks li { position: relative; padding-left: 20px; color: #456169; font-size: 0.84rem; line-height: 1.49; } .smil-floor-downimpact__existing-checks li::before { content: "✓"; position: absolute; left: 0; color: var(--sfdi-turquoise); font-weight: 900; } /* ========================================================= LIMITI ========================================================= */ .smil-floor-downimpact__limits-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 22px; } .smil-floor-downimpact__limit { min-width: 0; padding: 19px 17px; background: var(--sfdi-white); border: 1px solid var(--sfdi-border); border-radius: 17px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-downimpact__limit > span { display: block; margin-bottom: 13px; color: rgba(7, 56, 68, 0.24); font-size: 1.2rem; font-weight: 900; } .smil-floor-downimpact__limit strong { display: block; margin-bottom: 6px; color: var(--sfdi-dark); font-size: 0.91rem; font-weight: 850; line-height: 1.36; } .smil-floor-downimpact__limit p { margin: 0; color: var(--sfdi-muted); font-size: 0.78rem; line-height: 1.51; } /* ========================================================= DOMANDE E AVVERTENZA ========================================================= */ .smil-floor-downimpact__questions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 26px; } .smil-floor-downimpact__question, .smil-floor-downimpact__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; padding: 20px 22px; border-radius: 18px; } .smil-floor-downimpact__question { background: var(--sfdi-white); border: 1px solid var(--sfdi-border); border-left: 5px solid var(--sfdi-turquoise); } .smil-floor-downimpact__question-icon, .smil-floor-downimpact__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; background: var(--sfdi-turquoise-light); border-radius: 14px; } .smil-floor-downimpact__question-icon { color: var(--sfdi-blue); } .smil-floor-downimpact__question-icon svg, .smil-floor-downimpact__warning-icon svg { width: 26px; height: 26px; } .smil-floor-downimpact__question div, .smil-floor-downimpact__warning div { min-width: 0; } .smil-floor-downimpact__question strong, .smil-floor-downimpact__warning strong { display: block; margin: 1px 0 6px; color: var(--sfdi-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-downimpact__question p, .smil-floor-downimpact__warning p { margin: 0; font-size: 0.9rem; line-height: 1.62; } .smil-floor-downimpact__question p { color: #48646d; } .smil-floor-downimpact__warning { margin-top: 25px; background: var(--sfdi-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sfdi-orange); } .smil-floor-downimpact__warning-icon { color: var(--sfdi-orange-dark); background: var(--sfdi-white); } .smil-floor-downimpact__warning p { color: #595850; } /* ========================================================= METODO ========================================================= */ .smil-floor-downimpact__method { display: grid; grid-template-columns: minmax(280px, 0.73fr) minmax(0, 1.27fr); gap: clamp(30px, 5vw, 62px); align-items: center; margin-top: 35px; padding: clamp(25px, 4vw, 41px); background: var(--sfdi-white); border: 1px solid var(--sfdi-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-downimpact__method-copy > p:last-child { margin: 13px 0 0; color: var(--sfdi-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-downimpact__method-copy p strong { color: var(--sfdi-dark); font-weight: 800; } .smil-floor-downimpact__method-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; margin: 0; padding: 0; list-style: none; } .smil-floor-downimpact__method-steps li { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; padding: 14px; background: #f6fbfa; border: 1px solid #dcebe9; border-radius: 15px; } .smil-floor-downimpact__method-steps li > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfdi-white); background: var(--sfdi-blue); border-radius: 11px; font-size: 0.79rem; font-weight: 900; } .smil-floor-downimpact__method-steps li div { min-width: 0; } .smil-floor-downimpact__method-steps strong { display: block; margin: 1px 0 3px; color: var(--sfdi-dark); font-size: 0.88rem; font-weight: 800; line-height: 1.35; } .smil-floor-downimpact__method-steps p { margin: 0; color: #5a7179; font-size: 0.78rem; line-height: 1.48; } /* ========================================================= CTA ========================================================= */ .smil-floor-downimpact__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 21px 23px; color: var(--sfdi-white); background: linear-gradient( 135deg, var(--sfdi-blue) 0%, var(--sfdi-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-downimpact__cta-copy { display: grid; grid-template-columns: 47px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-downimpact__cta-icon { display: grid; place-items: center; width: 47px; height: 47px; color: var(--sfdi-dark); background: rgba(255, 255, 255, 0.87); border-radius: 14px; } .smil-floor-downimpact__cta-icon svg { width: 25px; height: 25px; } .smil-floor-downimpact__cta-copy div { min-width: 0; } .smil-floor-downimpact__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sfdi-white); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-downimpact__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.81); font-size: 0.86rem; line-height: 1.5; } .smil-floor-downimpact__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 51px; padding: 12px 18px; color: var(--sfdi-white); background: linear-gradient( 135deg, var(--sfdi-orange) 0%, var(--sfdi-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-downimpact__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-downimpact__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-downimpact__cta-button:hover svg { transform: translateX(3px); } .smil-floor-downimpact__cta-button:focus-visible { outline: 3px solid var(--sfdi-white); outline-offset: 4px; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1050px) { .smil-floor-downimpact__header, .smil-floor-downimpact__path, .smil-floor-downimpact__source, .smil-floor-downimpact__system, .smil-floor-downimpact__existing, .smil-floor-downimpact__method { grid-template-columns: minmax(0, 1fr); } .smil-floor-downimpact__perception-grid, .smil-floor-downimpact__limits-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-floor-downimpact__factors-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 760px) { .smil-floor-downimpact { padding: 49px 14px 58px; } .smil-floor-downimpact__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-floor-downimpact__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-downimpact__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-downimpact__perception-grid, .smil-floor-downimpact__factors-grid, .smil-floor-downimpact__source-grid, .smil-floor-downimpact__limits-grid, .smil-floor-downimpact__questions { grid-template-columns: minmax(0, 1fr); } .smil-floor-downimpact__path, .smil-floor-downimpact__source, .smil-floor-downimpact__system, .smil-floor-downimpact__existing { padding: 22px 18px; border-radius: 20px; } .smil-floor-downimpact__path-flow { grid-template-columns: minmax(0, 1fr); gap: 7px; } .smil-floor-downimpact__path-arrow { text-align: center; } .smil-floor-downimpact__question, .smil-floor-downimpact__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-downimpact__method { padding: 22px 18px; border-radius: 20px; } .smil-floor-downimpact__method-steps { grid-template-columns: minmax(0, 1fr); } .smil-floor-downimpact__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-downimpact__cta-button { width: 100%; } } /* ========================================================= SMARTPHONE PICCOLI ========================================================= */ @media (max-width: 440px) { .smil-floor-downimpact__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-downimpact__answer, .smil-floor-downimpact__source-card, .smil-floor-downimpact__question, .smil-floor-downimpact__warning, .smil-floor-downimpact__cta-copy { grid-template-columns: minmax(0, 1fr); } .smil-floor-downimpact__system-grid { grid-template-columns: minmax(0, 1fr); } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-floor-downimpact__cta-button, .smil-floor-downimpact__cta-button svg { transition: none; } }#imCell_25 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_25 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_25 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_25 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H3 – DISACCOPPIAMENTO CSS AUTONOMO ========================================================= */ .smil-floor-decouple, .smil-floor-decouple *, .smil-floor-decouple *::before, .smil-floor-decouple *::after { box-sizing: border-box; } .smil-floor-decouple { --sfdc-dark: #073844; --sfdc-deep: #052b35; --sfdc-blue: #087c8f; --sfdc-turquoise: #00a991; --sfdc-turquoise-light: #dff8f4; --sfdc-orange: #f28a2e; --sfdc-orange-dark: #d66d0e; --sfdc-orange-soft: #fff1e4; --sfdc-white: #ffffff; --sfdc-bg: #ffffff; --sfdc-bg-soft: #f3faf9; --sfdc-text: #183640; --sfdc-muted: #557078; --sfdc-border: #cee5e2; position: relative; width: 100%; overflow: hidden; padding: clamp(58px, 7vw, 96px) 20px; color: var(--sfdc-text); background: radial-gradient( circle at 97% 3%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 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(--sfdc-bg) 0%, var(--sfdc-bg-soft) 100% ); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-decouple__container { width: min(1220px, 100%); margin: 0 auto; } /* INTESTAZIONE */ .smil-floor-decouple__header { display: grid; grid-template-columns: minmax(0, 0.72fr) minmax(440px, 1.28fr); gap: clamp(30px, 5vw, 70px); align-items: end; } .smil-floor-decouple__heading { min-width: 0; } .smil-floor-decouple__eyebrow { display: inline-flex; margin: 0 0 12px; padding: 7px 13px; color: var(--sfdc-blue); background: var(--sfdc-turquoise-light); border: 1px solid #c5e8e3; border-radius: 999px; font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-decouple__title { margin: 0; color: var(--sfdc-dark); font-size: clamp(1.9rem, 3.55vw, 3.15rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; } .smil-floor-decouple__intro { max-width: 800px; margin: 0; padding-bottom: 4px; color: var(--sfdc-muted); font-size: clamp(1.03rem, 1.55vw, 1.17rem); line-height: 1.73; } .smil-floor-decouple__intro strong { color: var(--sfdc-dark); font-weight: 800; } /* RISPOSTA DIRETTA */ .smil-floor-decouple__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; margin-top: 34px; padding: 22px 24px; background: var(--sfdc-white); border: 1px solid var(--sfdc-border); border-left: 5px solid var(--sfdc-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-decouple__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sfdc-blue); background: var(--sfdc-turquoise-light); border-radius: 15px; } .smil-floor-decouple__answer-icon svg { width: 28px; height: 28px; } .smil-floor-decouple__answer-content { min-width: 0; } .smil-floor-decouple__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sfdc-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-decouple__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } /* TITOLI INTERNI */ .smil-floor-decouple__section-label { margin: 0 0 7px; color: var(--sfdc-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-decouple__section-title { display: block; color: var(--sfdc-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* PRINCIPIO */ .smil-floor-decouple__principle { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 31px; padding: clamp(26px, 4vw, 42px); color: var(--sfdc-white); background: radial-gradient( circle at 94% 10%, rgba(0, 169, 145, 0.24) 0, rgba(0, 169, 145, 0) 35% ), linear-gradient( 135deg, var(--sfdc-deep) 0%, var(--sfdc-dark) 65%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-decouple__principle .smil-floor-decouple__section-label { color: #7fe7d9; } .smil-floor-decouple__principle .smil-floor-decouple__section-title { color: var(--sfdc-white); } .smil-floor-decouple__principle-copy > p:not(.smil-floor-decouple__section-label) { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-decouple__diagram { display: grid; grid-template-columns: minmax(0, 1fr) 44px minmax(0, 1fr); gap: 12px; align-items: center; } .smil-floor-decouple__diagram-card { min-width: 0; padding: 18px; background: rgba(255, 255, 255, 0.085); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 17px; } .smil-floor-decouple__diagram-card--good { background: rgba(0, 169, 145, 0.18); border-color: rgba(120, 228, 214, 0.27); } .smil-floor-decouple__diagram-label { margin: 0 0 12px; color: var(--sfdc-white); font-size: 0.84rem; font-weight: 850; text-align: center; } .smil-floor-decouple__layers { display: grid; gap: 5px; } .smil-floor-decouple__layer { display: block; padding: 8px 10px; color: var(--sfdc-dark); background: rgba(255, 255, 255, 0.9); border-radius: 8px; font-size: 0.68rem; font-weight: 800; text-align: center; } .smil-floor-decouple__layer--rigid { color: var(--sfdc-white); background: var(--sfdc-orange-dark); } .smil-floor-decouple__layer--elastic { color: var(--sfdc-dark); background: #7fe7d9; } .smil-floor-decouple__layer--slab { color: var(--sfdc-white); background: rgba(255, 255, 255, 0.18); border: 1px solid rgba(255, 255, 255, 0.18); } .smil-floor-decouple__diagram-card small { display: block; margin-top: 11px; color: rgba(238, 255, 252, 0.66); font-size: 0.69rem; line-height: 1.4; text-align: center; } .smil-floor-decouple__diagram-symbol { display: grid; place-items: center; color: var(--sfdc-orange); font-size: 1.5rem; font-weight: 900; } /* AREE */ .smil-floor-decouple__areas { margin-top: 35px; } .smil-floor-decouple__areas-header { max-width: 900px; } .smil-floor-decouple__areas-header > p:last-child { margin: 12px 0 0; color: var(--sfdc-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-decouple__areas-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 22px; } .smil-floor-decouple__area { min-width: 0; padding: 19px 17px; background: var(--sfdc-white); border: 1px solid var(--sfdc-border); border-radius: 17px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-decouple__area-number { display: block; margin-bottom: 13px; color: rgba(7, 56, 68, 0.24); font-size: 1.2rem; font-weight: 900; } .smil-floor-decouple__area strong { display: block; margin-bottom: 6px; color: var(--sfdc-dark); font-size: 0.91rem; font-weight: 850; line-height: 1.36; } .smil-floor-decouple__area p { margin: 0; color: var(--sfdc-muted); font-size: 0.78rem; line-height: 1.51; } /* PONTI RIGIDI */ .smil-floor-decouple__bridges { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(25px, 4vw, 40px); background: var(--sfdc-orange-soft); border: 1px solid #efd0b4; border-radius: 23px; } .smil-floor-decouple__bridges-copy > p:not(.smil-floor-decouple__section-label) { margin: 13px 0 0; color: #595850; font-size: 0.94rem; line-height: 1.65; } .smil-floor-decouple__bridges-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-decouple__bridges-list > div { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 11px; align-items: center; padding: 15px; background: rgba(255, 255, 255, 0.84); border: 1px solid #efd0b4; border-radius: 15px; } .smil-floor-decouple__bridges-list span { display: grid; place-items: center; width: 36px; height: 36px; color: var(--sfdc-white); background: var(--sfdc-orange-dark); border-radius: 11px; font-weight: 900; } .smil-floor-decouple__bridges-list p { margin: 0; color: #5b625f; font-size: 0.76rem; line-height: 1.48; } .smil-floor-decouple__bridges-list strong { display: block; margin-bottom: 2px; color: var(--sfdc-dark); font-size: 0.86rem; font-weight: 850; } /* SISTEMA */ .smil-floor-decouple__system { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); color: var(--sfdc-white); background: linear-gradient( 135deg, var(--sfdc-blue) 0%, var(--sfdc-turquoise) 100% ); border-radius: 23px; box-shadow: 0 18px 42px rgba(0, 128, 128, 0.2); } .smil-floor-decouple__system .smil-floor-decouple__section-label { color: #d7fff8; } .smil-floor-decouple__system .smil-floor-decouple__section-title { color: var(--sfdc-white); } .smil-floor-decouple__system-copy > p:not(.smil-floor-decouple__section-label) { margin: 13px 0 0; color: rgba(241, 255, 252, 0.82); font-size: 0.94rem; line-height: 1.65; } .smil-floor-decouple__system-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-decouple__system-grid > div { min-width: 0; padding: 17px 14px; background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 15px; } .smil-floor-decouple__system-grid span { display: block; margin-bottom: 11px; color: rgba(255, 255, 255, 0.55); font-size: 1.1rem; font-weight: 900; } .smil-floor-decouple__system-grid strong { display: block; color: var(--sfdc-white); font-size: 0.88rem; font-weight: 850; } .smil-floor-decouple__system-grid small { display: block; margin-top: 5px; color: rgba(241, 255, 252, 0.68); font-size: 0.69rem; line-height: 1.4; } /* PAVIMENTO ESISTENTE */ .smil-floor-decouple__existing { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(350px, 0.92fr); gap: clamp(28px, 4.5vw, 55px); align-items: center; margin-top: 33px; padding: clamp(25px, 4vw, 40px); background: var(--sfdc-white); border: 1px solid var(--sfdc-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-decouple__existing-copy > p:not(.smil-floor-decouple__section-label) { margin: 13px 0 0; color: var(--sfdc-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-decouple__existing-checks { padding: 21px; background: var(--sfdc-turquoise-light); border: 1px solid #c5e7e2; border-radius: 18px; } .smil-floor-decouple__existing-checks > strong { display: block; margin-bottom: 12px; color: var(--sfdc-dark); font-size: 0.95rem; font-weight: 850; } .smil-floor-decouple__existing-checks ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; } .smil-floor-decouple__existing-checks li { position: relative; padding-left: 20px; color: #456169; font-size: 0.84rem; line-height: 1.49; } .smil-floor-decouple__existing-checks li::before { content: "✓"; position: absolute; left: 0; color: var(--sfdc-turquoise); font-weight: 900; } /* DOMANDE E AVVERTENZA */ .smil-floor-decouple__questions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 26px; } .smil-floor-decouple__question, .smil-floor-decouple__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; padding: 20px 22px; border-radius: 18px; } .smil-floor-decouple__question { background: var(--sfdc-white); border: 1px solid var(--sfdc-border); border-left: 5px solid var(--sfdc-turquoise); } .smil-floor-decouple__question-icon, .smil-floor-decouple__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; background: var(--sfdc-turquoise-light); border-radius: 14px; } .smil-floor-decouple__question-icon { color: var(--sfdc-blue); } .smil-floor-decouple__question-icon svg, .smil-floor-decouple__warning-icon svg { width: 26px; height: 26px; } .smil-floor-decouple__question div, .smil-floor-decouple__warning div { min-width: 0; } .smil-floor-decouple__question strong, .smil-floor-decouple__warning strong { display: block; margin: 1px 0 6px; color: var(--sfdc-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-decouple__question p, .smil-floor-decouple__warning p { margin: 0; font-size: 0.9rem; line-height: 1.62; } .smil-floor-decouple__question p { color: #48646d; } .smil-floor-decouple__warning { margin-top: 25px; background: var(--sfdc-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sfdc-orange); } .smil-floor-decouple__warning-icon { color: var(--sfdc-orange-dark); background: var(--sfdc-white); } .smil-floor-decouple__warning p { color: #595850; } /* METODO */ .smil-floor-decouple__method { display: grid; grid-template-columns: minmax(280px, 0.78fr) minmax(0, 1.22fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 35px; padding: clamp(25px, 4vw, 40px); background: var(--sfdc-white); border: 1px solid var(--sfdc-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-decouple__method-copy > p:last-child { margin: 13px 0 0; color: var(--sfdc-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-decouple__method-copy p strong { color: var(--sfdc-dark); font-weight: 800; } .smil-floor-decouple__method-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; } .smil-floor-decouple__method-steps li { min-width: 0; padding: 16px 14px; background: #f6fbfa; border: 1px solid #dcebe9; border-radius: 15px; } .smil-floor-decouple__method-steps li > span { display: grid; place-items: center; width: 35px; height: 35px; margin-bottom: 11px; color: var(--sfdc-white); background: var(--sfdc-blue); border-radius: 11px; font-size: 0.78rem; font-weight: 900; } .smil-floor-decouple__method-steps strong { display: block; margin-bottom: 4px; color: var(--sfdc-dark); font-size: 0.86rem; font-weight: 850; } .smil-floor-decouple__method-steps p { margin: 0; color: var(--sfdc-muted); font-size: 0.75rem; line-height: 1.47; } /* CTA */ .smil-floor-decouple__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 21px 23px; color: var(--sfdc-white); background: linear-gradient( 135deg, var(--sfdc-blue) 0%, var(--sfdc-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-decouple__cta-copy { display: grid; grid-template-columns: 47px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-decouple__cta-icon { display: grid; place-items: center; width: 47px; height: 47px; color: var(--sfdc-dark); background: rgba(255, 255, 255, 0.87); border-radius: 14px; } .smil-floor-decouple__cta-icon svg { width: 25px; height: 25px; } .smil-floor-decouple__cta-copy div { min-width: 0; } .smil-floor-decouple__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sfdc-white); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-decouple__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.81); font-size: 0.86rem; line-height: 1.5; } .smil-floor-decouple__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 51px; padding: 12px 18px; color: var(--sfdc-white); background: linear-gradient( 135deg, var(--sfdc-orange) 0%, var(--sfdc-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-decouple__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-decouple__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-decouple__cta-button:hover svg { transform: translateX(3px); } .smil-floor-decouple__cta-button:focus-visible { outline: 3px solid var(--sfdc-white); outline-offset: 4px; } /* TABLET */ @media (max-width: 1050px) { .smil-floor-decouple__header, .smil-floor-decouple__principle, .smil-floor-decouple__bridges, .smil-floor-decouple__system, .smil-floor-decouple__existing, .smil-floor-decouple__method { grid-template-columns: minmax(0, 1fr); } .smil-floor-decouple__areas-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* MOBILE */ @media (max-width: 760px) { .smil-floor-decouple { padding: 49px 14px 58px; } .smil-floor-decouple__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-floor-decouple__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-decouple__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-decouple__principle, .smil-floor-decouple__bridges, .smil-floor-decouple__system, .smil-floor-decouple__existing { padding: 22px 18px; border-radius: 20px; } .smil-floor-decouple__diagram { grid-template-columns: minmax(0, 1fr); } .smil-floor-decouple__diagram-symbol { transform: rotate(90deg); } .smil-floor-decouple__areas-grid, .smil-floor-decouple__bridges-list, .smil-floor-decouple__questions { grid-template-columns: minmax(0, 1fr); } .smil-floor-decouple__question, .smil-floor-decouple__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-decouple__method { padding: 22px 18px; border-radius: 20px; } .smil-floor-decouple__method-steps { grid-template-columns: minmax(0, 1fr); } .smil-floor-decouple__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-decouple__cta-button { width: 100%; } } /* SMARTPHONE PICCOLI */ @media (max-width: 440px) { .smil-floor-decouple__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-decouple__answer, .smil-floor-decouple__bridges-list > div, .smil-floor-decouple__question, .smil-floor-decouple__warning, .smil-floor-decouple__cta-copy { grid-template-columns: minmax(0, 1fr); } .smil-floor-decouple__system-grid { grid-template-columns: minmax(0, 1fr); } } /* ACCESSIBILITÀ */ @media (prefers-reduced-motion: reduce) { .smil-floor-decouple__cta-button, .smil-floor-decouple__cta-button svg { transition: none; } }#imCell_26 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_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 – SOLUZIONI PER L’INSONORIZZAZIONE DEI PAVIMENTI CSS AUTONOMO ========================================================= */ .smil-floor-solutions, .smil-floor-solutions *, .smil-floor-solutions *::before, .smil-floor-solutions *::after { box-sizing: border-box; } .smil-floor-solutions { --sfs-dark: #073844; --sfs-deep: #052b35; --sfs-blue: #087c8f; --sfs-turquoise: #00a991; --sfs-turquoise-light: #dff8f4; --sfs-orange: #f28a2e; --sfs-orange-dark: #d66d0e; --sfs-orange-soft: #fff1e4; --sfs-green-soft: #e9f5df; --sfs-white: #ffffff; --sfs-bg: #f3faf9; --sfs-text: #183640; --sfs-muted: #557078; --sfs-border: #cee5e2; position: relative; width: 100%; overflow: hidden; padding: clamp(60px, 7vw, 100px) 20px; color: var(--sfs-text); background: radial-gradient( circle at 97% 3%, rgba(0, 169, 145, 0.09) 0, rgba(0, 169, 145, 0) 28% ), radial-gradient( circle at 2% 97%, rgba(242, 138, 46, 0.07) 0, rgba(242, 138, 46, 0) 25% ), var(--sfs-bg); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-solutions__container { width: min(1220px, 100%); margin: 0 auto; } /* ========================================================= ACCESSIBILITÀ ========================================================= */ .smil-floor-solutions__sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-floor-solutions__header { max-width: 1030px; margin: 0 auto; text-align: center; } .smil-floor-solutions__eyebrow { display: inline-flex; margin: 0 0 13px; padding: 7px 14px; color: var(--sfs-blue); background: var(--sfs-turquoise-light); border: 1px solid #c5e8e3; border-radius: 999px; font-size: 0.82rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-solutions__title { margin: 0; color: var(--sfs-dark); font-size: clamp(2rem, 4.2vw, 3.55rem); font-weight: 850; line-height: 1.08; letter-spacing: -0.038em; text-wrap: balance; } .smil-floor-solutions__intro { max-width: 930px; margin: 20px auto 0; color: var(--sfs-muted); font-size: clamp(1.04rem, 1.6vw, 1.18rem); line-height: 1.72; } .smil-floor-solutions__intro-secondary { max-width: 890px; margin: 10px auto 0; color: #617880; font-size: 0.98rem; line-height: 1.68; } .smil-floor-solutions__intro strong, .smil-floor-solutions__intro-secondary strong { color: var(--sfs-dark); font-weight: 800; } /* ========================================================= RISPOSTA DIRETTA ========================================================= */ .smil-floor-solutions__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; width: min(1080px, 100%); margin: 34px auto 0; padding: 22px 24px; background: var(--sfs-white); border: 1px solid var(--sfs-border); border-left: 5px solid var(--sfs-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-solutions__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sfs-blue); background: var(--sfs-turquoise-light); border-radius: 15px; } .smil-floor-solutions__answer-icon svg { width: 28px; height: 28px; } .smil-floor-solutions__answer-content { min-width: 0; } .smil-floor-solutions__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sfs-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-solutions__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } .smil-floor-solutions__answer-content p strong { color: var(--sfs-dark); font-weight: 800; } /* ========================================================= TITOLI INTERNI ========================================================= */ .smil-floor-solutions__section-label { margin: 0 0 7px; color: var(--sfs-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-solutions__section-title { display: block; color: var(--sfs-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* ========================================================= CARTE SOLUZIONI ========================================================= */ .smil-floor-solutions__cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 15px; margin-top: 34px; } .smil-floor-solutions__card { position: relative; display: flex; flex-direction: column; min-width: 0; padding: 22px 20px; background: var(--sfs-white); border: 1px solid var(--sfs-border); border-top: 5px solid var(--sfs-turquoise); border-radius: 21px; box-shadow: 0 14px 35px rgba(7, 56, 68, 0.075); } .smil-floor-solutions__card--featured { border-top-color: var(--sfs-orange); } .smil-floor-solutions__card--total { background: linear-gradient( 180deg, #f4faee 0%, var(--sfs-white) 55% ); border-color: #bdd4ad; border-top-color: #5b9637; } .smil-floor-solutions__featured-label, .smil-floor-solutions__total-label { display: inline-flex; align-self: flex-start; margin: -7px 0 14px; padding: 6px 10px; border-radius: 999px; font-size: 0.66rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.04em; text-transform: uppercase; } .smil-floor-solutions__featured-label { color: var(--sfs-orange-dark); background: var(--sfs-orange-soft); } .smil-floor-solutions__total-label { color: #38651f; background: #dcedcf; } .smil-floor-solutions__card-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 17px; } .smil-floor-solutions__card-level { color: var(--sfs-blue); font-size: 0.69rem; font-weight: 850; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-solutions__thickness { display: inline-flex; align-items: center; justify-content: center; min-width: 58px; min-height: 34px; padding: 6px 10px; color: var(--sfs-white); background: var(--sfs-blue); border-radius: 10px; font-size: 0.79rem; font-weight: 900; } .smil-floor-solutions__thickness--total { background: #5b9637; } .smil-floor-solutions__card-heading { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 13px; align-items: center; margin-bottom: 15px; } .smil-floor-solutions__card-icon { display: grid; place-items: center; width: 47px; height: 47px; color: var(--sfs-blue); background: var(--sfs-turquoise-light); border-radius: 14px; } .smil-floor-solutions__card-icon--orange { color: var(--sfs-orange-dark); background: var(--sfs-orange-soft); } .smil-floor-solutions__card-icon--total { color: #4f842f; background: #e2f0d8; } .smil-floor-solutions__card-icon svg { width: 25px; height: 25px; } .smil-floor-solutions__card-heading > div { min-width: 0; } .smil-floor-solutions__card-heading p { margin: 0 0 3px; color: var(--sfs-muted); font-size: 0.68rem; font-weight: 750; line-height: 1.35; } .smil-floor-solutions__card-heading strong { display: block; color: var(--sfs-dark); font-size: 1.05rem; font-weight: 900; line-height: 1.25; } .smil-floor-solutions__card-description { margin: 0; color: var(--sfs-muted); font-size: 0.82rem; line-height: 1.57; } .smil-floor-solutions__card-list { display: grid; gap: 8px; margin: 17px 0 0; padding: 15px 0 0; border-top: 1px solid #deecea; list-style: none; } .smil-floor-solutions__card-list li { position: relative; padding-left: 19px; color: #4f6971; font-size: 0.76rem; line-height: 1.46; } .smil-floor-solutions__card-list li::before { content: ""; position: absolute; top: 0.54em; left: 2px; width: 7px; height: 7px; background: var(--sfs-turquoise); border-radius: 50%; box-shadow: 0 0 0 4px var(--sfs-turquoise-light); } .smil-floor-solutions__card--featured .smil-floor-solutions__card-list li::before { background: var(--sfs-orange); box-shadow: 0 0 0 4px var(--sfs-orange-soft); } .smil-floor-solutions__card--total .smil-floor-solutions__card-list li::before { background: #5b9637; box-shadow: 0 0 0 4px #e5f1dc; } .smil-floor-solutions__rating { display: grid; gap: 7px; margin-top: auto; padding-top: 18px; } .smil-floor-solutions__rating > span { color: var(--sfs-muted); font-size: 0.68rem; font-weight: 800; text-transform: uppercase; } .smil-floor-solutions__stars { display: flex; gap: 2px; font-size: 1rem; line-height: 1; } .smil-floor-solutions__stars b { color: #f6bd16; font-style: normal; text-shadow: 0 1px 0 #8f6a00; } .smil-floor-solutions__stars i { color: #d8e2e0; font-style: normal; } /* ========================================================= TABELLA DI CONFRONTO ========================================================= */ .smil-floor-solutions__comparison { margin-top: 39px; } .smil-floor-solutions__comparison-header { max-width: 900px; } .smil-floor-solutions__comparison-header > p:last-child { margin: 12px 0 0; color: var(--sfs-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-solutions__table-wrap { margin-top: 22px; overflow-x: auto; background: var(--sfs-white); border: 1px solid var(--sfs-border); border-radius: 20px; box-shadow: 0 14px 35px rgba(7, 56, 68, 0.075); } .smil-floor-solutions__table-wrap:focus-visible { outline: 3px solid var(--sfs-orange); outline-offset: 4px; } .smil-floor-solutions__table { width: 100%; min-width: 900px; border-collapse: collapse; } .smil-floor-solutions__table th, .smil-floor-solutions__table td { padding: 15px 14px; border-right: 1px solid #d6e6e3; border-bottom: 1px solid #d6e6e3; font-size: 0.8rem; line-height: 1.44; text-align: center; vertical-align: middle; } .smil-floor-solutions__table th:last-child, .smil-floor-solutions__table td:last-child { border-right: 0; } .smil-floor-solutions__table tbody tr:last-child th, .smil-floor-solutions__table tbody tr:last-child td { border-bottom: 0; } .smil-floor-solutions__table thead th { color: var(--sfs-white); background: var(--sfs-dark); font-size: 0.8rem; font-weight: 900; } .smil-floor-solutions__table thead th:first-child { min-width: 240px; text-align: left; } .smil-floor-solutions__table thead small { display: block; margin-top: 4px; color: rgba(239, 255, 252, 0.72); font-size: 0.66rem; font-weight: 700; } .smil-floor-solutions__table tbody th { color: var(--sfs-dark); background: #f7fbfa; font-weight: 800; text-align: left; } .smil-floor-solutions__table tbody td { color: var(--sfs-muted); } .smil-floor-solutions__table tbody td > span { color: #079521; font-size: 1.65rem; font-weight: 900; line-height: 1; } .smil-floor-solutions__table-total { background: var(--sfs-green-soft); } .smil-floor-solutions__table thead .smil-floor-solutions__table-total { color: var(--sfs-dark); background: #dcebd2; } .smil-floor-solutions__table thead .smil-floor-solutions__table-total small { color: #4d6d3b; } .smil-floor-solutions__comparison-note { margin: 12px 0 0; color: #657980; font-size: 0.76rem; line-height: 1.5; } /* ========================================================= SPESSORI E QUOTE ========================================================= */ .smil-floor-solutions__thickness-note { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 34px; padding: clamp(26px, 4vw, 42px); color: var(--sfs-white); background: radial-gradient( circle at 94% 10%, rgba(0, 169, 145, 0.24) 0, rgba(0, 169, 145, 0) 35% ), linear-gradient( 135deg, var(--sfs-deep) 0%, var(--sfs-dark) 65%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-solutions__thickness-note .smil-floor-solutions__section-label { color: #7fe7d9; } .smil-floor-solutions__thickness-note .smil-floor-solutions__section-title { color: var(--sfs-white); } .smil-floor-solutions__thickness-copy > p:not(.smil-floor-solutions__section-label) { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-solutions__thickness-factors { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-solutions__thickness-factors > div { min-width: 0; padding: 17px 14px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 15px; } .smil-floor-solutions__thickness-factors span { display: block; margin-bottom: 10px; color: rgba(255, 255, 255, 0.46); font-size: 1.05rem; font-weight: 900; } .smil-floor-solutions__thickness-factors strong { display: block; color: var(--sfs-white); font-size: 0.88rem; font-weight: 850; } .smil-floor-solutions__thickness-factors small { display: block; margin-top: 5px; color: rgba(238, 255, 252, 0.68); font-size: 0.69rem; line-height: 1.42; } /* ========================================================= SCELTA DELLA SOLUZIONE ========================================================= */ .smil-floor-solutions__selection { margin-top: 36px; } .smil-floor-solutions__selection-header { max-width: 900px; } .smil-floor-solutions__selection-header > p:last-child { margin: 12px 0 0; color: var(--sfs-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-solutions__selection-steps { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 11px; margin: 22px 0 0; padding: 0; list-style: none; } .smil-floor-solutions__selection-steps li { min-width: 0; padding: 18px 15px; background: var(--sfs-white); border: 1px solid var(--sfs-border); border-radius: 17px; box-shadow: 0 11px 28px rgba(7, 56, 68, 0.06); } .smil-floor-solutions__selection-steps li > span { display: grid; place-items: center; width: 36px; height: 36px; margin-bottom: 12px; color: var(--sfs-white); background: var(--sfs-blue); border-radius: 11px; font-size: 0.78rem; font-weight: 900; } .smil-floor-solutions__selection-steps strong { display: block; margin-bottom: 5px; color: var(--sfs-dark); font-size: 0.88rem; font-weight: 850; line-height: 1.34; } .smil-floor-solutions__selection-steps p { margin: 0; color: var(--sfs-muted); font-size: 0.75rem; line-height: 1.49; } /* ========================================================= GARANZIA ========================================================= */ .smil-floor-solutions__guarantee { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 16px; margin-top: 28px; padding: 21px 23px; background: var(--sfs-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sfs-orange); border-radius: 18px; } .smil-floor-solutions__guarantee-icon { display: grid; place-items: center; width: 50px; height: 50px; color: var(--sfs-orange-dark); background: var(--sfs-white); border-radius: 14px; } .smil-floor-solutions__guarantee-icon svg { width: 27px; height: 27px; } .smil-floor-solutions__guarantee > div { min-width: 0; } .smil-floor-solutions__guarantee strong { display: block; margin: 1px 0 6px; color: var(--sfs-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-solutions__guarantee p { margin: 0; color: #595850; font-size: 0.9rem; line-height: 1.62; } /* ========================================================= METODO ========================================================= */ .smil-floor-solutions__method { display: grid; grid-template-columns: minmax(280px, 0.73fr) minmax(0, 1.27fr); gap: clamp(30px, 5vw, 62px); align-items: center; margin-top: 35px; padding: clamp(25px, 4vw, 41px); background: var(--sfs-white); border: 1px solid var(--sfs-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-solutions__method-copy > p:last-child { margin: 13px 0 0; color: var(--sfs-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-solutions__method-copy p strong { color: var(--sfs-dark); font-weight: 800; } .smil-floor-solutions__method-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; margin: 0; padding: 0; list-style: none; } .smil-floor-solutions__method-steps li { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; padding: 14px; background: #f6fbfa; border: 1px solid #dcebe9; border-radius: 15px; } .smil-floor-solutions__method-steps li > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfs-white); background: var(--sfs-blue); border-radius: 11px; font-size: 0.79rem; font-weight: 900; } .smil-floor-solutions__method-steps li > div { min-width: 0; } .smil-floor-solutions__method-steps strong { display: block; margin: 1px 0 3px; color: var(--sfs-dark); font-size: 0.88rem; font-weight: 800; line-height: 1.35; } .smil-floor-solutions__method-steps p { margin: 0; color: #5a7179; font-size: 0.78rem; line-height: 1.48; } /* ========================================================= CTA ========================================================= */ .smil-floor-solutions__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 21px 23px; color: var(--sfs-white); background: linear-gradient( 135deg, var(--sfs-blue) 0%, var(--sfs-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-solutions__cta-copy { display: grid; grid-template-columns: 47px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-solutions__cta-icon { display: grid; place-items: center; width: 47px; height: 47px; color: var(--sfs-dark); background: rgba(255, 255, 255, 0.87); border-radius: 14px; } .smil-floor-solutions__cta-icon svg { width: 25px; height: 25px; } .smil-floor-solutions__cta-copy > div { min-width: 0; } .smil-floor-solutions__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sfs-white); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-solutions__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.81); font-size: 0.86rem; line-height: 1.5; } .smil-floor-solutions__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 51px; padding: 12px 18px; color: var(--sfs-white); background: linear-gradient( 135deg, var(--sfs-orange) 0%, var(--sfs-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-solutions__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-solutions__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-solutions__cta-button:hover svg { transform: translateX(3px); } .smil-floor-solutions__cta-button:focus-visible { outline: 3px solid var(--sfs-white); outline-offset: 4px; } /* ========================================================= DESKTOP INTERMEDIO ========================================================= */ @media (max-width: 1150px) { .smil-floor-solutions__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-floor-solutions__selection-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 900px) { .smil-floor-solutions__thickness-note, .smil-floor-solutions__method { grid-template-columns: minmax(0, 1fr); } .smil-floor-solutions__selection-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 680px) { .smil-floor-solutions { padding: 49px 14px 58px; } .smil-floor-solutions__header { text-align: left; } .smil-floor-solutions__title { font-size: clamp(2rem, 9.5vw, 2.85rem); } .smil-floor-solutions__eyebrow { border-radius: 12px; } .smil-floor-solutions__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-solutions__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-solutions__cards, .smil-floor-solutions__selection-steps { grid-template-columns: minmax(0, 1fr); } .smil-floor-solutions__thickness-note { padding: 22px 18px; border-radius: 20px; } .smil-floor-solutions__thickness-factors { grid-template-columns: minmax(0, 1fr); } .smil-floor-solutions__guarantee { grid-template-columns: 44px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-solutions__guarantee-icon { width: 43px; height: 43px; } .smil-floor-solutions__method { padding: 22px 18px; border-radius: 20px; } .smil-floor-solutions__method-steps { grid-template-columns: minmax(0, 1fr); } .smil-floor-solutions__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-solutions__cta-button { width: 100%; } } /* ========================================================= SMARTPHONE PICCOLI ========================================================= */ @media (max-width: 440px) { .smil-floor-solutions__eyebrow { width: 100%; justify-content: center; text-align: center; } .smil-floor-solutions__answer, .smil-floor-solutions__card-heading, .smil-floor-solutions__guarantee, .smil-floor-solutions__cta-copy { grid-template-columns: minmax(0, 1fr); } .smil-floor-solutions__card-top { align-items: flex-start; } } /* ========================================================= ACCESSIBILITÀ: RIDUZIONE MOVIMENTO ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-floor-solutions__cta-button, .smil-floor-solutions__cta-button svg { transition: none; } }#imCell_27 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_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; } /* ========================================================= H3 – PAVIMENTI FONOISOLANTI CSS AUTONOMO ========================================================= */ .smil-floor-soundproof, .smil-floor-soundproof *, .smil-floor-soundproof *::before, .smil-floor-soundproof *::after { box-sizing: border-box; } .smil-floor-soundproof { --sfsp-dark: #073844; --sfsp-deep: #052b35; --sfsp-blue: #087c8f; --sfsp-turquoise: #00a991; --sfsp-turquoise-light: #dff8f4; --sfsp-orange: #f28a2e; --sfsp-orange-dark: #d66d0e; --sfsp-orange-soft: #fff1e4; --sfsp-white: #ffffff; --sfsp-bg: #ffffff; --sfsp-bg-soft: #f3faf9; --sfsp-text: #183640; --sfsp-muted: #557078; --sfsp-border: #cee5e2; position: relative; width: 100%; overflow: hidden; padding: clamp(58px, 7vw, 96px) 20px; color: var(--sfsp-text); background: radial-gradient( circle at 97% 3%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 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(--sfsp-bg) 0%, var(--sfsp-bg-soft) 100% ); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-soundproof__container { width: min(1220px, 100%); margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-floor-soundproof__header { display: grid; grid-template-columns: minmax(0, 0.72fr) minmax(440px, 1.28fr); gap: clamp(30px, 5vw, 70px); align-items: end; } .smil-floor-soundproof__heading { min-width: 0; } .smil-floor-soundproof__eyebrow { display: inline-flex; margin: 0 0 12px; padding: 7px 13px; color: var(--sfsp-blue); background: var(--sfsp-turquoise-light); border: 1px solid #c5e8e3; border-radius: 999px; font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-soundproof__title { margin: 0; color: var(--sfsp-dark); font-size: clamp(1.9rem, 3.55vw, 3.15rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; } .smil-floor-soundproof__intro { max-width: 800px; margin: 0; padding-bottom: 4px; color: var(--sfsp-muted); font-size: clamp(1.03rem, 1.55vw, 1.17rem); line-height: 1.73; } .smil-floor-soundproof__intro strong { color: var(--sfsp-dark); font-weight: 800; } /* ========================================================= RISPOSTA DIRETTA ========================================================= */ .smil-floor-soundproof__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; margin-top: 34px; padding: 22px 24px; background: var(--sfsp-white); border: 1px solid var(--sfsp-border); border-left: 5px solid var(--sfsp-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-soundproof__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sfsp-blue); background: var(--sfsp-turquoise-light); border-radius: 15px; } .smil-floor-soundproof__answer-icon svg { width: 28px; height: 28px; } .smil-floor-soundproof__answer-content { min-width: 0; } .smil-floor-soundproof__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sfsp-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-soundproof__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } .smil-floor-soundproof__answer-content p strong { color: var(--sfsp-dark); font-weight: 800; } /* ========================================================= TITOLI INTERNI ========================================================= */ .smil-floor-soundproof__section-label { margin: 0 0 7px; color: var(--sfsp-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-soundproof__section-title { display: block; color: var(--sfsp-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* ========================================================= STRATIGRAFIA ========================================================= */ .smil-floor-soundproof__structure { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 31px; padding: clamp(26px, 4vw, 42px); color: var(--sfsp-white); background: radial-gradient( circle at 94% 10%, rgba(0, 169, 145, 0.24) 0, rgba(0, 169, 145, 0) 35% ), linear-gradient( 135deg, var(--sfsp-deep) 0%, var(--sfsp-dark) 65%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-soundproof__structure .smil-floor-soundproof__section-label { color: #7fe7d9; } .smil-floor-soundproof__structure .smil-floor-soundproof__section-title { color: var(--sfsp-white); } .smil-floor-soundproof__structure-copy > p:not(.smil-floor-soundproof__section-label) { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-soundproof__layers { display: grid; gap: 6px; } .smil-floor-soundproof__layer { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 11px; align-items: center; padding: 12px 14px; color: var(--sfsp-dark); background: rgba(255, 255, 255, 0.9); border-radius: 12px; } .smil-floor-soundproof__layer > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfsp-white); background: var(--sfsp-blue); border-radius: 10px; font-size: 0.71rem; font-weight: 900; } .smil-floor-soundproof__layer--finish { background: #f8fcfb; } .smil-floor-soundproof__layer--mass { background: #dff8f4; } .smil-floor-soundproof__layer--mass > span { background: var(--sfsp-turquoise); } .smil-floor-soundproof__layer--elastic { background: #fff1e4; } .smil-floor-soundproof__layer--elastic > span { background: var(--sfsp-orange-dark); } .smil-floor-soundproof__layer--slab { color: var(--sfsp-white); background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.18); } .smil-floor-soundproof__layer--slab > span { color: var(--sfsp-dark); background: #7fe7d9; } .smil-floor-soundproof__layer > div { min-width: 0; } .smil-floor-soundproof__layer strong { display: block; font-size: 0.83rem; font-weight: 850; } .smil-floor-soundproof__layer small { display: block; margin-top: 3px; color: #526a72; font-size: 0.67rem; line-height: 1.4; } .smil-floor-soundproof__layer--slab small { color: rgba(238, 255, 252, 0.66); } /* ========================================================= FUNZIONI ========================================================= */ .smil-floor-soundproof__functions, .smil-floor-soundproof__systems { margin-top: 35px; } .smil-floor-soundproof__functions-header, .smil-floor-soundproof__systems-header { max-width: 900px; } .smil-floor-soundproof__functions-header > p:last-child, .smil-floor-soundproof__systems-header > p:last-child { margin: 12px 0 0; color: var(--sfsp-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-soundproof__functions-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 22px; } .smil-floor-soundproof__function { min-width: 0; padding: 20px; background: var(--sfsp-white); border: 1px solid var(--sfsp-border); border-radius: 18px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-soundproof__function-icon { display: grid; place-items: center; width: 47px; height: 47px; margin-bottom: 15px; color: var(--sfsp-blue); background: var(--sfsp-turquoise-light); border-radius: 14px; } .smil-floor-soundproof__function-icon--orange { color: var(--sfsp-orange-dark); background: var(--sfsp-orange-soft); } .smil-floor-soundproof__function-icon svg { width: 24px; height: 24px; } .smil-floor-soundproof__function strong { display: block; margin-bottom: 7px; color: var(--sfsp-dark); font-size: 0.95rem; font-weight: 850; } .smil-floor-soundproof__function p { margin: 0; color: var(--sfsp-muted); font-size: 0.81rem; line-height: 1.53; } /* ========================================================= DIFFERENZE ========================================================= */ .smil-floor-soundproof__difference { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(25px, 4vw, 40px); background: var(--sfsp-white); border: 1px solid var(--sfsp-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-soundproof__difference-copy > p:not(.smil-floor-soundproof__section-label) { margin: 13px 0 0; color: var(--sfsp-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-soundproof__difference-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } .smil-floor-soundproof__difference-card { min-width: 0; padding: 17px 14px; background: var(--sfsp-turquoise-light); border: 1px solid #c5e7e2; border-radius: 15px; } .smil-floor-soundproof__difference-card--orange { background: var(--sfsp-orange-soft); border-color: #efd0b4; } .smil-floor-soundproof__difference-card > span { display: grid; place-items: center; width: 35px; height: 35px; margin-bottom: 11px; color: var(--sfsp-white); background: var(--sfsp-blue); border-radius: 11px; font-size: 0.75rem; font-weight: 900; } .smil-floor-soundproof__difference-card--orange > span { background: var(--sfsp-orange-dark); } .smil-floor-soundproof__difference-card strong { display: block; margin-bottom: 6px; color: var(--sfsp-dark); font-size: 0.88rem; font-weight: 850; line-height: 1.35; } .smil-floor-soundproof__difference-card p { margin: 0; color: #526970; font-size: 0.74rem; line-height: 1.48; } /* ========================================================= CONFIGURAZIONI ========================================================= */ .smil-floor-soundproof__systems-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 22px; } .smil-floor-soundproof__system-card { min-width: 0; padding: 21px; background: var(--sfsp-white); border: 1px solid var(--sfsp-border); border-top: 5px solid var(--sfsp-turquoise); border-radius: 19px; box-shadow: 0 13px 33px rgba(7, 56, 68, 0.07); } .smil-floor-soundproof__system-card--superior { border-top-color: var(--sfsp-orange); } .smil-floor-soundproof__system-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 15px; } .smil-floor-soundproof__system-top span { color: var(--sfsp-blue); font-size: 0.76rem; font-weight: 900; letter-spacing: 0.06em; } .smil-floor-soundproof__system-top strong { display: inline-flex; align-items: center; justify-content: center; min-width: 62px; min-height: 36px; padding: 7px 10px; color: var(--sfsp-white); background: var(--sfsp-blue); border-radius: 10px; font-size: 0.8rem; font-weight: 900; } .smil-floor-soundproof__system-card--superior .smil-floor-soundproof__system-top strong { background: var(--sfsp-orange-dark); } .smil-floor-soundproof__system-card p { margin: 0; color: var(--sfsp-muted); font-size: 0.82rem; line-height: 1.56; } .smil-floor-soundproof__systems-note { margin: 13px 0 0; color: #657980; font-size: 0.76rem; line-height: 1.5; } /* ========================================================= PAVIMENTO ESISTENTE ========================================================= */ .smil-floor-soundproof__existing { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(350px, 0.92fr); gap: clamp(28px, 4.5vw, 55px); align-items: center; margin-top: 33px; padding: clamp(25px, 4vw, 40px); background: var(--sfsp-turquoise-light); border: 1px solid #c5e7e2; border-radius: 23px; } .smil-floor-soundproof__existing-copy > p:not(.smil-floor-soundproof__section-label) { margin: 13px 0 0; color: #4f686f; font-size: 0.94rem; line-height: 1.65; } .smil-floor-soundproof__existing-checks { padding: 21px; background: rgba(255, 255, 255, 0.84); border: 1px solid #d0e8e4; border-radius: 18px; } .smil-floor-soundproof__existing-checks > strong { display: block; margin-bottom: 12px; color: var(--sfsp-dark); font-size: 0.95rem; font-weight: 850; } .smil-floor-soundproof__existing-checks ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; } .smil-floor-soundproof__existing-checks li { position: relative; padding-left: 20px; color: #456169; font-size: 0.84rem; line-height: 1.49; } .smil-floor-soundproof__existing-checks li::before { content: "✓"; position: absolute; left: 0; color: var(--sfsp-turquoise); font-weight: 900; } /* ========================================================= LIMITI ========================================================= */ .smil-floor-soundproof__limits { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); color: var(--sfsp-white); background: linear-gradient( 135deg, var(--sfsp-blue) 0%, var(--sfsp-turquoise) 100% ); border-radius: 23px; box-shadow: 0 18px 42px rgba(0, 128, 128, 0.2); } .smil-floor-soundproof__limits .smil-floor-soundproof__section-label { color: #d7fff8; } .smil-floor-soundproof__limits .smil-floor-soundproof__section-title { color: var(--sfsp-white); } .smil-floor-soundproof__limits-copy > p:not(.smil-floor-soundproof__section-label) { margin: 13px 0 0; color: rgba(241, 255, 252, 0.82); font-size: 0.94rem; line-height: 1.65; } .smil-floor-soundproof__limits-list { display: grid; gap: 10px; } .smil-floor-soundproof__limits-list > div { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 11px; align-items: center; padding: 15px; background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 15px; } .smil-floor-soundproof__limits-list span { display: grid; place-items: center; width: 36px; height: 36px; color: var(--sfsp-dark); background: rgba(255, 255, 255, 0.9); border-radius: 11px; font-size: 0.7rem; font-weight: 900; } .smil-floor-soundproof__limits-list p { margin: 0; color: rgba(241, 255, 252, 0.72); font-size: 0.76rem; line-height: 1.48; } .smil-floor-soundproof__limits-list strong { display: block; margin-bottom: 2px; color: var(--sfsp-white); font-size: 0.87rem; font-weight: 850; } /* ========================================================= DOMANDE E AVVERTENZA ========================================================= */ .smil-floor-soundproof__questions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 26px; } .smil-floor-soundproof__question, .smil-floor-soundproof__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; padding: 20px 22px; border-radius: 18px; } .smil-floor-soundproof__question { background: var(--sfsp-white); border: 1px solid var(--sfsp-border); border-left: 5px solid var(--sfsp-turquoise); } .smil-floor-soundproof__question-icon, .smil-floor-soundproof__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; background: var(--sfsp-turquoise-light); border-radius: 14px; } .smil-floor-soundproof__question-icon { color: var(--sfsp-blue); } .smil-floor-soundproof__question-icon svg, .smil-floor-soundproof__warning-icon svg { width: 26px; height: 26px; } .smil-floor-soundproof__question > div, .smil-floor-soundproof__warning > div { min-width: 0; } .smil-floor-soundproof__question strong, .smil-floor-soundproof__warning strong { display: block; margin: 1px 0 6px; color: var(--sfsp-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-soundproof__question p, .smil-floor-soundproof__warning p { margin: 0; font-size: 0.9rem; line-height: 1.62; } .smil-floor-soundproof__question p { color: #48646d; } .smil-floor-soundproof__warning { margin-top: 25px; background: var(--sfsp-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sfsp-orange); } .smil-floor-soundproof__warning-icon { color: var(--sfsp-orange-dark); background: var(--sfsp-white); } .smil-floor-soundproof__warning p { color: #595850; } /* ========================================================= METODO ========================================================= */ .smil-floor-soundproof__method { display: grid; grid-template-columns: minmax(280px, 0.73fr) minmax(0, 1.27fr); gap: clamp(30px, 5vw, 62px); align-items: center; margin-top: 35px; padding: clamp(25px, 4vw, 41px); background: var(--sfsp-white); border: 1px solid var(--sfsp-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-soundproof__method-copy > p:last-child { margin: 13px 0 0; color: var(--sfsp-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-soundproof__method-copy p strong { color: var(--sfsp-dark); font-weight: 800; } .smil-floor-soundproof__method-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; margin: 0; padding: 0; list-style: none; } .smil-floor-soundproof__method-steps li { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; padding: 14px; background: #f6fbfa; border: 1px solid #dcebe9; border-radius: 15px; } .smil-floor-soundproof__method-steps li > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfsp-white); background: var(--sfsp-blue); border-radius: 11px; font-size: 0.79rem; font-weight: 900; } .smil-floor-soundproof__method-steps li > div { min-width: 0; } .smil-floor-soundproof__method-steps strong { display: block; margin: 1px 0 3px; color: var(--sfsp-dark); font-size: 0.88rem; font-weight: 800; line-height: 1.35; } .smil-floor-soundproof__method-steps p { margin: 0; color: #5a7179; font-size: 0.78rem; line-height: 1.48; } /* ========================================================= CTA ========================================================= */ .smil-floor-soundproof__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 21px 23px; color: var(--sfsp-white); background: linear-gradient( 135deg, var(--sfsp-blue) 0%, var(--sfsp-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-soundproof__cta-copy { display: grid; grid-template-columns: 47px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-soundproof__cta-icon { display: grid; place-items: center; width: 47px; height: 47px; color: var(--sfsp-dark); background: rgba(255, 255, 255, 0.87); border-radius: 14px; } .smil-floor-soundproof__cta-icon svg { width: 25px; height: 25px; } .smil-floor-soundproof__cta-copy > div { min-width: 0; } .smil-floor-soundproof__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sfsp-white); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-soundproof__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.81); font-size: 0.86rem; line-height: 1.5; } .smil-floor-soundproof__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 51px; padding: 12px 18px; color: var(--sfsp-white); background: linear-gradient( 135deg, var(--sfsp-orange) 0%, var(--sfsp-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-soundproof__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-soundproof__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-soundproof__cta-button:hover svg { transform: translateX(3px); } .smil-floor-soundproof__cta-button:focus-visible { outline: 3px solid var(--sfsp-white); outline-offset: 4px; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1050px) { .smil-floor-soundproof__header, .smil-floor-soundproof__structure, .smil-floor-soundproof__difference, .smil-floor-soundproof__existing, .smil-floor-soundproof__limits, .smil-floor-soundproof__method { grid-template-columns: minmax(0, 1fr); } .smil-floor-soundproof__functions-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 760px) { .smil-floor-soundproof { padding: 49px 14px 58px; } .smil-floor-soundproof__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-floor-soundproof__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-soundproof__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-soundproof__structure, .smil-floor-soundproof__difference, .smil-floor-soundproof__existing, .smil-floor-soundproof__limits { padding: 22px 18px; border-radius: 20px; } .smil-floor-soundproof__functions-grid, .smil-floor-soundproof__difference-grid, .smil-floor-soundproof__systems-grid, .smil-floor-soundproof__questions { grid-template-columns: minmax(0, 1fr); } .smil-floor-soundproof__question, .smil-floor-soundproof__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-soundproof__method { padding: 22px 18px; border-radius: 20px; } .smil-floor-soundproof__method-steps { grid-template-columns: minmax(0, 1fr); } .smil-floor-soundproof__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-soundproof__cta-button { width: 100%; } } /* ========================================================= SMARTPHONE PICCOLI ========================================================= */ @media (max-width: 440px) { .smil-floor-soundproof__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-soundproof__answer, .smil-floor-soundproof__layer, .smil-floor-soundproof__limits-list > div, .smil-floor-soundproof__question, .smil-floor-soundproof__warning, .smil-floor-soundproof__cta-copy { grid-template-columns: minmax(0, 1fr); } .smil-floor-soundproof__system-top { align-items: flex-start; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-floor-soundproof__cta-button, .smil-floor-soundproof__cta-button svg { transition: none; } }#imCell_28 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_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; } /* ========================================================= H3 – SISTEMI GALLEGGIANTI CSS AUTONOMO ========================================================= */ .smil-floor-floating, .smil-floor-floating *, .smil-floor-floating *::before, .smil-floor-floating *::after { box-sizing: border-box; } .smil-floor-floating { --sff-dark: #073844; --sff-deep: #052b35; --sff-blue: #087c8f; --sff-turquoise: #00a991; --sff-turquoise-light: #dff8f4; --sff-orange: #f28a2e; --sff-orange-dark: #d66d0e; --sff-orange-soft: #fff1e4; --sff-white: #ffffff; --sff-bg: #ffffff; --sff-bg-soft: #f3faf9; --sff-text: #183640; --sff-muted: #557078; --sff-border: #cee5e2; position: relative; width: 100%; overflow: hidden; padding: clamp(58px, 7vw, 96px) 20px; color: var(--sff-text); background: radial-gradient( circle at 97% 3%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 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(--sff-bg) 0%, var(--sff-bg-soft) 100% ); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-floating__container { width: min(1220px, 100%); margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-floor-floating__header { display: grid; grid-template-columns: minmax(0, 0.72fr) minmax(440px, 1.28fr); gap: clamp(30px, 5vw, 70px); align-items: end; } .smil-floor-floating__heading { min-width: 0; } .smil-floor-floating__eyebrow { display: inline-flex; margin: 0 0 12px; padding: 7px 13px; color: var(--sff-blue); background: var(--sff-turquoise-light); border: 1px solid #c5e8e3; border-radius: 999px; font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-floating__title { margin: 0; color: var(--sff-dark); font-size: clamp(1.9rem, 3.55vw, 3.15rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; } .smil-floor-floating__intro { max-width: 800px; margin: 0; padding-bottom: 4px; color: var(--sff-muted); font-size: clamp(1.03rem, 1.55vw, 1.17rem); line-height: 1.73; } .smil-floor-floating__intro strong { color: var(--sff-dark); font-weight: 800; } /* ========================================================= RISPOSTA DIRETTA ========================================================= */ .smil-floor-floating__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; margin-top: 34px; padding: 22px 24px; background: var(--sff-white); border: 1px solid var(--sff-border); border-left: 5px solid var(--sff-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-floating__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sff-blue); background: var(--sff-turquoise-light); border-radius: 15px; } .smil-floor-floating__answer-icon svg { width: 28px; height: 28px; } .smil-floor-floating__answer-content { min-width: 0; } .smil-floor-floating__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sff-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-floating__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } .smil-floor-floating__answer-content p strong { color: var(--sff-dark); font-weight: 800; } /* ========================================================= TITOLI INTERNI ========================================================= */ .smil-floor-floating__section-label { margin: 0 0 7px; color: var(--sff-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-floating__section-title { display: block; color: var(--sff-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* ========================================================= PRINCIPIO ========================================================= */ .smil-floor-floating__principle { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 31px; padding: clamp(26px, 4vw, 42px); color: var(--sff-white); background: radial-gradient( circle at 94% 10%, rgba(0, 169, 145, 0.24) 0, rgba(0, 169, 145, 0) 35% ), linear-gradient( 135deg, var(--sff-deep) 0%, var(--sff-dark) 65%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-floating__principle .smil-floor-floating__section-label { color: #7fe7d9; } .smil-floor-floating__principle .smil-floor-floating__section-title { color: var(--sff-white); } .smil-floor-floating__principle-copy > p:not(.smil-floor-floating__section-label) { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-floating__diagram { display: grid; grid-template-columns: 105px minmax(0, 1fr); gap: 12px; align-items: stretch; } .smil-floor-floating__diagram-side { display: flex; flex-direction: column; justify-content: space-between; gap: 8px; padding: 14px 10px; color: var(--sff-white); background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 15px; text-align: center; } .smil-floor-floating__diagram-side span { display: grid; place-items: center; flex: 1; min-height: 100px; padding: 10px 7px; background: rgba(255, 255, 255, 0.08); border-radius: 10px; font-size: 0.74rem; font-weight: 850; writing-mode: vertical-rl; transform: rotate(180deg); } .smil-floor-floating__diagram-side b { display: block; padding: 9px 5px; color: var(--sff-dark); background: #7fe7d9; border-radius: 9px; font-size: 0.61rem; line-height: 1.3; } .smil-floor-floating__layers { display: grid; gap: 6px; } .smil-floor-floating__layer { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 11px; align-items: center; padding: 12px 14px; color: var(--sff-dark); background: rgba(255, 255, 255, 0.92); border-radius: 12px; } .smil-floor-floating__layer > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sff-white); background: var(--sff-blue); border-radius: 10px; font-size: 0.71rem; font-weight: 900; } .smil-floor-floating__layer > div { min-width: 0; } .smil-floor-floating__layer strong { display: block; font-size: 0.83rem; font-weight: 850; } .smil-floor-floating__layer small { display: block; margin-top: 3px; color: #526a72; font-size: 0.67rem; line-height: 1.4; } .smil-floor-floating__layer--finish { background: #f8fcfb; } .smil-floor-floating__layer--acoustic { background: var(--sff-turquoise-light); } .smil-floor-floating__layer--acoustic > span { background: var(--sff-turquoise); } .smil-floor-floating__layer--resilient { background: var(--sff-orange-soft); } .smil-floor-floating__layer--resilient > span { background: var(--sff-orange-dark); } .smil-floor-floating__layer--base { color: var(--sff-white); background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.18); } .smil-floor-floating__layer--base > span { color: var(--sff-dark); background: #7fe7d9; } .smil-floor-floating__layer--base small { color: rgba(238, 255, 252, 0.66); } /* ========================================================= FUNZIONI ========================================================= */ .smil-floor-floating__functions, .smil-floor-floating__details { margin-top: 35px; } .smil-floor-floating__functions-header, .smil-floor-floating__details-header { max-width: 900px; } .smil-floor-floating__functions-header > p:last-child, .smil-floor-floating__details-header > p:last-child { margin: 12px 0 0; color: var(--sff-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-floating__functions-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; margin-top: 22px; } .smil-floor-floating__function { min-width: 0; padding: 20px; background: var(--sff-white); border: 1px solid var(--sff-border); border-radius: 18px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-floating__function-icon { display: grid; place-items: center; width: 47px; height: 47px; margin-bottom: 15px; color: var(--sff-blue); background: var(--sff-turquoise-light); border-radius: 14px; } .smil-floor-floating__function-icon--orange { color: var(--sff-orange-dark); background: var(--sff-orange-soft); } .smil-floor-floating__function-icon svg { width: 24px; height: 24px; } .smil-floor-floating__function strong { display: block; margin-bottom: 7px; color: var(--sff-dark); font-size: 0.95rem; font-weight: 850; } .smil-floor-floating__function p { margin: 0; color: var(--sff-muted); font-size: 0.81rem; line-height: 1.53; } /* ========================================================= DIFFERENZA ========================================================= */ .smil-floor-floating__difference { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(25px, 4vw, 40px); background: var(--sff-white); border: 1px solid var(--sff-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-floating__difference-copy > p:not(.smil-floor-floating__section-label) { margin: 13px 0 0; color: var(--sff-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-floating__difference-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; } .smil-floor-floating__difference-card { min-width: 0; padding: 19px 17px; background: var(--sff-orange-soft); border: 1px solid #efd0b4; border-radius: 17px; } .smil-floor-floating__difference-card--complete { background: var(--sff-turquoise-light); border-color: #c5e7e2; } .smil-floor-floating__difference-card > span { display: grid; place-items: center; width: 36px; height: 36px; margin-bottom: 12px; color: var(--sff-white); background: var(--sff-orange-dark); border-radius: 11px; font-size: 0.76rem; font-weight: 900; } .smil-floor-floating__difference-card--complete > span { background: var(--sff-blue); } .smil-floor-floating__difference-card strong { display: block; margin-bottom: 7px; color: var(--sff-dark); font-size: 0.94rem; font-weight: 850; } .smil-floor-floating__difference-card p { margin: 0; color: #526970; font-size: 0.78rem; line-height: 1.51; } .smil-floor-floating__difference-card small { display: block; margin-top: 10px; padding-top: 9px; color: var(--sff-blue); border-top: 1px solid rgba(7, 56, 68, 0.1); font-size: 0.7rem; font-weight: 750; line-height: 1.43; } /* ========================================================= DETTAGLI CRITICI ========================================================= */ .smil-floor-floating__details-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 22px; } .smil-floor-floating__detail { min-width: 0; padding: 19px 17px; background: var(--sff-white); border: 1px solid var(--sff-border); border-radius: 17px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-floating__detail > span { display: block; margin-bottom: 13px; color: rgba(7, 56, 68, 0.24); font-size: 1.2rem; font-weight: 900; } .smil-floor-floating__detail strong { display: block; margin-bottom: 6px; color: var(--sff-dark); font-size: 0.91rem; font-weight: 850; line-height: 1.36; } .smil-floor-floating__detail p { margin: 0; color: var(--sff-muted); font-size: 0.78rem; line-height: 1.51; } /* ========================================================= CONFIGURAZIONI ========================================================= */ .smil-floor-floating__configurations { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); color: var(--sff-white); background: linear-gradient( 135deg, var(--sff-blue) 0%, var(--sff-turquoise) 100% ); border-radius: 23px; box-shadow: 0 18px 42px rgba(0, 128, 128, 0.2); } .smil-floor-floating__configurations .smil-floor-floating__section-label { color: #d7fff8; } .smil-floor-floating__configurations .smil-floor-floating__section-title { color: var(--sff-white); } .smil-floor-floating__configurations-copy > p:not(.smil-floor-floating__section-label) { margin: 13px 0 0; color: rgba(241, 255, 252, 0.82); font-size: 0.94rem; line-height: 1.65; } .smil-floor-floating__configurations-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } .smil-floor-floating__configuration { min-width: 0; padding: 18px 14px; text-align: center; background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 15px; } .smil-floor-floating__configuration--superior { background: rgba(242, 138, 46, 0.25); border-color: rgba(255, 214, 173, 0.35); } .smil-floor-floating__configuration span { display: block; color: rgba(255, 255, 255, 0.73); font-size: 0.68rem; font-weight: 850; letter-spacing: 0.06em; } .smil-floor-floating__configuration strong { display: block; margin-top: 8px; color: var(--sff-white); font-size: 1.18rem; font-weight: 900; } .smil-floor-floating__configuration small { display: block; margin-top: 6px; color: rgba(241, 255, 252, 0.68); font-size: 0.68rem; line-height: 1.4; } /* ========================================================= PAVIMENTO ESISTENTE ========================================================= */ .smil-floor-floating__existing { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(350px, 0.92fr); gap: clamp(28px, 4.5vw, 55px); align-items: center; margin-top: 33px; padding: clamp(25px, 4vw, 40px); background: var(--sff-turquoise-light); border: 1px solid #c5e7e2; border-radius: 23px; } .smil-floor-floating__existing-copy > p:not(.smil-floor-floating__section-label) { margin: 13px 0 0; color: #4f686f; font-size: 0.94rem; line-height: 1.65; } .smil-floor-floating__existing-checks { padding: 21px; background: rgba(255, 255, 255, 0.84); border: 1px solid #d0e8e4; border-radius: 18px; } .smil-floor-floating__existing-checks > strong { display: block; margin-bottom: 12px; color: var(--sff-dark); font-size: 0.95rem; font-weight: 850; } .smil-floor-floating__existing-checks ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; } .smil-floor-floating__existing-checks li { position: relative; padding-left: 20px; color: #456169; font-size: 0.84rem; line-height: 1.49; } .smil-floor-floating__existing-checks li::before { content: "✓"; position: absolute; left: 0; color: var(--sff-turquoise); font-weight: 900; } /* ========================================================= DOMANDE E AVVERTENZA ========================================================= */ .smil-floor-floating__questions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 26px; } .smil-floor-floating__question, .smil-floor-floating__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; padding: 20px 22px; border-radius: 18px; } .smil-floor-floating__question { background: var(--sff-white); border: 1px solid var(--sff-border); border-left: 5px solid var(--sff-turquoise); } .smil-floor-floating__question-icon, .smil-floor-floating__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; background: var(--sff-turquoise-light); border-radius: 14px; } .smil-floor-floating__question-icon { color: var(--sff-blue); } .smil-floor-floating__question-icon svg, .smil-floor-floating__warning-icon svg { width: 26px; height: 26px; } .smil-floor-floating__question > div, .smil-floor-floating__warning > div { min-width: 0; } .smil-floor-floating__question strong, .smil-floor-floating__warning strong { display: block; margin: 1px 0 6px; color: var(--sff-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-floating__question p, .smil-floor-floating__warning p { margin: 0; font-size: 0.9rem; line-height: 1.62; } .smil-floor-floating__question p { color: #48646d; } .smil-floor-floating__warning { margin-top: 25px; background: var(--sff-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sff-orange); } .smil-floor-floating__warning-icon { color: var(--sff-orange-dark); background: var(--sff-white); } .smil-floor-floating__warning p { color: #595850; } /* ========================================================= METODO ========================================================= */ .smil-floor-floating__method { display: grid; grid-template-columns: minmax(280px, 0.73fr) minmax(0, 1.27fr); gap: clamp(30px, 5vw, 62px); align-items: center; margin-top: 35px; padding: clamp(25px, 4vw, 41px); background: var(--sff-white); border: 1px solid var(--sff-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-floating__method-copy > p:last-child { margin: 13px 0 0; color: var(--sff-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-floating__method-copy p strong { color: var(--sff-dark); font-weight: 800; } .smil-floor-floating__method-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; margin: 0; padding: 0; list-style: none; } .smil-floor-floating__method-steps li { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; padding: 14px; background: #f6fbfa; border: 1px solid #dcebe9; border-radius: 15px; } .smil-floor-floating__method-steps li > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sff-white); background: var(--sff-blue); border-radius: 11px; font-size: 0.79rem; font-weight: 900; } .smil-floor-floating__method-steps li > div { min-width: 0; } .smil-floor-floating__method-steps strong { display: block; margin: 1px 0 3px; color: var(--sff-dark); font-size: 0.88rem; font-weight: 800; line-height: 1.35; } .smil-floor-floating__method-steps p { margin: 0; color: #5a7179; font-size: 0.78rem; line-height: 1.48; } /* ========================================================= CTA ========================================================= */ .smil-floor-floating__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 21px 23px; color: var(--sff-white); background: linear-gradient( 135deg, var(--sff-blue) 0%, var(--sff-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-floating__cta-copy { display: grid; grid-template-columns: 47px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-floating__cta-icon { display: grid; place-items: center; width: 47px; height: 47px; color: var(--sff-dark); background: rgba(255, 255, 255, 0.87); border-radius: 14px; } .smil-floor-floating__cta-icon svg { width: 25px; height: 25px; } .smil-floor-floating__cta-copy > div { min-width: 0; } .smil-floor-floating__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sff-white); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-floating__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.81); font-size: 0.86rem; line-height: 1.5; } .smil-floor-floating__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 51px; padding: 12px 18px; color: var(--sff-white); background: linear-gradient( 135deg, var(--sff-orange) 0%, var(--sff-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-floating__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-floating__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-floating__cta-button:hover svg { transform: translateX(3px); } .smil-floor-floating__cta-button:focus-visible { outline: 3px solid var(--sff-white); outline-offset: 4px; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1050px) { .smil-floor-floating__header, .smil-floor-floating__principle, .smil-floor-floating__difference, .smil-floor-floating__configurations, .smil-floor-floating__existing, .smil-floor-floating__method { grid-template-columns: minmax(0, 1fr); } .smil-floor-floating__functions-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-floor-floating__details-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 760px) { .smil-floor-floating { padding: 49px 14px 58px; } .smil-floor-floating__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-floor-floating__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-floating__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-floating__principle, .smil-floor-floating__difference, .smil-floor-floating__configurations, .smil-floor-floating__existing { padding: 22px 18px; border-radius: 20px; } .smil-floor-floating__diagram { grid-template-columns: minmax(0, 1fr); } .smil-floor-floating__diagram-side { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-floor-floating__diagram-side span { min-height: auto; writing-mode: initial; transform: none; } .smil-floor-floating__functions-grid, .smil-floor-floating__details-grid, .smil-floor-floating__difference-grid, .smil-floor-floating__configurations-grid, .smil-floor-floating__questions { grid-template-columns: minmax(0, 1fr); } .smil-floor-floating__question, .smil-floor-floating__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-floating__method { padding: 22px 18px; border-radius: 20px; } .smil-floor-floating__method-steps { grid-template-columns: minmax(0, 1fr); } .smil-floor-floating__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-floating__cta-button { width: 100%; } } /* ========================================================= SMARTPHONE PICCOLI ========================================================= */ @media (max-width: 440px) { .smil-floor-floating__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-floating__answer, .smil-floor-floating__layer, .smil-floor-floating__question, .smil-floor-floating__warning, .smil-floor-floating__cta-copy { grid-template-columns: minmax(0, 1fr); } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-floor-floating__cta-button, .smil-floor-floating__cta-button svg { transition: none; } }#imCell_29 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_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; } /* ========================================================= H3 – RUMORI AEREI, IMPATTI E VIBRAZIONI CSS AUTONOMO ========================================================= */ .smil-floor-multinoise, .smil-floor-multinoise *, .smil-floor-multinoise *::before, .smil-floor-multinoise *::after { box-sizing: border-box; } .smil-floor-multinoise { --sfmn-dark: #073844; --sfmn-deep: #052b35; --sfmn-blue: #087c8f; --sfmn-turquoise: #00a991; --sfmn-turquoise-light: #dff8f4; --sfmn-orange: #f28a2e; --sfmn-orange-dark: #d66d0e; --sfmn-orange-soft: #fff1e4; --sfmn-white: #ffffff; --sfmn-bg: #ffffff; --sfmn-bg-soft: #f3faf9; --sfmn-text: #183640; --sfmn-muted: #557078; --sfmn-border: #cee5e2; position: relative; width: 100%; overflow: hidden; padding: clamp(58px, 7vw, 96px) 20px; color: var(--sfmn-text); background: radial-gradient( circle at 97% 3%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 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(--sfmn-bg) 0%, var(--sfmn-bg-soft) 100% ); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-multinoise__container { width: min(1220px, 100%); margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-floor-multinoise__header { display: grid; grid-template-columns: minmax(0, 0.78fr) minmax(440px, 1.22fr); gap: clamp(30px, 5vw, 70px); align-items: end; } .smil-floor-multinoise__heading { min-width: 0; } .smil-floor-multinoise__eyebrow { display: inline-flex; margin: 0 0 12px; padding: 7px 13px; color: var(--sfmn-blue); background: var(--sfmn-turquoise-light); border: 1px solid #c5e8e3; border-radius: 999px; font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-multinoise__title { margin: 0; color: var(--sfmn-dark); font-size: clamp(1.9rem, 3.55vw, 3.15rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; } .smil-floor-multinoise__intro { max-width: 810px; margin: 0; padding-bottom: 4px; color: var(--sfmn-muted); font-size: clamp(1.03rem, 1.55vw, 1.17rem); line-height: 1.73; } .smil-floor-multinoise__intro strong { color: var(--sfmn-dark); font-weight: 800; } /* ========================================================= RISPOSTA DIRETTA ========================================================= */ .smil-floor-multinoise__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; margin-top: 34px; padding: 22px 24px; background: var(--sfmn-white); border: 1px solid var(--sfmn-border); border-left: 5px solid var(--sfmn-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-multinoise__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sfmn-blue); background: var(--sfmn-turquoise-light); border-radius: 15px; } .smil-floor-multinoise__answer-icon svg { width: 28px; height: 28px; } .smil-floor-multinoise__answer-content { min-width: 0; } .smil-floor-multinoise__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sfmn-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-multinoise__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } .smil-floor-multinoise__answer-content p strong { color: var(--sfmn-dark); font-weight: 800; } /* ========================================================= TITOLI INTERNI ========================================================= */ .smil-floor-multinoise__section-label { margin: 0 0 7px; color: var(--sfmn-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-multinoise__section-title { display: block; color: var(--sfmn-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* ========================================================= TRE FENOMENI ========================================================= */ .smil-floor-multinoise__types { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 31px; } .smil-floor-multinoise__type { min-width: 0; padding: 22px 20px; background: var(--sfmn-white); border: 1px solid var(--sfmn-border); border-top: 5px solid var(--sfmn-turquoise); border-radius: 20px; box-shadow: 0 13px 33px rgba(7, 56, 68, 0.07); } .smil-floor-multinoise__type--impact { border-top-color: var(--sfmn-orange); } .smil-floor-multinoise__type--vibration { border-top-color: var(--sfmn-dark); } .smil-floor-multinoise__type-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 16px; } .smil-floor-multinoise__type-icon { display: grid; place-items: center; width: 49px; height: 49px; color: var(--sfmn-blue); background: var(--sfmn-turquoise-light); border-radius: 14px; } .smil-floor-multinoise__type-icon--orange { color: var(--sfmn-orange-dark); background: var(--sfmn-orange-soft); } .smil-floor-multinoise__type-icon--deep { color: var(--sfmn-white); background: var(--sfmn-dark); } .smil-floor-multinoise__type-icon svg { width: 25px; height: 25px; } .smil-floor-multinoise__type-code { display: grid; place-items: center; width: 34px; height: 34px; color: rgba(7, 56, 68, 0.4); background: #f2f8f7; border-radius: 10px; font-size: 0.76rem; font-weight: 900; } .smil-floor-multinoise__type-title { display: block; margin-bottom: 8px; color: var(--sfmn-dark); font-size: 1.05rem; font-weight: 850; } .smil-floor-multinoise__type > p { margin: 0; color: var(--sfmn-muted); font-size: 0.84rem; line-height: 1.57; } .smil-floor-multinoise__type ul { display: grid; gap: 7px; margin: 16px 0 0; padding: 14px 0 0; border-top: 1px solid #deecea; list-style: none; } .smil-floor-multinoise__type li { position: relative; padding-left: 18px; color: #4e6870; font-size: 0.77rem; line-height: 1.42; } .smil-floor-multinoise__type li::before { content: ""; position: absolute; top: 0.52em; left: 2px; width: 6px; height: 6px; background: var(--sfmn-turquoise); border-radius: 50%; } .smil-floor-multinoise__type--impact li::before { background: var(--sfmn-orange); } .smil-floor-multinoise__type--vibration li::before { background: var(--sfmn-dark); } .smil-floor-multinoise__type > small { display: block; margin-top: 13px; padding-top: 11px; color: var(--sfmn-blue); border-top: 1px solid #deecea; font-size: 0.72rem; font-weight: 750; line-height: 1.45; } /* ========================================================= FENOMENI COMBINATI ========================================================= */ .smil-floor-multinoise__mixed { display: grid; grid-template-columns: minmax(300px, 0.76fr) minmax(0, 1.24fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); color: var(--sfmn-white); background: radial-gradient( circle at 94% 10%, rgba(0, 169, 145, 0.24) 0, rgba(0, 169, 145, 0) 35% ), linear-gradient( 135deg, var(--sfmn-deep) 0%, var(--sfmn-dark) 65%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-multinoise__mixed .smil-floor-multinoise__section-label { color: #7fe7d9; } .smil-floor-multinoise__mixed .smil-floor-multinoise__section-title { color: var(--sfmn-white); } .smil-floor-multinoise__mixed-copy > p:not(.smil-floor-multinoise__section-label) { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-multinoise__mixed-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-multinoise__mixed-card { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 11px; align-items: flex-start; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.09); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; } .smil-floor-multinoise__mixed-card--orange { background: rgba(242, 138, 46, 0.18); border-color: rgba(255, 182, 111, 0.28); } .smil-floor-multinoise__mixed-card > span { display: grid; place-items: center; width: 36px; height: 36px; color: var(--sfmn-dark); background: #7fe7d9; border-radius: 11px; font-size: 0.68rem; font-weight: 900; } .smil-floor-multinoise__mixed-card--orange > span { background: #ffb56c; } .smil-floor-multinoise__mixed-card > div { min-width: 0; } .smil-floor-multinoise__mixed-card strong { display: block; color: var(--sfmn-white); font-size: 0.86rem; font-weight: 850; line-height: 1.35; } .smil-floor-multinoise__mixed-card p { margin: 5px 0 0; color: rgba(238, 255, 252, 0.7); font-size: 0.72rem; line-height: 1.47; } /* ========================================================= SINTOMI ========================================================= */ .smil-floor-multinoise__symptoms, .smil-floor-multinoise__configurations { margin-top: 35px; } .smil-floor-multinoise__symptoms-header, .smil-floor-multinoise__configurations-header { max-width: 910px; } .smil-floor-multinoise__symptoms-header > p:last-child, .smil-floor-multinoise__configurations-header > p:last-child { margin: 12px 0 0; color: var(--sfmn-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-multinoise__symptoms-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 22px; } .smil-floor-multinoise__symptom { min-width: 0; padding: 19px 17px; background: var(--sfmn-white); border: 1px solid var(--sfmn-border); border-radius: 17px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-multinoise__symptom > span { display: block; margin-bottom: 13px; color: rgba(7, 56, 68, 0.24); font-size: 1.2rem; font-weight: 900; } .smil-floor-multinoise__symptom strong { display: block; margin-bottom: 6px; color: var(--sfmn-dark); font-size: 0.91rem; font-weight: 850; line-height: 1.36; } .smil-floor-multinoise__symptom p { margin: 0; color: var(--sfmn-muted); font-size: 0.78rem; line-height: 1.51; } /* ========================================================= SISTEMA INTEGRATO ========================================================= */ .smil-floor-multinoise__system { display: grid; grid-template-columns: minmax(300px, 0.77fr) minmax(0, 1.23fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); color: var(--sfmn-white); background: linear-gradient( 135deg, var(--sfmn-blue) 0%, var(--sfmn-turquoise) 100% ); border-radius: 23px; box-shadow: 0 18px 42px rgba(0, 128, 128, 0.2); } .smil-floor-multinoise__system .smil-floor-multinoise__section-label { color: #d7fff8; } .smil-floor-multinoise__system .smil-floor-multinoise__section-title { color: var(--sfmn-white); } .smil-floor-multinoise__system-copy > p:not(.smil-floor-multinoise__section-label) { margin: 13px 0 0; color: rgba(241, 255, 252, 0.82); font-size: 0.94rem; line-height: 1.65; } .smil-floor-multinoise__system-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } .smil-floor-multinoise__system-grid > div { min-width: 0; padding: 16px 14px; background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 15px; } .smil-floor-multinoise__system-grid span { display: block; margin-bottom: 10px; color: rgba(255, 255, 255, 0.52); font-size: 1.05rem; font-weight: 900; } .smil-floor-multinoise__system-grid strong { display: block; color: var(--sfmn-white); font-size: 0.84rem; font-weight: 850; line-height: 1.35; } .smil-floor-multinoise__system-grid small { display: block; margin-top: 5px; color: rgba(241, 255, 252, 0.68); font-size: 0.67rem; line-height: 1.4; } /* ========================================================= ESTENSIONE ========================================================= */ .smil-floor-multinoise__extension { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(25px, 4vw, 40px); background: var(--sfmn-white); border: 1px solid var(--sfmn-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-multinoise__extension-copy > p:not(.smil-floor-multinoise__section-label) { margin: 13px 0 0; color: var(--sfmn-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-multinoise__extension-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; } .smil-floor-multinoise__extension-card { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 13px; min-width: 0; padding: 18px; background: var(--sfmn-turquoise-light); border: 1px solid #c5e7e2; border-radius: 17px; } .smil-floor-multinoise__extension-card--total { background: var(--sfmn-orange-soft); border-color: #efd0b4; } .smil-floor-multinoise__extension-icon { display: grid; place-items: center; width: 44px; height: 44px; color: var(--sfmn-white); background: var(--sfmn-blue); border-radius: 13px; font-size: 0.78rem; font-weight: 900; } .smil-floor-multinoise__extension-icon--total { background: var(--sfmn-orange-dark); } .smil-floor-multinoise__extension-card > div { min-width: 0; } .smil-floor-multinoise__extension-label { margin: 0 0 4px; color: var(--sfmn-blue); font-size: 0.66rem; font-weight: 850; line-height: 1.4; letter-spacing: 0.045em; text-transform: uppercase; } .smil-floor-multinoise__extension-card strong { display: block; color: var(--sfmn-dark); font-size: 0.9rem; font-weight: 850; line-height: 1.36; } .smil-floor-multinoise__extension-card div > p:last-child { margin: 7px 0 0; color: #526970; font-size: 0.77rem; line-height: 1.49; } /* ========================================================= CONFIGURAZIONI ========================================================= */ .smil-floor-multinoise__configurations-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 22px; } .smil-floor-multinoise__configuration { min-width: 0; padding: 21px; background: var(--sfmn-white); border: 1px solid var(--sfmn-border); border-top: 5px solid var(--sfmn-turquoise); border-radius: 19px; box-shadow: 0 13px 33px rgba(7, 56, 68, 0.07); } .smil-floor-multinoise__configuration--superior { border-top-color: var(--sfmn-orange); } .smil-floor-multinoise__configuration > span { display: block; color: var(--sfmn-blue); font-size: 0.75rem; font-weight: 900; letter-spacing: 0.06em; } .smil-floor-multinoise__configuration strong { display: block; margin-top: 9px; color: var(--sfmn-dark); font-size: 1.18rem; font-weight: 900; } .smil-floor-multinoise__configuration small { display: block; margin-top: 8px; color: var(--sfmn-muted); font-size: 0.75rem; line-height: 1.47; } /* ========================================================= DOMANDE E AVVERTENZA ========================================================= */ .smil-floor-multinoise__questions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 27px; } .smil-floor-multinoise__question, .smil-floor-multinoise__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; padding: 20px 22px; border-radius: 18px; } .smil-floor-multinoise__question { background: var(--sfmn-white); border: 1px solid var(--sfmn-border); border-left: 5px solid var(--sfmn-turquoise); } .smil-floor-multinoise__question-icon, .smil-floor-multinoise__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; border-radius: 14px; } .smil-floor-multinoise__question-icon { color: var(--sfmn-blue); background: var(--sfmn-turquoise-light); } .smil-floor-multinoise__warning-icon { color: var(--sfmn-orange-dark); background: var(--sfmn-white); } .smil-floor-multinoise__question-icon svg, .smil-floor-multinoise__warning-icon svg { width: 26px; height: 26px; } .smil-floor-multinoise__question > div, .smil-floor-multinoise__warning > div { min-width: 0; } .smil-floor-multinoise__question strong, .smil-floor-multinoise__warning strong { display: block; margin: 1px 0 6px; color: var(--sfmn-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-multinoise__question p, .smil-floor-multinoise__warning p { margin: 0; font-size: 0.9rem; line-height: 1.62; } .smil-floor-multinoise__question p { color: #48646d; } .smil-floor-multinoise__warning { margin-top: 25px; background: var(--sfmn-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sfmn-orange); } .smil-floor-multinoise__warning p { color: #595850; } /* ========================================================= METODO ========================================================= */ .smil-floor-multinoise__method { display: grid; grid-template-columns: minmax(280px, 0.73fr) minmax(0, 1.27fr); gap: clamp(30px, 5vw, 62px); align-items: center; margin-top: 35px; padding: clamp(25px, 4vw, 41px); background: var(--sfmn-white); border: 1px solid var(--sfmn-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-multinoise__method-copy > p:last-child { margin: 13px 0 0; color: var(--sfmn-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-multinoise__method-copy p strong { color: var(--sfmn-dark); font-weight: 800; } .smil-floor-multinoise__method-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; margin: 0; padding: 0; list-style: none; } .smil-floor-multinoise__method-steps li { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; padding: 14px; background: #f6fbfa; border: 1px solid #dcebe9; border-radius: 15px; } .smil-floor-multinoise__method-steps li > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfmn-white); background: var(--sfmn-blue); border-radius: 11px; font-size: 0.79rem; font-weight: 900; } .smil-floor-multinoise__method-steps li > div { min-width: 0; } .smil-floor-multinoise__method-steps strong { display: block; margin: 1px 0 3px; color: var(--sfmn-dark); font-size: 0.88rem; font-weight: 800; line-height: 1.35; } .smil-floor-multinoise__method-steps p { margin: 0; color: #5a7179; font-size: 0.78rem; line-height: 1.48; } /* ========================================================= CTA ========================================================= */ .smil-floor-multinoise__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 21px 23px; color: var(--sfmn-white); background: linear-gradient( 135deg, var(--sfmn-blue) 0%, var(--sfmn-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-multinoise__cta-copy { display: grid; grid-template-columns: 47px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-multinoise__cta-icon { display: grid; place-items: center; width: 47px; height: 47px; color: var(--sfmn-dark); background: rgba(255, 255, 255, 0.87); border-radius: 14px; } .smil-floor-multinoise__cta-icon svg { width: 25px; height: 25px; } .smil-floor-multinoise__cta-copy > div { min-width: 0; } .smil-floor-multinoise__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sfmn-white); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-multinoise__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.81); font-size: 0.86rem; line-height: 1.5; } .smil-floor-multinoise__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 51px; padding: 12px 18px; color: var(--sfmn-white); background: linear-gradient( 135deg, var(--sfmn-orange) 0%, var(--sfmn-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-multinoise__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-multinoise__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-multinoise__cta-button:hover svg { transform: translateX(3px); } .smil-floor-multinoise__cta-button:focus-visible { outline: 3px solid var(--sfmn-white); outline-offset: 4px; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1050px) { .smil-floor-multinoise__header, .smil-floor-multinoise__mixed, .smil-floor-multinoise__system, .smil-floor-multinoise__extension, .smil-floor-multinoise__method { grid-template-columns: minmax(0, 1fr); } .smil-floor-multinoise__types { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-floor-multinoise__symptoms-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-floor-multinoise__system-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 760px) { .smil-floor-multinoise { padding: 49px 14px 58px; } .smil-floor-multinoise__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-floor-multinoise__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-multinoise__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-multinoise__types, .smil-floor-multinoise__mixed-grid, .smil-floor-multinoise__symptoms-grid, .smil-floor-multinoise__system-grid, .smil-floor-multinoise__extension-grid, .smil-floor-multinoise__configurations-grid, .smil-floor-multinoise__questions { grid-template-columns: minmax(0, 1fr); } .smil-floor-multinoise__mixed, .smil-floor-multinoise__system, .smil-floor-multinoise__extension { padding: 22px 18px; border-radius: 20px; } .smil-floor-multinoise__question, .smil-floor-multinoise__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-multinoise__method { padding: 22px 18px; border-radius: 20px; } .smil-floor-multinoise__method-steps { grid-template-columns: minmax(0, 1fr); } .smil-floor-multinoise__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-multinoise__cta-button { width: 100%; } } /* ========================================================= SMARTPHONE PICCOLI ========================================================= */ @media (max-width: 440px) { .smil-floor-multinoise__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-multinoise__answer, .smil-floor-multinoise__mixed-card, .smil-floor-multinoise__extension-card, .smil-floor-multinoise__question, .smil-floor-multinoise__warning, .smil-floor-multinoise__cta-copy { grid-template-columns: minmax(0, 1fr); } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-floor-multinoise__cta-button, .smil-floor-multinoise__cta-button svg { transition: none; } }#imCell_30 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_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; } /* ========================================================= H3 – COLLEGAMENTI PERIMETRALI CSS AUTONOMO ========================================================= */ .smil-floor-perimeter, .smil-floor-perimeter *, .smil-floor-perimeter *::before, .smil-floor-perimeter *::after { box-sizing: border-box; } .smil-floor-perimeter { --sfpe-dark: #073844; --sfpe-deep: #052b35; --sfpe-blue: #087c8f; --sfpe-turquoise: #00a991; --sfpe-turquoise-light: #dff8f4; --sfpe-orange: #f28a2e; --sfpe-orange-dark: #d66d0e; --sfpe-orange-soft: #fff1e4; --sfpe-white: #ffffff; --sfpe-bg: #ffffff; --sfpe-bg-soft: #f3faf9; --sfpe-text: #183640; --sfpe-muted: #557078; --sfpe-border: #cee5e2; position: relative; width: 100%; overflow: hidden; padding: clamp(58px, 7vw, 96px) 20px; color: var(--sfpe-text); background: radial-gradient( circle at 97% 3%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 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(--sfpe-bg) 0%, var(--sfpe-bg-soft) 100% ); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-perimeter__container { width: min(1220px, 100%); margin: 0 auto; } /* INTESTAZIONE */ .smil-floor-perimeter__header { display: grid; grid-template-columns: minmax(0, 0.76fr) minmax(440px, 1.24fr); gap: clamp(30px, 5vw, 70px); align-items: end; } .smil-floor-perimeter__heading { min-width: 0; } .smil-floor-perimeter__eyebrow { display: inline-flex; margin: 0 0 12px; padding: 7px 13px; color: var(--sfpe-blue); background: var(--sfpe-turquoise-light); border: 1px solid #c5e8e3; border-radius: 999px; font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-perimeter__title { margin: 0; color: var(--sfpe-dark); font-size: clamp(1.9rem, 3.55vw, 3.15rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; } .smil-floor-perimeter__intro { max-width: 800px; margin: 0; padding-bottom: 4px; color: var(--sfpe-muted); font-size: clamp(1.03rem, 1.55vw, 1.17rem); line-height: 1.73; } .smil-floor-perimeter__intro strong { color: var(--sfpe-dark); font-weight: 800; } /* RISPOSTA DIRETTA */ .smil-floor-perimeter__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; margin-top: 34px; padding: 22px 24px; background: var(--sfpe-white); border: 1px solid var(--sfpe-border); border-left: 5px solid var(--sfpe-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-perimeter__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sfpe-blue); background: var(--sfpe-turquoise-light); border-radius: 15px; } .smil-floor-perimeter__answer-icon svg { width: 28px; height: 28px; } .smil-floor-perimeter__answer-content { min-width: 0; } .smil-floor-perimeter__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sfpe-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-perimeter__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } .smil-floor-perimeter__answer-content p strong { color: var(--sfpe-dark); font-weight: 800; } /* TITOLI INTERNI */ .smil-floor-perimeter__section-label { margin: 0 0 7px; color: var(--sfpe-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-perimeter__section-title { display: block; color: var(--sfpe-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* PRINCIPIO */ .smil-floor-perimeter__principle { display: grid; grid-template-columns: minmax(300px, 0.77fr) minmax(0, 1.23fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 31px; padding: clamp(26px, 4vw, 42px); color: var(--sfpe-white); background: radial-gradient( circle at 94% 10%, rgba(0, 169, 145, 0.24) 0, rgba(0, 169, 145, 0) 35% ), linear-gradient( 135deg, var(--sfpe-deep) 0%, var(--sfpe-dark) 65%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-perimeter__principle .smil-floor-perimeter__section-label { color: #7fe7d9; } .smil-floor-perimeter__principle .smil-floor-perimeter__section-title { color: var(--sfpe-white); } .smil-floor-perimeter__principle-copy > p:not(.smil-floor-perimeter__section-label) { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-perimeter__diagram { display: grid; grid-template-columns: minmax(0, 1fr) 42px minmax(0, 1fr); gap: 12px; align-items: center; } .smil-floor-perimeter__diagram-card { min-width: 0; padding: 17px; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 17px; } .smil-floor-perimeter__diagram-card--correct { background: rgba(0, 169, 145, 0.18); border-color: rgba(120, 228, 214, 0.27); } .smil-floor-perimeter__diagram-label { margin: 0 0 12px; color: var(--sfpe-white); font-size: 0.82rem; font-weight: 850; text-align: center; } .smil-floor-perimeter__diagram-scene { display: grid; grid-template-columns: 53px minmax(0, 1fr); gap: 6px; align-items: stretch; } .smil-floor-perimeter__wall { display: grid; place-items: center; min-height: 134px; padding: 8px 5px; color: var(--sfpe-white); background: rgba(255, 255, 255, 0.16); border-radius: 9px; font-size: 0.66rem; font-weight: 800; writing-mode: vertical-rl; transform: rotate(180deg); } .smil-floor-perimeter__floor-stack { display: flex; flex-direction: column; justify-content: flex-end; gap: 5px; } .smil-floor-perimeter__floor-stack > span { display: block; padding: 8px 7px; color: var(--sfpe-dark); background: rgba(255, 255, 255, 0.91); border-radius: 8px; font-size: 0.65rem; font-weight: 800; text-align: center; } .smil-floor-perimeter__floor-stack .smil-floor-perimeter__rigid-contact { color: var(--sfpe-white); background: var(--sfpe-orange-dark); } .smil-floor-perimeter__floor-stack .smil-floor-perimeter__elastic-layer { background: #7fe7d9; } .smil-floor-perimeter__edge-strip { display: grid; place-items: center; min-width: 19px; padding: 6px 2px; color: var(--sfpe-dark); background: #7fe7d9; border-radius: 6px; font-size: 0.52rem; font-weight: 900; writing-mode: vertical-rl; transform: rotate(180deg); } .smil-floor-perimeter__diagram-card small { display: block; margin-top: 11px; color: rgba(238, 255, 252, 0.66); font-size: 0.68rem; line-height: 1.4; text-align: center; } .smil-floor-perimeter__diagram-symbol { display: grid; place-items: center; color: var(--sfpe-orange); font-size: 1.5rem; font-weight: 900; } /* PUNTI CRITICI */ .smil-floor-perimeter__points, .smil-floor-perimeter__transitions { margin-top: 35px; } .smil-floor-perimeter__points-header, .smil-floor-perimeter__transitions-header { max-width: 900px; } .smil-floor-perimeter__points-header > p:last-child, .smil-floor-perimeter__transitions-header > p:last-child { margin: 12px 0 0; color: var(--sfpe-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-perimeter__points-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 22px; } .smil-floor-perimeter__point { min-width: 0; padding: 19px 17px; background: var(--sfpe-white); border: 1px solid var(--sfpe-border); border-radius: 17px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-perimeter__point > span { display: block; margin-bottom: 13px; color: rgba(7, 56, 68, 0.24); font-size: 1.2rem; font-weight: 900; } .smil-floor-perimeter__point strong { display: block; margin-bottom: 6px; color: var(--sfpe-dark); font-size: 0.91rem; font-weight: 850; line-height: 1.36; } .smil-floor-perimeter__point p { margin: 0; color: var(--sfpe-muted); font-size: 0.78rem; line-height: 1.51; } /* FASCIA PERIMETRALE */ .smil-floor-perimeter__strip { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); color: var(--sfpe-white); background: linear-gradient( 135deg, var(--sfpe-blue) 0%, var(--sfpe-turquoise) 100% ); border-radius: 23px; box-shadow: 0 18px 42px rgba(0, 128, 128, 0.2); } .smil-floor-perimeter__strip .smil-floor-perimeter__section-label { color: #d7fff8; } .smil-floor-perimeter__strip .smil-floor-perimeter__section-title { color: var(--sfpe-white); } .smil-floor-perimeter__strip-copy > p:not(.smil-floor-perimeter__section-label) { margin: 13px 0 0; color: rgba(241, 255, 252, 0.82); font-size: 0.94rem; line-height: 1.65; } .smil-floor-perimeter__strip-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-perimeter__strip-grid > div { min-width: 0; padding: 17px 14px; background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 15px; } .smil-floor-perimeter__strip-grid span { display: block; margin-bottom: 10px; color: rgba(255, 255, 255, 0.52); font-size: 1.05rem; font-weight: 900; } .smil-floor-perimeter__strip-grid strong { display: block; color: var(--sfpe-white); font-size: 0.86rem; font-weight: 850; } .smil-floor-perimeter__strip-grid small { display: block; margin-top: 5px; color: rgba(241, 255, 252, 0.68); font-size: 0.68rem; line-height: 1.4; } /* ERRORI */ .smil-floor-perimeter__errors { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(25px, 4vw, 40px); background: var(--sfpe-orange-soft); border: 1px solid #efd0b4; border-radius: 23px; } .smil-floor-perimeter__errors-copy > p:not(.smil-floor-perimeter__section-label) { margin: 13px 0 0; color: #595850; font-size: 0.94rem; line-height: 1.65; } .smil-floor-perimeter__errors-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-perimeter__errors-list > div { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 11px; align-items: center; padding: 15px; background: rgba(255, 255, 255, 0.86); border: 1px solid #efd0b4; border-radius: 15px; } .smil-floor-perimeter__errors-list span { display: grid; place-items: center; width: 36px; height: 36px; color: var(--sfpe-white); background: var(--sfpe-orange-dark); border-radius: 11px; font-weight: 900; } .smil-floor-perimeter__errors-list p { margin: 0; color: #5b625f; font-size: 0.76rem; line-height: 1.48; } .smil-floor-perimeter__errors-list strong { display: block; margin-bottom: 2px; color: var(--sfpe-dark); font-size: 0.86rem; font-weight: 850; } /* TRANSIZIONI */ .smil-floor-perimeter__transitions-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 22px; } .smil-floor-perimeter__transition { display: grid; grid-template-columns: 45px minmax(0, 1fr); gap: 13px; min-width: 0; padding: 18px; background: var(--sfpe-white); border: 1px solid var(--sfpe-border); border-radius: 17px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-perimeter__transition--orange { background: var(--sfpe-orange-soft); border-color: #efd0b4; } .smil-floor-perimeter__transition-code { display: grid; place-items: center; width: 43px; height: 43px; color: var(--sfpe-white); background: var(--sfpe-blue); border-radius: 13px; font-size: 0.76rem; font-weight: 900; } .smil-floor-perimeter__transition--orange .smil-floor-perimeter__transition-code { background: var(--sfpe-orange-dark); } .smil-floor-perimeter__transition > div { min-width: 0; } .smil-floor-perimeter__transition strong { display: block; color: var(--sfpe-dark); font-size: 0.91rem; font-weight: 850; } .smil-floor-perimeter__transition p { margin: 7px 0 0; color: var(--sfpe-muted); font-size: 0.77rem; line-height: 1.49; } /* DOMANDE E AVVERTENZA */ .smil-floor-perimeter__questions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 27px; } .smil-floor-perimeter__question, .smil-floor-perimeter__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; padding: 20px 22px; border-radius: 18px; } .smil-floor-perimeter__question { background: var(--sfpe-white); border: 1px solid var(--sfpe-border); border-left: 5px solid var(--sfpe-turquoise); } .smil-floor-perimeter__question-icon, .smil-floor-perimeter__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; border-radius: 14px; } .smil-floor-perimeter__question-icon { color: var(--sfpe-blue); background: var(--sfpe-turquoise-light); } .smil-floor-perimeter__warning-icon { color: var(--sfpe-orange-dark); background: var(--sfpe-white); } .smil-floor-perimeter__question-icon svg, .smil-floor-perimeter__warning-icon svg { width: 26px; height: 26px; } .smil-floor-perimeter__question > div, .smil-floor-perimeter__warning > div { min-width: 0; } .smil-floor-perimeter__question strong, .smil-floor-perimeter__warning strong { display: block; margin: 1px 0 6px; color: var(--sfpe-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-perimeter__question p, .smil-floor-perimeter__warning p { margin: 0; font-size: 0.9rem; line-height: 1.62; } .smil-floor-perimeter__question p { color: #48646d; } .smil-floor-perimeter__warning { margin-top: 25px; background: var(--sfpe-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sfpe-orange); } .smil-floor-perimeter__warning p { color: #595850; } /* METODO */ .smil-floor-perimeter__method { display: grid; grid-template-columns: minmax(280px, 0.73fr) minmax(0, 1.27fr); gap: clamp(30px, 5vw, 62px); align-items: center; margin-top: 35px; padding: clamp(25px, 4vw, 41px); background: var(--sfpe-white); border: 1px solid var(--sfpe-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-perimeter__method-copy > p:last-child { margin: 13px 0 0; color: var(--sfpe-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-perimeter__method-copy p strong { color: var(--sfpe-dark); font-weight: 800; } .smil-floor-perimeter__method-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; margin: 0; padding: 0; list-style: none; } .smil-floor-perimeter__method-steps li { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; padding: 14px; background: #f6fbfa; border: 1px solid #dcebe9; border-radius: 15px; } .smil-floor-perimeter__method-steps li > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfpe-white); background: var(--sfpe-blue); border-radius: 11px; font-size: 0.79rem; font-weight: 900; } .smil-floor-perimeter__method-steps li > div { min-width: 0; } .smil-floor-perimeter__method-steps strong { display: block; margin: 1px 0 3px; color: var(--sfpe-dark); font-size: 0.88rem; font-weight: 800; line-height: 1.35; } .smil-floor-perimeter__method-steps p { margin: 0; color: #5a7179; font-size: 0.78rem; line-height: 1.48; } /* CTA */ .smil-floor-perimeter__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 21px 23px; color: var(--sfpe-white); background: linear-gradient( 135deg, var(--sfpe-blue) 0%, var(--sfpe-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-perimeter__cta-copy { display: grid; grid-template-columns: 47px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-perimeter__cta-icon { display: grid; place-items: center; width: 47px; height: 47px; color: var(--sfpe-dark); background: rgba(255, 255, 255, 0.87); border-radius: 14px; } .smil-floor-perimeter__cta-icon svg { width: 25px; height: 25px; } .smil-floor-perimeter__cta-copy > div { min-width: 0; } .smil-floor-perimeter__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sfpe-white); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-perimeter__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.81); font-size: 0.86rem; line-height: 1.5; } .smil-floor-perimeter__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 51px; padding: 12px 18px; color: var(--sfpe-white); background: linear-gradient( 135deg, var(--sfpe-orange) 0%, var(--sfpe-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-perimeter__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-perimeter__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-perimeter__cta-button:hover svg { transform: translateX(3px); } .smil-floor-perimeter__cta-button:focus-visible { outline: 3px solid var(--sfpe-white); outline-offset: 4px; } /* TABLET */ @media (max-width: 1050px) { .smil-floor-perimeter__header, .smil-floor-perimeter__principle, .smil-floor-perimeter__strip, .smil-floor-perimeter__errors, .smil-floor-perimeter__method { grid-template-columns: minmax(0, 1fr); } .smil-floor-perimeter__points-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-floor-perimeter__transitions-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* MOBILE */ @media (max-width: 760px) { .smil-floor-perimeter { padding: 49px 14px 58px; } .smil-floor-perimeter__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-floor-perimeter__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-perimeter__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-perimeter__principle, .smil-floor-perimeter__strip, .smil-floor-perimeter__errors { padding: 22px 18px; border-radius: 20px; } .smil-floor-perimeter__diagram { grid-template-columns: minmax(0, 1fr); } .smil-floor-perimeter__diagram-symbol { transform: rotate(90deg); } .smil-floor-perimeter__points-grid, .smil-floor-perimeter__errors-list, .smil-floor-perimeter__transitions-grid, .smil-floor-perimeter__questions { grid-template-columns: minmax(0, 1fr); } .smil-floor-perimeter__question, .smil-floor-perimeter__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-perimeter__method { padding: 22px 18px; border-radius: 20px; } .smil-floor-perimeter__method-steps { grid-template-columns: minmax(0, 1fr); } .smil-floor-perimeter__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-perimeter__cta-button { width: 100%; } } /* SMARTPHONE PICCOLI */ @media (max-width: 440px) { .smil-floor-perimeter__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-perimeter__answer, .smil-floor-perimeter__errors-list > div, .smil-floor-perimeter__transition, .smil-floor-perimeter__question, .smil-floor-perimeter__warning, .smil-floor-perimeter__cta-copy { grid-template-columns: minmax(0, 1fr); } .smil-floor-perimeter__strip-grid { grid-template-columns: minmax(0, 1fr); } .smil-floor-perimeter__diagram-scene { grid-template-columns: 46px minmax(0, 1fr); } } /* ACCESSIBILITÀ */ @media (prefers-reduced-motion: reduce) { .smil-floor-perimeter__cta-button, .smil-floor-perimeter__cta-button svg { transition: none; } }#imCell_31 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_31 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_31 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_31 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H2 – IL METODO SORGEDIL CSS AUTONOMO ========================================================= */ .smil-floor-methodology, .smil-floor-methodology *, .smil-floor-methodology *::before, .smil-floor-methodology *::after { box-sizing: border-box; } .smil-floor-methodology { --sfmt-dark: #073844; --sfmt-deep: #052b35; --sfmt-blue: #087c8f; --sfmt-turquoise: #00a991; --sfmt-turquoise-light: #dff8f4; --sfmt-orange: #f28a2e; --sfmt-orange-dark: #d66d0e; --sfmt-orange-soft: #fff1e4; --sfmt-white: #ffffff; --sfmt-bg: #f3faf9; --sfmt-text: #183640; --sfmt-muted: #557078; --sfmt-border: #cee5e2; position: relative; width: 100%; overflow: hidden; scroll-margin-top: 90px; padding: clamp(62px, 7vw, 102px) 20px; color: var(--sfmt-text); background: radial-gradient( circle at 96% 4%, rgba(0, 169, 145, 0.1) 0, rgba(0, 169, 145, 0) 29% ), radial-gradient( circle at 3% 96%, rgba(242, 138, 46, 0.07) 0, rgba(242, 138, 46, 0) 27% ), var(--sfmt-bg); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-methodology__container { width: min(1220px, 100%); margin: 0 auto; } /* INTESTAZIONE */ .smil-floor-methodology__header { display: grid; grid-template-columns: minmax(280px, 0.7fr) minmax(440px, 1.3fr); gap: clamp(32px, 5vw, 72px); align-items: end; } .smil-floor-methodology__heading { min-width: 0; } .smil-floor-methodology__eyebrow { display: inline-flex; margin: 0 0 13px; padding: 7px 14px; color: var(--sfmt-blue); background: var(--sfmt-turquoise-light); border: 1px solid #c5e8e3; border-radius: 999px; font-size: 0.81rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-methodology__title { margin: 0; color: var(--sfmt-dark); font-size: clamp(2rem, 4.25vw, 3.6rem); font-weight: 850; line-height: 1.07; letter-spacing: -0.04em; text-wrap: balance; } .smil-floor-methodology__intro { min-width: 0; } .smil-floor-methodology__intro p { margin: 0; color: var(--sfmt-muted); font-size: clamp(1.02rem, 1.55vw, 1.16rem); line-height: 1.73; } .smil-floor-methodology__intro p + p { margin-top: 11px; } .smil-floor-methodology__intro strong { color: var(--sfmt-dark); font-weight: 800; } /* RISPOSTA DIRETTA */ .smil-floor-methodology__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; margin-top: 34px; padding: 22px 24px; background: var(--sfmt-white); border: 1px solid var(--sfmt-border); border-left: 5px solid var(--sfmt-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-methodology__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sfmt-blue); background: var(--sfmt-turquoise-light); border-radius: 15px; } .smil-floor-methodology__answer-icon svg { width: 28px; height: 28px; } .smil-floor-methodology__answer-content { min-width: 0; } .smil-floor-methodology__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sfmt-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-methodology__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } .smil-floor-methodology__answer-content p strong { color: var(--sfmt-dark); font-weight: 800; } /* TITOLI VISIVI INTERNI */ .smil-floor-methodology__section-label { margin: 0 0 7px; color: var(--sfmt-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-methodology__section-title { display: block; color: var(--sfmt-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* ELEMENTI DISTINTIVI */ .smil-floor-methodology__trust { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 11px; margin-top: 27px; } .smil-floor-methodology__trust-item { display: grid; grid-template-columns: 47px minmax(0, 1fr); gap: 12px; align-items: center; min-width: 0; padding: 16px; background: var(--sfmt-white); border: 1px solid var(--sfmt-border); border-radius: 16px; box-shadow: 0 10px 26px rgba(7, 56, 68, 0.055); } .smil-floor-methodology__trust-item > span { display: grid; place-items: center; width: 45px; height: 45px; color: var(--sfmt-white); background: var(--sfmt-blue); border-radius: 13px; font-size: 0.68rem; font-weight: 900; } .smil-floor-methodology__trust-item:first-child > span { background: var(--sfmt-orange-dark); } .smil-floor-methodology__trust-item > div { min-width: 0; } .smil-floor-methodology__trust-item strong { display: block; color: var(--sfmt-dark); font-size: 0.84rem; font-weight: 850; line-height: 1.35; } .smil-floor-methodology__trust-item small { display: block; margin-top: 4px; color: var(--sfmt-muted); font-size: 0.68rem; line-height: 1.4; } /* PERCORSO */ .smil-floor-methodology__journey { display: grid; grid-template-columns: minmax(300px, 0.73fr) minmax(0, 1.27fr); gap: clamp(34px, 5vw, 64px); align-items: center; margin-top: 34px; padding: clamp(28px, 4vw, 44px); color: var(--sfmt-white); background: radial-gradient( circle at 93% 8%, rgba(0, 169, 145, 0.25) 0, rgba(0, 169, 145, 0) 36% ), linear-gradient( 135deg, var(--sfmt-deep) 0%, var(--sfmt-dark) 64%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-methodology__journey .smil-floor-methodology__section-label { color: #7fe7d9; } .smil-floor-methodology__journey .smil-floor-methodology__section-title { color: var(--sfmt-white); } .smil-floor-methodology__journey-copy > p:not(.smil-floor-methodology__section-label) { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-methodology__journey-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; } .smil-floor-methodology__journey-steps li { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.09); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; } .smil-floor-methodology__journey-number { display: grid; place-items: center; width: 36px; height: 36px; color: var(--sfmt-dark); background: #7fe7d9; border-radius: 11px; font-size: 0.72rem; font-weight: 900; } .smil-floor-methodology__journey-steps li:nth-child(5) .smil-floor-methodology__journey-number, .smil-floor-methodology__journey-steps li:nth-child(6) .smil-floor-methodology__journey-number { background: #ffb56c; } .smil-floor-methodology__journey-steps li > div { min-width: 0; } .smil-floor-methodology__journey-steps strong { display: block; color: var(--sfmt-white); font-size: 0.85rem; font-weight: 850; line-height: 1.35; } .smil-floor-methodology__journey-steps p { margin: 5px 0 0; color: rgba(238, 255, 252, 0.68); font-size: 0.71rem; line-height: 1.47; } /* PRIMA RICHIESTA */ .smil-floor-methodology__first-contact { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 34px; padding: clamp(25px, 4vw, 40px); background: var(--sfmt-white); border: 1px solid var(--sfmt-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-methodology__first-contact-copy > p:not(.smil-floor-methodology__section-label) { margin: 13px 0 0; color: var(--sfmt-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-methodology__first-contact-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } .smil-floor-methodology__first-contact-card { min-width: 0; padding: 18px 15px; background: var(--sfmt-turquoise-light); border: 1px solid #c5e7e2; border-radius: 16px; } .smil-floor-methodology__first-contact-card > span { display: grid; place-items: center; width: 35px; height: 35px; margin-bottom: 12px; color: var(--sfmt-white); background: var(--sfmt-blue); border-radius: 11px; font-size: 0.72rem; font-weight: 900; } .smil-floor-methodology__first-contact-card strong { display: block; color: var(--sfmt-dark); font-size: 0.88rem; font-weight: 850; line-height: 1.35; } .smil-floor-methodology__first-contact-card p { margin: 7px 0 0; color: #526970; font-size: 0.75rem; line-height: 1.48; } /* SOPRALLUOGO */ .smil-floor-methodology__survey { display: grid; grid-template-columns: minmax(300px, 0.75fr) minmax(0, 1.25fr); gap: clamp(32px, 5vw, 62px); align-items: center; margin-top: 34px; padding: clamp(27px, 4vw, 43px); color: var(--sfmt-white); background: linear-gradient( 135deg, var(--sfmt-blue) 0%, var(--sfmt-turquoise) 100% ); border-radius: 23px; box-shadow: 0 18px 42px rgba(0, 128, 128, 0.2); } .smil-floor-methodology__survey .smil-floor-methodology__section-label { color: #d7fff8; } .smil-floor-methodology__survey .smil-floor-methodology__section-title { color: var(--sfmt-white); } .smil-floor-methodology__survey-copy > p:not(.smil-floor-methodology__section-label) { margin: 13px 0 0; color: rgba(241, 255, 252, 0.82); font-size: 0.94rem; line-height: 1.65; } .smil-floor-methodology__survey-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; } .smil-floor-methodology__survey-item { min-width: 0; padding: 16px 13px; background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 15px; } .smil-floor-methodology__survey-item > span { display: grid; place-items: center; width: 34px; height: 34px; margin-bottom: 10px; color: var(--sfmt-dark); background: rgba(255, 255, 255, 0.88); border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-methodology__survey-item strong { display: block; color: var(--sfmt-white); font-size: 0.81rem; font-weight: 850; line-height: 1.35; } .smil-floor-methodology__survey-item small { display: block; margin-top: 5px; color: rgba(241, 255, 252, 0.68); font-size: 0.65rem; line-height: 1.4; } /* DIAGNOSI */ .smil-floor-methodology__diagnosis { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 34px; padding: clamp(25px, 4vw, 40px); background: var(--sfmt-white); border: 1px solid var(--sfmt-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-methodology__diagnosis-copy > p:not(.smil-floor-methodology__section-label) { margin: 13px 0 0; color: var(--sfmt-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-methodology__diagnosis-comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; } .smil-floor-methodology__diagnosis-card { min-width: 0; padding: 19px 17px; border-radius: 17px; } .smil-floor-methodology__diagnosis-card--wrong { background: var(--sfmt-orange-soft); border: 1px solid #efd0b4; } .smil-floor-methodology__diagnosis-card--right { background: var(--sfmt-turquoise-light); border: 1px solid #c5e7e2; } .smil-floor-methodology__diagnosis-card > span { display: grid; place-items: center; width: 37px; height: 37px; margin-bottom: 12px; color: var(--sfmt-white); border-radius: 11px; font-size: 1rem; font-weight: 900; } .smil-floor-methodology__diagnosis-card--wrong > span { background: var(--sfmt-orange-dark); } .smil-floor-methodology__diagnosis-card--right > span { background: var(--sfmt-turquoise); } .smil-floor-methodology__diagnosis-card > strong { display: block; color: var(--sfmt-dark); font-size: 0.92rem; font-weight: 850; } .smil-floor-methodology__diagnosis-card ul { display: grid; gap: 7px; margin: 12px 0 0; padding: 12px 0 0; border-top: 1px solid rgba(7, 56, 68, 0.1); list-style: none; } .smil-floor-methodology__diagnosis-card li { position: relative; padding-left: 18px; color: #526970; font-size: 0.74rem; line-height: 1.45; } .smil-floor-methodology__diagnosis-card li::before { content: ""; position: absolute; top: 0.53em; left: 2px; width: 6px; height: 6px; border-radius: 50%; } .smil-floor-methodology__diagnosis-card--wrong li::before { background: var(--sfmt-orange); } .smil-floor-methodology__diagnosis-card--right li::before { background: var(--sfmt-turquoise); } /* ESECUZIONE */ .smil-floor-methodology__execution { margin-top: 36px; } .smil-floor-methodology__execution-header { max-width: 900px; } .smil-floor-methodology__execution-header > p:last-child { margin: 12px 0 0; color: var(--sfmt-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-methodology__execution-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 22px; } .smil-floor-methodology__execution-card { min-width: 0; padding: 21px 19px; background: var(--sfmt-white); border: 1px solid var(--sfmt-border); border-radius: 18px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-methodology__execution-icon { display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 15px; color: var(--sfmt-blue); background: var(--sfmt-turquoise-light); border-radius: 14px; } .smil-floor-methodology__execution-icon--orange { color: var(--sfmt-orange-dark); background: var(--sfmt-orange-soft); } .smil-floor-methodology__execution-icon svg { width: 25px; height: 25px; } .smil-floor-methodology__execution-card strong { display: block; color: var(--sfmt-dark); font-size: 0.96rem; font-weight: 850; } .smil-floor-methodology__execution-card p { margin: 7px 0 0; color: var(--sfmt-muted); font-size: 0.8rem; line-height: 1.53; } /* CONSEGNE */ .smil-floor-methodology__deliverables { display: grid; grid-template-columns: minmax(300px, 0.76fr) minmax(0, 1.24fr); gap: clamp(32px, 5vw, 62px); align-items: center; margin-top: 34px; padding: clamp(26px, 4vw, 42px); color: var(--sfmt-white); background: linear-gradient( 135deg, var(--sfmt-deep) 0%, var(--sfmt-dark) 100% ); border-radius: 23px; box-shadow: 0 19px 45px rgba(5, 43, 53, 0.17); } .smil-floor-methodology__deliverables .smil-floor-methodology__section-label { color: #7fe7d9; } .smil-floor-methodology__deliverables .smil-floor-methodology__section-title { color: var(--sfmt-white); } .smil-floor-methodology__deliverables-copy > p:not(.smil-floor-methodology__section-label) { margin: 13px 0 0; color: rgba(238, 255, 252, 0.77); font-size: 0.94rem; line-height: 1.65; } .smil-floor-methodology__deliverables-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-methodology__deliverables-list > div { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.09); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; } .smil-floor-methodology__deliverables-list span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfmt-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.67rem; font-weight: 900; } .smil-floor-methodology__deliverables-list p { margin: 0; color: rgba(238, 255, 252, 0.67); font-size: 0.72rem; line-height: 1.47; } .smil-floor-methodology__deliverables-list strong { display: block; margin-bottom: 2px; color: var(--sfmt-white); font-size: 0.85rem; font-weight: 850; } /* AVVERTENZA, DOMANDE E GARANZIA */ .smil-floor-methodology__warning, .smil-floor-methodology__question, .smil-floor-methodology__guarantee { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; padding: 20px 22px; border-radius: 18px; } .smil-floor-methodology__warning { margin-top: 27px; background: var(--sfmt-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sfmt-orange); } .smil-floor-methodology__warning-icon, .smil-floor-methodology__question-icon, .smil-floor-methodology__guarantee-icon { display: grid; place-items: center; width: 49px; height: 49px; border-radius: 14px; } .smil-floor-methodology__warning-icon { color: var(--sfmt-orange-dark); background: var(--sfmt-white); } .smil-floor-methodology__question-icon { color: var(--sfmt-blue); background: var(--sfmt-turquoise-light); } .smil-floor-methodology__guarantee-icon { color: var(--sfmt-white); background: var(--sfmt-blue); } .smil-floor-methodology__warning-icon svg, .smil-floor-methodology__question-icon svg, .smil-floor-methodology__guarantee-icon svg { width: 26px; height: 26px; } .smil-floor-methodology__warning > div, .smil-floor-methodology__question > div, .smil-floor-methodology__guarantee > div { min-width: 0; } .smil-floor-methodology__warning strong, .smil-floor-methodology__question strong, .smil-floor-methodology__guarantee strong { display: block; margin: 1px 0 6px; color: var(--sfmt-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-methodology__warning p, .smil-floor-methodology__question p, .smil-floor-methodology__guarantee p { margin: 0; font-size: 0.9rem; line-height: 1.62; } .smil-floor-methodology__warning p { color: #595850; } .smil-floor-methodology__questions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 26px; } .smil-floor-methodology__question { background: var(--sfmt-white); border: 1px solid var(--sfmt-border); border-left: 5px solid var(--sfmt-turquoise); } .smil-floor-methodology__question p { color: #48646d; } .smil-floor-methodology__guarantee { margin-top: 26px; background: var(--sfmt-turquoise-light); border: 1px solid #c5e7e2; border-left: 5px solid var(--sfmt-turquoise); } .smil-floor-methodology__guarantee p { color: #4e686f; } /* CTA */ .smil-floor-methodology__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 22px 24px; color: var(--sfmt-white); background: linear-gradient( 135deg, var(--sfmt-blue) 0%, var(--sfmt-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-methodology__cta-copy { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-methodology__cta-icon { display: grid; place-items: center; width: 48px; height: 48px; color: var(--sfmt-dark); background: rgba(255, 255, 255, 0.88); border-radius: 14px; } .smil-floor-methodology__cta-icon svg { width: 25px; height: 25px; } .smil-floor-methodology__cta-copy > div { min-width: 0; } .smil-floor-methodology__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sfmt-white); font-size: 1.04rem; font-weight: 850; line-height: 1.35; } .smil-floor-methodology__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.82); font-size: 0.86rem; line-height: 1.5; } .smil-floor-methodology__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 51px; padding: 12px 19px; color: var(--sfmt-white); background: linear-gradient( 135deg, var(--sfmt-orange) 0%, var(--sfmt-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-methodology__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-methodology__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-methodology__cta-button:hover svg { transform: translateX(3px); } .smil-floor-methodology__cta-button:focus-visible { outline: 3px solid var(--sfmt-white); outline-offset: 4px; } /* DESKTOP INTERMEDIO */ @media (max-width: 1120px) { .smil-floor-methodology__trust { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-floor-methodology__survey-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* TABLET */ @media (max-width: 950px) { .smil-floor-methodology__header, .smil-floor-methodology__journey, .smil-floor-methodology__first-contact, .smil-floor-methodology__survey, .smil-floor-methodology__diagnosis, .smil-floor-methodology__deliverables { grid-template-columns: minmax(0, 1fr); } .smil-floor-methodology__first-contact-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } /* MOBILE */ @media (max-width: 720px) { .smil-floor-methodology { padding: 50px 14px 59px; } .smil-floor-methodology__title { font-size: clamp(2rem, 10vw, 2.9rem); } .smil-floor-methodology__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-methodology__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-methodology__trust, .smil-floor-methodology__journey-steps, .smil-floor-methodology__first-contact-grid, .smil-floor-methodology__survey-grid, .smil-floor-methodology__diagnosis-comparison, .smil-floor-methodology__execution-grid, .smil-floor-methodology__deliverables-list, .smil-floor-methodology__questions { grid-template-columns: minmax(0, 1fr); } .smil-floor-methodology__journey, .smil-floor-methodology__first-contact, .smil-floor-methodology__survey, .smil-floor-methodology__diagnosis, .smil-floor-methodology__deliverables { padding: 22px 18px; border-radius: 20px; } .smil-floor-methodology__warning, .smil-floor-methodology__question, .smil-floor-methodology__guarantee { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-methodology__warning-icon, .smil-floor-methodology__question-icon, .smil-floor-methodology__guarantee-icon { width: 43px; height: 43px; } .smil-floor-methodology__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-methodology__cta-button { width: 100%; } } /* SMARTPHONE PICCOLI */ @media (max-width: 440px) { .smil-floor-methodology__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-methodology__answer, .smil-floor-methodology__trust-item, .smil-floor-methodology__journey-steps li, .smil-floor-methodology__deliverables-list > div, .smil-floor-methodology__warning, .smil-floor-methodology__question, .smil-floor-methodology__guarantee, .smil-floor-methodology__cta-copy { grid-template-columns: minmax(0, 1fr); } } /* ACCESSIBILITÀ */ @media (prefers-reduced-motion: reduce) { .smil-floor-methodology__cta-button, .smil-floor-methodology__cta-button svg { transition: none; } }#imCell_33 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_33 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_33 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_33 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H3 – ANALISI CSS AUTONOMO ========================================================= */ .smil-floor-analysis, .smil-floor-analysis *, .smil-floor-analysis *::before, .smil-floor-analysis *::after { box-sizing: border-box; } .smil-floor-analysis { --sfa-dark: #073844; --sfa-deep: #052b35; --sfa-blue: #087c8f; --sfa-turquoise: #00a991; --sfa-turquoise-light: #dff8f4; --sfa-orange: #f28a2e; --sfa-orange-dark: #d66d0e; --sfa-orange-soft: #fff1e4; --sfa-white: #ffffff; --sfa-bg: #ffffff; --sfa-bg-soft: #f3faf9; --sfa-text: #183640; --sfa-muted: #557078; --sfa-border: #cee5e2; position: relative; width: 100%; overflow: hidden; scroll-margin-top: 90px; padding: clamp(58px, 7vw, 96px) 20px; color: var(--sfa-text); background: radial-gradient( circle at 97% 3%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 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(--sfa-bg) 0%, var(--sfa-bg-soft) 100% ); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-analysis__container { width: min(1220px, 100%); margin: 0 auto; } /* INTESTAZIONE */ .smil-floor-analysis__header { display: grid; grid-template-columns: minmax(260px, 0.68fr) minmax(460px, 1.32fr); gap: clamp(30px, 5vw, 70px); align-items: end; } .smil-floor-analysis__heading { min-width: 0; } .smil-floor-analysis__eyebrow { display: inline-flex; margin: 0 0 12px; padding: 7px 13px; color: var(--sfa-blue); background: var(--sfa-turquoise-light); border: 1px solid #c5e8e3; border-radius: 999px; font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-analysis__title { margin: 0; color: var(--sfa-dark); font-size: clamp(1.9rem, 3.55vw, 3.15rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; } .smil-floor-analysis__intro { min-width: 0; } .smil-floor-analysis__intro p { margin: 0; color: var(--sfa-muted); font-size: clamp(1.03rem, 1.55vw, 1.17rem); line-height: 1.73; } .smil-floor-analysis__intro p + p { margin-top: 10px; } .smil-floor-analysis__intro strong { color: var(--sfa-dark); font-weight: 800; } /* RISPOSTA DIRETTA */ .smil-floor-analysis__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; margin-top: 34px; padding: 22px 24px; background: var(--sfa-white); border: 1px solid var(--sfa-border); border-left: 5px solid var(--sfa-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-analysis__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sfa-blue); background: var(--sfa-turquoise-light); border-radius: 15px; } .smil-floor-analysis__answer-icon svg { width: 28px; height: 28px; } .smil-floor-analysis__answer-content { min-width: 0; } .smil-floor-analysis__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sfa-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-analysis__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } .smil-floor-analysis__answer-content p strong { color: var(--sfa-dark); font-weight: 800; } /* TITOLI VISIVI */ .smil-floor-analysis__section-label { margin: 0 0 7px; color: var(--sfa-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-analysis__section-title { display: block; color: var(--sfa-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* PERCORSO */ .smil-floor-analysis__path { display: grid; grid-template-columns: minmax(300px, 0.75fr) minmax(0, 1.25fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 31px; padding: clamp(26px, 4vw, 42px); color: var(--sfa-white); background: radial-gradient( circle at 94% 10%, rgba(0, 169, 145, 0.24) 0, rgba(0, 169, 145, 0) 35% ), linear-gradient( 135deg, var(--sfa-deep) 0%, var(--sfa-dark) 65%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-analysis__path .smil-floor-analysis__section-label { color: #7fe7d9; } .smil-floor-analysis__path .smil-floor-analysis__section-title { color: var(--sfa-white); } .smil-floor-analysis__path-copy > p:not(.smil-floor-analysis__section-label) { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-analysis__path-flow { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr); gap: 8px; align-items: center; } .smil-floor-analysis__path-step, .smil-floor-analysis__path-result { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 8px; align-items: center; min-width: 0; padding: 13px 10px; background: rgba(255, 255, 255, 0.085); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 14px; } .smil-floor-analysis__path-step--orange { background: rgba(242, 138, 46, 0.21); border-color: rgba(255, 182, 111, 0.3); } .smil-floor-analysis__path-result { background: rgba(0, 169, 145, 0.21); border-color: rgba(120, 228, 214, 0.27); } .smil-floor-analysis__path-step > span, .smil-floor-analysis__path-result > span { display: grid; place-items: center; width: 30px; height: 30px; color: var(--sfa-dark); background: #7fe7d9; border-radius: 9px; font-size: 0.7rem; font-weight: 900; } .smil-floor-analysis__path-step--orange > span { background: #ffb56c; } .smil-floor-analysis__path-step > div, .smil-floor-analysis__path-result > div { min-width: 0; } .smil-floor-analysis__path-step strong, .smil-floor-analysis__path-result strong { display: block; color: var(--sfa-white); font-size: 0.73rem; font-weight: 850; line-height: 1.3; } .smil-floor-analysis__path-step small, .smil-floor-analysis__path-result small { display: block; margin-top: 3px; color: rgba(238, 255, 252, 0.64); font-size: 0.59rem; line-height: 1.35; } .smil-floor-analysis__path-arrow { color: var(--sfa-orange); font-size: 1.1rem; font-weight: 900; } /* VERIFICHE */ .smil-floor-analysis__checks, .smil-floor-analysis__classification, .smil-floor-analysis__outcome { margin-top: 35px; } .smil-floor-analysis__checks-header, .smil-floor-analysis__classification-header, .smil-floor-analysis__outcome-header { max-width: 920px; } .smil-floor-analysis__checks-header > p:last-child, .smil-floor-analysis__classification-header > p:last-child, .smil-floor-analysis__outcome-header > p:last-child { margin: 12px 0 0; color: var(--sfa-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-analysis__checks-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 22px; } .smil-floor-analysis__check { min-width: 0; padding: 19px 17px; background: var(--sfa-white); border: 1px solid var(--sfa-border); border-radius: 17px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-analysis__check > span { display: block; margin-bottom: 13px; color: rgba(7, 56, 68, 0.24); font-size: 1.18rem; font-weight: 900; } .smil-floor-analysis__check strong { display: block; margin-bottom: 6px; color: var(--sfa-dark); font-size: 0.91rem; font-weight: 850; line-height: 1.36; } .smil-floor-analysis__check p { margin: 0; color: var(--sfa-muted); font-size: 0.78rem; line-height: 1.51; } /* PERCEZIONE */ .smil-floor-analysis__perception { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(25px, 4vw, 40px); background: var(--sfa-white); border: 1px solid var(--sfa-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-analysis__perception-copy > p:not(.smil-floor-analysis__section-label) { margin: 13px 0 0; color: var(--sfa-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-analysis__perception-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; } .smil-floor-analysis__perception-card { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 13px; min-width: 0; padding: 18px; background: var(--sfa-turquoise-light); border: 1px solid #c5e7e2; border-radius: 17px; } .smil-floor-analysis__perception-card--orange { background: var(--sfa-orange-soft); border-color: #efd0b4; } .smil-floor-analysis__perception-icon { display: grid; place-items: center; width: 44px; height: 44px; color: var(--sfa-white); background: var(--sfa-blue); border-radius: 13px; font-size: 0.78rem; font-weight: 900; } .smil-floor-analysis__perception-icon--orange { background: var(--sfa-orange-dark); } .smil-floor-analysis__perception-card > div { min-width: 0; } .smil-floor-analysis__perception-label { margin: 0 0 4px; color: var(--sfa-blue); font-size: 0.67rem; font-weight: 850; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-analysis__perception-card strong { display: block; color: var(--sfa-dark); font-size: 0.91rem; font-weight: 850; line-height: 1.36; } .smil-floor-analysis__perception-card div > p:last-child { margin: 7px 0 0; color: #526970; font-size: 0.77rem; line-height: 1.49; } /* CLASSIFICAZIONE */ .smil-floor-analysis__classification-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 22px; } .smil-floor-analysis__classification-card { min-width: 0; padding: 21px; background: var(--sfa-white); border: 1px solid var(--sfa-border); border-top: 5px solid var(--sfa-turquoise); border-radius: 19px; box-shadow: 0 13px 33px rgba(7, 56, 68, 0.07); } .smil-floor-analysis__classification-card--orange { border-top-color: var(--sfa-orange); } .smil-floor-analysis__classification-card--deep { border-top-color: var(--sfa-dark); } .smil-floor-analysis__classification-icon { display: grid; place-items: center; width: 47px; height: 47px; margin-bottom: 15px; color: var(--sfa-blue); background: var(--sfa-turquoise-light); border-radius: 14px; } .smil-floor-analysis__classification-icon--orange { color: var(--sfa-orange-dark); background: var(--sfa-orange-soft); } .smil-floor-analysis__classification-icon--deep { color: var(--sfa-white); background: var(--sfa-dark); } .smil-floor-analysis__classification-icon svg { width: 24px; height: 24px; } .smil-floor-analysis__classification-card strong { display: block; color: var(--sfa-dark); font-size: 0.96rem; font-weight: 850; } .smil-floor-analysis__classification-card p { margin: 7px 0 0; color: var(--sfa-muted); font-size: 0.81rem; line-height: 1.53; } .smil-floor-analysis__classification-card small { display: block; margin-top: 12px; padding-top: 10px; color: var(--sfa-blue); border-top: 1px solid #deecea; font-size: 0.71rem; font-weight: 750; line-height: 1.43; } /* LIVELLI DI ANALISI */ .smil-floor-analysis__levels { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); color: var(--sfa-white); background: linear-gradient( 135deg, var(--sfa-blue) 0%, var(--sfa-turquoise) 100% ); border-radius: 23px; box-shadow: 0 18px 42px rgba(0, 128, 128, 0.2); } .smil-floor-analysis__levels .smil-floor-analysis__section-label { color: #d7fff8; } .smil-floor-analysis__levels .smil-floor-analysis__section-title { color: var(--sfa-white); } .smil-floor-analysis__levels-copy > p:not(.smil-floor-analysis__section-label) { margin: 13px 0 0; color: rgba(241, 255, 252, 0.82); font-size: 0.94rem; line-height: 1.65; } .smil-floor-analysis__levels-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; } .smil-floor-analysis__level-card { min-width: 0; padding: 19px 17px; background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 17px; } .smil-floor-analysis__level-card--survey { background: rgba(242, 138, 46, 0.22); border-color: rgba(255, 213, 172, 0.32); } .smil-floor-analysis__level-card > span { display: grid; place-items: center; width: 37px; height: 37px; margin-bottom: 12px; color: var(--sfa-dark); background: rgba(255, 255, 255, 0.9); border-radius: 11px; font-size: 0.76rem; font-weight: 900; } .smil-floor-analysis__level-card > strong { display: block; color: var(--sfa-white); font-size: 0.94rem; font-weight: 850; } .smil-floor-analysis__level-card ul { display: grid; gap: 7px; margin: 13px 0 0; padding: 12px 0 0; border-top: 1px solid rgba(255, 255, 255, 0.16); list-style: none; } .smil-floor-analysis__level-card li { position: relative; padding-left: 17px; color: rgba(241, 255, 252, 0.72); font-size: 0.73rem; line-height: 1.44; } .smil-floor-analysis__level-card li::before { content: ""; position: absolute; top: 0.52em; left: 2px; width: 6px; height: 6px; background: #d7fff8; border-radius: 50%; } /* MISURAZIONI */ .smil-floor-analysis__measurements { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); color: var(--sfa-white); background: linear-gradient( 135deg, var(--sfa-deep) 0%, var(--sfa-dark) 100% ); border-radius: 23px; box-shadow: 0 19px 45px rgba(5, 43, 53, 0.17); } .smil-floor-analysis__measurements .smil-floor-analysis__section-label { color: #7fe7d9; } .smil-floor-analysis__measurements .smil-floor-analysis__section-title { color: var(--sfa-white); } .smil-floor-analysis__measurements-copy > p:not(.smil-floor-analysis__section-label) { margin: 13px 0 0; color: rgba(238, 255, 252, 0.77); font-size: 0.94rem; line-height: 1.65; } .smil-floor-analysis__measurements-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-analysis__measurements-list > div { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.09); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; } .smil-floor-analysis__measurements-list span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfa-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.67rem; font-weight: 900; } .smil-floor-analysis__measurements-list p { margin: 0; color: rgba(238, 255, 252, 0.67); font-size: 0.72rem; line-height: 1.47; } .smil-floor-analysis__measurements-list strong { display: block; margin-bottom: 2px; color: var(--sfa-white); font-size: 0.85rem; font-weight: 850; } /* RISULTATO */ .smil-floor-analysis__outcome-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 22px; } .smil-floor-analysis__outcome-card { min-width: 0; padding: 19px 17px; background: var(--sfa-white); border: 1px solid var(--sfa-border); border-radius: 17px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-analysis__outcome-card > span { display: block; margin-bottom: 13px; color: rgba(7, 56, 68, 0.24); font-size: 1.18rem; font-weight: 900; } .smil-floor-analysis__outcome-card strong { display: block; margin-bottom: 6px; color: var(--sfa-dark); font-size: 0.91rem; font-weight: 850; } .smil-floor-analysis__outcome-card p { margin: 0; color: var(--sfa-muted); font-size: 0.78rem; line-height: 1.51; } /* AVVERTENZA E DOMANDE */ .smil-floor-analysis__warning, .smil-floor-analysis__question { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; padding: 20px 22px; border-radius: 18px; } .smil-floor-analysis__warning { margin-top: 26px; background: var(--sfa-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sfa-orange); } .smil-floor-analysis__warning-icon, .smil-floor-analysis__question-icon { display: grid; place-items: center; width: 49px; height: 49px; border-radius: 14px; } .smil-floor-analysis__warning-icon { color: var(--sfa-orange-dark); background: var(--sfa-white); } .smil-floor-analysis__question-icon { color: var(--sfa-blue); background: var(--sfa-turquoise-light); } .smil-floor-analysis__warning-icon svg, .smil-floor-analysis__question-icon svg { width: 26px; height: 26px; } .smil-floor-analysis__warning > div, .smil-floor-analysis__question > div { min-width: 0; } .smil-floor-analysis__warning strong, .smil-floor-analysis__question strong { display: block; margin: 1px 0 6px; color: var(--sfa-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-analysis__warning p, .smil-floor-analysis__question p { margin: 0; font-size: 0.9rem; line-height: 1.62; } .smil-floor-analysis__warning p { color: #595850; } .smil-floor-analysis__questions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 26px; } .smil-floor-analysis__question { background: var(--sfa-white); border: 1px solid var(--sfa-border); border-left: 5px solid var(--sfa-turquoise); } .smil-floor-analysis__question p { color: #48646d; } /* CTA */ .smil-floor-analysis__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 21px 23px; color: var(--sfa-white); background: linear-gradient( 135deg, var(--sfa-blue) 0%, var(--sfa-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-analysis__cta-copy { display: grid; grid-template-columns: 47px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-analysis__cta-icon { display: grid; place-items: center; width: 47px; height: 47px; color: var(--sfa-dark); background: rgba(255, 255, 255, 0.87); border-radius: 14px; } .smil-floor-analysis__cta-icon svg { width: 25px; height: 25px; } .smil-floor-analysis__cta-copy > div { min-width: 0; } .smil-floor-analysis__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sfa-white); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-analysis__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.81); font-size: 0.86rem; line-height: 1.5; } .smil-floor-analysis__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 51px; padding: 12px 18px; color: var(--sfa-white); background: linear-gradient( 135deg, var(--sfa-orange) 0%, var(--sfa-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-analysis__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-analysis__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-analysis__cta-button:hover svg { transform: translateX(3px); } .smil-floor-analysis__cta-button:focus-visible { outline: 3px solid var(--sfa-white); outline-offset: 4px; } /* TABLET */ @media (max-width: 1050px) { .smil-floor-analysis__header, .smil-floor-analysis__path, .smil-floor-analysis__perception, .smil-floor-analysis__levels, .smil-floor-analysis__measurements { grid-template-columns: minmax(0, 1fr); } .smil-floor-analysis__checks-grid, .smil-floor-analysis__outcome-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* MOBILE */ @media (max-width: 760px) { .smil-floor-analysis { padding: 49px 14px 58px; } .smil-floor-analysis__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-floor-analysis__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-analysis__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-analysis__path, .smil-floor-analysis__perception, .smil-floor-analysis__levels, .smil-floor-analysis__measurements { padding: 22px 18px; border-radius: 20px; } .smil-floor-analysis__path-flow { grid-template-columns: minmax(0, 1fr); gap: 7px; } .smil-floor-analysis__path-arrow { transform: rotate(90deg); text-align: center; } .smil-floor-analysis__checks-grid, .smil-floor-analysis__classification-grid, .smil-floor-analysis__perception-grid, .smil-floor-analysis__levels-grid, .smil-floor-analysis__measurements-list, .smil-floor-analysis__outcome-grid, .smil-floor-analysis__questions { grid-template-columns: minmax(0, 1fr); } .smil-floor-analysis__warning, .smil-floor-analysis__question { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-analysis__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-analysis__cta-button { width: 100%; } } /* SMARTPHONE PICCOLI */ @media (max-width: 440px) { .smil-floor-analysis__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-analysis__answer, .smil-floor-analysis__perception-card, .smil-floor-analysis__measurements-list > div, .smil-floor-analysis__warning, .smil-floor-analysis__question, .smil-floor-analysis__cta-copy { grid-template-columns: minmax(0, 1fr); } } /* ACCESSIBILITÀ */ @media (prefers-reduced-motion: reduce) { .smil-floor-analysis__cta-button, .smil-floor-analysis__cta-button svg { transition: none; } }#imCell_34 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_34 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_34 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_34 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H3 – PROGETTAZIONE CSS AUTONOMO ========================================================= */ .smil-floor-design, .smil-floor-design *, .smil-floor-design *::before, .smil-floor-design *::after { box-sizing: border-box; } .smil-floor-design { --sfd-dark: #073844; --sfd-deep: #052b35; --sfd-blue: #087c8f; --sfd-turquoise: #00a991; --sfd-turquoise-light: #dff8f4; --sfd-orange: #f28a2e; --sfd-orange-dark: #d66d0e; --sfd-orange-soft: #fff1e4; --sfd-white: #ffffff; --sfd-bg: #ffffff; --sfd-bg-soft: #f3faf9; --sfd-text: #183640; --sfd-muted: #557078; --sfd-border: #cee5e2; position: relative; width: 100%; overflow: hidden; scroll-margin-top: 90px; padding: clamp(58px, 7vw, 96px) 20px; color: var(--sfd-text); background: radial-gradient( circle at 97% 3%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 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(--sfd-bg) 0%, var(--sfd-bg-soft) 100% ); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-design__container { width: min(1220px, 100%); margin: 0 auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .smil-floor-design__header { display: grid; grid-template-columns: minmax(260px, 0.7fr) minmax(460px, 1.3fr); gap: clamp(30px, 5vw, 70px); align-items: end; } .smil-floor-design__heading, .smil-floor-design__intro { min-width: 0; } .smil-floor-design__eyebrow { display: inline-flex; margin: 0 0 12px; padding: 7px 13px; color: var(--sfd-blue); background: var(--sfd-turquoise-light); border: 1px solid #c5e8e3; border-radius: 999px; font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-design__title { margin: 0; color: var(--sfd-dark); font-size: clamp(1.9rem, 3.55vw, 3.15rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; } .smil-floor-design__intro p { margin: 0; color: var(--sfd-muted); font-size: clamp(1.03rem, 1.55vw, 1.17rem); line-height: 1.73; } .smil-floor-design__intro p + p { margin-top: 10px; } .smil-floor-design__intro strong { color: var(--sfd-dark); font-weight: 800; } /* ========================================================= RISPOSTA DIRETTA ========================================================= */ .smil-floor-design__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; margin-top: 34px; padding: 22px 24px; background: var(--sfd-white); border: 1px solid var(--sfd-border); border-left: 5px solid var(--sfd-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-design__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sfd-blue); background: var(--sfd-turquoise-light); border-radius: 15px; } .smil-floor-design__answer-icon svg { width: 28px; height: 28px; } .smil-floor-design__answer-content { min-width: 0; } .smil-floor-design__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sfd-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-design__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } /* ========================================================= TITOLI VISIVI ========================================================= */ .smil-floor-design__section-label { margin: 0 0 7px; color: var(--sfd-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-design__section-title { display: block; color: var(--sfd-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* ========================================================= PROCESSO ========================================================= */ .smil-floor-design__process { display: grid; grid-template-columns: minmax(300px, 0.75fr) minmax(0, 1.25fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 31px; padding: clamp(26px, 4vw, 42px); color: var(--sfd-white); background: radial-gradient( circle at 94% 10%, rgba(0, 169, 145, 0.24) 0, rgba(0, 169, 145, 0) 35% ), linear-gradient( 135deg, var(--sfd-deep) 0%, var(--sfd-dark) 65%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-design__process .smil-floor-design__section-label { color: #7fe7d9; } .smil-floor-design__process .smil-floor-design__section-title { color: var(--sfd-white); } .smil-floor-design__process-copy > p:not(.smil-floor-design__section-label) { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-design__process-flow { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr); gap: 8px; align-items: center; } .smil-floor-design__process-step, .smil-floor-design__process-result { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 8px; align-items: center; min-width: 0; padding: 13px 10px; background: rgba(255, 255, 255, 0.085); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 14px; } .smil-floor-design__process-step--orange { background: rgba(242, 138, 46, 0.21); border-color: rgba(255, 182, 111, 0.3); } .smil-floor-design__process-result { background: rgba(0, 169, 145, 0.21); border-color: rgba(120, 228, 214, 0.27); } .smil-floor-design__process-step > span, .smil-floor-design__process-result > span { display: grid; place-items: center; width: 30px; height: 30px; color: var(--sfd-dark); background: #7fe7d9; border-radius: 9px; font-size: 0.7rem; font-weight: 900; } .smil-floor-design__process-step--orange > span { background: #ffb56c; } .smil-floor-design__process-step > div, .smil-floor-design__process-result > div { min-width: 0; } .smil-floor-design__process-step strong, .smil-floor-design__process-result strong { display: block; color: var(--sfd-white); font-size: 0.73rem; font-weight: 850; line-height: 1.3; } .smil-floor-design__process-step small, .smil-floor-design__process-result small { display: block; margin-top: 3px; color: rgba(238, 255, 252, 0.64); font-size: 0.59rem; line-height: 1.35; } .smil-floor-design__process-arrow { color: var(--sfd-orange); font-size: 1.1rem; font-weight: 900; } /* ========================================================= GRIGLIE INFORMATIVE ========================================================= */ .smil-floor-design__inputs, .smil-floor-design__thickness, .smil-floor-design__details, .smil-floor-design__outcome { margin-top: 35px; } .smil-floor-design__inputs-header, .smil-floor-design__thickness-header, .smil-floor-design__details-header, .smil-floor-design__outcome-header { max-width: 920px; } .smil-floor-design__inputs-header > p:last-child, .smil-floor-design__thickness-header > p:last-child, .smil-floor-design__details-header > p:last-child, .smil-floor-design__outcome-header > p:last-child { margin: 12px 0 0; color: var(--sfd-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-design__inputs-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 22px; } .smil-floor-design__input, .smil-floor-design__detail, .smil-floor-design__outcome-card { min-width: 0; padding: 19px 17px; background: var(--sfd-white); border: 1px solid var(--sfd-border); border-radius: 17px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-design__input > span, .smil-floor-design__detail > span, .smil-floor-design__outcome-card > span { display: block; margin-bottom: 13px; color: rgba(7, 56, 68, 0.24); font-size: 1.18rem; font-weight: 900; } .smil-floor-design__input strong, .smil-floor-design__detail strong, .smil-floor-design__outcome-card strong { display: block; margin-bottom: 6px; color: var(--sfd-dark); font-size: 0.91rem; font-weight: 850; line-height: 1.36; } .smil-floor-design__input p, .smil-floor-design__detail p, .smil-floor-design__outcome-card p { margin: 0; color: var(--sfd-muted); font-size: 0.78rem; line-height: 1.51; } /* ========================================================= DEFINIZIONE DEL PROGETTO ========================================================= */ .smil-floor-design__definition { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); color: var(--sfd-white); background: linear-gradient( 135deg, var(--sfd-blue) 0%, var(--sfd-turquoise) 100% ); border-radius: 23px; box-shadow: 0 18px 42px rgba(0, 128, 128, 0.2); } .smil-floor-design__definition .smil-floor-design__section-label { color: #d7fff8; } .smil-floor-design__definition .smil-floor-design__section-title { color: var(--sfd-white); } .smil-floor-design__definition-copy > p:not(.smil-floor-design__section-label) { margin: 13px 0 0; color: rgba(241, 255, 252, 0.82); font-size: 0.94rem; line-height: 1.65; } .smil-floor-design__definition-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } .smil-floor-design__definition-grid > div { min-width: 0; padding: 16px 14px; background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 15px; } .smil-floor-design__definition-grid span { display: block; margin-bottom: 10px; color: rgba(255, 255, 255, 0.52); font-size: 1.05rem; font-weight: 900; } .smil-floor-design__definition-grid strong { display: block; color: var(--sfd-white); font-size: 0.84rem; font-weight: 850; line-height: 1.35; } .smil-floor-design__definition-grid small { display: block; margin-top: 5px; color: rgba(241, 255, 252, 0.68); font-size: 0.67rem; line-height: 1.4; } /* ========================================================= STRATIGRAFIA ========================================================= */ .smil-floor-design__stratigraphy { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); color: var(--sfd-white); background: linear-gradient( 135deg, var(--sfd-deep) 0%, var(--sfd-dark) 100% ); border-radius: 23px; box-shadow: 0 19px 45px rgba(5, 43, 53, 0.17); } .smil-floor-design__stratigraphy .smil-floor-design__section-label { color: #7fe7d9; } .smil-floor-design__stratigraphy .smil-floor-design__section-title { color: var(--sfd-white); } .smil-floor-design__stratigraphy-copy > p:not(.smil-floor-design__section-label) { margin: 13px 0 0; color: rgba(238, 255, 252, 0.77); font-size: 0.94rem; line-height: 1.65; } .smil-floor-design__layers { display: grid; gap: 6px; } .smil-floor-design__layer { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 11px; align-items: center; padding: 12px 14px; color: var(--sfd-dark); background: rgba(255, 255, 255, 0.92); border-radius: 12px; } .smil-floor-design__layer > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfd-white); background: var(--sfd-blue); border-radius: 10px; font-size: 0.71rem; font-weight: 900; } .smil-floor-design__layer > div { min-width: 0; } .smil-floor-design__layer strong { display: block; font-size: 0.83rem; font-weight: 850; } .smil-floor-design__layer small { display: block; margin-top: 3px; color: #526a72; font-size: 0.67rem; line-height: 1.4; } .smil-floor-design__layer--finish { background: #f8fcfb; } .smil-floor-design__layer--acoustic { background: var(--sfd-turquoise-light); } .smil-floor-design__layer--acoustic > span { background: var(--sfd-turquoise); } .smil-floor-design__layer--resilient { background: var(--sfd-orange-soft); } .smil-floor-design__layer--resilient > span { background: var(--sfd-orange-dark); } .smil-floor-design__layer--base { color: var(--sfd-white); background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.18); } .smil-floor-design__layer--base > span { color: var(--sfd-dark); background: #7fe7d9; } .smil-floor-design__layer--base small { color: rgba(238, 255, 252, 0.66); } /* ========================================================= SPESSORI ========================================================= */ .smil-floor-design__thickness-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 22px; } .smil-floor-design__thickness-card { min-width: 0; padding: 21px; background: var(--sfd-white); border: 1px solid var(--sfd-border); border-top: 5px solid var(--sfd-turquoise); border-radius: 19px; box-shadow: 0 13px 33px rgba(7, 56, 68, 0.07); } .smil-floor-design__thickness-card--superior { border-top-color: var(--sfd-orange); } .smil-floor-design__thickness-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; } .smil-floor-design__thickness-top span { color: var(--sfd-blue); font-size: 0.75rem; font-weight: 900; letter-spacing: 0.06em; } .smil-floor-design__thickness-top strong { display: inline-flex; align-items: center; justify-content: center; min-width: 62px; min-height: 36px; padding: 7px 10px; color: var(--sfd-white); background: var(--sfd-blue); border-radius: 10px; font-size: 0.8rem; font-weight: 900; } .smil-floor-design__thickness-card--superior .smil-floor-design__thickness-top strong { background: var(--sfd-orange-dark); } .smil-floor-design__thickness-card p { margin: 0; color: var(--sfd-muted); font-size: 0.82rem; line-height: 1.56; } .smil-floor-design__thickness-note { margin: 13px 0 0; color: #657980; font-size: 0.76rem; line-height: 1.5; } /* ========================================================= ESTENSIONE ED ESISTENTE ========================================================= */ .smil-floor-design__extension, .smil-floor-design__existing { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(25px, 4vw, 40px); border-radius: 23px; } .smil-floor-design__extension { background: var(--sfd-white); border: 1px solid var(--sfd-border); box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-design__existing { background: var(--sfd-turquoise-light); border: 1px solid #c5e7e2; } .smil-floor-design__extension-copy > p:not(.smil-floor-design__section-label), .smil-floor-design__existing-copy > p:not(.smil-floor-design__section-label) { margin: 13px 0 0; color: var(--sfd-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-design__extension-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; } .smil-floor-design__extension-card { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 13px; min-width: 0; padding: 18px; background: var(--sfd-turquoise-light); border: 1px solid #c5e7e2; border-radius: 17px; } .smil-floor-design__extension-card--total { background: var(--sfd-orange-soft); border-color: #efd0b4; } .smil-floor-design__extension-card > span { display: grid; place-items: center; width: 44px; height: 44px; color: var(--sfd-white); background: var(--sfd-blue); border-radius: 13px; font-size: 0.78rem; font-weight: 900; } .smil-floor-design__extension-card--total > span { background: var(--sfd-orange-dark); } .smil-floor-design__extension-card > div { min-width: 0; } .smil-floor-design__extension-label { margin: 0 0 4px; color: var(--sfd-blue); font-size: 0.66rem; font-weight: 850; line-height: 1.4; letter-spacing: 0.045em; text-transform: uppercase; } .smil-floor-design__extension-card strong { display: block; color: var(--sfd-dark); font-size: 0.9rem; font-weight: 850; line-height: 1.36; } .smil-floor-design__extension-card div > p:last-child { margin: 7px 0 0; color: #526970; font-size: 0.77rem; line-height: 1.49; } .smil-floor-design__existing-checks { padding: 21px; background: rgba(255, 255, 255, 0.84); border: 1px solid #d0e8e4; border-radius: 18px; } .smil-floor-design__existing-checks > strong { display: block; margin-bottom: 12px; color: var(--sfd-dark); font-size: 0.95rem; font-weight: 850; } .smil-floor-design__existing-checks ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; } .smil-floor-design__existing-checks li { position: relative; padding-left: 20px; color: #456169; font-size: 0.84rem; line-height: 1.49; } .smil-floor-design__existing-checks li::before { content: "✓"; position: absolute; left: 0; color: var(--sfd-turquoise); font-weight: 900; } /* ========================================================= DETTAGLI ========================================================= */ .smil-floor-design__details-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 22px; } /* ========================================================= COORDINAMENTO ========================================================= */ .smil-floor-design__coordination { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); color: var(--sfd-white); background: linear-gradient( 135deg, var(--sfd-blue) 0%, var(--sfd-turquoise) 100% ); border-radius: 23px; box-shadow: 0 18px 42px rgba(0, 128, 128, 0.2); } .smil-floor-design__coordination .smil-floor-design__section-label { color: #d7fff8; } .smil-floor-design__coordination .smil-floor-design__section-title { color: var(--sfd-white); } .smil-floor-design__coordination-copy > p:not(.smil-floor-design__section-label) { margin: 13px 0 0; color: rgba(241, 255, 252, 0.82); font-size: 0.94rem; line-height: 1.65; } .smil-floor-design__coordination-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-design__coordination-list > div { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 15px; } .smil-floor-design__coordination-list span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfd-dark); background: rgba(255, 255, 255, 0.9); border-radius: 10px; font-size: 0.67rem; font-weight: 900; } .smil-floor-design__coordination-list p { margin: 0; color: rgba(241, 255, 252, 0.7); font-size: 0.72rem; line-height: 1.47; } .smil-floor-design__coordination-list strong { display: block; margin-bottom: 2px; color: var(--sfd-white); font-size: 0.85rem; font-weight: 850; } /* ========================================================= ERRORI ========================================================= */ .smil-floor-design__errors { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(25px, 4vw, 40px); background: var(--sfd-orange-soft); border: 1px solid #efd0b4; border-radius: 23px; } .smil-floor-design__errors-copy > p:not(.smil-floor-design__section-label) { margin: 13px 0 0; color: #595850; font-size: 0.94rem; line-height: 1.65; } .smil-floor-design__errors-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-design__errors-grid > div { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 11px; align-items: center; padding: 15px; background: rgba(255, 255, 255, 0.86); border: 1px solid #efd0b4; border-radius: 15px; } .smil-floor-design__errors-grid span { display: grid; place-items: center; width: 36px; height: 36px; color: var(--sfd-white); background: var(--sfd-orange-dark); border-radius: 11px; font-weight: 900; } .smil-floor-design__errors-grid p { margin: 0; color: #5b625f; font-size: 0.76rem; line-height: 1.48; } .smil-floor-design__errors-grid strong { display: block; margin-bottom: 2px; color: var(--sfd-dark); font-size: 0.86rem; font-weight: 850; } /* ========================================================= RISULTATO ========================================================= */ .smil-floor-design__outcome-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 22px; } /* ========================================================= DOMANDE E AVVERTENZA ========================================================= */ .smil-floor-design__questions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 26px; } .smil-floor-design__question, .smil-floor-design__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; padding: 20px 22px; border-radius: 18px; } .smil-floor-design__question { background: var(--sfd-white); border: 1px solid var(--sfd-border); border-left: 5px solid var(--sfd-turquoise); } .smil-floor-design__warning { margin-top: 25px; background: var(--sfd-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sfd-orange); } .smil-floor-design__question-icon, .smil-floor-design__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; border-radius: 14px; } .smil-floor-design__question-icon { color: var(--sfd-blue); background: var(--sfd-turquoise-light); } .smil-floor-design__warning-icon { color: var(--sfd-orange-dark); background: var(--sfd-white); } .smil-floor-design__question-icon svg, .smil-floor-design__warning-icon svg { width: 26px; height: 26px; } .smil-floor-design__question > div, .smil-floor-design__warning > div { min-width: 0; } .smil-floor-design__question strong, .smil-floor-design__warning strong { display: block; margin: 1px 0 6px; color: var(--sfd-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-design__question p, .smil-floor-design__warning p { margin: 0; font-size: 0.9rem; line-height: 1.62; } .smil-floor-design__question p { color: #48646d; } .smil-floor-design__warning p { color: #595850; } /* ========================================================= CTA ========================================================= */ .smil-floor-design__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 21px 23px; color: var(--sfd-white); background: linear-gradient( 135deg, var(--sfd-blue) 0%, var(--sfd-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-design__cta-copy { display: grid; grid-template-columns: 47px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-design__cta-icon { display: grid; place-items: center; width: 47px; height: 47px; color: var(--sfd-dark); background: rgba(255, 255, 255, 0.87); border-radius: 14px; } .smil-floor-design__cta-icon svg { width: 25px; height: 25px; } .smil-floor-design__cta-copy > div { min-width: 0; } .smil-floor-design__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sfd-white); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-design__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.81); font-size: 0.86rem; line-height: 1.5; } .smil-floor-design__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 51px; padding: 12px 18px; color: var(--sfd-white); background: linear-gradient( 135deg, var(--sfd-orange) 0%, var(--sfd-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-design__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-design__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-design__cta-button:hover svg { transform: translateX(3px); } .smil-floor-design__cta-button:focus-visible { outline: 3px solid var(--sfd-white); outline-offset: 4px; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1050px) { .smil-floor-design__header, .smil-floor-design__process, .smil-floor-design__definition, .smil-floor-design__stratigraphy, .smil-floor-design__extension, .smil-floor-design__existing, .smil-floor-design__coordination, .smil-floor-design__errors { grid-template-columns: minmax(0, 1fr); } .smil-floor-design__inputs-grid, .smil-floor-design__outcome-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-floor-design__definition-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 760px) { .smil-floor-design { padding: 49px 14px 58px; } .smil-floor-design__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-floor-design__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-design__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-design__process, .smil-floor-design__definition, .smil-floor-design__stratigraphy, .smil-floor-design__extension, .smil-floor-design__existing, .smil-floor-design__coordination, .smil-floor-design__errors { padding: 22px 18px; border-radius: 20px; } .smil-floor-design__process-flow { grid-template-columns: minmax(0, 1fr); gap: 7px; } .smil-floor-design__process-arrow { transform: rotate(90deg); text-align: center; } .smil-floor-design__inputs-grid, .smil-floor-design__definition-grid, .smil-floor-design__thickness-grid, .smil-floor-design__extension-grid, .smil-floor-design__details-grid, .smil-floor-design__coordination-list, .smil-floor-design__errors-grid, .smil-floor-design__outcome-grid, .smil-floor-design__questions { grid-template-columns: minmax(0, 1fr); } .smil-floor-design__question, .smil-floor-design__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-design__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-design__cta-button { width: 100%; } } /* ========================================================= SMARTPHONE PICCOLI ========================================================= */ @media (max-width: 440px) { .smil-floor-design__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-design__answer, .smil-floor-design__layer, .smil-floor-design__extension-card, .smil-floor-design__coordination-list > div, .smil-floor-design__errors-grid > div, .smil-floor-design__question, .smil-floor-design__warning, .smil-floor-design__cta-copy { grid-template-columns: minmax(0, 1fr); } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-floor-design__cta-button, .smil-floor-design__cta-button svg { transition: none; } }#imCell_35 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_35 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_35 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_35 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H3 – DISACCOPPIAMENTO SOTTOSEZIONE DEL METODO SORGEDIL CSS AUTONOMO ========================================================= */ .smil-floor-method-decoupling, .smil-floor-method-decoupling *, .smil-floor-method-decoupling *::before, .smil-floor-method-decoupling *::after { box-sizing: border-box; } .smil-floor-method-decoupling { --sfmd-dark: #073844; --sfmd-deep: #052b35; --sfmd-blue: #087c8f; --sfmd-turquoise: #00a991; --sfmd-turquoise-light: #dff8f4; --sfmd-orange: #f28a2e; --sfmd-orange-dark: #d66d0e; --sfmd-orange-soft: #fff1e4; --sfmd-white: #ffffff; --sfmd-bg: #ffffff; --sfmd-bg-soft: #f3faf9; --sfmd-text: #183640; --sfmd-muted: #557078; --sfmd-border: #cee5e2; position: relative; width: 100%; overflow: hidden; scroll-margin-top: 90px; padding: clamp(58px, 7vw, 96px) 20px; color: var(--sfmd-text); background: radial-gradient( circle at 97% 3%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 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(--sfmd-bg) 0%, var(--sfmd-bg-soft) 100% ); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-method-decoupling__container { width: min(1220px, 100%); margin: 0 auto; } /* INTESTAZIONE */ .smil-floor-method-decoupling__header { display: grid; grid-template-columns: minmax(280px, 0.7fr) minmax(450px, 1.3fr); gap: clamp(30px, 5vw, 70px); align-items: end; } .smil-floor-method-decoupling__heading, .smil-floor-method-decoupling__intro { min-width: 0; } .smil-floor-method-decoupling__eyebrow { display: inline-flex; margin: 0 0 12px; padding: 7px 13px; color: var(--sfmd-blue); background: var(--sfmd-turquoise-light); border: 1px solid #c5e8e3; border-radius: 999px; font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-method-decoupling__title { margin: 0; color: var(--sfmd-dark); font-size: clamp(1.9rem, 3.55vw, 3.15rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; } .smil-floor-method-decoupling__intro p { margin: 0; color: var(--sfmd-muted); font-size: clamp(1.03rem, 1.55vw, 1.17rem); line-height: 1.73; } .smil-floor-method-decoupling__intro p + p { margin-top: 10px; } .smil-floor-method-decoupling__intro strong { color: var(--sfmd-dark); font-weight: 800; } /* RISPOSTA DIRETTA */ .smil-floor-method-decoupling__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; margin-top: 34px; padding: 22px 24px; background: var(--sfmd-white); border: 1px solid var(--sfmd-border); border-left: 5px solid var(--sfmd-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-method-decoupling__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sfmd-blue); background: var(--sfmd-turquoise-light); border-radius: 15px; } .smil-floor-method-decoupling__answer-icon svg { width: 28px; height: 28px; } .smil-floor-method-decoupling__answer-content { min-width: 0; } .smil-floor-method-decoupling__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sfmd-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-method-decoupling__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } /* TITOLI VISIVI INTERNI */ .smil-floor-method-decoupling__section-label { margin: 0 0 7px; color: var(--sfmd-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-method-decoupling__section-title { display: block; color: var(--sfmd-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* PRINCIPIO */ .smil-floor-method-decoupling__principle { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 31px; padding: clamp(26px, 4vw, 42px); color: var(--sfmd-white); background: radial-gradient( circle at 94% 10%, rgba(0, 169, 145, 0.24) 0, rgba(0, 169, 145, 0) 35% ), linear-gradient( 135deg, var(--sfmd-deep) 0%, var(--sfmd-dark) 65%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-method-decoupling__principle .smil-floor-method-decoupling__section-label { color: #7fe7d9; } .smil-floor-method-decoupling__principle .smil-floor-method-decoupling__section-title { color: var(--sfmd-white); } .smil-floor-method-decoupling__principle-copy > p:not(.smil-floor-method-decoupling__section-label) { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-method-decoupling__balance { display: grid; grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr) 28px minmax(0, 1fr); gap: 8px; align-items: center; } .smil-floor-method-decoupling__balance-card { min-width: 0; padding: 18px 14px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 15px; text-align: center; } .smil-floor-method-decoupling__balance-card--orange { background: rgba(242, 138, 46, 0.2); border-color: rgba(255, 191, 126, 0.3); } .smil-floor-method-decoupling__balance-card > span { display: grid; place-items: center; width: 35px; height: 35px; margin: 0 auto 11px; color: var(--sfmd-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-method-decoupling__balance-card--orange > span { background: #ffb56c; } .smil-floor-method-decoupling__balance-card strong { display: block; color: var(--sfmd-white); font-size: 0.87rem; font-weight: 850; } .smil-floor-method-decoupling__balance-card small { display: block; margin-top: 5px; color: rgba(238, 255, 252, 0.68); font-size: 0.68rem; line-height: 1.42; } .smil-floor-method-decoupling__balance-symbol { color: var(--sfmd-orange); font-size: 1.2rem; font-weight: 900; text-align: center; } /* WORKFLOW */ .smil-floor-method-decoupling__workflow, .smil-floor-method-decoupling__checks, .smil-floor-method-decoupling__solutions { margin-top: 35px; } .smil-floor-method-decoupling__workflow-header, .smil-floor-method-decoupling__checks-header, .smil-floor-method-decoupling__solutions-header { max-width: 920px; } .smil-floor-method-decoupling__workflow-header > p:last-child, .smil-floor-method-decoupling__checks-header > p:last-child, .smil-floor-method-decoupling__solutions-header > p:last-child { margin: 12px 0 0; color: var(--sfmd-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-method-decoupling__workflow-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 22px 0 0; padding: 0; list-style: none; } .smil-floor-method-decoupling__workflow-steps li { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 17px; background: var(--sfmd-white); border: 1px solid var(--sfmd-border); border-radius: 17px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-method-decoupling__workflow-steps li > span { display: grid; place-items: center; width: 36px; height: 36px; color: var(--sfmd-white); background: var(--sfmd-blue); border-radius: 11px; font-size: 0.75rem; font-weight: 900; } .smil-floor-method-decoupling__workflow-steps li:nth-child(4) > span, .smil-floor-method-decoupling__workflow-steps li:nth-child(5) > span, .smil-floor-method-decoupling__workflow-steps li:nth-child(6) > span { background: var(--sfmd-orange-dark); } .smil-floor-method-decoupling__workflow-steps li > div { min-width: 0; } .smil-floor-method-decoupling__workflow-steps strong { display: block; color: var(--sfmd-dark); font-size: 0.88rem; font-weight: 850; line-height: 1.35; } .smil-floor-method-decoupling__workflow-steps p { margin: 5px 0 0; color: var(--sfmd-muted); font-size: 0.75rem; line-height: 1.49; } /* VERIFICHE */ .smil-floor-method-decoupling__checks-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 22px; } .smil-floor-method-decoupling__check { min-width: 0; padding: 19px 17px; background: var(--sfmd-white); border: 1px solid var(--sfmd-border); border-radius: 17px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-method-decoupling__check > span { display: block; margin-bottom: 13px; color: rgba(7, 56, 68, 0.24); font-size: 1.18rem; font-weight: 900; } .smil-floor-method-decoupling__check strong { display: block; margin-bottom: 6px; color: var(--sfmd-dark); font-size: 0.91rem; font-weight: 850; line-height: 1.36; } .smil-floor-method-decoupling__check p { margin: 0; color: var(--sfmd-muted); font-size: 0.78rem; line-height: 1.51; } /* SISTEMA */ .smil-floor-method-decoupling__system { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); color: var(--sfmd-white); background: linear-gradient( 135deg, var(--sfmd-blue) 0%, var(--sfmd-turquoise) 100% ); border-radius: 23px; box-shadow: 0 18px 42px rgba(0, 128, 128, 0.2); } .smil-floor-method-decoupling__system .smil-floor-method-decoupling__section-label { color: #d7fff8; } .smil-floor-method-decoupling__system .smil-floor-method-decoupling__section-title { color: var(--sfmd-white); } .smil-floor-method-decoupling__system-copy > p:not(.smil-floor-method-decoupling__section-label) { margin: 13px 0 0; color: rgba(241, 255, 252, 0.82); font-size: 0.94rem; line-height: 1.65; } .smil-floor-method-decoupling__diagram { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 10px; align-items: stretch; } .smil-floor-method-decoupling__diagram-wall { display: flex; flex-direction: column; justify-content: space-between; gap: 8px; padding: 12px 9px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 15px; } .smil-floor-method-decoupling__diagram-wall span { display: grid; place-items: center; flex: 1; min-height: 115px; color: var(--sfmd-white); background: rgba(255, 255, 255, 0.09); border-radius: 10px; font-size: 0.7rem; font-weight: 850; writing-mode: vertical-rl; transform: rotate(180deg); } .smil-floor-method-decoupling__diagram-wall b { display: block; padding: 9px 5px; color: var(--sfmd-dark); background: #7fe7d9; border-radius: 9px; font-size: 0.6rem; line-height: 1.3; text-align: center; } .smil-floor-method-decoupling__diagram-layers { display: grid; gap: 6px; } .smil-floor-method-decoupling__diagram-layer { display: grid; place-items: center; min-height: 48px; padding: 10px 14px; color: var(--sfmd-dark); background: rgba(255, 255, 255, 0.92); border-radius: 11px; font-size: 0.75rem; font-weight: 850; text-align: center; } .smil-floor-method-decoupling__diagram-layer--acoustic { background: var(--sfmd-turquoise-light); } .smil-floor-method-decoupling__diagram-layer--resilient { background: var(--sfmd-orange-soft); } .smil-floor-method-decoupling__diagram-layer--base { color: var(--sfmd-white); background: rgba(255, 255, 255, 0.13); border: 1px solid rgba(255, 255, 255, 0.18); } /* POSIZIONE DELL’INTERVENTO */ .smil-floor-method-decoupling__location { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(25px, 4vw, 40px); background: var(--sfmd-white); border: 1px solid var(--sfmd-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-method-decoupling__location-copy > p:not(.smil-floor-method-decoupling__section-label) { margin: 13px 0 0; color: var(--sfmd-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-method-decoupling__location-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; } .smil-floor-method-decoupling__location-card { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 13px; min-width: 0; padding: 18px; background: var(--sfmd-turquoise-light); border: 1px solid #c5e7e2; border-radius: 17px; } .smil-floor-method-decoupling__location-card--receiver { background: var(--sfmd-orange-soft); border-color: #efd0b4; } .smil-floor-method-decoupling__location-card > span { display: grid; place-items: center; width: 44px; height: 44px; color: var(--sfmd-white); background: var(--sfmd-blue); border-radius: 13px; font-size: 0.78rem; font-weight: 900; } .smil-floor-method-decoupling__location-card--receiver > span { background: var(--sfmd-orange-dark); } .smil-floor-method-decoupling__location-card > div { min-width: 0; } .smil-floor-method-decoupling__location-label { margin: 0 0 4px; color: var(--sfmd-blue); font-size: 0.66rem; font-weight: 850; line-height: 1.4; letter-spacing: 0.045em; text-transform: uppercase; } .smil-floor-method-decoupling__location-card strong { display: block; color: var(--sfmd-dark); font-size: 0.9rem; font-weight: 850; line-height: 1.36; } .smil-floor-method-decoupling__location-card div > p:last-child { margin: 7px 0 0; color: #526970; font-size: 0.77rem; line-height: 1.49; } /* SOLUZIONI */ .smil-floor-method-decoupling__solutions-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 22px; } .smil-floor-method-decoupling__solution { min-width: 0; padding: 21px; background: var(--sfmd-white); border: 1px solid var(--sfmd-border); border-top: 5px solid var(--sfmd-turquoise); border-radius: 19px; box-shadow: 0 13px 33px rgba(7, 56, 68, 0.07); } .smil-floor-method-decoupling__solution--superior { border-top-color: var(--sfmd-orange); } .smil-floor-method-decoupling__solution-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; } .smil-floor-method-decoupling__solution-top span { color: var(--sfmd-blue); font-size: 0.75rem; font-weight: 900; letter-spacing: 0.06em; } .smil-floor-method-decoupling__solution-top strong { display: inline-flex; align-items: center; justify-content: center; min-width: 62px; min-height: 36px; padding: 7px 10px; color: var(--sfmd-white); background: var(--sfmd-blue); border-radius: 10px; font-size: 0.8rem; font-weight: 900; } .smil-floor-method-decoupling__solution--superior .smil-floor-method-decoupling__solution-top strong { background: var(--sfmd-orange-dark); } .smil-floor-method-decoupling__solution p { margin: 0; color: var(--sfmd-muted); font-size: 0.82rem; line-height: 1.56; } .smil-floor-method-decoupling__solutions-note { margin: 13px 0 0; color: #657980; font-size: 0.76rem; line-height: 1.5; } /* PONTI RIGIDI */ .smil-floor-method-decoupling__bridges { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(25px, 4vw, 40px); background: var(--sfmd-orange-soft); border: 1px solid #efd0b4; border-radius: 23px; } .smil-floor-method-decoupling__bridges-copy > p:not(.smil-floor-method-decoupling__section-label) { margin: 13px 0 0; color: #595850; font-size: 0.94rem; line-height: 1.65; } .smil-floor-method-decoupling__bridges-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-method-decoupling__bridges-grid > div { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 11px; align-items: center; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.86); border: 1px solid #efd0b4; border-radius: 15px; } .smil-floor-method-decoupling__bridges-grid span { display: grid; place-items: center; width: 36px; height: 36px; color: var(--sfmd-white); background: var(--sfmd-orange-dark); border-radius: 11px; font-weight: 900; } .smil-floor-method-decoupling__bridges-grid p { margin: 0; color: #5b625f; font-size: 0.76rem; line-height: 1.48; } .smil-floor-method-decoupling__bridges-grid strong { display: block; margin-bottom: 2px; color: var(--sfmd-dark); font-size: 0.86rem; font-weight: 850; } /* ESECUZIONE */ .smil-floor-method-decoupling__execution { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); color: var(--sfmd-white); background: linear-gradient( 135deg, var(--sfmd-deep) 0%, var(--sfmd-dark) 100% ); border-radius: 23px; box-shadow: 0 19px 45px rgba(5, 43, 53, 0.17); } .smil-floor-method-decoupling__execution .smil-floor-method-decoupling__section-label { color: #7fe7d9; } .smil-floor-method-decoupling__execution .smil-floor-method-decoupling__section-title { color: var(--sfmd-white); } .smil-floor-method-decoupling__execution-copy > p:not(.smil-floor-method-decoupling__section-label) { margin: 13px 0 0; color: rgba(238, 255, 252, 0.77); font-size: 0.94rem; line-height: 1.65; } .smil-floor-method-decoupling__execution-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; } .smil-floor-method-decoupling__execution-steps li { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.09); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; } .smil-floor-method-decoupling__execution-steps li > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfmd-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-method-decoupling__execution-steps li > div { min-width: 0; } .smil-floor-method-decoupling__execution-steps strong { display: block; color: var(--sfmd-white); font-size: 0.85rem; font-weight: 850; line-height: 1.35; } .smil-floor-method-decoupling__execution-steps p { margin: 5px 0 0; color: rgba(238, 255, 252, 0.67); font-size: 0.72rem; line-height: 1.47; } /* DOMANDE E AVVERTENZA */ .smil-floor-method-decoupling__questions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 26px; } .smil-floor-method-decoupling__question, .smil-floor-method-decoupling__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; padding: 20px 22px; border-radius: 18px; } .smil-floor-method-decoupling__question { background: var(--sfmd-white); border: 1px solid var(--sfmd-border); border-left: 5px solid var(--sfmd-turquoise); } .smil-floor-method-decoupling__warning { margin-top: 25px; background: var(--sfmd-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sfmd-orange); } .smil-floor-method-decoupling__question-icon, .smil-floor-method-decoupling__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; border-radius: 14px; } .smil-floor-method-decoupling__question-icon { color: var(--sfmd-blue); background: var(--sfmd-turquoise-light); } .smil-floor-method-decoupling__warning-icon { color: var(--sfmd-orange-dark); background: var(--sfmd-white); } .smil-floor-method-decoupling__question-icon svg, .smil-floor-method-decoupling__warning-icon svg { width: 26px; height: 26px; } .smil-floor-method-decoupling__question > div, .smil-floor-method-decoupling__warning > div { min-width: 0; } .smil-floor-method-decoupling__question strong, .smil-floor-method-decoupling__warning strong { display: block; margin: 1px 0 6px; color: var(--sfmd-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-method-decoupling__question p, .smil-floor-method-decoupling__warning p { margin: 0; font-size: 0.9rem; line-height: 1.62; } .smil-floor-method-decoupling__question p { color: #48646d; } .smil-floor-method-decoupling__warning p { color: #595850; } /* CTA */ .smil-floor-method-decoupling__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 21px 23px; color: var(--sfmd-white); background: linear-gradient( 135deg, var(--sfmd-blue) 0%, var(--sfmd-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-method-decoupling__cta-copy { display: grid; grid-template-columns: 47px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-method-decoupling__cta-icon { display: grid; place-items: center; width: 47px; height: 47px; color: var(--sfmd-dark); background: rgba(255, 255, 255, 0.87); border-radius: 14px; } .smil-floor-method-decoupling__cta-icon svg { width: 25px; height: 25px; } .smil-floor-method-decoupling__cta-copy > div { min-width: 0; } .smil-floor-method-decoupling__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sfmd-white); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-method-decoupling__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.81); font-size: 0.86rem; line-height: 1.5; } .smil-floor-method-decoupling__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 51px; padding: 12px 18px; color: var(--sfmd-white); background: linear-gradient( 135deg, var(--sfmd-orange) 0%, var(--sfmd-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-method-decoupling__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-method-decoupling__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-method-decoupling__cta-button:hover svg { transform: translateX(3px); } .smil-floor-method-decoupling__cta-button:focus-visible { outline: 3px solid var(--sfmd-white); outline-offset: 4px; } /* TABLET */ @media (max-width: 1050px) { .smil-floor-method-decoupling__header, .smil-floor-method-decoupling__principle, .smil-floor-method-decoupling__system, .smil-floor-method-decoupling__location, .smil-floor-method-decoupling__bridges, .smil-floor-method-decoupling__execution { grid-template-columns: minmax(0, 1fr); } .smil-floor-method-decoupling__workflow-steps, .smil-floor-method-decoupling__checks-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* MOBILE */ @media (max-width: 760px) { .smil-floor-method-decoupling { padding: 49px 14px 58px; } .smil-floor-method-decoupling__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-floor-method-decoupling__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-method-decoupling__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-method-decoupling__principle, .smil-floor-method-decoupling__system, .smil-floor-method-decoupling__location, .smil-floor-method-decoupling__bridges, .smil-floor-method-decoupling__execution { padding: 22px 18px; border-radius: 20px; } .smil-floor-method-decoupling__balance { grid-template-columns: minmax(0, 1fr); } .smil-floor-method-decoupling__balance-symbol { transform: rotate(90deg); } .smil-floor-method-decoupling__workflow-steps, .smil-floor-method-decoupling__checks-grid, .smil-floor-method-decoupling__location-grid, .smil-floor-method-decoupling__solutions-grid, .smil-floor-method-decoupling__bridges-grid, .smil-floor-method-decoupling__execution-steps, .smil-floor-method-decoupling__questions { grid-template-columns: minmax(0, 1fr); } .smil-floor-method-decoupling__diagram { grid-template-columns: minmax(0, 1fr); } .smil-floor-method-decoupling__diagram-wall { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-floor-method-decoupling__diagram-wall span { min-height: auto; writing-mode: initial; transform: none; } .smil-floor-method-decoupling__question, .smil-floor-method-decoupling__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-method-decoupling__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-method-decoupling__cta-button { width: 100%; } } /* SMARTPHONE PICCOLI */ @media (max-width: 440px) { .smil-floor-method-decoupling__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-method-decoupling__answer, .smil-floor-method-decoupling__workflow-steps li, .smil-floor-method-decoupling__location-card, .smil-floor-method-decoupling__bridges-grid > div, .smil-floor-method-decoupling__execution-steps li, .smil-floor-method-decoupling__question, .smil-floor-method-decoupling__warning, .smil-floor-method-decoupling__cta-copy { grid-template-columns: minmax(0, 1fr); } .smil-floor-method-decoupling__solution-top { align-items: flex-start; } } /* ACCESSIBILITÀ */ @media (prefers-reduced-motion: reduce) { .smil-floor-method-decoupling__cta-button, .smil-floor-method-decoupling__cta-button svg { transition: none; } }#imCell_36 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_36 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_36 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_36 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H3 – POSA SPECIALIZZATA CSS AUTONOMO ========================================================= */ .smil-floor-installation, .smil-floor-installation *, .smil-floor-installation *::before, .smil-floor-installation *::after { box-sizing: border-box; } .smil-floor-installation { --sfi-dark: #073844; --sfi-deep: #052b35; --sfi-blue: #087c8f; --sfi-turquoise: #00a991; --sfi-turquoise-light: #dff8f4; --sfi-orange: #f28a2e; --sfi-orange-dark: #d66d0e; --sfi-orange-soft: #fff1e4; --sfi-white: #ffffff; --sfi-bg: #ffffff; --sfi-bg-soft: #f3faf9; --sfi-text: #183640; --sfi-muted: #557078; --sfi-border: #cee5e2; position: relative; width: 100%; overflow: hidden; scroll-margin-top: 90px; padding: clamp(58px, 7vw, 96px) 20px; color: var(--sfi-text); background: radial-gradient( circle at 97% 3%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 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(--sfi-bg) 0%, var(--sfi-bg-soft) 100% ); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-installation__container { width: min(1220px, 100%); margin: 0 auto; } /* INTESTAZIONE */ .smil-floor-installation__header { display: grid; grid-template-columns: minmax(280px, 0.72fr) minmax(450px, 1.28fr); gap: clamp(30px, 5vw, 70px); align-items: end; } .smil-floor-installation__heading, .smil-floor-installation__intro { min-width: 0; } .smil-floor-installation__eyebrow { display: inline-flex; margin: 0 0 12px; padding: 7px 13px; color: var(--sfi-blue); background: var(--sfi-turquoise-light); border: 1px solid #c5e8e3; border-radius: 999px; font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-installation__title { margin: 0; color: var(--sfi-dark); font-size: clamp(1.9rem, 3.55vw, 3.15rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; } .smil-floor-installation__intro p { margin: 0; color: var(--sfi-muted); font-size: clamp(1.03rem, 1.55vw, 1.17rem); line-height: 1.73; } .smil-floor-installation__intro p + p { margin-top: 10px; } .smil-floor-installation__intro strong { color: var(--sfi-dark); font-weight: 800; } /* RISPOSTA DIRETTA */ .smil-floor-installation__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; margin-top: 34px; padding: 22px 24px; background: var(--sfi-white); border: 1px solid var(--sfi-border); border-left: 5px solid var(--sfi-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-installation__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sfi-blue); background: var(--sfi-turquoise-light); border-radius: 15px; } .smil-floor-installation__answer-icon svg { width: 28px; height: 28px; } .smil-floor-installation__answer-content { min-width: 0; } .smil-floor-installation__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sfi-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-installation__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } .smil-floor-installation__answer-content p strong { color: var(--sfi-dark); font-weight: 800; } /* TITOLI VISIVI */ .smil-floor-installation__section-label { margin: 0 0 7px; color: var(--sfi-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-installation__section-title { display: block; color: var(--sfi-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* PRINCIPIO */ .smil-floor-installation__principle { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 31px; padding: clamp(26px, 4vw, 42px); color: var(--sfi-white); background: radial-gradient( circle at 94% 10%, rgba(0, 169, 145, 0.24) 0, rgba(0, 169, 145, 0) 35% ), linear-gradient( 135deg, var(--sfi-deep) 0%, var(--sfi-dark) 65%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-installation__principle .smil-floor-installation__section-label { color: #7fe7d9; } .smil-floor-installation__principle .smil-floor-installation__section-title { color: var(--sfi-white); } .smil-floor-installation__principle-copy > p:not(.smil-floor-installation__section-label) { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-installation__formula { display: grid; grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr) 28px minmax(0, 1fr); gap: 8px; align-items: center; } .smil-floor-installation__formula-card { min-width: 0; padding: 18px 14px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 15px; text-align: center; } .smil-floor-installation__formula-card--orange { background: rgba(242, 138, 46, 0.2); border-color: rgba(255, 191, 126, 0.3); } .smil-floor-installation__formula-card > span { display: grid; place-items: center; width: 35px; height: 35px; margin: 0 auto 11px; color: var(--sfi-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-installation__formula-card--orange > span { background: #ffb56c; } .smil-floor-installation__formula-card strong { display: block; color: var(--sfi-white); font-size: 0.87rem; font-weight: 850; } .smil-floor-installation__formula-card small { display: block; margin-top: 5px; color: rgba(238, 255, 252, 0.68); font-size: 0.68rem; line-height: 1.42; } .smil-floor-installation__formula-symbol { color: var(--sfi-orange); font-size: 1.2rem; font-weight: 900; text-align: center; } /* SEZIONI STANDARD */ .smil-floor-installation__phases, .smil-floor-installation__details, .smil-floor-installation__controls { margin-top: 35px; } .smil-floor-installation__phases-header, .smil-floor-installation__details-header, .smil-floor-installation__controls-header { max-width: 920px; } .smil-floor-installation__phases-header > p:last-child, .smil-floor-installation__details-header > p:last-child, .smil-floor-installation__controls-header > p:last-child { margin: 12px 0 0; color: var(--sfi-muted); font-size: 0.94rem; line-height: 1.64; } /* FASI */ .smil-floor-installation__phases-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 22px 0 0; padding: 0; list-style: none; } .smil-floor-installation__phases-grid li { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 17px; background: var(--sfi-white); border: 1px solid var(--sfi-border); border-radius: 17px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-installation__phases-grid li > span { display: grid; place-items: center; width: 36px; height: 36px; color: var(--sfi-white); background: var(--sfi-blue); border-radius: 11px; font-size: 0.75rem; font-weight: 900; } .smil-floor-installation__phases-grid li:nth-child(n + 4) > span { background: var(--sfi-orange-dark); } .smil-floor-installation__phases-grid li > div { min-width: 0; } .smil-floor-installation__phases-grid strong { display: block; color: var(--sfi-dark); font-size: 0.88rem; font-weight: 850; line-height: 1.35; } .smil-floor-installation__phases-grid p { margin: 5px 0 0; color: var(--sfi-muted); font-size: 0.75rem; line-height: 1.49; } /* PREPARAZIONE */ .smil-floor-installation__preparation { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(25px, 4vw, 40px); background: var(--sfi-white); border: 1px solid var(--sfi-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-installation__preparation-copy > p:not(.smil-floor-installation__section-label) { margin: 13px 0 0; color: var(--sfi-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-installation__preparation-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } .smil-floor-installation__preparation-card { min-width: 0; padding: 18px 15px; background: var(--sfi-turquoise-light); border: 1px solid #c5e7e2; border-radius: 16px; } .smil-floor-installation__preparation-card--orange { background: var(--sfi-orange-soft); border-color: #efd0b4; } .smil-floor-installation__preparation-card > span { display: grid; place-items: center; width: 35px; height: 35px; margin-bottom: 12px; color: var(--sfi-white); background: var(--sfi-blue); border-radius: 11px; font-size: 0.72rem; font-weight: 900; } .smil-floor-installation__preparation-card--orange > span { background: var(--sfi-orange-dark); } .smil-floor-installation__preparation-card strong { display: block; color: var(--sfi-dark); font-size: 0.88rem; font-weight: 850; } .smil-floor-installation__preparation-card p { margin: 7px 0 0; color: #526970; font-size: 0.75rem; line-height: 1.48; } /* CONTINUITÀ */ .smil-floor-installation__continuity { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); color: var(--sfi-white); background: linear-gradient( 135deg, var(--sfi-blue) 0%, var(--sfi-turquoise) 100% ); border-radius: 23px; box-shadow: 0 18px 42px rgba(0, 128, 128, 0.2); } .smil-floor-installation__continuity .smil-floor-installation__section-label { color: #d7fff8; } .smil-floor-installation__continuity .smil-floor-installation__section-title { color: var(--sfi-white); } .smil-floor-installation__continuity-copy > p:not(.smil-floor-installation__section-label) { margin: 13px 0 0; color: rgba(241, 255, 252, 0.82); font-size: 0.94rem; line-height: 1.65; } .smil-floor-installation__layers { display: grid; gap: 6px; } .smil-floor-installation__layer { display: grid; place-items: center; min-height: 48px; padding: 10px 14px; color: var(--sfi-dark); background: rgba(255, 255, 255, 0.92); border-radius: 11px; font-size: 0.76rem; font-weight: 850; text-align: center; } .smil-floor-installation__layer--acoustic { background: var(--sfi-turquoise-light); } .smil-floor-installation__layer--resilient { background: var(--sfi-orange-soft); } .smil-floor-installation__layer--base { color: var(--sfi-white); background: rgba(255, 255, 255, 0.13); border: 1px solid rgba(255, 255, 255, 0.18); } /* DETTAGLI E CONTROLLI */ .smil-floor-installation__details-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 22px; } .smil-floor-installation__controls-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 22px; } .smil-floor-installation__detail, .smil-floor-installation__control { min-width: 0; padding: 19px 17px; background: var(--sfi-white); border: 1px solid var(--sfi-border); border-radius: 17px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-installation__detail > span, .smil-floor-installation__control > span { display: block; margin-bottom: 13px; color: rgba(7, 56, 68, 0.24); font-size: 1.18rem; font-weight: 900; } .smil-floor-installation__detail strong, .smil-floor-installation__control strong { display: block; margin-bottom: 6px; color: var(--sfi-dark); font-size: 0.91rem; font-weight: 850; line-height: 1.36; } .smil-floor-installation__detail p, .smil-floor-installation__control p { margin: 0; color: var(--sfi-muted); font-size: 0.78rem; line-height: 1.51; } /* COORDINAMENTO */ .smil-floor-installation__coordination { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); color: var(--sfi-white); background: linear-gradient( 135deg, var(--sfi-deep) 0%, var(--sfi-dark) 100% ); border-radius: 23px; box-shadow: 0 19px 45px rgba(5, 43, 53, 0.17); } .smil-floor-installation__coordination .smil-floor-installation__section-label { color: #7fe7d9; } .smil-floor-installation__coordination .smil-floor-installation__section-title { color: var(--sfi-white); } .smil-floor-installation__coordination-copy > p:not(.smil-floor-installation__section-label) { margin: 13px 0 0; color: rgba(238, 255, 252, 0.77); font-size: 0.94rem; line-height: 1.65; } .smil-floor-installation__coordination-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-installation__coordination-list > div { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.09); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; } .smil-floor-installation__coordination-list span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfi-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.67rem; font-weight: 900; } .smil-floor-installation__coordination-list p { margin: 0; color: rgba(238, 255, 252, 0.67); font-size: 0.72rem; line-height: 1.47; } .smil-floor-installation__coordination-list strong { display: block; margin-bottom: 2px; color: var(--sfi-white); font-size: 0.85rem; font-weight: 850; } /* ERRORI */ .smil-floor-installation__errors { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(25px, 4vw, 40px); background: var(--sfi-orange-soft); border: 1px solid #efd0b4; border-radius: 23px; } .smil-floor-installation__errors-copy > p:not(.smil-floor-installation__section-label) { margin: 13px 0 0; color: #595850; font-size: 0.94rem; line-height: 1.65; } .smil-floor-installation__errors-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-installation__errors-grid > div { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 11px; align-items: center; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.86); border: 1px solid #efd0b4; border-radius: 15px; } .smil-floor-installation__errors-grid span { display: grid; place-items: center; width: 36px; height: 36px; color: var(--sfi-white); background: var(--sfi-orange-dark); border-radius: 11px; font-weight: 900; } .smil-floor-installation__errors-grid p { margin: 0; color: #5b625f; font-size: 0.76rem; line-height: 1.48; } .smil-floor-installation__errors-grid strong { display: block; margin-bottom: 2px; color: var(--sfi-dark); font-size: 0.86rem; font-weight: 850; } /* DOMANDE E AVVERTENZA */ .smil-floor-installation__questions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 26px; } .smil-floor-installation__question, .smil-floor-installation__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; padding: 20px 22px; border-radius: 18px; } .smil-floor-installation__question { background: var(--sfi-white); border: 1px solid var(--sfi-border); border-left: 5px solid var(--sfi-turquoise); } .smil-floor-installation__warning { margin-top: 25px; background: var(--sfi-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sfi-orange); } .smil-floor-installation__question-icon, .smil-floor-installation__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; border-radius: 14px; } .smil-floor-installation__question-icon { color: var(--sfi-blue); background: var(--sfi-turquoise-light); } .smil-floor-installation__warning-icon { color: var(--sfi-orange-dark); background: var(--sfi-white); } .smil-floor-installation__question-icon svg, .smil-floor-installation__warning-icon svg { width: 26px; height: 26px; } .smil-floor-installation__question > div, .smil-floor-installation__warning > div { min-width: 0; } .smil-floor-installation__question strong, .smil-floor-installation__warning strong { display: block; margin: 1px 0 6px; color: var(--sfi-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-installation__question p, .smil-floor-installation__warning p { margin: 0; font-size: 0.9rem; line-height: 1.62; } .smil-floor-installation__question p { color: #48646d; } .smil-floor-installation__warning p { color: #595850; } /* CTA */ .smil-floor-installation__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 21px 23px; color: var(--sfi-white); background: linear-gradient( 135deg, var(--sfi-blue) 0%, var(--sfi-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-installation__cta-copy { display: grid; grid-template-columns: 47px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-installation__cta-icon { display: grid; place-items: center; width: 47px; height: 47px; color: var(--sfi-dark); background: rgba(255, 255, 255, 0.87); border-radius: 14px; } .smil-floor-installation__cta-icon svg { width: 25px; height: 25px; } .smil-floor-installation__cta-copy > div { min-width: 0; } .smil-floor-installation__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sfi-white); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-installation__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.81); font-size: 0.86rem; line-height: 1.5; } .smil-floor-installation__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 51px; padding: 12px 18px; color: var(--sfi-white); background: linear-gradient( 135deg, var(--sfi-orange) 0%, var(--sfi-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-installation__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-installation__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-installation__cta-button:hover svg { transform: translateX(3px); } .smil-floor-installation__cta-button:focus-visible { outline: 3px solid var(--sfi-white); outline-offset: 4px; } /* TABLET */ @media (max-width: 1050px) { .smil-floor-installation__header, .smil-floor-installation__principle, .smil-floor-installation__preparation, .smil-floor-installation__continuity, .smil-floor-installation__coordination, .smil-floor-installation__errors { grid-template-columns: minmax(0, 1fr); } .smil-floor-installation__phases-grid, .smil-floor-installation__details-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-floor-installation__controls-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* MOBILE */ @media (max-width: 760px) { .smil-floor-installation { padding: 49px 14px 58px; } .smil-floor-installation__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-floor-installation__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-installation__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-installation__principle, .smil-floor-installation__preparation, .smil-floor-installation__continuity, .smil-floor-installation__coordination, .smil-floor-installation__errors { padding: 22px 18px; border-radius: 20px; } .smil-floor-installation__formula { grid-template-columns: minmax(0, 1fr); } .smil-floor-installation__formula-symbol { transform: rotate(90deg); } .smil-floor-installation__phases-grid, .smil-floor-installation__preparation-grid, .smil-floor-installation__details-grid, .smil-floor-installation__coordination-list, .smil-floor-installation__errors-grid, .smil-floor-installation__controls-grid, .smil-floor-installation__questions { grid-template-columns: minmax(0, 1fr); } .smil-floor-installation__question, .smil-floor-installation__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-installation__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-installation__cta-button { width: 100%; } } /* SMARTPHONE PICCOLI */ @media (max-width: 440px) { .smil-floor-installation__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-installation__answer, .smil-floor-installation__phases-grid li, .smil-floor-installation__coordination-list > div, .smil-floor-installation__errors-grid > div, .smil-floor-installation__question, .smil-floor-installation__warning, .smil-floor-installation__cta-copy { grid-template-columns: minmax(0, 1fr); } } /* ACCESSIBILITÀ */ @media (prefers-reduced-motion: reduce) { .smil-floor-installation__cta-button, .smil-floor-installation__cta-button svg { transition: none; } }#imCell_37 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_37 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_37 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_37 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H2 – DAL SOPRALLUOGO ANALITICO AL PROGETTO CSS AUTONOMO ========================================================= */ .smil-floor-surveyplan, .smil-floor-surveyplan *, .smil-floor-surveyplan *::before, .smil-floor-surveyplan *::after { box-sizing: border-box; } .smil-floor-surveyplan { --sfsp-dark: #073844; --sfsp-deep: #052b35; --sfsp-blue: #087c8f; --sfsp-turquoise: #00a991; --sfsp-turquoise-light: #dff8f4; --sfsp-orange: #f28a2e; --sfsp-orange-dark: #d66d0e; --sfsp-orange-soft: #fff1e4; --sfsp-white: #ffffff; --sfsp-bg: #f3faf9; --sfsp-text: #183640; --sfsp-muted: #557078; --sfsp-border: #cee5e2; position: relative; width: 100%; overflow: hidden; scroll-margin-top: 90px; padding: clamp(62px, 7vw, 102px) 20px; color: var(--sfsp-text); background: radial-gradient( circle at 96% 4%, rgba(0, 169, 145, 0.1) 0, rgba(0, 169, 145, 0) 29% ), radial-gradient( circle at 3% 96%, rgba(242, 138, 46, 0.07) 0, rgba(242, 138, 46, 0) 27% ), var(--sfsp-bg); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-surveyplan__container { width: min(1220px, 100%); margin: 0 auto; } /* INTESTAZIONE */ .smil-floor-surveyplan__header { display: grid; grid-template-columns: minmax(310px, 0.8fr) minmax(440px, 1.2fr); gap: clamp(32px, 5vw, 72px); align-items: end; } .smil-floor-surveyplan__heading, .smil-floor-surveyplan__intro { min-width: 0; } .smil-floor-surveyplan__eyebrow { display: inline-flex; margin: 0 0 13px; padding: 7px 14px; color: var(--sfsp-blue); background: var(--sfsp-turquoise-light); border: 1px solid #c5e8e3; border-radius: 999px; font-size: 0.81rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-surveyplan__title { margin: 0; color: var(--sfsp-dark); font-size: clamp(2rem, 4.25vw, 3.6rem); font-weight: 850; line-height: 1.07; letter-spacing: -0.04em; text-wrap: balance; } .smil-floor-surveyplan__intro p { margin: 0; color: var(--sfsp-muted); font-size: clamp(1.02rem, 1.55vw, 1.16rem); line-height: 1.73; } .smil-floor-surveyplan__intro p + p { margin-top: 11px; } .smil-floor-surveyplan__intro strong { color: var(--sfsp-dark); font-weight: 800; } /* RISPOSTA DIRETTA */ .smil-floor-surveyplan__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; margin-top: 34px; padding: 22px 24px; background: var(--sfsp-white); border: 1px solid var(--sfsp-border); border-left: 5px solid var(--sfsp-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-surveyplan__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sfsp-blue); background: var(--sfsp-turquoise-light); border-radius: 15px; } .smil-floor-surveyplan__answer-icon svg { width: 28px; height: 28px; } .smil-floor-surveyplan__answer-content { min-width: 0; } .smil-floor-surveyplan__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sfsp-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-surveyplan__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } .smil-floor-surveyplan__answer-content p strong { color: var(--sfsp-dark); font-weight: 800; } /* TITOLI INTERNI */ .smil-floor-surveyplan__section-label { margin: 0 0 7px; color: var(--sfsp-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-surveyplan__section-title { display: block; color: var(--sfsp-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* PERCORSO */ .smil-floor-surveyplan__journey { display: grid; grid-template-columns: minmax(300px, 0.72fr) minmax(0, 1.28fr); gap: clamp(34px, 5vw, 64px); align-items: center; margin-top: 34px; padding: clamp(28px, 4vw, 44px); color: var(--sfsp-white); background: radial-gradient( circle at 93% 8%, rgba(0, 169, 145, 0.25) 0, rgba(0, 169, 145, 0) 36% ), linear-gradient( 135deg, var(--sfsp-deep) 0%, var(--sfsp-dark) 64%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-surveyplan__journey .smil-floor-surveyplan__section-label { color: #7fe7d9; } .smil-floor-surveyplan__journey .smil-floor-surveyplan__section-title { color: var(--sfsp-white); } .smil-floor-surveyplan__journey-copy > p:not(.smil-floor-surveyplan__section-label) { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-surveyplan__journey-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; } .smil-floor-surveyplan__journey-steps li { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.09); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; } .smil-floor-surveyplan__journey-steps li > span { display: grid; place-items: center; width: 36px; height: 36px; color: var(--sfsp-dark); background: #7fe7d9; border-radius: 11px; font-size: 0.72rem; font-weight: 900; } .smil-floor-surveyplan__journey-steps li:nth-child(n + 4) > span { background: #ffb56c; } .smil-floor-surveyplan__journey-steps li > div { min-width: 0; } .smil-floor-surveyplan__journey-steps strong { display: block; color: var(--sfsp-white); font-size: 0.85rem; font-weight: 850; line-height: 1.35; } .smil-floor-surveyplan__journey-steps p { margin: 5px 0 0; color: rgba(238, 255, 252, 0.68); font-size: 0.71rem; line-height: 1.47; } /* GRIGLIE STANDARD */ .smil-floor-surveyplan__checks, .smil-floor-surveyplan__project { margin-top: 36px; } .smil-floor-surveyplan__checks-header, .smil-floor-surveyplan__project-header { max-width: 920px; } .smil-floor-surveyplan__checks-header > p:last-child, .smil-floor-surveyplan__project-header > p:last-child { margin: 12px 0 0; color: var(--sfsp-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-surveyplan__checks-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 22px; } .smil-floor-surveyplan__project-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 22px; } .smil-floor-surveyplan__check, .smil-floor-surveyplan__project-card { min-width: 0; padding: 19px 17px; background: var(--sfsp-white); border: 1px solid var(--sfsp-border); border-radius: 17px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-surveyplan__check > span, .smil-floor-surveyplan__project-card > span { display: block; margin-bottom: 13px; color: rgba(7, 56, 68, 0.24); font-size: 1.18rem; font-weight: 900; } .smil-floor-surveyplan__check strong, .smil-floor-surveyplan__project-card strong { display: block; margin-bottom: 6px; color: var(--sfsp-dark); font-size: 0.91rem; font-weight: 850; line-height: 1.36; } .smil-floor-surveyplan__check p, .smil-floor-surveyplan__project-card p { margin: 0; color: var(--sfsp-muted); font-size: 0.78rem; line-height: 1.51; } /* MISURAZIONI */ .smil-floor-surveyplan__measurements { display: grid; grid-template-columns: minmax(300px, 0.76fr) minmax(0, 1.24fr); gap: clamp(32px, 5vw, 62px); align-items: center; margin-top: 34px; padding: clamp(27px, 4vw, 43px); color: var(--sfsp-white); background: linear-gradient( 135deg, var(--sfsp-blue) 0%, var(--sfsp-turquoise) 100% ); border-radius: 23px; box-shadow: 0 18px 42px rgba(0, 128, 128, 0.2); } .smil-floor-surveyplan__measurements .smil-floor-surveyplan__section-label { color: #d7fff8; } .smil-floor-surveyplan__measurements .smil-floor-surveyplan__section-title { color: var(--sfsp-white); } .smil-floor-surveyplan__measurements-copy > p:not(.smil-floor-surveyplan__section-label) { margin: 13px 0 0; color: rgba(241, 255, 252, 0.82); font-size: 0.94rem; line-height: 1.65; } .smil-floor-surveyplan__measurements-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-surveyplan__measurements-grid > div { min-width: 0; padding: 17px 15px; background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 15px; } .smil-floor-surveyplan__measurements-grid span { display: inline-grid; place-items: center; min-width: 43px; min-height: 34px; margin-bottom: 10px; padding: 6px 8px; color: var(--sfsp-dark); background: rgba(255, 255, 255, 0.9); border-radius: 10px; font-size: 0.67rem; font-weight: 900; } .smil-floor-surveyplan__measurements-grid strong { display: block; color: var(--sfsp-white); font-size: 0.86rem; font-weight: 850; } .smil-floor-surveyplan__measurements-grid small { display: block; margin-top: 5px; color: rgba(241, 255, 252, 0.68); font-size: 0.67rem; line-height: 1.42; } /* INTERPRETAZIONE */ .smil-floor-surveyplan__interpretation { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 34px; padding: clamp(25px, 4vw, 40px); background: var(--sfsp-white); border: 1px solid var(--sfsp-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-surveyplan__interpretation-copy > p:not(.smil-floor-surveyplan__section-label) { margin: 13px 0 0; color: var(--sfsp-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-surveyplan__interpretation-flow { display: grid; grid-template-columns: minmax(0, 1fr) 26px minmax(0, 1fr) 26px minmax(0, 1fr); gap: 8px; align-items: center; } .smil-floor-surveyplan__interpretation-flow > div { min-width: 0; padding: 18px 14px; background: var(--sfsp-turquoise-light); border: 1px solid #c5e7e2; border-radius: 16px; text-align: center; } .smil-floor-surveyplan__interpretation-flow .smil-floor-surveyplan__interpretation-result { background: var(--sfsp-orange-soft); border-color: #efd0b4; } .smil-floor-surveyplan__interpretation-flow > div > span { display: grid; place-items: center; width: 34px; height: 34px; margin: 0 auto 11px; color: var(--sfsp-white); background: var(--sfsp-blue); border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-surveyplan__interpretation-result > span { background: var(--sfsp-orange-dark) !important; } .smil-floor-surveyplan__interpretation-flow > div strong { display: block; color: var(--sfsp-dark); font-size: 0.86rem; font-weight: 850; } .smil-floor-surveyplan__interpretation-flow > div small { display: block; margin-top: 5px; color: #526970; font-size: 0.67rem; line-height: 1.4; } .smil-floor-surveyplan__interpretation-flow > span { color: var(--sfsp-orange-dark); font-size: 1.2rem; font-weight: 900; text-align: center; } /* TRADUZIONE */ .smil-floor-surveyplan__translation { display: grid; grid-template-columns: minmax(300px, 0.75fr) minmax(0, 1.25fr); gap: clamp(32px, 5vw, 62px); align-items: center; margin-top: 34px; padding: clamp(26px, 4vw, 42px); color: var(--sfsp-white); background: linear-gradient( 135deg, var(--sfsp-deep) 0%, var(--sfsp-dark) 100% ); border-radius: 23px; box-shadow: 0 19px 45px rgba(5, 43, 53, 0.17); } .smil-floor-surveyplan__translation .smil-floor-surveyplan__section-label { color: #7fe7d9; } .smil-floor-surveyplan__translation .smil-floor-surveyplan__section-title { color: var(--sfsp-white); } .smil-floor-surveyplan__translation-copy > p:not(.smil-floor-surveyplan__section-label) { margin: 13px 0 0; color: rgba(238, 255, 252, 0.77); font-size: 0.94rem; line-height: 1.65; } .smil-floor-surveyplan__translation-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-surveyplan__translation-grid article { min-width: 0; padding: 16px 15px; background: rgba(255, 255, 255, 0.09); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; } .smil-floor-surveyplan__translation-grid article > span { display: block; margin-bottom: 6px; color: #7fe7d9; font-size: 0.61rem; font-weight: 850; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-surveyplan__translation-grid strong { display: block; color: var(--sfsp-white); font-size: 0.84rem; font-weight: 850; line-height: 1.35; } .smil-floor-surveyplan__translation-grid p { margin: 6px 0 0; color: rgba(238, 255, 252, 0.67); font-size: 0.71rem; line-height: 1.47; } /* LOCALIZZAZIONE */ .smil-floor-surveyplan__local { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 34px; padding: clamp(26px, 4vw, 42px); color: var(--sfsp-white); background: linear-gradient( 135deg, var(--sfsp-blue) 0%, var(--sfsp-turquoise) 100% ); border-radius: 23px; box-shadow: 0 18px 42px rgba(0, 128, 128, 0.2); } .smil-floor-surveyplan__local .smil-floor-surveyplan__section-label { color: #d7fff8; } .smil-floor-surveyplan__local .smil-floor-surveyplan__section-title { color: var(--sfsp-white); } .smil-floor-surveyplan__local-copy > p:not(.smil-floor-surveyplan__section-label) { margin: 13px 0 0; color: rgba(241, 255, 252, 0.82); font-size: 0.94rem; line-height: 1.65; } .smil-floor-surveyplan__local-copy strong { color: var(--sfsp-white); } .smil-floor-surveyplan__local-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-surveyplan__local-list > div { display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 15px; } .smil-floor-surveyplan__local-list span { display: grid; place-items: center; width: 34px; height: 34px; color: var(--sfsp-dark); background: rgba(255, 255, 255, 0.9); border-radius: 10px; font-size: 0.75rem; font-weight: 900; } .smil-floor-surveyplan__local-list p { margin: 0; color: rgba(241, 255, 252, 0.7); font-size: 0.72rem; line-height: 1.47; } .smil-floor-surveyplan__local-list strong { display: block; margin-bottom: 2px; color: var(--sfsp-white); font-size: 0.85rem; font-weight: 850; } /* CONFRONTO */ .smil-floor-surveyplan__comparison { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 34px; padding: clamp(25px, 4vw, 40px); background: var(--sfsp-white); border: 1px solid var(--sfsp-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-surveyplan__comparison-copy > p:not(.smil-floor-surveyplan__section-label) { margin: 13px 0 0; color: var(--sfsp-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-surveyplan__comparison-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; } .smil-floor-surveyplan__comparison-card { min-width: 0; padding: 20px 18px; background: var(--sfsp-turquoise-light); border: 1px solid #c5e7e2; border-radius: 17px; } .smil-floor-surveyplan__comparison-card--project { background: var(--sfsp-orange-soft); border-color: #efd0b4; } .smil-floor-surveyplan__comparison-card > span { display: inline-flex; margin-bottom: 11px; padding: 6px 9px; color: var(--sfsp-white); background: var(--sfsp-blue); border-radius: 8px; font-size: 0.62rem; font-weight: 900; letter-spacing: 0.05em; } .smil-floor-surveyplan__comparison-card--project > span { background: var(--sfsp-orange-dark); } .smil-floor-surveyplan__comparison-card > strong { display: block; color: var(--sfsp-dark); font-size: 0.95rem; font-weight: 850; } .smil-floor-surveyplan__comparison-card ul { display: grid; gap: 7px; margin: 13px 0 0; padding: 12px 0 0; border-top: 1px solid rgba(7, 56, 68, 0.1); list-style: none; } .smil-floor-surveyplan__comparison-card li { position: relative; padding-left: 18px; color: #526970; font-size: 0.74rem; line-height: 1.45; } .smil-floor-surveyplan__comparison-card li::before { content: ""; position: absolute; top: 0.53em; left: 2px; width: 6px; height: 6px; background: var(--sfsp-turquoise); border-radius: 50%; } .smil-floor-surveyplan__comparison-card--project li::before { background: var(--sfsp-orange); } /* DOMANDE E AVVERTENZA */ .smil-floor-surveyplan__questions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 26px; } .smil-floor-surveyplan__question, .smil-floor-surveyplan__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; padding: 20px 22px; border-radius: 18px; } .smil-floor-surveyplan__question { background: var(--sfsp-white); border: 1px solid var(--sfsp-border); border-left: 5px solid var(--sfsp-turquoise); } .smil-floor-surveyplan__warning { margin-top: 25px; background: var(--sfsp-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sfsp-orange); } .smil-floor-surveyplan__question-icon, .smil-floor-surveyplan__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; border-radius: 14px; } .smil-floor-surveyplan__question-icon { color: var(--sfsp-blue); background: var(--sfsp-turquoise-light); } .smil-floor-surveyplan__warning-icon { color: var(--sfsp-orange-dark); background: var(--sfsp-white); } .smil-floor-surveyplan__question-icon svg, .smil-floor-surveyplan__warning-icon svg { width: 26px; height: 26px; } .smil-floor-surveyplan__question > div, .smil-floor-surveyplan__warning > div { min-width: 0; } .smil-floor-surveyplan__question strong, .smil-floor-surveyplan__warning strong { display: block; margin: 1px 0 6px; color: var(--sfsp-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-surveyplan__question p, .smil-floor-surveyplan__warning p { margin: 0; font-size: 0.9rem; line-height: 1.62; } .smil-floor-surveyplan__question p { color: #48646d; } .smil-floor-surveyplan__warning p { color: #595850; } /* CTA */ .smil-floor-surveyplan__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 22px 24px; color: var(--sfsp-white); background: linear-gradient( 135deg, var(--sfsp-blue) 0%, var(--sfsp-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-surveyplan__cta-copy { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-surveyplan__cta-icon { display: grid; place-items: center; width: 48px; height: 48px; color: var(--sfsp-dark); background: rgba(255, 255, 255, 0.88); border-radius: 14px; } .smil-floor-surveyplan__cta-icon svg { width: 25px; height: 25px; } .smil-floor-surveyplan__cta-copy > div { min-width: 0; } .smil-floor-surveyplan__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sfsp-white); font-size: 1.04rem; font-weight: 850; line-height: 1.35; } .smil-floor-surveyplan__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.82); font-size: 0.86rem; line-height: 1.5; } .smil-floor-surveyplan__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 51px; padding: 12px 19px; color: var(--sfsp-white); background: linear-gradient( 135deg, var(--sfsp-orange) 0%, var(--sfsp-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-surveyplan__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-surveyplan__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-surveyplan__cta-button:hover svg { transform: translateX(3px); } .smil-floor-surveyplan__cta-button:focus-visible { outline: 3px solid var(--sfsp-white); outline-offset: 4px; } /* TABLET */ @media (max-width: 1050px) { .smil-floor-surveyplan__header, .smil-floor-surveyplan__journey, .smil-floor-surveyplan__measurements, .smil-floor-surveyplan__interpretation, .smil-floor-surveyplan__translation, .smil-floor-surveyplan__local, .smil-floor-surveyplan__comparison { grid-template-columns: minmax(0, 1fr); } .smil-floor-surveyplan__checks-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-floor-surveyplan__project-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* MOBILE */ @media (max-width: 760px) { .smil-floor-surveyplan { padding: 50px 14px 59px; } .smil-floor-surveyplan__title { font-size: clamp(2rem, 10vw, 2.9rem); } .smil-floor-surveyplan__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-surveyplan__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-surveyplan__journey, .smil-floor-surveyplan__measurements, .smil-floor-surveyplan__interpretation, .smil-floor-surveyplan__translation, .smil-floor-surveyplan__local, .smil-floor-surveyplan__comparison { padding: 22px 18px; border-radius: 20px; } .smil-floor-surveyplan__journey-steps, .smil-floor-surveyplan__checks-grid, .smil-floor-surveyplan__measurements-grid, .smil-floor-surveyplan__translation-grid, .smil-floor-surveyplan__project-grid, .smil-floor-surveyplan__local-list, .smil-floor-surveyplan__comparison-grid, .smil-floor-surveyplan__questions { grid-template-columns: minmax(0, 1fr); } .smil-floor-surveyplan__interpretation-flow { grid-template-columns: minmax(0, 1fr); } .smil-floor-surveyplan__interpretation-flow > span { transform: rotate(90deg); } .smil-floor-surveyplan__question, .smil-floor-surveyplan__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-surveyplan__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-surveyplan__cta-button { width: 100%; } } /* SMARTPHONE PICCOLI */ @media (max-width: 440px) { .smil-floor-surveyplan__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-surveyplan__answer, .smil-floor-surveyplan__journey-steps li, .smil-floor-surveyplan__local-list > div, .smil-floor-surveyplan__question, .smil-floor-surveyplan__warning, .smil-floor-surveyplan__cta-copy { grid-template-columns: minmax(0, 1fr); } } /* ACCESSIBILITÀ */ @media (prefers-reduced-motion: reduce) { .smil-floor-surveyplan__cta-button, .smil-floor-surveyplan__cta-button svg { transition: none; } }#imCell_32 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_32 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_32 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_32 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H3 – ANALISI VISIVA E SOPRALLUOGO ANALITICO CSS AUTONOMO ========================================================= */ .smil-floor-visualsurvey, .smil-floor-visualsurvey *, .smil-floor-visualsurvey *::before, .smil-floor-visualsurvey *::after { box-sizing: border-box; } .smil-floor-visualsurvey { --sfvs-dark: #073844; --sfvs-deep: #052b35; --sfvs-blue: #087c8f; --sfvs-turquoise: #00a991; --sfvs-turquoise-light: #dff8f4; --sfvs-orange: #f28a2e; --sfvs-orange-dark: #d66d0e; --sfvs-orange-soft: #fff1e4; --sfvs-white: #ffffff; --sfvs-bg: #ffffff; --sfvs-bg-soft: #f3faf9; --sfvs-text: #183640; --sfvs-muted: #557078; --sfvs-border: #cee5e2; position: relative; width: 100%; overflow: hidden; scroll-margin-top: 90px; padding: clamp(58px, 7vw, 96px) 20px; color: var(--sfvs-text); background: radial-gradient( circle at 97% 3%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 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(--sfvs-bg) 0%, var(--sfvs-bg-soft) 100% ); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-visualsurvey__container { width: min(1220px, 100%); margin: 0 auto; } /* INTESTAZIONE */ .smil-floor-visualsurvey__header { display: grid; grid-template-columns: minmax(330px, 0.86fr) minmax(430px, 1.14fr); gap: clamp(30px, 5vw, 70px); align-items: end; } .smil-floor-visualsurvey__heading, .smil-floor-visualsurvey__intro { min-width: 0; } .smil-floor-visualsurvey__eyebrow { display: inline-flex; margin: 0 0 12px; padding: 7px 13px; color: var(--sfvs-blue); background: var(--sfvs-turquoise-light); border: 1px solid #c5e8e3; border-radius: 999px; font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-visualsurvey__title { margin: 0; color: var(--sfvs-dark); font-size: clamp(1.9rem, 3.55vw, 3.15rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; } .smil-floor-visualsurvey__intro p { margin: 0; color: var(--sfvs-muted); font-size: clamp(1.03rem, 1.55vw, 1.17rem); line-height: 1.73; } .smil-floor-visualsurvey__intro p + p { margin-top: 10px; } .smil-floor-visualsurvey__intro strong { color: var(--sfvs-dark); font-weight: 800; } /* RISPOSTA DIRETTA */ .smil-floor-visualsurvey__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; margin-top: 34px; padding: 22px 24px; background: var(--sfvs-white); border: 1px solid var(--sfvs-border); border-left: 5px solid var(--sfvs-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-visualsurvey__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sfvs-blue); background: var(--sfvs-turquoise-light); border-radius: 15px; } .smil-floor-visualsurvey__answer-icon svg { width: 28px; height: 28px; } .smil-floor-visualsurvey__answer-content { min-width: 0; } .smil-floor-visualsurvey__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sfvs-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-visualsurvey__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } .smil-floor-visualsurvey__answer-content p strong { color: var(--sfvs-dark); font-weight: 800; } /* TITOLI VISIVI */ .smil-floor-visualsurvey__section-label { margin: 0 0 7px; color: var(--sfvs-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-visualsurvey__section-title { display: block; color: var(--sfvs-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* CONFRONTO */ .smil-floor-visualsurvey__comparison { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 31px; padding: clamp(26px, 4vw, 42px); color: var(--sfvs-white); background: radial-gradient( circle at 94% 10%, rgba(0, 169, 145, 0.24) 0, rgba(0, 169, 145, 0) 35% ), linear-gradient( 135deg, var(--sfvs-deep) 0%, var(--sfvs-dark) 65%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-visualsurvey__comparison .smil-floor-visualsurvey__section-label { color: #7fe7d9; } .smil-floor-visualsurvey__comparison .smil-floor-visualsurvey__section-title { color: var(--sfvs-white); } .smil-floor-visualsurvey__comparison-copy > p:not(.smil-floor-visualsurvey__section-label) { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-visualsurvey__comparison-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; } .smil-floor-visualsurvey__comparison-card { min-width: 0; padding: 20px 18px; background: rgba(255, 255, 255, 0.09); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 17px; } .smil-floor-visualsurvey__comparison-card--analytic { background: rgba(242, 138, 46, 0.18); border-color: rgba(255, 190, 126, 0.28); } .smil-floor-visualsurvey__comparison-code { display: inline-flex; margin-bottom: 11px; padding: 6px 9px; color: var(--sfvs-dark); background: #7fe7d9; border-radius: 8px; font-size: 0.62rem; font-weight: 900; letter-spacing: 0.05em; } .smil-floor-visualsurvey__comparison-card--analytic .smil-floor-visualsurvey__comparison-code { background: #ffb56c; } .smil-floor-visualsurvey__comparison-card > strong { display: block; color: var(--sfvs-white); font-size: 0.94rem; font-weight: 850; line-height: 1.38; } .smil-floor-visualsurvey__comparison-card ul { display: grid; gap: 7px; margin: 13px 0 0; padding: 12px 0 0; border-top: 1px solid rgba(255, 255, 255, 0.15); list-style: none; } .smil-floor-visualsurvey__comparison-card li { position: relative; padding-left: 18px; color: rgba(238, 255, 252, 0.7); font-size: 0.73rem; line-height: 1.45; } .smil-floor-visualsurvey__comparison-card li::before { content: ""; position: absolute; top: 0.53em; left: 2px; width: 6px; height: 6px; background: #7fe7d9; border-radius: 50%; } .smil-floor-visualsurvey__comparison-card--analytic li::before { background: #ffb56c; } /* GRIGLIE INFORMATIVE */ .smil-floor-visualsurvey__visual-checks, .smil-floor-visualsurvey__paths { margin-top: 35px; } .smil-floor-visualsurvey__visual-header, .smil-floor-visualsurvey__paths-header { max-width: 920px; } .smil-floor-visualsurvey__visual-header > p:last-child, .smil-floor-visualsurvey__paths-header > p:last-child { margin: 12px 0 0; color: var(--sfvs-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-visualsurvey__visual-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 22px; } .smil-floor-visualsurvey__paths-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 22px; } .smil-floor-visualsurvey__visual-card, .smil-floor-visualsurvey__path-card { min-width: 0; padding: 19px 17px; background: var(--sfvs-white); border: 1px solid var(--sfvs-border); border-radius: 17px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-visualsurvey__visual-card > span { display: block; margin-bottom: 13px; color: rgba(7, 56, 68, 0.24); font-size: 1.18rem; font-weight: 900; } .smil-floor-visualsurvey__path-card > span { display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 13px; color: var(--sfvs-white); background: var(--sfvs-blue); border-radius: 12px; font-size: 0.76rem; font-weight: 900; } .smil-floor-visualsurvey__path-card--orange > span { background: var(--sfvs-orange-dark); } .smil-floor-visualsurvey__visual-card strong, .smil-floor-visualsurvey__path-card strong { display: block; margin-bottom: 6px; color: var(--sfvs-dark); font-size: 0.91rem; font-weight: 850; line-height: 1.36; } .smil-floor-visualsurvey__visual-card p, .smil-floor-visualsurvey__path-card p { margin: 0; color: var(--sfvs-muted); font-size: 0.78rem; line-height: 1.51; } /* LIMITI */ .smil-floor-visualsurvey__limits { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(25px, 4vw, 40px); background: var(--sfvs-orange-soft); border: 1px solid #efd0b4; border-radius: 23px; } .smil-floor-visualsurvey__limits-copy > p:not(.smil-floor-visualsurvey__section-label) { margin: 13px 0 0; color: #595850; font-size: 0.94rem; line-height: 1.65; } .smil-floor-visualsurvey__limits-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-visualsurvey__limits-grid > div { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 11px; align-items: center; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.86); border: 1px solid #efd0b4; border-radius: 15px; } .smil-floor-visualsurvey__limits-grid span { display: grid; place-items: center; width: 36px; height: 36px; color: var(--sfvs-white); background: var(--sfvs-orange-dark); border-radius: 11px; font-weight: 900; } .smil-floor-visualsurvey__limits-grid p { margin: 0; color: #5b625f; font-size: 0.76rem; line-height: 1.48; } .smil-floor-visualsurvey__limits-grid strong { display: block; margin-bottom: 2px; color: var(--sfvs-dark); font-size: 0.86rem; font-weight: 850; } /* SOPRALLUOGO ANALITICO */ .smil-floor-visualsurvey__analytic { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); color: var(--sfvs-white); background: linear-gradient( 135deg, var(--sfvs-blue) 0%, var(--sfvs-turquoise) 100% ); border-radius: 23px; box-shadow: 0 18px 42px rgba(0, 128, 128, 0.2); } .smil-floor-visualsurvey__analytic .smil-floor-visualsurvey__section-label { color: #d7fff8; } .smil-floor-visualsurvey__analytic .smil-floor-visualsurvey__section-title { color: var(--sfvs-white); } .smil-floor-visualsurvey__analytic-copy > p:not(.smil-floor-visualsurvey__section-label) { margin: 13px 0 0; color: rgba(241, 255, 252, 0.82); font-size: 0.94rem; line-height: 1.65; } .smil-floor-visualsurvey__analytic-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; } .smil-floor-visualsurvey__analytic-steps li { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 15px; } .smil-floor-visualsurvey__analytic-steps li > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfvs-dark); background: rgba(255, 255, 255, 0.9); border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-visualsurvey__analytic-steps li > div { min-width: 0; } .smil-floor-visualsurvey__analytic-steps strong { display: block; color: var(--sfvs-white); font-size: 0.85rem; font-weight: 850; line-height: 1.35; } .smil-floor-visualsurvey__analytic-steps p { margin: 5px 0 0; color: rgba(241, 255, 252, 0.69); font-size: 0.72rem; line-height: 1.47; } /* MISURAZIONI */ .smil-floor-visualsurvey__measurements { display: grid; grid-template-columns: minmax(300px, 0.76fr) minmax(0, 1.24fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); color: var(--sfvs-white); background: linear-gradient( 135deg, var(--sfvs-deep) 0%, var(--sfvs-dark) 100% ); border-radius: 23px; box-shadow: 0 19px 45px rgba(5, 43, 53, 0.17); } .smil-floor-visualsurvey__measurements .smil-floor-visualsurvey__section-label { color: #7fe7d9; } .smil-floor-visualsurvey__measurements .smil-floor-visualsurvey__section-title { color: var(--sfvs-white); } .smil-floor-visualsurvey__measurements-copy > p:not(.smil-floor-visualsurvey__section-label) { margin: 13px 0 0; color: rgba(238, 255, 252, 0.77); font-size: 0.94rem; line-height: 1.65; } .smil-floor-visualsurvey__measurements-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-visualsurvey__measurements-grid article { min-width: 0; padding: 17px 15px; background: rgba(255, 255, 255, 0.09); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; } .smil-floor-visualsurvey__measurements-grid article > span { display: inline-grid; place-items: center; min-width: 43px; min-height: 34px; margin-bottom: 10px; padding: 6px 8px; color: var(--sfvs-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.67rem; font-weight: 900; } .smil-floor-visualsurvey__measurements-grid strong { display: block; color: var(--sfvs-white); font-size: 0.86rem; font-weight: 850; } .smil-floor-visualsurvey__measurements-grid small { display: block; margin-top: 5px; color: rgba(238, 255, 252, 0.67); font-size: 0.67rem; line-height: 1.42; } /* LOCALIZZAZIONE */ .smil-floor-visualsurvey__local { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); color: var(--sfvs-white); background: linear-gradient( 135deg, var(--sfvs-blue) 0%, var(--sfvs-turquoise) 100% ); border-radius: 23px; box-shadow: 0 18px 42px rgba(0, 128, 128, 0.2); } .smil-floor-visualsurvey__local .smil-floor-visualsurvey__section-label { color: #d7fff8; } .smil-floor-visualsurvey__local .smil-floor-visualsurvey__section-title { color: var(--sfvs-white); } .smil-floor-visualsurvey__local-copy > p:not(.smil-floor-visualsurvey__section-label) { margin: 13px 0 0; color: rgba(241, 255, 252, 0.82); font-size: 0.94rem; line-height: 1.65; } .smil-floor-visualsurvey__local-copy strong { color: var(--sfvs-white); } .smil-floor-visualsurvey__local-list, .smil-floor-visualsurvey__outcome-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-visualsurvey__local-list > div, .smil-floor-visualsurvey__outcome-grid > div { display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; border-radius: 15px; } .smil-floor-visualsurvey__local-list > div { background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.18); } .smil-floor-visualsurvey__local-list span { display: grid; place-items: center; width: 34px; height: 34px; color: var(--sfvs-dark); background: rgba(255, 255, 255, 0.9); border-radius: 10px; font-size: 0.75rem; font-weight: 900; } .smil-floor-visualsurvey__local-list p { margin: 0; color: rgba(241, 255, 252, 0.7); font-size: 0.72rem; line-height: 1.47; } .smil-floor-visualsurvey__local-list strong { display: block; margin-bottom: 2px; color: var(--sfvs-white); font-size: 0.85rem; font-weight: 850; } /* RISULTATO */ .smil-floor-visualsurvey__outcome { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(25px, 4vw, 40px); background: var(--sfvs-white); border: 1px solid var(--sfvs-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-visualsurvey__outcome-copy > p:not(.smil-floor-visualsurvey__section-label) { margin: 13px 0 0; color: var(--sfvs-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-visualsurvey__outcome-grid > div { background: #f6fbfa; border: 1px solid #dcebe9; } .smil-floor-visualsurvey__outcome-grid span { display: grid; place-items: center; width: 34px; height: 34px; color: var(--sfvs-white); background: var(--sfvs-blue); border-radius: 10px; font-size: 0.68rem; font-weight: 900; } .smil-floor-visualsurvey__outcome-grid p { margin: 0; color: var(--sfvs-muted); font-size: 0.72rem; line-height: 1.47; } .smil-floor-visualsurvey__outcome-grid strong { display: block; margin-bottom: 2px; color: var(--sfvs-dark); font-size: 0.85rem; font-weight: 850; } /* DOMANDE E AVVERTENZA */ .smil-floor-visualsurvey__questions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 26px; } .smil-floor-visualsurvey__question, .smil-floor-visualsurvey__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; padding: 20px 22px; border-radius: 18px; } .smil-floor-visualsurvey__question { background: var(--sfvs-white); border: 1px solid var(--sfvs-border); border-left: 5px solid var(--sfvs-turquoise); } .smil-floor-visualsurvey__warning { margin-top: 25px; background: var(--sfvs-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sfvs-orange); } .smil-floor-visualsurvey__question-icon, .smil-floor-visualsurvey__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; border-radius: 14px; } .smil-floor-visualsurvey__question-icon { color: var(--sfvs-blue); background: var(--sfvs-turquoise-light); } .smil-floor-visualsurvey__warning-icon { color: var(--sfvs-orange-dark); background: var(--sfvs-white); } .smil-floor-visualsurvey__question-icon svg, .smil-floor-visualsurvey__warning-icon svg { width: 26px; height: 26px; } .smil-floor-visualsurvey__question > div, .smil-floor-visualsurvey__warning > div { min-width: 0; } .smil-floor-visualsurvey__question strong, .smil-floor-visualsurvey__warning strong { display: block; margin: 1px 0 6px; color: var(--sfvs-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-visualsurvey__question p, .smil-floor-visualsurvey__warning p { margin: 0; font-size: 0.9rem; line-height: 1.62; } .smil-floor-visualsurvey__question p { color: #48646d; } .smil-floor-visualsurvey__warning p { color: #595850; } /* CTA */ .smil-floor-visualsurvey__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 21px 23px; color: var(--sfvs-white); background: linear-gradient( 135deg, var(--sfvs-blue) 0%, var(--sfvs-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-visualsurvey__cta-copy { display: grid; grid-template-columns: 47px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-visualsurvey__cta-icon { display: grid; place-items: center; width: 47px; height: 47px; color: var(--sfvs-dark); background: rgba(255, 255, 255, 0.87); border-radius: 14px; } .smil-floor-visualsurvey__cta-icon svg { width: 25px; height: 25px; } .smil-floor-visualsurvey__cta-copy > div { min-width: 0; } .smil-floor-visualsurvey__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sfvs-white); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-visualsurvey__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.81); font-size: 0.86rem; line-height: 1.5; } .smil-floor-visualsurvey__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 51px; padding: 12px 18px; color: var(--sfvs-white); background: linear-gradient( 135deg, var(--sfvs-orange) 0%, var(--sfvs-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-visualsurvey__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-visualsurvey__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-visualsurvey__cta-button:hover svg { transform: translateX(3px); } .smil-floor-visualsurvey__cta-button:focus-visible { outline: 3px solid var(--sfvs-white); outline-offset: 4px; } /* TABLET */ @media (max-width: 1050px) { .smil-floor-visualsurvey__header, .smil-floor-visualsurvey__comparison, .smil-floor-visualsurvey__limits, .smil-floor-visualsurvey__analytic, .smil-floor-visualsurvey__measurements, .smil-floor-visualsurvey__local, .smil-floor-visualsurvey__outcome { grid-template-columns: minmax(0, 1fr); } .smil-floor-visualsurvey__paths-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* MOBILE */ @media (max-width: 760px) { .smil-floor-visualsurvey { padding: 49px 14px 58px; } .smil-floor-visualsurvey__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-floor-visualsurvey__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-visualsurvey__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-visualsurvey__comparison, .smil-floor-visualsurvey__limits, .smil-floor-visualsurvey__analytic, .smil-floor-visualsurvey__measurements, .smil-floor-visualsurvey__local, .smil-floor-visualsurvey__outcome { padding: 22px 18px; border-radius: 20px; } .smil-floor-visualsurvey__comparison-grid, .smil-floor-visualsurvey__visual-grid, .smil-floor-visualsurvey__limits-grid, .smil-floor-visualsurvey__analytic-steps, .smil-floor-visualsurvey__measurements-grid, .smil-floor-visualsurvey__paths-grid, .smil-floor-visualsurvey__local-list, .smil-floor-visualsurvey__outcome-grid, .smil-floor-visualsurvey__questions { grid-template-columns: minmax(0, 1fr); } .smil-floor-visualsurvey__question, .smil-floor-visualsurvey__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-visualsurvey__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-visualsurvey__cta-button { width: 100%; } } /* SMARTPHONE PICCOLI */ @media (max-width: 440px) { .smil-floor-visualsurvey__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-visualsurvey__answer, .smil-floor-visualsurvey__limits-grid > div, .smil-floor-visualsurvey__analytic-steps li, .smil-floor-visualsurvey__local-list > div, .smil-floor-visualsurvey__outcome-grid > div, .smil-floor-visualsurvey__question, .smil-floor-visualsurvey__warning, .smil-floor-visualsurvey__cta-copy { grid-template-columns: minmax(0, 1fr); } } /* ACCESSIBILITÀ */ @media (prefers-reduced-motion: reduce) { .smil-floor-visualsurvey__cta-button, .smil-floor-visualsurvey__cta-button svg { transition: none; } }#imCell_38 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_38 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_38 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_38 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H3 – PERCORSO DEL RUMORE CSS AUTONOMO ========================================================= */ .smil-floor-noise-route, .smil-floor-noise-route *, .smil-floor-noise-route *::before, .smil-floor-noise-route *::after { box-sizing: border-box; } .smil-floor-noise-route { --sfnr-dark: #073844; --sfnr-deep: #052b35; --sfnr-blue: #087c8f; --sfnr-turquoise: #00a991; --sfnr-turquoise-light: #dff8f4; --sfnr-orange: #f28a2e; --sfnr-orange-dark: #d66d0e; --sfnr-orange-soft: #fff1e4; --sfnr-white: #ffffff; --sfnr-bg: #ffffff; --sfnr-bg-soft: #f3faf9; --sfnr-text: #183640; --sfnr-muted: #557078; --sfnr-border: #cee5e2; position: relative; width: 100%; overflow: hidden; scroll-margin-top: 90px; padding: clamp(58px, 7vw, 96px) 20px; color: var(--sfnr-text); background: radial-gradient( circle at 97% 3%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 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(--sfnr-bg) 0%, var(--sfnr-bg-soft) 100% ); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-noise-route__container { width: min(1220px, 100%); margin: 0 auto; } /* INTESTAZIONE */ .smil-floor-noise-route__header { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(440px, 1.22fr); gap: clamp(30px, 5vw, 70px); align-items: end; } .smil-floor-noise-route__heading, .smil-floor-noise-route__intro { min-width: 0; } .smil-floor-noise-route__eyebrow { display: inline-flex; margin: 0 0 12px; padding: 7px 13px; color: var(--sfnr-blue); background: var(--sfnr-turquoise-light); border: 1px solid #c5e8e3; border-radius: 999px; font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-noise-route__title { margin: 0; color: var(--sfnr-dark); font-size: clamp(1.9rem, 3.55vw, 3.15rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; } .smil-floor-noise-route__intro p { margin: 0; color: var(--sfnr-muted); font-size: clamp(1.03rem, 1.55vw, 1.17rem); line-height: 1.73; } .smil-floor-noise-route__intro p + p { margin-top: 10px; } .smil-floor-noise-route__intro strong { color: var(--sfnr-dark); font-weight: 800; } /* RISPOSTA DIRETTA */ .smil-floor-noise-route__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; margin-top: 34px; padding: 22px 24px; background: var(--sfnr-white); border: 1px solid var(--sfnr-border); border-left: 5px solid var(--sfnr-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-noise-route__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sfnr-blue); background: var(--sfnr-turquoise-light); border-radius: 15px; } .smil-floor-noise-route__answer-icon svg { width: 28px; height: 28px; } .smil-floor-noise-route__answer-content { min-width: 0; } .smil-floor-noise-route__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sfnr-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-noise-route__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } .smil-floor-noise-route__answer-content p strong { color: var(--sfnr-dark); font-weight: 800; } /* TITOLI VISIVI */ .smil-floor-noise-route__section-label { margin: 0 0 7px; color: var(--sfnr-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-noise-route__section-title { display: block; color: var(--sfnr-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* PERCORSO */ .smil-floor-noise-route__journey { display: grid; grid-template-columns: minmax(300px, 0.75fr) minmax(0, 1.25fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 31px; padding: clamp(26px, 4vw, 42px); color: var(--sfnr-white); background: radial-gradient( circle at 94% 10%, rgba(0, 169, 145, 0.24) 0, rgba(0, 169, 145, 0) 35% ), linear-gradient( 135deg, var(--sfnr-deep) 0%, var(--sfnr-dark) 65%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-noise-route__journey .smil-floor-noise-route__section-label { color: #7fe7d9; } .smil-floor-noise-route__journey .smil-floor-noise-route__section-title { color: var(--sfnr-white); } .smil-floor-noise-route__journey-copy > p:not(.smil-floor-noise-route__section-label) { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-noise-route__journey-flow { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr); gap: 8px; align-items: center; } .smil-floor-noise-route__journey-step { min-width: 0; padding: 15px 11px; background: rgba(255, 255, 255, 0.09); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; text-align: center; } .smil-floor-noise-route__journey-step--orange { background: rgba(242, 138, 46, 0.2); border-color: rgba(255, 188, 120, 0.29); } .smil-floor-noise-route__journey-step--result { background: rgba(0, 169, 145, 0.2); border-color: rgba(126, 231, 217, 0.28); } .smil-floor-noise-route__journey-step > span { display: grid; place-items: center; width: 34px; height: 34px; margin: 0 auto 10px; color: var(--sfnr-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-noise-route__journey-step--orange > span { background: #ffb56c; } .smil-floor-noise-route__journey-step strong { display: block; color: var(--sfnr-white); font-size: 0.78rem; font-weight: 850; } .smil-floor-noise-route__journey-step small { display: block; margin-top: 5px; color: rgba(238, 255, 252, 0.65); font-size: 0.61rem; line-height: 1.38; } .smil-floor-noise-route__journey-arrow { color: var(--sfnr-orange); font-size: 1.1rem; font-weight: 900; } /* SEZIONI STANDARD */ .smil-floor-noise-route__routes, .smil-floor-noise-route__phenomena, .smil-floor-noise-route__surfaces { margin-top: 35px; } .smil-floor-noise-route__routes-header, .smil-floor-noise-route__phenomena-header, .smil-floor-noise-route__surfaces-header { max-width: 920px; } .smil-floor-noise-route__routes-header > p:last-child, .smil-floor-noise-route__phenomena-header > p:last-child, .smil-floor-noise-route__surfaces-header > p:last-child { margin: 12px 0 0; color: var(--sfnr-muted); font-size: 0.94rem; line-height: 1.64; } /* PERCORSI */ .smil-floor-noise-route__routes-grid, .smil-floor-noise-route__phenomena-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 22px; } .smil-floor-noise-route__route-card { min-width: 0; padding: 22px 20px; background: var(--sfnr-white); border: 1px solid var(--sfnr-border); border-top: 5px solid var(--sfnr-turquoise); border-radius: 19px; box-shadow: 0 13px 33px rgba(7, 56, 68, 0.07); } .smil-floor-noise-route__route-card--lateral { border-top-color: var(--sfnr-orange); } .smil-floor-noise-route__route-card--services { border-top-color: var(--sfnr-dark); } .smil-floor-noise-route__route-icon { display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 15px; color: var(--sfnr-blue); background: var(--sfnr-turquoise-light); border-radius: 14px; } .smil-floor-noise-route__route-card--lateral .smil-floor-noise-route__route-icon { color: var(--sfnr-orange-dark); background: var(--sfnr-orange-soft); } .smil-floor-noise-route__route-card--services .smil-floor-noise-route__route-icon { color: var(--sfnr-white); background: var(--sfnr-dark); } .smil-floor-noise-route__route-icon svg { width: 25px; height: 25px; } .smil-floor-noise-route__route-label { margin: 0 0 5px; color: var(--sfnr-blue); font-size: 0.68rem; font-weight: 850; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-noise-route__route-card > strong { display: block; color: var(--sfnr-dark); font-size: 0.98rem; font-weight: 850; line-height: 1.38; } .smil-floor-noise-route__route-card > p:not(.smil-floor-noise-route__route-label) { margin: 8px 0 0; color: var(--sfnr-muted); font-size: 0.81rem; line-height: 1.55; } .smil-floor-noise-route__route-card small { display: block; margin-top: 12px; padding-top: 10px; color: var(--sfnr-blue); border-top: 1px solid #deecea; font-size: 0.71rem; font-weight: 750; line-height: 1.43; } /* PERCEZIONE */ .smil-floor-noise-route__perception, .smil-floor-noise-route__source { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(25px, 4vw, 40px); background: var(--sfnr-white); border: 1px solid var(--sfnr-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-noise-route__perception-copy > p:not(.smil-floor-noise-route__section-label), .smil-floor-noise-route__source-copy > p:not(.smil-floor-noise-route__section-label) { margin: 13px 0 0; color: var(--sfnr-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-noise-route__perception-grid, .smil-floor-noise-route__source-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; } .smil-floor-noise-route__perception-card, .smil-floor-noise-route__source-card { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 13px; min-width: 0; padding: 18px; background: var(--sfnr-turquoise-light); border: 1px solid #c5e7e2; border-radius: 17px; } .smil-floor-noise-route__perception-card--analysis, .smil-floor-noise-route__source-card--receiver { background: var(--sfnr-orange-soft); border-color: #efd0b4; } .smil-floor-noise-route__perception-card > span, .smil-floor-noise-route__source-card > span { display: grid; place-items: center; width: 44px; height: 44px; color: var(--sfnr-white); background: var(--sfnr-blue); border-radius: 13px; font-size: 0.78rem; font-weight: 900; } .smil-floor-noise-route__perception-card--analysis > span, .smil-floor-noise-route__source-card--receiver > span { background: var(--sfnr-orange-dark); } .smil-floor-noise-route__perception-card > div, .smil-floor-noise-route__source-card > div { min-width: 0; } .smil-floor-noise-route__perception-label, .smil-floor-noise-route__source-label { margin: 0 0 4px; color: var(--sfnr-blue); font-size: 0.66rem; font-weight: 850; line-height: 1.4; letter-spacing: 0.045em; text-transform: uppercase; } .smil-floor-noise-route__perception-card strong, .smil-floor-noise-route__source-card strong { display: block; color: var(--sfnr-dark); font-size: 0.9rem; font-weight: 850; line-height: 1.36; } .smil-floor-noise-route__perception-card div > p:last-child, .smil-floor-noise-route__source-card div > p:last-child { margin: 7px 0 0; color: #526970; font-size: 0.77rem; line-height: 1.49; } /* FENOMENI */ .smil-floor-noise-route__phenomenon { min-width: 0; padding: 21px 19px; background: var(--sfnr-white); border: 1px solid var(--sfnr-border); border-top: 5px solid var(--sfnr-turquoise); border-radius: 19px; box-shadow: 0 13px 33px rgba(7, 56, 68, 0.07); } .smil-floor-noise-route__phenomenon--orange { border-top-color: var(--sfnr-orange); } .smil-floor-noise-route__phenomenon--deep { border-top-color: var(--sfnr-dark); } .smil-floor-noise-route__phenomenon > span { display: grid; place-items: center; width: 39px; height: 39px; margin-bottom: 14px; color: var(--sfnr-white); background: var(--sfnr-blue); border-radius: 12px; font-size: 0.72rem; font-weight: 900; } .smil-floor-noise-route__phenomenon--orange > span { background: var(--sfnr-orange-dark); } .smil-floor-noise-route__phenomenon--deep > span { background: var(--sfnr-dark); } .smil-floor-noise-route__phenomenon strong { display: block; color: var(--sfnr-dark); font-size: 0.95rem; font-weight: 850; line-height: 1.38; } .smil-floor-noise-route__phenomenon p { margin: 8px 0 0; color: var(--sfnr-muted); font-size: 0.81rem; line-height: 1.55; } .smil-floor-noise-route__phenomenon small { display: block; margin-top: 12px; padding-top: 10px; color: var(--sfnr-blue); border-top: 1px solid #deecea; font-size: 0.71rem; font-weight: 750; line-height: 1.43; } /* SUPERFICI */ .smil-floor-noise-route__surfaces-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 22px; } .smil-floor-noise-route__surface { min-width: 0; padding: 19px 17px; background: var(--sfnr-white); border: 1px solid var(--sfnr-border); border-radius: 17px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-noise-route__surface > span { display: block; margin-bottom: 13px; color: rgba(7, 56, 68, 0.24); font-size: 1.18rem; font-weight: 900; } .smil-floor-noise-route__surface strong { display: block; margin-bottom: 6px; color: var(--sfnr-dark); font-size: 0.91rem; font-weight: 850; line-height: 1.36; } .smil-floor-noise-route__surface p { margin: 0; color: var(--sfnr-muted); font-size: 0.78rem; line-height: 1.51; } /* PROGETTO */ .smil-floor-noise-route__project, .smil-floor-noise-route__local { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); color: var(--sfnr-white); border-radius: 23px; } .smil-floor-noise-route__project { background: linear-gradient( 135deg, var(--sfnr-deep) 0%, var(--sfnr-dark) 100% ); box-shadow: 0 19px 45px rgba(5, 43, 53, 0.17); } .smil-floor-noise-route__local { background: linear-gradient( 135deg, var(--sfnr-blue) 0%, var(--sfnr-turquoise) 100% ); box-shadow: 0 18px 42px rgba(0, 128, 128, 0.2); } .smil-floor-noise-route__project .smil-floor-noise-route__section-label { color: #7fe7d9; } .smil-floor-noise-route__local .smil-floor-noise-route__section-label { color: #d7fff8; } .smil-floor-noise-route__project .smil-floor-noise-route__section-title, .smil-floor-noise-route__local .smil-floor-noise-route__section-title { color: var(--sfnr-white); } .smil-floor-noise-route__project-copy > p:not(.smil-floor-noise-route__section-label), .smil-floor-noise-route__local-copy > p:not(.smil-floor-noise-route__section-label) { margin: 13px 0 0; color: rgba(238, 255, 252, 0.77); font-size: 0.94rem; line-height: 1.65; } .smil-floor-noise-route__local-copy > p:not(.smil-floor-noise-route__section-label) { color: rgba(241, 255, 252, 0.82); } .smil-floor-noise-route__local-copy strong { color: var(--sfnr-white); } .smil-floor-noise-route__project-grid, .smil-floor-noise-route__local-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-noise-route__project-grid > div, .smil-floor-noise-route__local-list > div { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 15px; } .smil-floor-noise-route__project-grid span, .smil-floor-noise-route__local-list span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfnr-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.67rem; font-weight: 900; } .smil-floor-noise-route__local-list span { background: rgba(255, 255, 255, 0.9); } .smil-floor-noise-route__project-grid p, .smil-floor-noise-route__local-list p { margin: 0; color: rgba(238, 255, 252, 0.67); font-size: 0.72rem; line-height: 1.47; } .smil-floor-noise-route__local-list p { color: rgba(241, 255, 252, 0.7); } .smil-floor-noise-route__project-grid strong, .smil-floor-noise-route__local-list strong { display: block; margin-bottom: 2px; color: var(--sfnr-white); font-size: 0.85rem; font-weight: 850; } /* DOMANDE E AVVERTENZA */ .smil-floor-noise-route__questions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 26px; } .smil-floor-noise-route__question, .smil-floor-noise-route__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; padding: 20px 22px; border-radius: 18px; } .smil-floor-noise-route__question { background: var(--sfnr-white); border: 1px solid var(--sfnr-border); border-left: 5px solid var(--sfnr-turquoise); } .smil-floor-noise-route__warning { margin-top: 25px; background: var(--sfnr-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sfnr-orange); } .smil-floor-noise-route__question-icon, .smil-floor-noise-route__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; border-radius: 14px; } .smil-floor-noise-route__question-icon { color: var(--sfnr-blue); background: var(--sfnr-turquoise-light); } .smil-floor-noise-route__warning-icon { color: var(--sfnr-orange-dark); background: var(--sfnr-white); } .smil-floor-noise-route__question-icon svg, .smil-floor-noise-route__warning-icon svg { width: 26px; height: 26px; } .smil-floor-noise-route__question > div, .smil-floor-noise-route__warning > div { min-width: 0; } .smil-floor-noise-route__question strong, .smil-floor-noise-route__warning strong { display: block; margin: 1px 0 6px; color: var(--sfnr-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-noise-route__question p, .smil-floor-noise-route__warning p { margin: 0; font-size: 0.9rem; line-height: 1.62; } .smil-floor-noise-route__question p { color: #48646d; } .smil-floor-noise-route__warning p { color: #595850; } /* CTA */ .smil-floor-noise-route__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 21px 23px; color: var(--sfnr-white); background: linear-gradient( 135deg, var(--sfnr-blue) 0%, var(--sfnr-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-noise-route__cta-copy { display: grid; grid-template-columns: 47px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-noise-route__cta-icon { display: grid; place-items: center; width: 47px; height: 47px; color: var(--sfnr-dark); background: rgba(255, 255, 255, 0.87); border-radius: 14px; } .smil-floor-noise-route__cta-icon svg { width: 25px; height: 25px; } .smil-floor-noise-route__cta-copy > div { min-width: 0; } .smil-floor-noise-route__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sfnr-white); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-noise-route__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.81); font-size: 0.86rem; line-height: 1.5; } .smil-floor-noise-route__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 51px; padding: 12px 18px; color: var(--sfnr-white); background: linear-gradient( 135deg, var(--sfnr-orange) 0%, var(--sfnr-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-noise-route__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-noise-route__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-noise-route__cta-button:hover svg { transform: translateX(3px); } .smil-floor-noise-route__cta-button:focus-visible { outline: 3px solid var(--sfnr-white); outline-offset: 4px; } /* TABLET */ @media (max-width: 1050px) { .smil-floor-noise-route__header, .smil-floor-noise-route__journey, .smil-floor-noise-route__perception, .smil-floor-noise-route__source, .smil-floor-noise-route__project, .smil-floor-noise-route__local { grid-template-columns: minmax(0, 1fr); } .smil-floor-noise-route__surfaces-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* MOBILE */ @media (max-width: 760px) { .smil-floor-noise-route { padding: 49px 14px 58px; } .smil-floor-noise-route__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-floor-noise-route__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-noise-route__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-noise-route__journey, .smil-floor-noise-route__perception, .smil-floor-noise-route__source, .smil-floor-noise-route__project, .smil-floor-noise-route__local { padding: 22px 18px; border-radius: 20px; } .smil-floor-noise-route__journey-flow { grid-template-columns: minmax(0, 1fr); } .smil-floor-noise-route__journey-arrow { transform: rotate(90deg); text-align: center; } .smil-floor-noise-route__routes-grid, .smil-floor-noise-route__perception-grid, .smil-floor-noise-route__phenomena-grid, .smil-floor-noise-route__source-grid, .smil-floor-noise-route__surfaces-grid, .smil-floor-noise-route__project-grid, .smil-floor-noise-route__local-list, .smil-floor-noise-route__questions { grid-template-columns: minmax(0, 1fr); } .smil-floor-noise-route__question, .smil-floor-noise-route__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-noise-route__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-noise-route__cta-button { width: 100%; } } /* SMARTPHONE PICCOLI */ @media (max-width: 440px) { .smil-floor-noise-route__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-noise-route__answer, .smil-floor-noise-route__perception-card, .smil-floor-noise-route__source-card, .smil-floor-noise-route__project-grid > div, .smil-floor-noise-route__local-list > div, .smil-floor-noise-route__question, .smil-floor-noise-route__warning, .smil-floor-noise-route__cta-copy { grid-template-columns: minmax(0, 1fr); } } /* ACCESSIBILITÀ */ @media (prefers-reduced-motion: reduce) { .smil-floor-noise-route__cta-button, .smil-floor-noise-route__cta-button svg { transition: none; } }#imCell_39 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_39 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_39 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_39 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H3 – PROGETTO CSS AUTONOMO ========================================================= */ .smil-floor-projectdoc, .smil-floor-projectdoc *, .smil-floor-projectdoc *::before, .smil-floor-projectdoc *::after { box-sizing: border-box; } .smil-floor-projectdoc { --sfpd-dark: #073844; --sfpd-deep: #052b35; --sfpd-blue: #087c8f; --sfpd-turquoise: #00a991; --sfpd-turquoise-light: #dff8f4; --sfpd-orange: #f28a2e; --sfpd-orange-dark: #d66d0e; --sfpd-orange-soft: #fff1e4; --sfpd-white: #ffffff; --sfpd-bg: #ffffff; --sfpd-bg-soft: #f3faf9; --sfpd-text: #183640; --sfpd-muted: #557078; --sfpd-border: #cee5e2; position: relative; width: 100%; overflow: hidden; scroll-margin-top: 90px; padding: clamp(58px, 7vw, 96px) 20px; color: var(--sfpd-text); background: radial-gradient( circle at 97% 3%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 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(--sfpd-bg) 0%, var(--sfpd-bg-soft) 100% ); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-projectdoc__container { width: min(1220px, 100%); margin: 0 auto; } /* INTESTAZIONE */ .smil-floor-projectdoc__header { display: grid; grid-template-columns: minmax(280px, 0.72fr) minmax(450px, 1.28fr); gap: clamp(30px, 5vw, 70px); align-items: end; } .smil-floor-projectdoc__heading, .smil-floor-projectdoc__intro { min-width: 0; } .smil-floor-projectdoc__eyebrow { display: inline-flex; margin: 0 0 12px; padding: 7px 13px; color: var(--sfpd-blue); background: var(--sfpd-turquoise-light); border: 1px solid #c5e8e3; border-radius: 999px; font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-projectdoc__title { margin: 0; color: var(--sfpd-dark); font-size: clamp(1.9rem, 3.55vw, 3.15rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; } .smil-floor-projectdoc__intro p { margin: 0; color: var(--sfpd-muted); font-size: clamp(1.03rem, 1.55vw, 1.17rem); line-height: 1.73; } .smil-floor-projectdoc__intro p + p { margin-top: 10px; } .smil-floor-projectdoc__intro strong { color: var(--sfpd-dark); font-weight: 800; } /* RISPOSTA DIRETTA */ .smil-floor-projectdoc__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; margin-top: 34px; padding: 22px 24px; background: var(--sfpd-white); border: 1px solid var(--sfpd-border); border-left: 5px solid var(--sfpd-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-projectdoc__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sfpd-blue); background: var(--sfpd-turquoise-light); border-radius: 15px; } .smil-floor-projectdoc__answer-icon svg { width: 28px; height: 28px; } .smil-floor-projectdoc__answer-content { min-width: 0; } .smil-floor-projectdoc__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sfpd-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-projectdoc__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } .smil-floor-projectdoc__answer-content p strong { color: var(--sfpd-dark); font-weight: 800; } /* TITOLI VISIVI */ .smil-floor-projectdoc__section-label { margin: 0 0 7px; color: var(--sfpd-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-projectdoc__section-title { display: block; color: var(--sfpd-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* TRADUZIONE */ .smil-floor-projectdoc__translation { display: grid; grid-template-columns: minmax(300px, 0.75fr) minmax(0, 1.25fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 31px; padding: clamp(26px, 4vw, 42px); color: var(--sfpd-white); background: radial-gradient( circle at 94% 10%, rgba(0, 169, 145, 0.24) 0, rgba(0, 169, 145, 0) 35% ), linear-gradient( 135deg, var(--sfpd-deep) 0%, var(--sfpd-dark) 65%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-projectdoc__translation .smil-floor-projectdoc__section-label { color: #7fe7d9; } .smil-floor-projectdoc__translation .smil-floor-projectdoc__section-title { color: var(--sfpd-white); } .smil-floor-projectdoc__translation-copy > p:not(.smil-floor-projectdoc__section-label) { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-projectdoc__translation-flow { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr); gap: 8px; align-items: center; } .smil-floor-projectdoc__translation-step { min-width: 0; padding: 15px 11px; background: rgba(255, 255, 255, 0.09); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; text-align: center; } .smil-floor-projectdoc__translation-step--orange { background: rgba(242, 138, 46, 0.2); border-color: rgba(255, 188, 120, 0.29); } .smil-floor-projectdoc__translation-step--result { background: rgba(0, 169, 145, 0.2); border-color: rgba(126, 231, 217, 0.28); } .smil-floor-projectdoc__translation-step > span { display: grid; place-items: center; width: 34px; height: 34px; margin: 0 auto 10px; color: var(--sfpd-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-projectdoc__translation-step--orange > span { background: #ffb56c; } .smil-floor-projectdoc__translation-step strong { display: block; color: var(--sfpd-white); font-size: 0.78rem; font-weight: 850; } .smil-floor-projectdoc__translation-step small { display: block; margin-top: 5px; color: rgba(238, 255, 252, 0.65); font-size: 0.61rem; line-height: 1.38; } .smil-floor-projectdoc__translation-arrow { color: var(--sfpd-orange); font-size: 1.1rem; font-weight: 900; } /* SEZIONI STANDARD */ .smil-floor-projectdoc__contents, .smil-floor-projectdoc__details, .smil-floor-projectdoc__outputs { margin-top: 35px; } .smil-floor-projectdoc__contents-header, .smil-floor-projectdoc__details-header, .smil-floor-projectdoc__outputs-header { max-width: 920px; } .smil-floor-projectdoc__contents-header > p:last-child, .smil-floor-projectdoc__details-header > p:last-child, .smil-floor-projectdoc__outputs-header > p:last-child { margin: 12px 0 0; color: var(--sfpd-muted); font-size: 0.94rem; line-height: 1.64; } /* CONTENUTI */ .smil-floor-projectdoc__contents-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 22px; } .smil-floor-projectdoc__content-card, .smil-floor-projectdoc__detail-card, .smil-floor-projectdoc__output-card { min-width: 0; padding: 19px 17px; background: var(--sfpd-white); border: 1px solid var(--sfpd-border); border-radius: 17px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-projectdoc__content-card > span, .smil-floor-projectdoc__detail-card > span, .smil-floor-projectdoc__output-card > span { display: block; margin-bottom: 13px; color: rgba(7, 56, 68, 0.24); font-size: 1.18rem; font-weight: 900; } .smil-floor-projectdoc__content-card strong, .smil-floor-projectdoc__detail-card strong, .smil-floor-projectdoc__output-card strong { display: block; margin-bottom: 6px; color: var(--sfpd-dark); font-size: 0.91rem; font-weight: 850; line-height: 1.36; } .smil-floor-projectdoc__content-card p, .smil-floor-projectdoc__detail-card p, .smil-floor-projectdoc__output-card p { margin: 0; color: var(--sfpd-muted); font-size: 0.78rem; line-height: 1.51; } /* STRATIGRAFIA */ .smil-floor-projectdoc__stratigraphy { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); color: var(--sfpd-white); background: linear-gradient( 135deg, var(--sfpd-blue) 0%, var(--sfpd-turquoise) 100% ); border-radius: 23px; box-shadow: 0 18px 42px rgba(0, 128, 128, 0.2); } .smil-floor-projectdoc__stratigraphy .smil-floor-projectdoc__section-label { color: #d7fff8; } .smil-floor-projectdoc__stratigraphy .smil-floor-projectdoc__section-title { color: var(--sfpd-white); } .smil-floor-projectdoc__stratigraphy-copy > p:not(.smil-floor-projectdoc__section-label) { margin: 13px 0 0; color: rgba(241, 255, 252, 0.82); font-size: 0.94rem; line-height: 1.65; } .smil-floor-projectdoc__layers { display: grid; gap: 6px; } .smil-floor-projectdoc__layer { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 11px; align-items: center; padding: 12px 14px; color: var(--sfpd-dark); background: rgba(255, 255, 255, 0.92); border-radius: 12px; } .smil-floor-projectdoc__layer > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfpd-white); background: var(--sfpd-blue); border-radius: 10px; font-size: 0.71rem; font-weight: 900; } .smil-floor-projectdoc__layer > div { min-width: 0; } .smil-floor-projectdoc__layer strong { display: block; font-size: 0.83rem; font-weight: 850; } .smil-floor-projectdoc__layer small { display: block; margin-top: 3px; color: #526a72; font-size: 0.67rem; line-height: 1.4; } .smil-floor-projectdoc__layer--finish { background: #f8fcfb; } .smil-floor-projectdoc__layer--acoustic { background: var(--sfpd-turquoise-light); } .smil-floor-projectdoc__layer--acoustic > span { background: var(--sfpd-turquoise); } .smil-floor-projectdoc__layer--resilient { background: var(--sfpd-orange-soft); } .smil-floor-projectdoc__layer--resilient > span { background: var(--sfpd-orange-dark); } .smil-floor-projectdoc__layer--base { color: var(--sfpd-white); background: rgba(255, 255, 255, 0.13); border: 1px solid rgba(255, 255, 255, 0.18); } .smil-floor-projectdoc__layer--base > span { color: var(--sfpd-dark); background: #7fe7d9; } .smil-floor-projectdoc__layer--base small { color: rgba(241, 255, 252, 0.68); } /* SPESSORE */ .smil-floor-projectdoc__thickness { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(25px, 4vw, 40px); background: var(--sfpd-white); border: 1px solid var(--sfpd-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-projectdoc__thickness-copy > p:not(.smil-floor-projectdoc__section-label) { margin: 13px 0 0; color: var(--sfpd-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-projectdoc__thickness-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 11px; } .smil-floor-projectdoc__thickness-card { min-width: 0; padding: 18px 16px; background: var(--sfpd-turquoise-light); border: 1px solid #c5e7e2; border-radius: 17px; } .smil-floor-projectdoc__thickness-card--superior { background: var(--sfpd-orange-soft); border-color: #efd0b4; } .smil-floor-projectdoc__thickness-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 13px; } .smil-floor-projectdoc__thickness-top span { color: var(--sfpd-blue); font-size: 0.68rem; font-weight: 900; letter-spacing: 0.05em; } .smil-floor-projectdoc__thickness-top strong { display: inline-flex; align-items: center; justify-content: center; min-width: 56px; min-height: 34px; padding: 6px 9px; color: var(--sfpd-white); background: var(--sfpd-blue); border-radius: 9px; font-size: 0.74rem; font-weight: 900; } .smil-floor-projectdoc__thickness-card--superior .smil-floor-projectdoc__thickness-top strong { background: var(--sfpd-orange-dark); } .smil-floor-projectdoc__thickness-card p { margin: 0; color: #526970; font-size: 0.73rem; line-height: 1.48; } /* DETTAGLI */ .smil-floor-projectdoc__details-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 22px; } /* ESTENSIONE */ .smil-floor-projectdoc__extension { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(25px, 4vw, 40px); background: var(--sfpd-orange-soft); border: 1px solid #efd0b4; border-radius: 23px; } .smil-floor-projectdoc__extension-copy > p:not(.smil-floor-projectdoc__section-label) { margin: 13px 0 0; color: #595850; font-size: 0.94rem; line-height: 1.65; } .smil-floor-projectdoc__extension-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; } .smil-floor-projectdoc__extension-card { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 13px; min-width: 0; padding: 18px; background: rgba(255, 255, 255, 0.88); border: 1px solid #efd0b4; border-radius: 17px; } .smil-floor-projectdoc__extension-card--coordinated { background: var(--sfpd-turquoise-light); border-color: #c5e7e2; } .smil-floor-projectdoc__extension-card > span { display: grid; place-items: center; width: 44px; height: 44px; color: var(--sfpd-white); background: var(--sfpd-orange-dark); border-radius: 13px; font-size: 0.78rem; font-weight: 900; } .smil-floor-projectdoc__extension-card--coordinated > span { background: var(--sfpd-blue); } .smil-floor-projectdoc__extension-card > div { min-width: 0; } .smil-floor-projectdoc__extension-label { margin: 0 0 4px; color: var(--sfpd-blue); font-size: 0.66rem; font-weight: 850; line-height: 1.4; letter-spacing: 0.045em; text-transform: uppercase; } .smil-floor-projectdoc__extension-card strong { display: block; color: var(--sfpd-dark); font-size: 0.9rem; font-weight: 850; line-height: 1.36; } .smil-floor-projectdoc__extension-card div > p:last-child { margin: 7px 0 0; color: #526970; font-size: 0.77rem; line-height: 1.49; } /* PAVIMENTO ESISTENTE */ .smil-floor-projectdoc__existing, .smil-floor-projectdoc__local { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); color: var(--sfpd-white); border-radius: 23px; } .smil-floor-projectdoc__existing { background: linear-gradient( 135deg, var(--sfpd-deep) 0%, var(--sfpd-dark) 100% ); box-shadow: 0 19px 45px rgba(5, 43, 53, 0.17); } .smil-floor-projectdoc__local { background: linear-gradient( 135deg, var(--sfpd-blue) 0%, var(--sfpd-turquoise) 100% ); box-shadow: 0 18px 42px rgba(0, 128, 128, 0.2); } .smil-floor-projectdoc__existing .smil-floor-projectdoc__section-label { color: #7fe7d9; } .smil-floor-projectdoc__local .smil-floor-projectdoc__section-label { color: #d7fff8; } .smil-floor-projectdoc__existing .smil-floor-projectdoc__section-title, .smil-floor-projectdoc__local .smil-floor-projectdoc__section-title { color: var(--sfpd-white); } .smil-floor-projectdoc__existing-copy > p:not(.smil-floor-projectdoc__section-label), .smil-floor-projectdoc__local-copy > p:not(.smil-floor-projectdoc__section-label) { margin: 13px 0 0; color: rgba(238, 255, 252, 0.77); font-size: 0.94rem; line-height: 1.65; } .smil-floor-projectdoc__local-copy > p:not(.smil-floor-projectdoc__section-label) { color: rgba(241, 255, 252, 0.82); } .smil-floor-projectdoc__local-copy strong { color: var(--sfpd-white); } .smil-floor-projectdoc__existing-list, .smil-floor-projectdoc__local-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-projectdoc__existing-list > div, .smil-floor-projectdoc__local-list > div { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 15px; } .smil-floor-projectdoc__existing-list span, .smil-floor-projectdoc__local-list span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfpd-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.67rem; font-weight: 900; } .smil-floor-projectdoc__local-list span { background: rgba(255, 255, 255, 0.9); } .smil-floor-projectdoc__existing-list p, .smil-floor-projectdoc__local-list p { margin: 0; color: rgba(238, 255, 252, 0.67); font-size: 0.72rem; line-height: 1.47; } .smil-floor-projectdoc__local-list p { color: rgba(241, 255, 252, 0.7); } .smil-floor-projectdoc__existing-list strong, .smil-floor-projectdoc__local-list strong { display: block; margin-bottom: 2px; color: var(--sfpd-white); font-size: 0.85rem; font-weight: 850; } /* OUTPUT */ .smil-floor-projectdoc__outputs-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 22px; } /* DOMANDE E AVVERTENZA */ .smil-floor-projectdoc__questions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 26px; } .smil-floor-projectdoc__question, .smil-floor-projectdoc__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; padding: 20px 22px; border-radius: 18px; } .smil-floor-projectdoc__question { background: var(--sfpd-white); border: 1px solid var(--sfpd-border); border-left: 5px solid var(--sfpd-turquoise); } .smil-floor-projectdoc__warning { margin-top: 25px; background: var(--sfpd-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sfpd-orange); } .smil-floor-projectdoc__question-icon, .smil-floor-projectdoc__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; border-radius: 14px; } .smil-floor-projectdoc__question-icon { color: var(--sfpd-blue); background: var(--sfpd-turquoise-light); } .smil-floor-projectdoc__warning-icon { color: var(--sfpd-orange-dark); background: var(--sfpd-white); } .smil-floor-projectdoc__question-icon svg, .smil-floor-projectdoc__warning-icon svg { width: 26px; height: 26px; } .smil-floor-projectdoc__question > div, .smil-floor-projectdoc__warning > div { min-width: 0; } .smil-floor-projectdoc__question strong, .smil-floor-projectdoc__warning strong { display: block; margin: 1px 0 6px; color: var(--sfpd-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-projectdoc__question p, .smil-floor-projectdoc__warning p { margin: 0; font-size: 0.9rem; line-height: 1.62; } .smil-floor-projectdoc__question p { color: #48646d; } .smil-floor-projectdoc__warning p { color: #595850; } /* CTA */ .smil-floor-projectdoc__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 21px 23px; color: var(--sfpd-white); background: linear-gradient( 135deg, var(--sfpd-blue) 0%, var(--sfpd-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-projectdoc__cta-copy { display: grid; grid-template-columns: 47px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-projectdoc__cta-icon { display: grid; place-items: center; width: 47px; height: 47px; color: var(--sfpd-dark); background: rgba(255, 255, 255, 0.87); border-radius: 14px; } .smil-floor-projectdoc__cta-icon svg { width: 25px; height: 25px; } .smil-floor-projectdoc__cta-copy > div { min-width: 0; } .smil-floor-projectdoc__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sfpd-white); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-projectdoc__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.81); font-size: 0.86rem; line-height: 1.5; } .smil-floor-projectdoc__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 51px; padding: 12px 18px; color: var(--sfpd-white); background: linear-gradient( 135deg, var(--sfpd-orange) 0%, var(--sfpd-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-projectdoc__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-projectdoc__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-projectdoc__cta-button:hover svg { transform: translateX(3px); } .smil-floor-projectdoc__cta-button:focus-visible { outline: 3px solid var(--sfpd-white); outline-offset: 4px; } /* TABLET */ @media (max-width: 1050px) { .smil-floor-projectdoc__header, .smil-floor-projectdoc__translation, .smil-floor-projectdoc__stratigraphy, .smil-floor-projectdoc__thickness, .smil-floor-projectdoc__extension, .smil-floor-projectdoc__existing, .smil-floor-projectdoc__local { grid-template-columns: minmax(0, 1fr); } .smil-floor-projectdoc__contents-grid, .smil-floor-projectdoc__outputs-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* MOBILE */ @media (max-width: 760px) { .smil-floor-projectdoc { padding: 49px 14px 58px; } .smil-floor-projectdoc__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-floor-projectdoc__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-projectdoc__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-projectdoc__translation, .smil-floor-projectdoc__stratigraphy, .smil-floor-projectdoc__thickness, .smil-floor-projectdoc__extension, .smil-floor-projectdoc__existing, .smil-floor-projectdoc__local { padding: 22px 18px; border-radius: 20px; } .smil-floor-projectdoc__translation-flow { grid-template-columns: minmax(0, 1fr); } .smil-floor-projectdoc__translation-arrow { transform: rotate(90deg); text-align: center; } .smil-floor-projectdoc__contents-grid, .smil-floor-projectdoc__thickness-grid, .smil-floor-projectdoc__details-grid, .smil-floor-projectdoc__extension-grid, .smil-floor-projectdoc__existing-list, .smil-floor-projectdoc__outputs-grid, .smil-floor-projectdoc__local-list, .smil-floor-projectdoc__questions { grid-template-columns: minmax(0, 1fr); } .smil-floor-projectdoc__question, .smil-floor-projectdoc__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-projectdoc__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-projectdoc__cta-button { width: 100%; } } /* SMARTPHONE PICCOLI */ @media (max-width: 440px) { .smil-floor-projectdoc__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-projectdoc__answer, .smil-floor-projectdoc__layer, .smil-floor-projectdoc__extension-card, .smil-floor-projectdoc__existing-list > div, .smil-floor-projectdoc__local-list > div, .smil-floor-projectdoc__question, .smil-floor-projectdoc__warning, .smil-floor-projectdoc__cta-copy { grid-template-columns: minmax(0, 1fr); } .smil-floor-projectdoc__thickness-top { align-items: flex-start; } } /* ACCESSIBILITÀ */ @media (prefers-reduced-motion: reduce) { .smil-floor-projectdoc__cta-button, .smil-floor-projectdoc__cta-button svg { transition: none; } }#imCell_40 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_40 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_40 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_40 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H3 – SOLUZIONE SPECIFICA CSS AUTONOMO ========================================================= */ .smil-floor-tailored, .smil-floor-tailored *, .smil-floor-tailored *::before, .smil-floor-tailored *::after { box-sizing: border-box; } .smil-floor-tailored { --sft-dark: #073844; --sft-deep: #052b35; --sft-blue: #087c8f; --sft-turquoise: #00a991; --sft-turquoise-light: #dff8f4; --sft-orange: #f28a2e; --sft-orange-dark: #d66d0e; --sft-orange-soft: #fff1e4; --sft-white: #ffffff; --sft-bg: #ffffff; --sft-bg-soft: #f3faf9; --sft-text: #183640; --sft-muted: #557078; --sft-border: #cee5e2; position: relative; width: 100%; overflow: hidden; scroll-margin-top: 90px; padding: clamp(58px, 7vw, 96px) 20px; color: var(--sft-text); background: radial-gradient( circle at 97% 3%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 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(--sft-bg) 0%, var(--sft-bg-soft) 100% ); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-tailored__container { width: min(1220px, 100%); margin: 0 auto; } /* INTESTAZIONE */ .smil-floor-tailored__header { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(440px, 1.22fr); gap: clamp(30px, 5vw, 70px); align-items: end; } .smil-floor-tailored__heading, .smil-floor-tailored__intro { min-width: 0; } .smil-floor-tailored__eyebrow { display: inline-flex; margin: 0 0 12px; padding: 7px 13px; color: var(--sft-blue); background: var(--sft-turquoise-light); border: 1px solid #c5e8e3; border-radius: 999px; font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-tailored__title { margin: 0; color: var(--sft-dark); font-size: clamp(1.9rem, 3.55vw, 3.15rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; } .smil-floor-tailored__intro p { margin: 0; color: var(--sft-muted); font-size: clamp(1.03rem, 1.55vw, 1.17rem); line-height: 1.73; } .smil-floor-tailored__intro p + p { margin-top: 10px; } .smil-floor-tailored__intro strong { color: var(--sft-dark); font-weight: 800; } /* RISPOSTA DIRETTA */ .smil-floor-tailored__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; margin-top: 34px; padding: 22px 24px; background: var(--sft-white); border: 1px solid var(--sft-border); border-left: 5px solid var(--sft-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-tailored__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sft-blue); background: var(--sft-turquoise-light); border-radius: 15px; } .smil-floor-tailored__answer-icon svg { width: 28px; height: 28px; } .smil-floor-tailored__answer-content { min-width: 0; } .smil-floor-tailored__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sft-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-tailored__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } .smil-floor-tailored__answer-content p strong { color: var(--sft-dark); font-weight: 800; } /* TITOLI VISIVI */ .smil-floor-tailored__section-label { margin: 0 0 7px; color: var(--sft-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-tailored__section-title { display: block; color: var(--sft-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* PRINCIPIO */ .smil-floor-tailored__principle { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 31px; padding: clamp(26px, 4vw, 42px); color: var(--sft-white); background: radial-gradient( circle at 94% 10%, rgba(0, 169, 145, 0.24) 0, rgba(0, 169, 145, 0) 35% ), linear-gradient( 135deg, var(--sft-deep) 0%, var(--sft-dark) 65%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-tailored__principle .smil-floor-tailored__section-label { color: #7fe7d9; } .smil-floor-tailored__principle .smil-floor-tailored__section-title { color: var(--sft-white); } .smil-floor-tailored__principle-copy > p:not(.smil-floor-tailored__section-label) { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-tailored__formula { display: grid; grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr) 28px minmax(0, 1fr); gap: 8px; align-items: center; } .smil-floor-tailored__formula-card { min-width: 0; padding: 18px 14px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 15px; text-align: center; } .smil-floor-tailored__formula-card--orange { background: rgba(242, 138, 46, 0.2); border-color: rgba(255, 191, 126, 0.3); } .smil-floor-tailored__formula-card > span { display: grid; place-items: center; width: 35px; height: 35px; margin: 0 auto 11px; color: var(--sft-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-tailored__formula-card--orange > span { background: #ffb56c; } .smil-floor-tailored__formula-card strong { display: block; color: var(--sft-white); font-size: 0.87rem; font-weight: 850; } .smil-floor-tailored__formula-card small { display: block; margin-top: 5px; color: rgba(238, 255, 252, 0.68); font-size: 0.68rem; line-height: 1.42; } .smil-floor-tailored__formula-symbol { color: var(--sft-orange); font-size: 1.2rem; font-weight: 900; text-align: center; } /* SEZIONI STANDARD */ .smil-floor-tailored__variables, .smil-floor-tailored__configuration { margin-top: 35px; } .smil-floor-tailored__variables-header, .smil-floor-tailored__configuration-header { max-width: 920px; } .smil-floor-tailored__variables-header > p:last-child, .smil-floor-tailored__configuration-header > p:last-child { margin: 12px 0 0; color: var(--sft-muted); font-size: 0.94rem; line-height: 1.64; } /* VARIABILI */ .smil-floor-tailored__variables-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 22px; } .smil-floor-tailored__variable, .smil-floor-tailored__configuration-card { min-width: 0; padding: 19px 17px; background: var(--sft-white); border: 1px solid var(--sft-border); border-radius: 17px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-tailored__variable > span, .smil-floor-tailored__configuration-card > span { display: block; margin-bottom: 13px; color: rgba(7, 56, 68, 0.24); font-size: 1.18rem; font-weight: 900; } .smil-floor-tailored__variable strong, .smil-floor-tailored__configuration-card strong { display: block; margin-bottom: 6px; color: var(--sft-dark); font-size: 0.91rem; font-weight: 850; line-height: 1.36; } .smil-floor-tailored__variable p, .smil-floor-tailored__configuration-card p { margin: 0; color: var(--sft-muted); font-size: 0.78rem; line-height: 1.51; } /* FENOMENI */ .smil-floor-tailored__phenomena, .smil-floor-tailored__execution, .smil-floor-tailored__local { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); color: var(--sft-white); border-radius: 23px; } .smil-floor-tailored__phenomena, .smil-floor-tailored__local { background: linear-gradient( 135deg, var(--sft-blue) 0%, var(--sft-turquoise) 100% ); box-shadow: 0 18px 42px rgba(0, 128, 128, 0.2); } .smil-floor-tailored__execution { background: linear-gradient( 135deg, var(--sft-deep) 0%, var(--sft-dark) 100% ); box-shadow: 0 19px 45px rgba(5, 43, 53, 0.17); } .smil-floor-tailored__phenomena .smil-floor-tailored__section-label, .smil-floor-tailored__local .smil-floor-tailored__section-label { color: #d7fff8; } .smil-floor-tailored__execution .smil-floor-tailored__section-label { color: #7fe7d9; } .smil-floor-tailored__phenomena .smil-floor-tailored__section-title, .smil-floor-tailored__execution .smil-floor-tailored__section-title, .smil-floor-tailored__local .smil-floor-tailored__section-title { color: var(--sft-white); } .smil-floor-tailored__phenomena-copy > p:not(.smil-floor-tailored__section-label), .smil-floor-tailored__execution-copy > p:not(.smil-floor-tailored__section-label), .smil-floor-tailored__local-copy > p:not(.smil-floor-tailored__section-label) { margin: 13px 0 0; color: rgba(241, 255, 252, 0.82); font-size: 0.94rem; line-height: 1.65; } .smil-floor-tailored__execution-copy > p:not(.smil-floor-tailored__section-label) { color: rgba(238, 255, 252, 0.77); } .smil-floor-tailored__local-copy strong { color: var(--sft-white); } .smil-floor-tailored__phenomena-grid { display: grid; gap: 10px; } .smil-floor-tailored__phenomenon { display: grid; grid-template-columns: 45px minmax(0, 1fr); gap: 12px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 15px; } .smil-floor-tailored__phenomenon--orange { background: rgba(242, 138, 46, 0.22); border-color: rgba(255, 207, 159, 0.3); } .smil-floor-tailored__phenomenon--deep { background: rgba(5, 43, 53, 0.26); } .smil-floor-tailored__phenomenon-code { display: grid; place-items: center; width: 43px; height: 43px; color: var(--sft-dark); background: rgba(255, 255, 255, 0.9); border-radius: 12px; font-size: 0.76rem; font-weight: 900; } .smil-floor-tailored__phenomenon--orange .smil-floor-tailored__phenomenon-code { background: #ffbe7d; } .smil-floor-tailored__phenomenon > div { min-width: 0; } .smil-floor-tailored__phenomenon-label { margin: 0 0 3px; color: #d7fff8; font-size: 0.64rem; font-weight: 850; letter-spacing: 0.045em; text-transform: uppercase; } .smil-floor-tailored__phenomenon strong { display: block; color: var(--sft-white); font-size: 0.88rem; font-weight: 850; line-height: 1.35; } .smil-floor-tailored__phenomenon div > p:last-child { margin: 6px 0 0; color: rgba(241, 255, 252, 0.7); font-size: 0.72rem; line-height: 1.47; } /* POSIZIONE */ .smil-floor-tailored__position, .smil-floor-tailored__extension, .smil-floor-tailored__existing { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(25px, 4vw, 40px); border-radius: 23px; } .smil-floor-tailored__position { background: var(--sft-white); border: 1px solid var(--sft-border); box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-tailored__extension { background: var(--sft-orange-soft); border: 1px solid #efd0b4; } .smil-floor-tailored__existing { background: var(--sft-turquoise-light); border: 1px solid #c5e7e2; } .smil-floor-tailored__position-copy > p:not(.smil-floor-tailored__section-label), .smil-floor-tailored__extension-copy > p:not(.smil-floor-tailored__section-label), .smil-floor-tailored__existing-copy > p:not(.smil-floor-tailored__section-label) { margin: 13px 0 0; color: var(--sft-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-tailored__extension-copy > p:not(.smil-floor-tailored__section-label) { color: #595850; } .smil-floor-tailored__position-grid, .smil-floor-tailored__extension-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; } .smil-floor-tailored__position-card { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 13px; min-width: 0; padding: 18px; background: var(--sft-turquoise-light); border: 1px solid #c5e7e2; border-radius: 17px; } .smil-floor-tailored__position-card--receiver { background: var(--sft-orange-soft); border-color: #efd0b4; } .smil-floor-tailored__position-card > span { display: grid; place-items: center; width: 44px; height: 44px; color: var(--sft-white); background: var(--sft-blue); border-radius: 13px; font-size: 0.78rem; font-weight: 900; } .smil-floor-tailored__position-card--receiver > span { background: var(--sft-orange-dark); } .smil-floor-tailored__position-card > div { min-width: 0; } .smil-floor-tailored__position-label { margin: 0 0 4px; color: var(--sft-blue); font-size: 0.66rem; font-weight: 850; letter-spacing: 0.045em; text-transform: uppercase; } .smil-floor-tailored__position-card strong { display: block; color: var(--sft-dark); font-size: 0.9rem; font-weight: 850; line-height: 1.36; } .smil-floor-tailored__position-card div > p:last-child { margin: 7px 0 0; color: #526970; font-size: 0.77rem; line-height: 1.49; } /* ESTENSIONE */ .smil-floor-tailored__extension-card { min-width: 0; padding: 19px 17px; background: rgba(255, 255, 255, 0.88); border: 1px solid #efd0b4; border-radius: 17px; } .smil-floor-tailored__extension-card--coordinated { background: var(--sft-turquoise-light); border-color: #c5e7e2; } .smil-floor-tailored__extension-card > span { display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 13px; color: var(--sft-white); background: var(--sft-orange-dark); border-radius: 12px; font-size: 0.76rem; font-weight: 900; } .smil-floor-tailored__extension-card--coordinated > span { background: var(--sft-blue); } .smil-floor-tailored__extension-card strong { display: block; color: var(--sft-dark); font-size: 0.93rem; font-weight: 850; } .smil-floor-tailored__extension-card p { margin: 7px 0 0; color: #526970; font-size: 0.77rem; line-height: 1.5; } .smil-floor-tailored__extension-card small { display: block; margin-top: 11px; padding-top: 9px; color: var(--sft-blue); border-top: 1px solid rgba(7, 56, 68, 0.1); font-size: 0.68rem; font-weight: 750; line-height: 1.42; } /* CONFIGURAZIONE */ .smil-floor-tailored__configuration-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 22px; } /* PAVIMENTO ESISTENTE */ .smil-floor-tailored__existing-list, .smil-floor-tailored__local-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-tailored__existing-list > div, .smil-floor-tailored__local-list > div { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; border-radius: 15px; } .smil-floor-tailored__existing-list > div { background: rgba(255, 255, 255, 0.82); border: 1px solid #c5e7e2; } .smil-floor-tailored__existing-list span, .smil-floor-tailored__local-list span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sft-dark); border-radius: 10px; font-size: 0.68rem; font-weight: 900; } .smil-floor-tailored__existing-list span { color: var(--sft-white); background: var(--sft-turquoise); } .smil-floor-tailored__existing-list p { margin: 0; color: #526970; font-size: 0.72rem; line-height: 1.47; } .smil-floor-tailored__existing-list strong { display: block; margin-bottom: 2px; color: var(--sft-dark); font-size: 0.85rem; font-weight: 850; } /* ESECUZIONE */ .smil-floor-tailored__execution-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; } .smil-floor-tailored__execution-steps li { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.09); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; } .smil-floor-tailored__execution-steps li > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sft-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-tailored__execution-steps li > div { min-width: 0; } .smil-floor-tailored__execution-steps strong { display: block; color: var(--sft-white); font-size: 0.85rem; font-weight: 850; line-height: 1.35; } .smil-floor-tailored__execution-steps p { margin: 5px 0 0; color: rgba(238, 255, 252, 0.67); font-size: 0.72rem; line-height: 1.47; } /* LOCALIZZAZIONE */ .smil-floor-tailored__local-list > div { background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.18); } .smil-floor-tailored__local-list span { background: rgba(255, 255, 255, 0.9); } .smil-floor-tailored__local-list p { margin: 0; color: rgba(241, 255, 252, 0.7); font-size: 0.72rem; line-height: 1.47; } .smil-floor-tailored__local-list strong { display: block; margin-bottom: 2px; color: var(--sft-white); font-size: 0.85rem; font-weight: 850; } /* DOMANDE E AVVERTENZA */ .smil-floor-tailored__questions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 26px; } .smil-floor-tailored__question, .smil-floor-tailored__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; padding: 20px 22px; border-radius: 18px; } .smil-floor-tailored__question { background: var(--sft-white); border: 1px solid var(--sft-border); border-left: 5px solid var(--sft-turquoise); } .smil-floor-tailored__warning { margin-top: 25px; background: var(--sft-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sft-orange); } .smil-floor-tailored__question-icon, .smil-floor-tailored__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; border-radius: 14px; } .smil-floor-tailored__question-icon { color: var(--sft-blue); background: var(--sft-turquoise-light); } .smil-floor-tailored__warning-icon { color: var(--sft-orange-dark); background: var(--sft-white); } .smil-floor-tailored__question-icon svg, .smil-floor-tailored__warning-icon svg { width: 26px; height: 26px; } .smil-floor-tailored__question > div, .smil-floor-tailored__warning > div { min-width: 0; } .smil-floor-tailored__question strong, .smil-floor-tailored__warning strong { display: block; margin: 1px 0 6px; color: var(--sft-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-tailored__question p, .smil-floor-tailored__warning p { margin: 0; font-size: 0.9rem; line-height: 1.62; } .smil-floor-tailored__question p { color: #48646d; } .smil-floor-tailored__warning p { color: #595850; } /* CTA */ .smil-floor-tailored__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 21px 23px; color: var(--sft-white); background: linear-gradient( 135deg, var(--sft-blue) 0%, var(--sft-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-tailored__cta-copy { display: grid; grid-template-columns: 47px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-tailored__cta-icon { display: grid; place-items: center; width: 47px; height: 47px; color: var(--sft-dark); background: rgba(255, 255, 255, 0.87); border-radius: 14px; } .smil-floor-tailored__cta-icon svg { width: 25px; height: 25px; } .smil-floor-tailored__cta-copy > div { min-width: 0; } .smil-floor-tailored__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sft-white); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-tailored__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.81); font-size: 0.86rem; line-height: 1.5; } .smil-floor-tailored__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 51px; padding: 12px 18px; color: var(--sft-white); background: linear-gradient( 135deg, var(--sft-orange) 0%, var(--sft-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-tailored__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-tailored__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-tailored__cta-button:hover svg { transform: translateX(3px); } .smil-floor-tailored__cta-button:focus-visible { outline: 3px solid var(--sft-white); outline-offset: 4px; } /* TABLET */ @media (max-width: 1050px) { .smil-floor-tailored__header, .smil-floor-tailored__principle, .smil-floor-tailored__phenomena, .smil-floor-tailored__position, .smil-floor-tailored__extension, .smil-floor-tailored__existing, .smil-floor-tailored__execution, .smil-floor-tailored__local { grid-template-columns: minmax(0, 1fr); } .smil-floor-tailored__variables-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* MOBILE */ @media (max-width: 760px) { .smil-floor-tailored { padding: 49px 14px 58px; } .smil-floor-tailored__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-floor-tailored__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-tailored__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-tailored__principle, .smil-floor-tailored__phenomena, .smil-floor-tailored__position, .smil-floor-tailored__extension, .smil-floor-tailored__existing, .smil-floor-tailored__execution, .smil-floor-tailored__local { padding: 22px 18px; border-radius: 20px; } .smil-floor-tailored__formula { grid-template-columns: minmax(0, 1fr); } .smil-floor-tailored__formula-symbol { transform: rotate(90deg); } .smil-floor-tailored__variables-grid, .smil-floor-tailored__position-grid, .smil-floor-tailored__extension-grid, .smil-floor-tailored__configuration-grid, .smil-floor-tailored__existing-list, .smil-floor-tailored__execution-steps, .smil-floor-tailored__local-list, .smil-floor-tailored__questions { grid-template-columns: minmax(0, 1fr); } .smil-floor-tailored__question, .smil-floor-tailored__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-tailored__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-tailored__cta-button { width: 100%; } } /* SMARTPHONE PICCOLI */ @media (max-width: 440px) { .smil-floor-tailored__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-tailored__answer, .smil-floor-tailored__phenomenon, .smil-floor-tailored__position-card, .smil-floor-tailored__existing-list > div, .smil-floor-tailored__execution-steps li, .smil-floor-tailored__local-list > div, .smil-floor-tailored__question, .smil-floor-tailored__warning, .smil-floor-tailored__cta-copy { grid-template-columns: minmax(0, 1fr); } } /* ACCESSIBILITÀ */ @media (prefers-reduced-motion: reduce) { .smil-floor-tailored__cta-button, .smil-floor-tailored__cta-button svg { transition: none; } }#imCell_41 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_41 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_41 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_41 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H2 – SPESSORI, FINITURE E VINCOLI CSS AUTONOMO ========================================================= */ .smil-floor-constraints, .smil-floor-constraints *, .smil-floor-constraints *::before, .smil-floor-constraints *::after { box-sizing: border-box; } .smil-floor-constraints { --sfc-dark: #073844; --sfc-deep: #052b35; --sfc-blue: #087c8f; --sfc-turquoise: #00a991; --sfc-turquoise-light: #dff8f4; --sfc-orange: #f28a2e; --sfc-orange-dark: #d66d0e; --sfc-orange-soft: #fff1e4; --sfc-white: #ffffff; --sfc-bg: #f3faf9; --sfc-text: #183640; --sfc-muted: #557078; --sfc-border: #cee5e2; position: relative; width: 100%; overflow: hidden; scroll-margin-top: 90px; padding: clamp(62px, 7vw, 102px) 20px; color: var(--sfc-text); background: radial-gradient( circle at 97% 3%, rgba(0, 169, 145, 0.09) 0, rgba(0, 169, 145, 0) 29% ), radial-gradient( circle at 2% 97%, rgba(242, 138, 46, 0.07) 0, rgba(242, 138, 46, 0) 27% ), var(--sfc-bg); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-constraints__container { width: min(1220px, 100%); margin: 0 auto; } /* INTESTAZIONE */ .smil-floor-constraints__header { display: grid; grid-template-columns: minmax(340px, 0.85fr) minmax(420px, 1.15fr); gap: clamp(32px, 5vw, 72px); align-items: end; } .smil-floor-constraints__heading, .smil-floor-constraints__intro { min-width: 0; } .smil-floor-constraints__eyebrow { display: inline-flex; margin: 0 0 13px; padding: 7px 14px; color: var(--sfc-blue); background: var(--sfc-turquoise-light); border: 1px solid #c5e8e3; border-radius: 999px; font-size: 0.81rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-constraints__title { margin: 0; color: var(--sfc-dark); font-size: clamp(2rem, 4.25vw, 3.6rem); font-weight: 850; line-height: 1.07; letter-spacing: -0.04em; text-wrap: balance; } .smil-floor-constraints__intro p { margin: 0; color: var(--sfc-muted); font-size: clamp(1.02rem, 1.55vw, 1.16rem); line-height: 1.73; } .smil-floor-constraints__intro p + p { margin-top: 11px; } .smil-floor-constraints__intro strong { color: var(--sfc-dark); font-weight: 800; } /* RISPOSTA DIRETTA */ .smil-floor-constraints__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; margin-top: 34px; padding: 22px 24px; background: var(--sfc-white); border: 1px solid var(--sfc-border); border-left: 5px solid var(--sfc-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-constraints__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sfc-blue); background: var(--sfc-turquoise-light); border-radius: 15px; } .smil-floor-constraints__answer-icon svg { width: 28px; height: 28px; } .smil-floor-constraints__answer-content { min-width: 0; } .smil-floor-constraints__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sfc-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-constraints__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } /* TITOLI VISIVI */ .smil-floor-constraints__section-label { margin: 0 0 7px; color: var(--sfc-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-constraints__section-title { display: block; color: var(--sfc-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* PRINCIPIO */ .smil-floor-constraints__principle { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 32px; padding: clamp(26px, 4vw, 42px); color: var(--sfc-white); background: radial-gradient( circle at 94% 10%, rgba(0, 169, 145, 0.24) 0, rgba(0, 169, 145, 0) 35% ), linear-gradient( 135deg, var(--sfc-deep) 0%, var(--sfc-dark) 65%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-constraints__principle .smil-floor-constraints__section-label { color: #7fe7d9; } .smil-floor-constraints__principle .smil-floor-constraints__section-title { color: var(--sfc-white); } .smil-floor-constraints__principle-copy > p:not(.smil-floor-constraints__section-label) { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-constraints__formula { display: grid; grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr) 28px minmax(0, 1fr); gap: 8px; align-items: center; } .smil-floor-constraints__formula-card { min-width: 0; padding: 18px 14px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 15px; text-align: center; } .smil-floor-constraints__formula-card--orange { background: rgba(242, 138, 46, 0.2); border-color: rgba(255, 191, 126, 0.3); } .smil-floor-constraints__formula-card > span { display: grid; place-items: center; width: 35px; height: 35px; margin: 0 auto 11px; color: var(--sfc-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-constraints__formula-card--orange > span { background: #ffb56c; } .smil-floor-constraints__formula-card strong { display: block; color: var(--sfc-white); font-size: 0.87rem; font-weight: 850; } .smil-floor-constraints__formula-card small { display: block; margin-top: 5px; color: rgba(238, 255, 252, 0.68); font-size: 0.68rem; line-height: 1.42; } .smil-floor-constraints__formula-symbol { color: var(--sfc-orange); font-size: 1.2rem; font-weight: 900; text-align: center; } /* BLOCCHI A DUE COLONNE */ .smil-floor-constraints__height, .smil-floor-constraints__finishes, .smil-floor-constraints__existing, .smil-floor-constraints__loads, .smil-floor-constraints__errors, .smil-floor-constraints__local { display: grid; grid-template-columns: minmax(300px, 0.79fr) minmax(0, 1.21fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 34px; padding: clamp(26px, 4vw, 42px); border-radius: 23px; } .smil-floor-constraints__height { background: var(--sfc-white); border: 1px solid var(--sfc-border); box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-constraints__finishes, .smil-floor-constraints__local { color: var(--sfc-white); background: linear-gradient( 135deg, var(--sfc-blue) 0%, var(--sfc-turquoise) 100% ); box-shadow: 0 18px 42px rgba(0, 128, 128, 0.2); } .smil-floor-constraints__existing { background: var(--sfc-turquoise-light); border: 1px solid #c5e7e2; } .smil-floor-constraints__loads { color: var(--sfc-white); background: linear-gradient( 135deg, var(--sfc-deep) 0%, var(--sfc-dark) 100% ); box-shadow: 0 19px 45px rgba(5, 43, 53, 0.17); } .smil-floor-constraints__errors { background: var(--sfc-orange-soft); border: 1px solid #efd0b4; } .smil-floor-constraints__height-copy > p:not(.smil-floor-constraints__section-label), .smil-floor-constraints__existing-copy > p:not(.smil-floor-constraints__section-label) { margin: 13px 0 0; color: var(--sfc-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-constraints__errors-copy > p:not(.smil-floor-constraints__section-label) { margin: 13px 0 0; color: #595850; font-size: 0.94rem; line-height: 1.65; } .smil-floor-constraints__finishes .smil-floor-constraints__section-label, .smil-floor-constraints__local .smil-floor-constraints__section-label { color: #d7fff8; } .smil-floor-constraints__loads .smil-floor-constraints__section-label { color: #7fe7d9; } .smil-floor-constraints__finishes .smil-floor-constraints__section-title, .smil-floor-constraints__loads .smil-floor-constraints__section-title, .smil-floor-constraints__local .smil-floor-constraints__section-title { color: var(--sfc-white); } .smil-floor-constraints__finishes-copy > p:not(.smil-floor-constraints__section-label), .smil-floor-constraints__loads-copy > p:not(.smil-floor-constraints__section-label), .smil-floor-constraints__local-copy > p:not(.smil-floor-constraints__section-label) { margin: 13px 0 0; color: rgba(241, 255, 252, 0.81); font-size: 0.94rem; line-height: 1.65; } .smil-floor-constraints__loads-copy > p:not(.smil-floor-constraints__section-label) { color: rgba(238, 255, 252, 0.77); } .smil-floor-constraints__local-copy strong { color: var(--sfc-white); } /* ALTEZZE */ .smil-floor-constraints__height-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; } .smil-floor-constraints__height-card { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 13px; min-width: 0; padding: 18px; background: var(--sfc-turquoise-light); border: 1px solid #c5e7e2; border-radius: 17px; } .smil-floor-constraints__height-card--final { background: var(--sfc-orange-soft); border-color: #efd0b4; } .smil-floor-constraints__height-card > span { display: grid; place-items: center; width: 46px; height: 46px; color: var(--sfc-white); background: var(--sfc-blue); border-radius: 13px; font-size: 0.72rem; font-weight: 900; } .smil-floor-constraints__height-card--final > span { background: var(--sfc-orange-dark); } .smil-floor-constraints__height-card > div { min-width: 0; } .smil-floor-constraints__height-label { margin: 0 0 4px; color: var(--sfc-blue); font-size: 0.66rem; font-weight: 850; letter-spacing: 0.045em; text-transform: uppercase; } .smil-floor-constraints__height-card strong { display: block; color: var(--sfc-dark); font-size: 0.9rem; font-weight: 850; line-height: 1.36; } .smil-floor-constraints__height-card div > p:last-child { margin: 7px 0 0; color: #526970; font-size: 0.77rem; line-height: 1.49; } /* SEZIONI CON GRIGLIA */ .smil-floor-constraints__solutions, .smil-floor-constraints__limits { margin-top: 36px; } .smil-floor-constraints__solutions-header, .smil-floor-constraints__limits-header { max-width: 930px; } .smil-floor-constraints__solutions-header > p:last-child, .smil-floor-constraints__limits-header > p:last-child { margin: 12px 0 0; color: var(--sfc-muted); font-size: 0.94rem; line-height: 1.64; } /* SOLUZIONI */ .smil-floor-constraints__solutions-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 22px; } .smil-floor-constraints__solution { min-width: 0; padding: 21px; background: var(--sfc-white); border: 1px solid var(--sfc-border); border-top: 5px solid var(--sfc-turquoise); border-radius: 19px; box-shadow: 0 13px 33px rgba(7, 56, 68, 0.07); } .smil-floor-constraints__solution--superior { border-top-color: var(--sfc-orange); } .smil-floor-constraints__solution-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; } .smil-floor-constraints__solution-top span { color: var(--sfc-blue); font-size: 0.75rem; font-weight: 900; letter-spacing: 0.06em; } .smil-floor-constraints__solution-top strong { display: inline-flex; align-items: center; justify-content: center; min-width: 64px; min-height: 36px; padding: 7px 10px; color: var(--sfc-white); background: var(--sfc-blue); border-radius: 10px; font-size: 0.8rem; font-weight: 900; } .smil-floor-constraints__solution--superior .smil-floor-constraints__solution-top strong { background: var(--sfc-orange-dark); } .smil-floor-constraints__solution p { margin: 0; color: var(--sfc-muted); font-size: 0.82rem; line-height: 1.56; } .smil-floor-constraints__solution small { display: block; margin-top: 12px; padding-top: 10px; color: var(--sfc-blue); border-top: 1px solid #deecea; font-size: 0.7rem; font-weight: 750; line-height: 1.43; } .smil-floor-constraints__solutions-note { margin: 13px 0 0; color: #657980; font-size: 0.76rem; line-height: 1.5; } /* VINCOLI */ .smil-floor-constraints__limits-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 22px; } .smil-floor-constraints__limit-card { min-width: 0; padding: 19px 17px; background: var(--sfc-white); border: 1px solid var(--sfc-border); border-radius: 17px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-constraints__limit-card > span { display: block; margin-bottom: 13px; color: rgba(7, 56, 68, 0.24); font-size: 1.18rem; font-weight: 900; } .smil-floor-constraints__limit-card strong { display: block; margin-bottom: 6px; color: var(--sfc-dark); font-size: 0.91rem; font-weight: 850; line-height: 1.36; } .smil-floor-constraints__limit-card p { margin: 0; color: var(--sfc-muted); font-size: 0.78rem; line-height: 1.51; } /* FINITURE */ .smil-floor-constraints__finishes-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-constraints__finish-card { min-width: 0; padding: 17px 15px; background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 15px; } .smil-floor-constraints__finish-card > span { display: grid; place-items: center; width: 38px; height: 38px; margin-bottom: 11px; color: var(--sfc-dark); background: rgba(255, 255, 255, 0.9); border-radius: 11px; font-size: 0.72rem; font-weight: 900; } .smil-floor-constraints__finish-card--orange { background: rgba(242, 138, 46, 0.2); } .smil-floor-constraints__finish-card--orange > span { background: #ffbe7d; } .smil-floor-constraints__finish-card--deep { background: rgba(5, 43, 53, 0.25); } .smil-floor-constraints__finish-card strong { display: block; color: var(--sfc-white); font-size: 0.88rem; font-weight: 850; } .smil-floor-constraints__finish-card p { margin: 6px 0 0; color: rgba(241, 255, 252, 0.69); font-size: 0.72rem; line-height: 1.47; } /* PAVIMENTO ESISTENTE */ .smil-floor-constraints__existing-grid, .smil-floor-constraints__loads-grid, .smil-floor-constraints__errors-grid, .smil-floor-constraints__local-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-constraints__existing-card { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.84); border: 1px solid #c5e7e2; border-radius: 15px; } .smil-floor-constraints__existing-card--warning { background: var(--sfc-orange-soft); border-color: #efd0b4; } .smil-floor-constraints__existing-card > span { display: grid; place-items: center; width: 36px; height: 36px; color: var(--sfc-white); background: var(--sfc-turquoise); border-radius: 11px; font-weight: 900; } .smil-floor-constraints__existing-card--warning > span { background: var(--sfc-orange-dark); } .smil-floor-constraints__existing-card > div { min-width: 0; } .smil-floor-constraints__existing-card strong { display: block; color: var(--sfc-dark); font-size: 0.86rem; font-weight: 850; } .smil-floor-constraints__existing-card p { margin: 4px 0 0; color: #526970; font-size: 0.72rem; line-height: 1.47; } /* CARICHI E LOCAL */ .smil-floor-constraints__loads-grid > div, .smil-floor-constraints__local-list > div { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 15px; } .smil-floor-constraints__loads-grid span, .smil-floor-constraints__local-list span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfc-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.67rem; font-weight: 900; } .smil-floor-constraints__local-list span { background: rgba(255, 255, 255, 0.9); } .smil-floor-constraints__loads-grid p, .smil-floor-constraints__local-list p { margin: 0; color: rgba(238, 255, 252, 0.67); font-size: 0.72rem; line-height: 1.47; } .smil-floor-constraints__local-list p { color: rgba(241, 255, 252, 0.7); } .smil-floor-constraints__loads-grid strong, .smil-floor-constraints__local-list strong { display: block; margin-bottom: 2px; color: var(--sfc-white); font-size: 0.85rem; font-weight: 850; } /* ERRORI */ .smil-floor-constraints__errors-grid > div { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.86); border: 1px solid #efd0b4; border-radius: 15px; } .smil-floor-constraints__errors-grid span { display: grid; place-items: center; width: 36px; height: 36px; color: var(--sfc-white); background: var(--sfc-orange-dark); border-radius: 11px; font-weight: 900; } .smil-floor-constraints__errors-grid p { margin: 0; color: #5b625f; font-size: 0.76rem; line-height: 1.48; } .smil-floor-constraints__errors-grid strong { display: block; margin-bottom: 2px; color: var(--sfc-dark); font-size: 0.86rem; font-weight: 850; } /* DOMANDE E AVVERTENZA */ .smil-floor-constraints__questions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 26px; } .smil-floor-constraints__question, .smil-floor-constraints__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; padding: 20px 22px; border-radius: 18px; } .smil-floor-constraints__question { background: var(--sfc-white); border: 1px solid var(--sfc-border); border-left: 5px solid var(--sfc-turquoise); } .smil-floor-constraints__warning { margin-top: 25px; background: var(--sfc-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sfc-orange); } .smil-floor-constraints__question-icon, .smil-floor-constraints__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; border-radius: 14px; } .smil-floor-constraints__question-icon { color: var(--sfc-blue); background: var(--sfc-turquoise-light); } .smil-floor-constraints__warning-icon { color: var(--sfc-orange-dark); background: var(--sfc-white); } .smil-floor-constraints__question-icon svg, .smil-floor-constraints__warning-icon svg { width: 26px; height: 26px; } .smil-floor-constraints__question > div, .smil-floor-constraints__warning > div { min-width: 0; } .smil-floor-constraints__question strong, .smil-floor-constraints__warning strong { display: block; margin: 1px 0 6px; color: var(--sfc-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-constraints__question p, .smil-floor-constraints__warning p { margin: 0; font-size: 0.9rem; line-height: 1.62; } .smil-floor-constraints__question p { color: #48646d; } .smil-floor-constraints__warning p { color: #595850; } /* CTA */ .smil-floor-constraints__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 22px 24px; color: var(--sfc-white); background: linear-gradient( 135deg, var(--sfc-blue) 0%, var(--sfc-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-constraints__cta-copy { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-constraints__cta-icon { display: grid; place-items: center; width: 48px; height: 48px; color: var(--sfc-dark); background: rgba(255, 255, 255, 0.88); border-radius: 14px; } .smil-floor-constraints__cta-icon svg { width: 25px; height: 25px; } .smil-floor-constraints__cta-copy > div { min-width: 0; } .smil-floor-constraints__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sfc-white); font-size: 1.04rem; font-weight: 850; line-height: 1.35; } .smil-floor-constraints__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.82); font-size: 0.86rem; line-height: 1.5; } .smil-floor-constraints__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 51px; padding: 12px 19px; color: var(--sfc-white); background: linear-gradient( 135deg, var(--sfc-orange) 0%, var(--sfc-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-constraints__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-constraints__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-constraints__cta-button:hover svg { transform: translateX(3px); } .smil-floor-constraints__cta-button:focus-visible { outline: 3px solid var(--sfc-white); outline-offset: 4px; } /* TABLET */ @media (max-width: 1050px) { .smil-floor-constraints__header, .smil-floor-constraints__principle, .smil-floor-constraints__height, .smil-floor-constraints__finishes, .smil-floor-constraints__existing, .smil-floor-constraints__loads, .smil-floor-constraints__errors, .smil-floor-constraints__local { grid-template-columns: minmax(0, 1fr); } .smil-floor-constraints__limits-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* MOBILE */ @media (max-width: 760px) { .smil-floor-constraints { padding: 50px 14px 59px; } .smil-floor-constraints__title { font-size: clamp(2rem, 10vw, 2.9rem); } .smil-floor-constraints__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-constraints__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-constraints__principle, .smil-floor-constraints__height, .smil-floor-constraints__finishes, .smil-floor-constraints__existing, .smil-floor-constraints__loads, .smil-floor-constraints__errors, .smil-floor-constraints__local { padding: 22px 18px; border-radius: 20px; } .smil-floor-constraints__formula { grid-template-columns: minmax(0, 1fr); } .smil-floor-constraints__formula-symbol { transform: rotate(90deg); } .smil-floor-constraints__height-grid, .smil-floor-constraints__solutions-grid, .smil-floor-constraints__limits-grid, .smil-floor-constraints__finishes-grid, .smil-floor-constraints__existing-grid, .smil-floor-constraints__loads-grid, .smil-floor-constraints__errors-grid, .smil-floor-constraints__local-list, .smil-floor-constraints__questions { grid-template-columns: minmax(0, 1fr); } .smil-floor-constraints__question, .smil-floor-constraints__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-constraints__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-constraints__cta-button { width: 100%; } } /* SMARTPHONE PICCOLI */ @media (max-width: 440px) { .smil-floor-constraints__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-constraints__answer, .smil-floor-constraints__height-card, .smil-floor-constraints__existing-card, .smil-floor-constraints__loads-grid > div, .smil-floor-constraints__errors-grid > div, .smil-floor-constraints__local-list > div, .smil-floor-constraints__question, .smil-floor-constraints__warning, .smil-floor-constraints__cta-copy { grid-template-columns: minmax(0, 1fr); } .smil-floor-constraints__solution-top { align-items: flex-start; } } /* ACCESSIBILITÀ */ @media (prefers-reduced-motion: reduce) { .smil-floor-constraints__cta-button, .smil-floor-constraints__cta-button svg { transition: none; } }#imCell_42 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_42 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_42 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_42 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H3 – SPAZIO NECESSARIO CSS AUTONOMO ========================================================= */ .smil-floor-space, .smil-floor-space *, .smil-floor-space *::before, .smil-floor-space *::after { box-sizing: border-box; } .smil-floor-space { --sfs-dark: #073844; --sfs-deep: #052b35; --sfs-blue: #087c8f; --sfs-turquoise: #00a991; --sfs-turquoise-light: #dff8f4; --sfs-orange: #f28a2e; --sfs-orange-dark: #d66d0e; --sfs-orange-soft: #fff1e4; --sfs-white: #ffffff; --sfs-bg: #ffffff; --sfs-bg-soft: #f3faf9; --sfs-text: #183640; --sfs-muted: #557078; --sfs-border: #cee5e2; position: relative; width: 100%; overflow: hidden; scroll-margin-top: 90px; padding: clamp(58px, 7vw, 96px) 20px; color: var(--sfs-text); background: radial-gradient( circle at 97% 3%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 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(--sfs-bg) 0%, var(--sfs-bg-soft) 100% ); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-space__container { width: min(1220px, 100%); margin: 0 auto; } /* INTESTAZIONE */ .smil-floor-space__header { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(440px, 1.22fr); gap: clamp(30px, 5vw, 70px); align-items: end; } .smil-floor-space__heading, .smil-floor-space__intro { min-width: 0; } .smil-floor-space__eyebrow { display: inline-flex; margin: 0 0 12px; padding: 7px 13px; color: var(--sfs-blue); background: var(--sfs-turquoise-light); border: 1px solid #c5e8e3; border-radius: 999px; font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-space__title { margin: 0; color: var(--sfs-dark); font-size: clamp(1.9rem, 3.55vw, 3.15rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; } .smil-floor-space__intro p { margin: 0; color: var(--sfs-muted); font-size: clamp(1.03rem, 1.55vw, 1.17rem); line-height: 1.73; } .smil-floor-space__intro p + p { margin-top: 10px; } .smil-floor-space__intro strong { color: var(--sfs-dark); font-weight: 800; } /* RISPOSTA DIRETTA */ .smil-floor-space__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; margin-top: 34px; padding: 22px 24px; background: var(--sfs-white); border: 1px solid var(--sfs-border); border-left: 5px solid var(--sfs-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-space__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sfs-blue); background: var(--sfs-turquoise-light); border-radius: 15px; } .smil-floor-space__answer-icon svg { width: 28px; height: 28px; } .smil-floor-space__answer-content { min-width: 0; } .smil-floor-space__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sfs-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-space__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } .smil-floor-space__answer-content p strong { color: var(--sfs-dark); } /* TITOLI VISIVI */ .smil-floor-space__section-label { margin: 0 0 7px; color: var(--sfs-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-space__section-title { display: block; color: var(--sfs-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* CALCOLO DELLA QUOTA */ .smil-floor-space__calculation { display: grid; grid-template-columns: minmax(300px, 0.72fr) minmax(0, 1.28fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 31px; padding: clamp(26px, 4vw, 42px); color: var(--sfs-white); background: radial-gradient( circle at 94% 10%, rgba(0, 169, 145, 0.24) 0, rgba(0, 169, 145, 0) 35% ), linear-gradient( 135deg, var(--sfs-deep) 0%, var(--sfs-dark) 65%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-space__calculation .smil-floor-space__section-label { color: #7fe7d9; } .smil-floor-space__calculation .smil-floor-space__section-title { color: var(--sfs-white); } .smil-floor-space__calculation-copy > p:not(.smil-floor-space__section-label) { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-space__formula { display: grid; grid-template-columns: minmax(0, 1fr) 24px minmax(0, 1fr) 24px minmax(0, 1fr) 24px minmax(0, 1fr); gap: 7px; align-items: center; } .smil-floor-space__formula-card { min-width: 0; padding: 17px 12px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 15px; text-align: center; } .smil-floor-space__formula-card--orange { background: rgba(242, 138, 46, 0.2); border-color: rgba(255, 191, 126, 0.3); } .smil-floor-space__formula-card--result { background: rgba(0, 169, 145, 0.22); border-color: rgba(127, 231, 217, 0.3); } .smil-floor-space__formula-card > span { display: grid; place-items: center; width: 34px; height: 34px; margin: 0 auto 10px; color: var(--sfs-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.68rem; font-weight: 900; } .smil-floor-space__formula-card--orange > span { background: #ffb56c; } .smil-floor-space__formula-card strong { display: block; color: var(--sfs-white); font-size: 0.79rem; font-weight: 850; } .smil-floor-space__formula-card small { display: block; margin-top: 5px; color: rgba(238, 255, 252, 0.67); font-size: 0.61rem; line-height: 1.38; } .smil-floor-space__formula-symbol { color: var(--sfs-orange); font-size: 1.1rem; font-weight: 900; text-align: center; } /* CONFIGURAZIONI */ .smil-floor-space__configurations, .smil-floor-space__measurements { margin-top: 35px; } .smil-floor-space__configurations-header, .smil-floor-space__measurements-header { max-width: 920px; } .smil-floor-space__configurations-header > p:last-child, .smil-floor-space__measurements-header > p:last-child { margin: 12px 0 0; color: var(--sfs-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-space__configurations-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 22px; } .smil-floor-space__configuration { min-width: 0; padding: 21px; background: var(--sfs-white); border: 1px solid var(--sfs-border); border-top: 5px solid var(--sfs-turquoise); border-radius: 19px; box-shadow: 0 13px 33px rgba(7, 56, 68, 0.07); } .smil-floor-space__configuration--superior { border-top-color: var(--sfs-orange); } .smil-floor-space__configuration-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; } .smil-floor-space__configuration-top span { color: var(--sfs-blue); font-size: 0.75rem; font-weight: 900; letter-spacing: 0.06em; } .smil-floor-space__configuration-top strong { display: inline-flex; align-items: center; justify-content: center; min-width: 64px; min-height: 36px; padding: 7px 10px; color: var(--sfs-white); background: var(--sfs-blue); border-radius: 10px; font-size: 0.8rem; font-weight: 900; } .smil-floor-space__configuration--superior .smil-floor-space__configuration-top strong { background: var(--sfs-orange-dark); } .smil-floor-space__configuration p { margin: 0; color: var(--sfs-muted); font-size: 0.82rem; line-height: 1.56; } .smil-floor-space__configuration small { display: block; margin-top: 12px; padding-top: 10px; color: var(--sfs-blue); border-top: 1px solid #deecea; font-size: 0.7rem; font-weight: 750; line-height: 1.43; } .smil-floor-space__configurations-note { margin: 13px 0 0; color: #657980; font-size: 0.76rem; line-height: 1.5; } /* BLOCCHI A DUE COLONNE */ .smil-floor-space__clearance, .smil-floor-space__transitions, .smil-floor-space__existing, .smil-floor-space__workarea, .smil-floor-space__local { display: grid; grid-template-columns: minmax(300px, 0.79fr) minmax(0, 1.21fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); border-radius: 23px; } .smil-floor-space__clearance, .smil-floor-space__existing { background: var(--sfs-white); border: 1px solid var(--sfs-border); box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-space__transitions { background: var(--sfs-orange-soft); border: 1px solid #efd0b4; } .smil-floor-space__workarea { color: var(--sfs-white); background: linear-gradient( 135deg, var(--sfs-deep) 0%, var(--sfs-dark) 100% ); box-shadow: 0 19px 45px rgba(5, 43, 53, 0.17); } .smil-floor-space__local { color: var(--sfs-white); background: linear-gradient( 135deg, var(--sfs-blue) 0%, var(--sfs-turquoise) 100% ); box-shadow: 0 18px 42px rgba(0, 128, 128, 0.2); } .smil-floor-space__clearance-copy > p:not(.smil-floor-space__section-label), .smil-floor-space__existing-copy > p:not(.smil-floor-space__section-label) { margin: 13px 0 0; color: var(--sfs-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-space__transitions-copy > p:not(.smil-floor-space__section-label) { margin: 13px 0 0; color: #595850; font-size: 0.94rem; line-height: 1.65; } .smil-floor-space__workarea .smil-floor-space__section-label { color: #7fe7d9; } .smil-floor-space__local .smil-floor-space__section-label { color: #d7fff8; } .smil-floor-space__workarea .smil-floor-space__section-title, .smil-floor-space__local .smil-floor-space__section-title { color: var(--sfs-white); } .smil-floor-space__workarea-copy > p:not(.smil-floor-space__section-label), .smil-floor-space__local-copy > p:not(.smil-floor-space__section-label) { margin: 13px 0 0; color: rgba(238, 255, 252, 0.77); font-size: 0.94rem; line-height: 1.65; } .smil-floor-space__local-copy > p:not(.smil-floor-space__section-label) { color: rgba(241, 255, 252, 0.82); } .smil-floor-space__local-copy strong { color: var(--sfs-white); } /* VINCOLI DI QUOTA */ .smil-floor-space__clearance-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } .smil-floor-space__clearance-card { min-width: 0; padding: 17px 15px; background: var(--sfs-turquoise-light); border: 1px solid #c5e7e2; border-radius: 15px; } .smil-floor-space__clearance-card:nth-child(2n) { background: var(--sfs-orange-soft); border-color: #efd0b4; } .smil-floor-space__clearance-card > span { display: grid; place-items: center; width: 35px; height: 35px; margin-bottom: 11px; color: var(--sfs-white); background: var(--sfs-blue); border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-space__clearance-card:nth-child(2n) > span { background: var(--sfs-orange-dark); } .smil-floor-space__clearance-card strong { display: block; color: var(--sfs-dark); font-size: 0.84rem; font-weight: 850; } .smil-floor-space__clearance-card p { margin: 6px 0 0; color: #526970; font-size: 0.7rem; line-height: 1.47; } /* RACCORDI */ .smil-floor-space__transitions-grid, .smil-floor-space__existing-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; } .smil-floor-space__transition-card { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 13px; min-width: 0; padding: 18px; background: rgba(255, 255, 255, 0.88); border: 1px solid #efd0b4; border-radius: 17px; } .smil-floor-space__transition-card--orange { background: var(--sfs-turquoise-light); border-color: #c5e7e2; } .smil-floor-space__transition-card > span { display: grid; place-items: center; width: 44px; height: 44px; color: var(--sfs-white); background: var(--sfs-orange-dark); border-radius: 13px; font-size: 0.78rem; font-weight: 900; } .smil-floor-space__transition-card--orange > span { background: var(--sfs-blue); } .smil-floor-space__transition-card > div { min-width: 0; } .smil-floor-space__transition-label { margin: 0 0 4px; color: var(--sfs-blue); font-size: 0.66rem; font-weight: 850; letter-spacing: 0.045em; text-transform: uppercase; } .smil-floor-space__transition-card strong { display: block; color: var(--sfs-dark); font-size: 0.9rem; font-weight: 850; line-height: 1.36; } .smil-floor-space__transition-card div > p:last-child { margin: 7px 0 0; color: #526970; font-size: 0.77rem; line-height: 1.49; } /* PAVIMENTO ESISTENTE */ .smil-floor-space__existing-card { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 13px; min-width: 0; padding: 18px; background: var(--sfs-turquoise-light); border: 1px solid #c5e7e2; border-radius: 17px; } .smil-floor-space__existing-card--orange { background: var(--sfs-orange-soft); border-color: #efd0b4; } .smil-floor-space__existing-card > span { display: grid; place-items: center; width: 44px; height: 44px; color: var(--sfs-white); background: var(--sfs-blue); border-radius: 13px; font-size: 1rem; font-weight: 900; } .smil-floor-space__existing-card--orange > span { background: var(--sfs-orange-dark); } .smil-floor-space__existing-card > div { min-width: 0; } .smil-floor-space__existing-card strong { display: block; color: var(--sfs-dark); font-size: 0.9rem; font-weight: 850; } .smil-floor-space__existing-card p { margin: 6px 0 0; color: #526970; font-size: 0.76rem; line-height: 1.49; } .smil-floor-space__existing-card small { display: block; margin-top: 9px; padding-top: 8px; color: var(--sfs-blue); border-top: 1px solid rgba(7, 56, 68, 0.1); font-size: 0.67rem; font-weight: 750; line-height: 1.42; } /* MISURAZIONI */ .smil-floor-space__measurements-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 22px; } .smil-floor-space__measurement { min-width: 0; padding: 19px 17px; background: var(--sfs-white); border: 1px solid var(--sfs-border); border-radius: 17px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-space__measurement > span { display: block; margin-bottom: 13px; color: rgba(7, 56, 68, 0.24); font-size: 1.18rem; font-weight: 900; } .smil-floor-space__measurement strong { display: block; margin-bottom: 6px; color: var(--sfs-dark); font-size: 0.91rem; font-weight: 850; line-height: 1.36; } .smil-floor-space__measurement p { margin: 0; color: var(--sfs-muted); font-size: 0.78rem; line-height: 1.51; } /* SPAZIO OPERATIVO E LOCALIZZAZIONE */ .smil-floor-space__workarea-list, .smil-floor-space__local-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-space__workarea-list > div, .smil-floor-space__local-list > div { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 15px; } .smil-floor-space__workarea-list span, .smil-floor-space__local-list span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfs-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.67rem; font-weight: 900; } .smil-floor-space__local-list span { background: rgba(255, 255, 255, 0.9); } .smil-floor-space__workarea-list p, .smil-floor-space__local-list p { margin: 0; color: rgba(238, 255, 252, 0.67); font-size: 0.72rem; line-height: 1.47; } .smil-floor-space__local-list p { color: rgba(241, 255, 252, 0.7); } .smil-floor-space__workarea-list strong, .smil-floor-space__local-list strong { display: block; margin-bottom: 2px; color: var(--sfs-white); font-size: 0.85rem; font-weight: 850; } /* DOMANDE E AVVERTENZA */ .smil-floor-space__questions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 26px; } .smil-floor-space__question, .smil-floor-space__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; padding: 20px 22px; border-radius: 18px; } .smil-floor-space__question { background: var(--sfs-white); border: 1px solid var(--sfs-border); border-left: 5px solid var(--sfs-turquoise); } .smil-floor-space__warning { margin-top: 25px; background: var(--sfs-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sfs-orange); } .smil-floor-space__question-icon, .smil-floor-space__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; border-radius: 14px; } .smil-floor-space__question-icon { color: var(--sfs-blue); background: var(--sfs-turquoise-light); } .smil-floor-space__warning-icon { color: var(--sfs-orange-dark); background: var(--sfs-white); } .smil-floor-space__question-icon svg, .smil-floor-space__warning-icon svg { width: 26px; height: 26px; } .smil-floor-space__question > div, .smil-floor-space__warning > div { min-width: 0; } .smil-floor-space__question strong, .smil-floor-space__warning strong { display: block; margin: 1px 0 6px; color: var(--sfs-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-space__question p, .smil-floor-space__warning p { margin: 0; font-size: 0.9rem; line-height: 1.62; } .smil-floor-space__question p { color: #48646d; } .smil-floor-space__warning p { color: #595850; } /* CTA */ .smil-floor-space__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 21px 23px; color: var(--sfs-white); background: linear-gradient( 135deg, var(--sfs-blue) 0%, var(--sfs-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-space__cta-copy { display: grid; grid-template-columns: 47px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-space__cta-icon { display: grid; place-items: center; width: 47px; height: 47px; color: var(--sfs-dark); background: rgba(255, 255, 255, 0.87); border-radius: 14px; } .smil-floor-space__cta-icon svg { width: 25px; height: 25px; } .smil-floor-space__cta-copy > div { min-width: 0; } .smil-floor-space__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sfs-white); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-space__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.81); font-size: 0.86rem; line-height: 1.5; } .smil-floor-space__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 51px; padding: 12px 18px; color: var(--sfs-white); background: linear-gradient( 135deg, var(--sfs-orange) 0%, var(--sfs-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-space__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-space__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-space__cta-button:hover svg { transform: translateX(3px); } .smil-floor-space__cta-button:focus-visible { outline: 3px solid var(--sfs-white); outline-offset: 4px; } /* TABLET */ @media (max-width: 1050px) { .smil-floor-space__header, .smil-floor-space__calculation, .smil-floor-space__clearance, .smil-floor-space__transitions, .smil-floor-space__existing, .smil-floor-space__workarea, .smil-floor-space__local { grid-template-columns: minmax(0, 1fr); } .smil-floor-space__formula { grid-template-columns: minmax(0, 1fr) 24px minmax(0, 1fr); } .smil-floor-space__formula-symbol:nth-of-type(3) { display: none; } .smil-floor-space__clearance-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* MOBILE */ @media (max-width: 760px) { .smil-floor-space { padding: 49px 14px 58px; } .smil-floor-space__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-floor-space__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-space__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-space__calculation, .smil-floor-space__clearance, .smil-floor-space__transitions, .smil-floor-space__existing, .smil-floor-space__workarea, .smil-floor-space__local { padding: 22px 18px; border-radius: 20px; } .smil-floor-space__formula, .smil-floor-space__configurations-grid, .smil-floor-space__clearance-grid, .smil-floor-space__transitions-grid, .smil-floor-space__existing-grid, .smil-floor-space__measurements-grid, .smil-floor-space__workarea-list, .smil-floor-space__local-list, .smil-floor-space__questions { grid-template-columns: minmax(0, 1fr); } .smil-floor-space__formula-symbol, .smil-floor-space__formula-symbol:nth-of-type(3) { display: block; transform: rotate(90deg); } .smil-floor-space__question, .smil-floor-space__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-space__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-space__cta-button { width: 100%; } } /* SMARTPHONE PICCOLI */ @media (max-width: 440px) { .smil-floor-space__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-space__answer, .smil-floor-space__transition-card, .smil-floor-space__existing-card, .smil-floor-space__workarea-list > div, .smil-floor-space__local-list > div, .smil-floor-space__question, .smil-floor-space__warning, .smil-floor-space__cta-copy { grid-template-columns: minmax(0, 1fr); } .smil-floor-space__configuration-top { align-items: flex-start; } } /* ACCESSIBILITÀ */ @media (prefers-reduced-motion: reduce) { .smil-floor-space__cta-button, .smil-floor-space__cta-button svg { transition: none; } }#imCell_43 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_43 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_43 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_43 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H3 – PORTE E SOGLIE CSS AUTONOMO ========================================================= */ .smil-floor-doorstep, .smil-floor-doorstep *, .smil-floor-doorstep *::before, .smil-floor-doorstep *::after { box-sizing: border-box; } .smil-floor-doorstep { --sfds-dark: #073844; --sfds-deep: #052b35; --sfds-blue: #087c8f; --sfds-turquoise: #00a991; --sfds-turquoise-light: #dff8f4; --sfds-orange: #f28a2e; --sfds-orange-dark: #d66d0e; --sfds-orange-soft: #fff1e4; --sfds-white: #ffffff; --sfds-bg: #ffffff; --sfds-bg-soft: #f3faf9; --sfds-text: #183640; --sfds-muted: #557078; --sfds-border: #cee5e2; position: relative; width: 100%; overflow: hidden; scroll-margin-top: 90px; padding: clamp(58px, 7vw, 96px) 20px; color: var(--sfds-text); background: radial-gradient( circle at 97% 3%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 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(--sfds-bg) 0%, var(--sfds-bg-soft) 100% ); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-doorstep__container { width: min(1220px, 100%); margin: 0 auto; } /* INTESTAZIONE */ .smil-floor-doorstep__header { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(440px, 1.22fr); gap: clamp(30px, 5vw, 70px); align-items: end; } .smil-floor-doorstep__heading, .smil-floor-doorstep__intro { min-width: 0; } .smil-floor-doorstep__eyebrow { display: inline-flex; margin: 0 0 12px; padding: 7px 13px; color: var(--sfds-blue); background: var(--sfds-turquoise-light); border: 1px solid #c5e8e3; border-radius: 999px; font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-doorstep__title { margin: 0; color: var(--sfds-dark); font-size: clamp(1.9rem, 3.55vw, 3.15rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; } .smil-floor-doorstep__intro p { margin: 0; color: var(--sfds-muted); font-size: clamp(1.03rem, 1.55vw, 1.17rem); line-height: 1.73; } .smil-floor-doorstep__intro p + p { margin-top: 10px; } .smil-floor-doorstep__intro strong { color: var(--sfds-dark); font-weight: 800; } /* RISPOSTA DIRETTA */ .smil-floor-doorstep__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; margin-top: 34px; padding: 22px 24px; background: var(--sfds-white); border: 1px solid var(--sfds-border); border-left: 5px solid var(--sfds-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-doorstep__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sfds-blue); background: var(--sfds-turquoise-light); border-radius: 15px; } .smil-floor-doorstep__answer-icon svg { width: 28px; height: 28px; } .smil-floor-doorstep__answer-content { min-width: 0; } .smil-floor-doorstep__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sfds-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-doorstep__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } /* TITOLI VISIVI */ .smil-floor-doorstep__section-label { margin: 0 0 7px; color: var(--sfds-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-doorstep__section-title { display: block; color: var(--sfds-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* PRINCIPIO */ .smil-floor-doorstep__principle { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 31px; padding: clamp(26px, 4vw, 42px); color: var(--sfds-white); background: radial-gradient( circle at 94% 10%, rgba(0, 169, 145, 0.24) 0, rgba(0, 169, 145, 0) 35% ), linear-gradient( 135deg, var(--sfds-deep) 0%, var(--sfds-dark) 65%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-doorstep__principle .smil-floor-doorstep__section-label { color: #7fe7d9; } .smil-floor-doorstep__principle .smil-floor-doorstep__section-title { color: var(--sfds-white); } .smil-floor-doorstep__principle-copy > p:not(.smil-floor-doorstep__section-label) { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-doorstep__formula { display: grid; grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr) 28px minmax(0, 1fr); gap: 8px; align-items: center; } .smil-floor-doorstep__formula-card { min-width: 0; padding: 18px 14px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 15px; text-align: center; } .smil-floor-doorstep__formula-card--orange { background: rgba(242, 138, 46, 0.2); border-color: rgba(255, 191, 126, 0.3); } .smil-floor-doorstep__formula-card > span { display: grid; place-items: center; width: 35px; height: 35px; margin: 0 auto 11px; color: var(--sfds-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-doorstep__formula-card--orange > span { background: #ffb56c; } .smil-floor-doorstep__formula-card strong { display: block; color: var(--sfds-white); font-size: 0.87rem; font-weight: 850; } .smil-floor-doorstep__formula-card small { display: block; margin-top: 5px; color: rgba(238, 255, 252, 0.68); font-size: 0.68rem; line-height: 1.42; } .smil-floor-doorstep__formula-symbol { color: var(--sfds-orange); font-size: 1.2rem; font-weight: 900; text-align: center; } /* SEZIONI CON GRIGLIE */ .smil-floor-doorstep__checks, .smil-floor-doorstep__solutions { margin-top: 35px; } .smil-floor-doorstep__checks-header, .smil-floor-doorstep__solutions-header { max-width: 920px; } .smil-floor-doorstep__checks-header > p:last-child, .smil-floor-doorstep__solutions-header > p:last-child { margin: 12px 0 0; color: var(--sfds-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-doorstep__checks-grid, .smil-floor-doorstep__solutions-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 22px; } .smil-floor-doorstep__check-card, .smil-floor-doorstep__solution-card { min-width: 0; padding: 19px 17px; background: var(--sfds-white); border: 1px solid var(--sfds-border); border-radius: 17px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-doorstep__check-card > span, .smil-floor-doorstep__solution-card > span { display: block; margin-bottom: 13px; color: rgba(7, 56, 68, 0.24); font-size: 1.18rem; font-weight: 900; } .smil-floor-doorstep__check-card strong, .smil-floor-doorstep__solution-card strong { display: block; margin-bottom: 6px; color: var(--sfds-dark); font-size: 0.91rem; font-weight: 850; line-height: 1.36; } .smil-floor-doorstep__check-card p, .smil-floor-doorstep__solution-card p { margin: 0; color: var(--sfds-muted); font-size: 0.78rem; line-height: 1.51; } /* BLOCCHI A DUE COLONNE */ .smil-floor-doorstep__doors, .smil-floor-doorstep__thresholds, .smil-floor-doorstep__joint, .smil-floor-doorstep__partial, .smil-floor-doorstep__errors, .smil-floor-doorstep__local { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); border-radius: 23px; } .smil-floor-doorstep__doors, .smil-floor-doorstep__local { color: var(--sfds-white); background: linear-gradient( 135deg, var(--sfds-blue) 0%, var(--sfds-turquoise) 100% ); box-shadow: 0 18px 42px rgba(0, 128, 128, 0.2); } .smil-floor-doorstep__thresholds, .smil-floor-doorstep__errors { background: var(--sfds-orange-soft); border: 1px solid #efd0b4; } .smil-floor-doorstep__joint { background: var(--sfds-white); border: 1px solid var(--sfds-border); box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-doorstep__partial { color: var(--sfds-white); background: linear-gradient( 135deg, var(--sfds-deep) 0%, var(--sfds-dark) 100% ); box-shadow: 0 19px 45px rgba(5, 43, 53, 0.17); } .smil-floor-doorstep__doors .smil-floor-doorstep__section-label, .smil-floor-doorstep__local .smil-floor-doorstep__section-label { color: #d7fff8; } .smil-floor-doorstep__partial .smil-floor-doorstep__section-label { color: #7fe7d9; } .smil-floor-doorstep__doors .smil-floor-doorstep__section-title, .smil-floor-doorstep__partial .smil-floor-doorstep__section-title, .smil-floor-doorstep__local .smil-floor-doorstep__section-title { color: var(--sfds-white); } .smil-floor-doorstep__doors-copy > p:not(.smil-floor-doorstep__section-label), .smil-floor-doorstep__partial-copy > p:not(.smil-floor-doorstep__section-label), .smil-floor-doorstep__local-copy > p:not(.smil-floor-doorstep__section-label) { margin: 13px 0 0; color: rgba(241, 255, 252, 0.81); font-size: 0.94rem; line-height: 1.65; } .smil-floor-doorstep__partial-copy > p:not(.smil-floor-doorstep__section-label) { color: rgba(238, 255, 252, 0.77); } .smil-floor-doorstep__thresholds-copy > p:not(.smil-floor-doorstep__section-label), .smil-floor-doorstep__errors-copy > p:not(.smil-floor-doorstep__section-label) { margin: 13px 0 0; color: #595850; font-size: 0.94rem; line-height: 1.65; } .smil-floor-doorstep__joint-copy > p:not(.smil-floor-doorstep__section-label) { margin: 13px 0 0; color: var(--sfds-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-doorstep__local-copy strong { color: var(--sfds-white); } /* TIPOLOGIE DI PORTA */ .smil-floor-doorstep__doors-grid { display: grid; gap: 10px; } .smil-floor-doorstep__door-card { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 13px; min-width: 0; padding: 16px; background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 15px; } .smil-floor-doorstep__door-card--orange { background: rgba(242, 138, 46, 0.22); border-color: rgba(255, 204, 153, 0.28); } .smil-floor-doorstep__door-card--deep { background: rgba(5, 43, 53, 0.26); } .smil-floor-doorstep__door-card > span { display: grid; place-items: center; width: 46px; height: 46px; color: var(--sfds-dark); background: rgba(255, 255, 255, 0.9); border-radius: 13px; font-size: 0.7rem; font-weight: 900; } .smil-floor-doorstep__door-card--orange > span { background: #ffbe7d; } .smil-floor-doorstep__door-card > div { min-width: 0; } .smil-floor-doorstep__door-label { margin: 0 0 3px; color: #d7fff8; font-size: 0.64rem; font-weight: 850; letter-spacing: 0.045em; text-transform: uppercase; } .smil-floor-doorstep__door-card strong { display: block; color: var(--sfds-white); font-size: 0.88rem; font-weight: 850; line-height: 1.35; } .smil-floor-doorstep__door-card div > p:last-child { margin: 6px 0 0; color: rgba(241, 255, 252, 0.7); font-size: 0.72rem; line-height: 1.47; } /* SOGLIE */ .smil-floor-doorstep__thresholds-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; } .smil-floor-doorstep__threshold-card { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 13px; min-width: 0; padding: 18px; background: rgba(255, 255, 255, 0.88); border: 1px solid #efd0b4; border-radius: 17px; } .smil-floor-doorstep__threshold-card--orange { background: var(--sfds-turquoise-light); border-color: #c5e7e2; } .smil-floor-doorstep__threshold-card > span { display: grid; place-items: center; width: 44px; height: 44px; color: var(--sfds-white); background: var(--sfds-orange-dark); border-radius: 13px; font-size: 0.78rem; font-weight: 900; } .smil-floor-doorstep__threshold-card--orange > span { background: var(--sfds-blue); } .smil-floor-doorstep__threshold-card > div { min-width: 0; } .smil-floor-doorstep__threshold-label { margin: 0 0 4px; color: var(--sfds-blue); font-size: 0.66rem; font-weight: 850; letter-spacing: 0.045em; text-transform: uppercase; } .smil-floor-doorstep__threshold-card strong { display: block; color: var(--sfds-dark); font-size: 0.9rem; font-weight: 850; line-height: 1.36; } .smil-floor-doorstep__threshold-card div > p:last-child { margin: 7px 0 0; color: #526970; font-size: 0.77rem; line-height: 1.49; } /* GIUNTO */ .smil-floor-doorstep__joint-diagram { display: grid; grid-template-columns: minmax(0, 1fr) minmax(120px, 0.58fr) minmax(0, 1fr); gap: 8px; align-items: stretch; } .smil-floor-doorstep__joint-side, .smil-floor-doorstep__joint-center { min-width: 0; padding: 19px 15px; border-radius: 16px; text-align: center; } .smil-floor-doorstep__joint-side { background: var(--sfds-turquoise-light); border: 1px solid #c5e7e2; } .smil-floor-doorstep__joint-side--existing { background: #f4f7f7; border-color: #dbe5e5; } .smil-floor-doorstep__joint-center { color: var(--sfds-white); background: linear-gradient( 135deg, var(--sfds-orange) 0%, var(--sfds-orange-dark) 100% ); } .smil-floor-doorstep__joint-side > span { display: block; margin-bottom: 8px; color: var(--sfds-blue); font-size: 0.62rem; font-weight: 900; letter-spacing: 0.05em; } .smil-floor-doorstep__joint-center > span { display: grid; place-items: center; width: 36px; height: 36px; margin: 0 auto 9px; color: var(--sfds-orange-dark); background: var(--sfds-white); border-radius: 10px; font-size: 1rem; font-weight: 900; } .smil-floor-doorstep__joint-side strong, .smil-floor-doorstep__joint-center strong { display: block; font-size: 0.87rem; font-weight: 850; line-height: 1.35; } .smil-floor-doorstep__joint-side strong { color: var(--sfds-dark); } .smil-floor-doorstep__joint-side small, .smil-floor-doorstep__joint-center small { display: block; margin-top: 5px; font-size: 0.67rem; line-height: 1.42; } .smil-floor-doorstep__joint-side small { color: #526970; } .smil-floor-doorstep__joint-center small { color: rgba(255, 255, 255, 0.8); } /* INTERVENTO PARZIALE E LOCAL */ .smil-floor-doorstep__partial-grid, .smil-floor-doorstep__local-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-doorstep__partial-grid > div, .smil-floor-doorstep__local-list > div { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 15px; } .smil-floor-doorstep__partial-grid span, .smil-floor-doorstep__local-list span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfds-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.67rem; font-weight: 900; } .smil-floor-doorstep__local-list span { background: rgba(255, 255, 255, 0.9); } .smil-floor-doorstep__partial-grid p, .smil-floor-doorstep__local-list p { margin: 0; color: rgba(238, 255, 252, 0.67); font-size: 0.72rem; line-height: 1.47; } .smil-floor-doorstep__local-list p { color: rgba(241, 255, 252, 0.7); } .smil-floor-doorstep__partial-grid strong, .smil-floor-doorstep__local-list strong { display: block; margin-bottom: 2px; color: var(--sfds-white); font-size: 0.85rem; font-weight: 850; } /* ERRORI */ .smil-floor-doorstep__errors-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-doorstep__errors-grid > div { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.86); border: 1px solid #efd0b4; border-radius: 15px; } .smil-floor-doorstep__errors-grid span { display: grid; place-items: center; width: 36px; height: 36px; color: var(--sfds-white); background: var(--sfds-orange-dark); border-radius: 11px; font-weight: 900; } .smil-floor-doorstep__errors-grid p { margin: 0; color: #5b625f; font-size: 0.76rem; line-height: 1.48; } .smil-floor-doorstep__errors-grid strong { display: block; margin-bottom: 2px; color: var(--sfds-dark); font-size: 0.86rem; font-weight: 850; } /* DOMANDE E AVVERTENZA */ .smil-floor-doorstep__questions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 26px; } .smil-floor-doorstep__question, .smil-floor-doorstep__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; padding: 20px 22px; border-radius: 18px; } .smil-floor-doorstep__question { background: var(--sfds-white); border: 1px solid var(--sfds-border); border-left: 5px solid var(--sfds-turquoise); } .smil-floor-doorstep__warning { margin-top: 25px; background: var(--sfds-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sfds-orange); } .smil-floor-doorstep__question-icon, .smil-floor-doorstep__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; border-radius: 14px; } .smil-floor-doorstep__question-icon { color: var(--sfds-blue); background: var(--sfds-turquoise-light); } .smil-floor-doorstep__warning-icon { color: var(--sfds-orange-dark); background: var(--sfds-white); } .smil-floor-doorstep__question-icon svg, .smil-floor-doorstep__warning-icon svg { width: 26px; height: 26px; } .smil-floor-doorstep__question > div, .smil-floor-doorstep__warning > div { min-width: 0; } .smil-floor-doorstep__question strong, .smil-floor-doorstep__warning strong { display: block; margin: 1px 0 6px; color: var(--sfds-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-doorstep__question p, .smil-floor-doorstep__warning p { margin: 0; font-size: 0.9rem; line-height: 1.62; } .smil-floor-doorstep__question p { color: #48646d; } .smil-floor-doorstep__warning p { color: #595850; } /* CTA */ .smil-floor-doorstep__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 21px 23px; color: var(--sfds-white); background: linear-gradient( 135deg, var(--sfds-blue) 0%, var(--sfds-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-doorstep__cta-copy { display: grid; grid-template-columns: 47px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-doorstep__cta-icon { display: grid; place-items: center; width: 47px; height: 47px; color: var(--sfds-dark); background: rgba(255, 255, 255, 0.87); border-radius: 14px; } .smil-floor-doorstep__cta-icon svg { width: 25px; height: 25px; } .smil-floor-doorstep__cta-copy > div { min-width: 0; } .smil-floor-doorstep__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sfds-white); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-doorstep__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.81); font-size: 0.86rem; line-height: 1.5; } .smil-floor-doorstep__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 51px; padding: 12px 18px; color: var(--sfds-white); background: linear-gradient( 135deg, var(--sfds-orange) 0%, var(--sfds-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-doorstep__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-doorstep__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-doorstep__cta-button:hover svg { transform: translateX(3px); } .smil-floor-doorstep__cta-button:focus-visible { outline: 3px solid var(--sfds-white); outline-offset: 4px; } /* TABLET */ @media (max-width: 1050px) { .smil-floor-doorstep__header, .smil-floor-doorstep__principle, .smil-floor-doorstep__doors, .smil-floor-doorstep__thresholds, .smil-floor-doorstep__joint, .smil-floor-doorstep__partial, .smil-floor-doorstep__errors, .smil-floor-doorstep__local { grid-template-columns: minmax(0, 1fr); } .smil-floor-doorstep__joint-diagram { grid-template-columns: minmax(0, 1fr) minmax(110px, 0.55fr) minmax(0, 1fr); } } /* MOBILE */ @media (max-width: 760px) { .smil-floor-doorstep { padding: 49px 14px 58px; } .smil-floor-doorstep__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-floor-doorstep__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-doorstep__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-doorstep__principle, .smil-floor-doorstep__doors, .smil-floor-doorstep__thresholds, .smil-floor-doorstep__joint, .smil-floor-doorstep__partial, .smil-floor-doorstep__errors, .smil-floor-doorstep__local { padding: 22px 18px; border-radius: 20px; } .smil-floor-doorstep__formula, .smil-floor-doorstep__checks-grid, .smil-floor-doorstep__thresholds-grid, .smil-floor-doorstep__joint-diagram, .smil-floor-doorstep__solutions-grid, .smil-floor-doorstep__partial-grid, .smil-floor-doorstep__errors-grid, .smil-floor-doorstep__local-list, .smil-floor-doorstep__questions { grid-template-columns: minmax(0, 1fr); } .smil-floor-doorstep__formula-symbol { transform: rotate(90deg); } .smil-floor-doorstep__question, .smil-floor-doorstep__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-doorstep__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-doorstep__cta-button { width: 100%; } } /* SMARTPHONE PICCOLI */ @media (max-width: 440px) { .smil-floor-doorstep__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-doorstep__answer, .smil-floor-doorstep__door-card, .smil-floor-doorstep__threshold-card, .smil-floor-doorstep__partial-grid > div, .smil-floor-doorstep__errors-grid > div, .smil-floor-doorstep__local-list > div, .smil-floor-doorstep__question, .smil-floor-doorstep__warning, .smil-floor-doorstep__cta-copy { grid-template-columns: minmax(0, 1fr); } } /* ACCESSIBILITÀ */ @media (prefers-reduced-motion: reduce) { .smil-floor-doorstep__cta-button, .smil-floor-doorstep__cta-button svg { transition: none; } }#imCell_44 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_44 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_44 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_44 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H3 – RIVESTIMENTI CSS AUTONOMO ========================================================= */ .smil-floor-finishchoice, .smil-floor-finishchoice *, .smil-floor-finishchoice *::before, .smil-floor-finishchoice *::after { box-sizing: border-box; } .smil-floor-finishchoice { --sffc-dark: #073844; --sffc-deep: #052b35; --sffc-blue: #087c8f; --sffc-turquoise: #00a991; --sffc-turquoise-light: #dff8f4; --sffc-orange: #f28a2e; --sffc-orange-dark: #d66d0e; --sffc-orange-soft: #fff1e4; --sffc-white: #ffffff; --sffc-bg: #ffffff; --sffc-bg-soft: #f3faf9; --sffc-text: #183640; --sffc-muted: #557078; --sffc-border: #cee5e2; position: relative; width: 100%; overflow: hidden; scroll-margin-top: 90px; padding: clamp(58px, 7vw, 96px) 20px; color: var(--sffc-text); background: radial-gradient( circle at 97% 3%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 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(--sffc-bg) 0%, var(--sffc-bg-soft) 100% ); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-finishchoice__container { width: min(1220px, 100%); margin: 0 auto; } /* INTESTAZIONE */ .smil-floor-finishchoice__header { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(440px, 1.22fr); gap: clamp(30px, 5vw, 70px); align-items: end; } .smil-floor-finishchoice__heading, .smil-floor-finishchoice__intro { min-width: 0; } .smil-floor-finishchoice__eyebrow { display: inline-flex; margin: 0 0 12px; padding: 7px 13px; color: var(--sffc-blue); background: var(--sffc-turquoise-light); border: 1px solid #c5e8e3; border-radius: 999px; font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-finishchoice__title { margin: 0; color: var(--sffc-dark); font-size: clamp(1.9rem, 3.55vw, 3.15rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; } .smil-floor-finishchoice__intro p { margin: 0; color: var(--sffc-muted); font-size: clamp(1.03rem, 1.55vw, 1.17rem); line-height: 1.73; } .smil-floor-finishchoice__intro p + p { margin-top: 10px; } .smil-floor-finishchoice__intro strong { color: var(--sffc-dark); font-weight: 800; } /* RISPOSTA DIRETTA */ .smil-floor-finishchoice__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; margin-top: 34px; padding: 22px 24px; background: var(--sffc-white); border: 1px solid var(--sffc-border); border-left: 5px solid var(--sffc-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-finishchoice__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sffc-blue); background: var(--sffc-turquoise-light); border-radius: 15px; } .smil-floor-finishchoice__answer-icon svg { width: 28px; height: 28px; } .smil-floor-finishchoice__answer-content { min-width: 0; } .smil-floor-finishchoice__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sffc-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-finishchoice__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } .smil-floor-finishchoice__answer-content p strong { color: var(--sffc-dark); } /* TITOLI VISIVI */ .smil-floor-finishchoice__section-label { margin: 0 0 7px; color: var(--sffc-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-finishchoice__section-title { display: block; color: var(--sffc-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* PRINCIPIO */ .smil-floor-finishchoice__principle { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 31px; padding: clamp(26px, 4vw, 42px); color: var(--sffc-white); background: radial-gradient( circle at 94% 10%, rgba(0, 169, 145, 0.24) 0, rgba(0, 169, 145, 0) 35% ), linear-gradient( 135deg, var(--sffc-deep) 0%, var(--sffc-dark) 65%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-finishchoice__principle .smil-floor-finishchoice__section-label { color: #7fe7d9; } .smil-floor-finishchoice__principle .smil-floor-finishchoice__section-title { color: var(--sffc-white); } .smil-floor-finishchoice__principle-copy > p:not(.smil-floor-finishchoice__section-label) { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-finishchoice__formula { display: grid; grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr) 28px minmax(0, 1fr); gap: 8px; align-items: center; } .smil-floor-finishchoice__formula-card { min-width: 0; padding: 18px 14px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 15px; text-align: center; } .smil-floor-finishchoice__formula-card--orange { background: rgba(242, 138, 46, 0.2); border-color: rgba(255, 191, 126, 0.3); } .smil-floor-finishchoice__formula-card > span { display: grid; place-items: center; width: 35px; height: 35px; margin: 0 auto 11px; color: var(--sffc-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-finishchoice__formula-card--orange > span { background: #ffb56c; } .smil-floor-finishchoice__formula-card strong { display: block; color: var(--sffc-white); font-size: 0.87rem; font-weight: 850; } .smil-floor-finishchoice__formula-card small { display: block; margin-top: 5px; color: rgba(238, 255, 252, 0.68); font-size: 0.68rem; line-height: 1.42; } .smil-floor-finishchoice__formula-symbol { color: var(--sffc-orange); font-size: 1.2rem; font-weight: 900; text-align: center; } /* SEZIONI CON GRIGLIA */ .smil-floor-finishchoice__types, .smil-floor-finishchoice__parameters { margin-top: 35px; } .smil-floor-finishchoice__types-header, .smil-floor-finishchoice__parameters-header { max-width: 930px; } .smil-floor-finishchoice__types-header > p:last-child, .smil-floor-finishchoice__parameters-header > p:last-child { margin: 12px 0 0; color: var(--sffc-muted); font-size: 0.94rem; line-height: 1.64; } /* TIPOLOGIE */ .smil-floor-finishchoice__types-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 22px; } .smil-floor-finishchoice__type-card { min-width: 0; padding: 21px 19px; background: var(--sffc-white); border: 1px solid var(--sffc-border); border-top: 5px solid var(--sffc-turquoise); border-radius: 19px; box-shadow: 0 13px 33px rgba(7, 56, 68, 0.07); } .smil-floor-finishchoice__type-card--orange { border-top-color: var(--sffc-orange); } .smil-floor-finishchoice__type-card--deep { border-top-color: var(--sffc-dark); } .smil-floor-finishchoice__type-code { display: grid; place-items: center; width: 42px; height: 42px; margin-bottom: 14px; color: var(--sffc-white); background: var(--sffc-blue); border-radius: 12px; font-size: 0.78rem; font-weight: 900; } .smil-floor-finishchoice__type-card--orange .smil-floor-finishchoice__type-code { background: var(--sffc-orange-dark); } .smil-floor-finishchoice__type-card--deep .smil-floor-finishchoice__type-code { background: var(--sffc-dark); } .smil-floor-finishchoice__type-card strong { display: block; color: var(--sffc-dark); font-size: 0.96rem; font-weight: 850; line-height: 1.38; } .smil-floor-finishchoice__type-card p { margin: 8px 0 0; color: var(--sffc-muted); font-size: 0.81rem; line-height: 1.55; } .smil-floor-finishchoice__type-card small { display: block; margin-top: 12px; padding-top: 10px; color: var(--sffc-blue); border-top: 1px solid #deecea; font-size: 0.7rem; font-weight: 750; line-height: 1.43; } /* BLOCCHI A DUE COLONNE */ .smil-floor-finishchoice__installation, .smil-floor-finishchoice__heating, .smil-floor-finishchoice__perimeter, .smil-floor-finishchoice__existing, .smil-floor-finishchoice__selection, .smil-floor-finishchoice__local { display: grid; grid-template-columns: minmax(300px, 0.79fr) minmax(0, 1.21fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); border-radius: 23px; } .smil-floor-finishchoice__installation, .smil-floor-finishchoice__existing { background: var(--sffc-white); border: 1px solid var(--sffc-border); box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-finishchoice__heating, .smil-floor-finishchoice__local { color: var(--sffc-white); background: linear-gradient( 135deg, var(--sffc-blue) 0%, var(--sffc-turquoise) 100% ); box-shadow: 0 18px 42px rgba(0, 128, 128, 0.2); } .smil-floor-finishchoice__perimeter { background: var(--sffc-orange-soft); border: 1px solid #efd0b4; } .smil-floor-finishchoice__selection { color: var(--sffc-white); background: linear-gradient( 135deg, var(--sffc-deep) 0%, var(--sffc-dark) 100% ); box-shadow: 0 19px 45px rgba(5, 43, 53, 0.17); } .smil-floor-finishchoice__installation-copy > p:not(.smil-floor-finishchoice__section-label), .smil-floor-finishchoice__existing-copy > p:not(.smil-floor-finishchoice__section-label) { margin: 13px 0 0; color: var(--sffc-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-finishchoice__perimeter-copy > p:not(.smil-floor-finishchoice__section-label) { margin: 13px 0 0; color: #595850; font-size: 0.94rem; line-height: 1.65; } .smil-floor-finishchoice__heating .smil-floor-finishchoice__section-label, .smil-floor-finishchoice__local .smil-floor-finishchoice__section-label { color: #d7fff8; } .smil-floor-finishchoice__selection .smil-floor-finishchoice__section-label { color: #7fe7d9; } .smil-floor-finishchoice__heating .smil-floor-finishchoice__section-title, .smil-floor-finishchoice__selection .smil-floor-finishchoice__section-title, .smil-floor-finishchoice__local .smil-floor-finishchoice__section-title { color: var(--sffc-white); } .smil-floor-finishchoice__heating-copy > p:not(.smil-floor-finishchoice__section-label), .smil-floor-finishchoice__selection-copy > p:not(.smil-floor-finishchoice__section-label), .smil-floor-finishchoice__local-copy > p:not(.smil-floor-finishchoice__section-label) { margin: 13px 0 0; color: rgba(241, 255, 252, 0.81); font-size: 0.94rem; line-height: 1.65; } .smil-floor-finishchoice__selection-copy > p:not(.smil-floor-finishchoice__section-label) { color: rgba(238, 255, 252, 0.77); } .smil-floor-finishchoice__local-copy strong { color: var(--sffc-white); } /* MODALITÀ DI POSA */ .smil-floor-finishchoice__installation-grid, .smil-floor-finishchoice__perimeter-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; } .smil-floor-finishchoice__installation-card, .smil-floor-finishchoice__perimeter-card { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 13px; min-width: 0; padding: 18px; background: var(--sffc-turquoise-light); border: 1px solid #c5e7e2; border-radius: 17px; } .smil-floor-finishchoice__installation-card--orange, .smil-floor-finishchoice__perimeter-card--orange { background: var(--sffc-orange-soft); border-color: #efd0b4; } .smil-floor-finishchoice__installation-card > span, .smil-floor-finishchoice__perimeter-card > span { display: grid; place-items: center; width: 44px; height: 44px; color: var(--sffc-white); background: var(--sffc-blue); border-radius: 13px; font-size: 0.78rem; font-weight: 900; } .smil-floor-finishchoice__installation-card--orange > span, .smil-floor-finishchoice__perimeter-card--orange > span { background: var(--sffc-orange-dark); } .smil-floor-finishchoice__installation-card > div, .smil-floor-finishchoice__perimeter-card > div { min-width: 0; } .smil-floor-finishchoice__installation-label, .smil-floor-finishchoice__perimeter-label { margin: 0 0 4px; color: var(--sffc-blue); font-size: 0.66rem; font-weight: 850; letter-spacing: 0.045em; text-transform: uppercase; } .smil-floor-finishchoice__installation-card strong, .smil-floor-finishchoice__perimeter-card strong { display: block; color: var(--sffc-dark); font-size: 0.9rem; font-weight: 850; line-height: 1.36; } .smil-floor-finishchoice__installation-card div > p:last-child, .smil-floor-finishchoice__perimeter-card div > p:last-child { margin: 7px 0 0; color: #526970; font-size: 0.77rem; line-height: 1.49; } /* PARAMETRI */ .smil-floor-finishchoice__parameters-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 22px; } .smil-floor-finishchoice__parameter-card { min-width: 0; padding: 19px 17px; background: var(--sffc-white); border: 1px solid var(--sffc-border); border-radius: 17px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-finishchoice__parameter-card > span { display: block; margin-bottom: 13px; color: rgba(7, 56, 68, 0.24); font-size: 1.18rem; font-weight: 900; } .smil-floor-finishchoice__parameter-card strong { display: block; margin-bottom: 6px; color: var(--sffc-dark); font-size: 0.91rem; font-weight: 850; line-height: 1.36; } .smil-floor-finishchoice__parameter-card p { margin: 0; color: var(--sffc-muted); font-size: 0.78rem; line-height: 1.51; } /* RISCALDAMENTO E LOCALIZZAZIONE */ .smil-floor-finishchoice__heating-list, .smil-floor-finishchoice__local-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-finishchoice__heating-list > div, .smil-floor-finishchoice__local-list > div { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.11); border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 15px; } .smil-floor-finishchoice__heating-list span, .smil-floor-finishchoice__local-list span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sffc-dark); background: rgba(255, 255, 255, 0.9); border-radius: 10px; font-size: 0.67rem; font-weight: 900; } .smil-floor-finishchoice__heating-list p, .smil-floor-finishchoice__local-list p { margin: 0; color: rgba(241, 255, 252, 0.7); font-size: 0.72rem; line-height: 1.47; } .smil-floor-finishchoice__heating-list strong, .smil-floor-finishchoice__local-list strong { display: block; margin-bottom: 2px; color: var(--sffc-white); font-size: 0.85rem; font-weight: 850; } /* PAVIMENTO ESISTENTE */ .smil-floor-finishchoice__existing-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-finishchoice__existing-card { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: var(--sffc-turquoise-light); border: 1px solid #c5e7e2; border-radius: 15px; } .smil-floor-finishchoice__existing-card--warning { background: var(--sffc-orange-soft); border-color: #efd0b4; } .smil-floor-finishchoice__existing-card > span { display: grid; place-items: center; width: 36px; height: 36px; color: var(--sffc-white); background: var(--sffc-turquoise); border-radius: 11px; font-weight: 900; } .smil-floor-finishchoice__existing-card--warning > span { background: var(--sffc-orange-dark); } .smil-floor-finishchoice__existing-card > div { min-width: 0; } .smil-floor-finishchoice__existing-card strong { display: block; color: var(--sffc-dark); font-size: 0.86rem; font-weight: 850; } .smil-floor-finishchoice__existing-card p { margin: 4px 0 0; color: #526970; font-size: 0.72rem; line-height: 1.47; } /* PERCORSO DI SCELTA */ .smil-floor-finishchoice__selection-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; } .smil-floor-finishchoice__selection-steps li { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.09); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; } .smil-floor-finishchoice__selection-steps li > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sffc-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-finishchoice__selection-steps li:nth-child(n + 3) > span { background: #ffb56c; } .smil-floor-finishchoice__selection-steps li > div { min-width: 0; } .smil-floor-finishchoice__selection-steps strong { display: block; color: var(--sffc-white); font-size: 0.85rem; font-weight: 850; line-height: 1.35; } .smil-floor-finishchoice__selection-steps p { margin: 5px 0 0; color: rgba(238, 255, 252, 0.67); font-size: 0.72rem; line-height: 1.47; } /* DOMANDE E AVVERTENZA */ .smil-floor-finishchoice__questions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 26px; } .smil-floor-finishchoice__question, .smil-floor-finishchoice__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; padding: 20px 22px; border-radius: 18px; } .smil-floor-finishchoice__question { background: var(--sffc-white); border: 1px solid var(--sffc-border); border-left: 5px solid var(--sffc-turquoise); } .smil-floor-finishchoice__warning { margin-top: 25px; background: var(--sffc-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sffc-orange); } .smil-floor-finishchoice__question-icon, .smil-floor-finishchoice__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; border-radius: 14px; } .smil-floor-finishchoice__question-icon { color: var(--sffc-blue); background: var(--sffc-turquoise-light); } .smil-floor-finishchoice__warning-icon { color: var(--sffc-orange-dark); background: var(--sffc-white); } .smil-floor-finishchoice__question-icon svg, .smil-floor-finishchoice__warning-icon svg { width: 26px; height: 26px; } .smil-floor-finishchoice__question > div, .smil-floor-finishchoice__warning > div { min-width: 0; } .smil-floor-finishchoice__question strong, .smil-floor-finishchoice__warning strong { display: block; margin: 1px 0 6px; color: var(--sffc-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-finishchoice__question p, .smil-floor-finishchoice__warning p { margin: 0; font-size: 0.9rem; line-height: 1.62; } .smil-floor-finishchoice__question p { color: #48646d; } .smil-floor-finishchoice__warning p { color: #595850; } /* CTA */ .smil-floor-finishchoice__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 21px 23px; color: var(--sffc-white); background: linear-gradient( 135deg, var(--sffc-blue) 0%, var(--sffc-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-finishchoice__cta-copy { display: grid; grid-template-columns: 47px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-finishchoice__cta-icon { display: grid; place-items: center; width: 47px; height: 47px; color: var(--sffc-dark); background: rgba(255, 255, 255, 0.87); border-radius: 14px; } .smil-floor-finishchoice__cta-icon svg { width: 25px; height: 25px; } .smil-floor-finishchoice__cta-copy > div { min-width: 0; } .smil-floor-finishchoice__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sffc-white); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-finishchoice__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.81); font-size: 0.86rem; line-height: 1.5; } .smil-floor-finishchoice__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 51px; padding: 12px 18px; color: var(--sffc-white); background: linear-gradient( 135deg, var(--sffc-orange) 0%, var(--sffc-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-finishchoice__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-finishchoice__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-finishchoice__cta-button:hover svg { transform: translateX(3px); } .smil-floor-finishchoice__cta-button:focus-visible { outline: 3px solid var(--sffc-white); outline-offset: 4px; } /* TABLET */ @media (max-width: 1050px) { .smil-floor-finishchoice__header, .smil-floor-finishchoice__principle, .smil-floor-finishchoice__installation, .smil-floor-finishchoice__heating, .smil-floor-finishchoice__perimeter, .smil-floor-finishchoice__existing, .smil-floor-finishchoice__selection, .smil-floor-finishchoice__local { grid-template-columns: minmax(0, 1fr); } .smil-floor-finishchoice__parameters-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* MOBILE */ @media (max-width: 760px) { .smil-floor-finishchoice { padding: 49px 14px 58px; } .smil-floor-finishchoice__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-floor-finishchoice__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-finishchoice__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-finishchoice__principle, .smil-floor-finishchoice__installation, .smil-floor-finishchoice__heating, .smil-floor-finishchoice__perimeter, .smil-floor-finishchoice__existing, .smil-floor-finishchoice__selection, .smil-floor-finishchoice__local { padding: 22px 18px; border-radius: 20px; } .smil-floor-finishchoice__formula, .smil-floor-finishchoice__types-grid, .smil-floor-finishchoice__installation-grid, .smil-floor-finishchoice__parameters-grid, .smil-floor-finishchoice__heating-list, .smil-floor-finishchoice__perimeter-grid, .smil-floor-finishchoice__existing-grid, .smil-floor-finishchoice__selection-steps, .smil-floor-finishchoice__local-list, .smil-floor-finishchoice__questions { grid-template-columns: minmax(0, 1fr); } .smil-floor-finishchoice__formula-symbol { transform: rotate(90deg); } .smil-floor-finishchoice__question, .smil-floor-finishchoice__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-finishchoice__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-finishchoice__cta-button { width: 100%; } } /* SMARTPHONE PICCOLI */ @media (max-width: 440px) { .smil-floor-finishchoice__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-finishchoice__answer, .smil-floor-finishchoice__installation-card, .smil-floor-finishchoice__heating-list > div, .smil-floor-finishchoice__perimeter-card, .smil-floor-finishchoice__existing-card, .smil-floor-finishchoice__selection-steps li, .smil-floor-finishchoice__local-list > div, .smil-floor-finishchoice__question, .smil-floor-finishchoice__warning, .smil-floor-finishchoice__cta-copy { grid-template-columns: minmax(0, 1fr); } } /* ACCESSIBILITÀ */ @media (prefers-reduced-motion: reduce) { .smil-floor-finishchoice__cta-button, .smil-floor-finishchoice__cta-button svg { transition: none; } }#imCell_46 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_46 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_46 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_46 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H3 – RISCALDAMENTO A PAVIMENTO CSS AUTONOMO ========================================================= */ .smil-floor-radiantcheck, .smil-floor-radiantcheck *, .smil-floor-radiantcheck *::before, .smil-floor-radiantcheck *::after { box-sizing: border-box; } .smil-floor-radiantcheck { --sfrc-dark: #073844; --sfrc-deep: #052b35; --sfrc-blue: #087c8f; --sfrc-turquoise: #00a991; --sfrc-turquoise-light: #dff8f4; --sfrc-orange: #f28a2e; --sfrc-orange-dark: #d66d0e; --sfrc-orange-soft: #fff1e4; --sfrc-white: #ffffff; --sfrc-bg: #ffffff; --sfrc-bg-soft: #f3faf9; --sfrc-text: #183640; --sfrc-muted: #557078; --sfrc-border: #cee5e2; position: relative; width: 100%; overflow: hidden; scroll-margin-top: 90px; padding: clamp(58px, 7vw, 96px) 20px; color: var(--sfrc-text); background: radial-gradient( circle at 96% 4%, rgba(242, 138, 46, 0.09) 0, rgba(242, 138, 46, 0) 28% ), radial-gradient( circle at 3% 96%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 0) 27% ), linear-gradient( 180deg, var(--sfrc-bg) 0%, var(--sfrc-bg-soft) 100% ); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-radiantcheck__container { width: min(1220px, 100%); margin: 0 auto; } /* INTESTAZIONE */ .smil-floor-radiantcheck__header { display: grid; grid-template-columns: minmax(320px, 0.82fr) minmax(430px, 1.18fr); gap: clamp(30px, 5vw, 70px); align-items: end; } .smil-floor-radiantcheck__heading, .smil-floor-radiantcheck__intro { min-width: 0; } .smil-floor-radiantcheck__eyebrow { display: inline-flex; margin: 0 0 12px; padding: 7px 13px; color: var(--sfrc-orange-dark); background: var(--sfrc-orange-soft); border: 1px solid #efd0b4; border-radius: 999px; font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-radiantcheck__title { margin: 0; color: var(--sfrc-dark); font-size: clamp(1.9rem, 3.55vw, 3.15rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; } .smil-floor-radiantcheck__intro p { margin: 0; color: var(--sfrc-muted); font-size: clamp(1.03rem, 1.55vw, 1.17rem); line-height: 1.73; } .smil-floor-radiantcheck__intro p + p { margin-top: 10px; } .smil-floor-radiantcheck__intro strong { color: var(--sfrc-dark); font-weight: 800; } /* RISPOSTA DIRETTA */ .smil-floor-radiantcheck__answer { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 17px; margin-top: 34px; padding: 23px 24px; background: var(--sfrc-white); border: 1px solid #efd0b4; border-left: 6px solid var(--sfrc-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-radiantcheck__answer-icon { display: grid; place-items: center; width: 56px; height: 56px; color: var(--sfrc-orange-dark); background: var(--sfrc-orange-soft); border-radius: 15px; } .smil-floor-radiantcheck__answer-icon svg { width: 29px; height: 29px; } .smil-floor-radiantcheck__answer-content { min-width: 0; } .smil-floor-radiantcheck__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sfrc-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-radiantcheck__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } .smil-floor-radiantcheck__answer-content p strong { color: var(--sfrc-orange-dark); font-weight: 850; } /* AVVERTENZA INIZIALE */ .smil-floor-radiantcheck__warning, .smil-floor-radiantcheck__final-warning { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 17px; margin-top: 22px; padding: 23px 24px; background: linear-gradient( 135deg, #fff1e4 0%, #ffe2c7 100% ); border: 1px solid #eabf98; border-left: 6px solid var(--sfrc-orange-dark); border-radius: 19px; } .smil-floor-radiantcheck__warning-icon, .smil-floor-radiantcheck__final-warning-icon { display: grid; place-items: center; width: 56px; height: 56px; color: var(--sfrc-white); background: var(--sfrc-orange-dark); border-radius: 15px; } .smil-floor-radiantcheck__warning-icon svg, .smil-floor-radiantcheck__final-warning-icon svg { width: 29px; height: 29px; } .smil-floor-radiantcheck__warning > div, .smil-floor-radiantcheck__final-warning > div { min-width: 0; } .smil-floor-radiantcheck__warning strong, .smil-floor-radiantcheck__final-warning strong { display: block; margin: 1px 0 7px; color: var(--sfrc-dark); font-size: clamp(1.03rem, 1.5vw, 1.18rem); font-weight: 850; line-height: 1.38; } .smil-floor-radiantcheck__warning p, .smil-floor-radiantcheck__final-warning p { margin: 0; color: #5f5b54; font-size: 0.92rem; line-height: 1.63; } /* TITOLI VISIVI */ .smil-floor-radiantcheck__section-label { margin: 0 0 7px; color: var(--sfrc-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-radiantcheck__section-title { display: block; color: var(--sfrc-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* PRINCIPIO */ .smil-floor-radiantcheck__principle { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 32px; padding: clamp(26px, 4vw, 42px); color: var(--sfrc-white); background: radial-gradient( circle at 95% 8%, rgba(242, 138, 46, 0.2) 0, rgba(242, 138, 46, 0) 36% ), linear-gradient( 135deg, var(--sfrc-deep) 0%, var(--sfrc-dark) 70%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-radiantcheck__principle .smil-floor-radiantcheck__section-label { color: #ffbd7a; } .smil-floor-radiantcheck__principle .smil-floor-radiantcheck__section-title { color: var(--sfrc-white); } .smil-floor-radiantcheck__principle-copy > p:not(.smil-floor-radiantcheck__section-label) { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-radiantcheck__balance { display: grid; grid-template-columns: minmax(0, 1fr) 42px minmax(0, 1fr); gap: 11px; align-items: center; } .smil-floor-radiantcheck__balance-card { min-width: 0; padding: 21px 18px; background: rgba(0, 169, 145, 0.18); border: 1px solid rgba(127, 231, 217, 0.25); border-radius: 17px; text-align: center; } .smil-floor-radiantcheck__balance-card--heat { background: rgba(242, 138, 46, 0.21); border-color: rgba(255, 191, 126, 0.3); } .smil-floor-radiantcheck__balance-card > span { display: grid; place-items: center; width: 42px; height: 42px; margin: 0 auto 12px; color: var(--sfrc-dark); background: #7fe7d9; border-radius: 12px; font-weight: 900; } .smil-floor-radiantcheck__balance-card--heat > span { background: #ffb56c; } .smil-floor-radiantcheck__balance-card strong { display: block; color: var(--sfrc-white); font-size: 0.92rem; font-weight: 850; } .smil-floor-radiantcheck__balance-card p { margin: 7px 0 0; color: rgba(238, 255, 252, 0.7); font-size: 0.75rem; line-height: 1.5; } .smil-floor-radiantcheck__balance-symbol { color: var(--sfrc-orange); font-size: 1.55rem; font-weight: 900; text-align: center; } /* GRIGLIE INFORMATIVE */ .smil-floor-radiantcheck__effects, .smil-floor-radiantcheck__decisions { margin-top: 35px; } .smil-floor-radiantcheck__effects-header, .smil-floor-radiantcheck__decisions-header { max-width: 930px; } .smil-floor-radiantcheck__effects-header > p:last-child, .smil-floor-radiantcheck__decisions-header > p:last-child { margin: 12px 0 0; color: var(--sfrc-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-radiantcheck__effects-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 22px; } .smil-floor-radiantcheck__effect-card, .smil-floor-radiantcheck__decision-card { min-width: 0; padding: 19px 17px; background: var(--sfrc-white); border: 1px solid var(--sfrc-border); border-radius: 17px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-radiantcheck__effect-card > span, .smil-floor-radiantcheck__decision-card > span { display: block; margin-bottom: 13px; color: rgba(214, 109, 14, 0.36); font-size: 1.18rem; font-weight: 900; } .smil-floor-radiantcheck__effect-card strong, .smil-floor-radiantcheck__decision-card strong { display: block; margin-bottom: 6px; color: var(--sfrc-dark); font-size: 0.91rem; font-weight: 850; line-height: 1.36; } .smil-floor-radiantcheck__effect-card p, .smil-floor-radiantcheck__decision-card p { margin: 0; color: var(--sfrc-muted); font-size: 0.78rem; line-height: 1.51; } /* BLOCCHI A DUE COLONNE */ .smil-floor-radiantcheck__difference, .smil-floor-radiantcheck__checks, .smil-floor-radiantcheck__resistance, .smil-floor-radiantcheck__alternative, .smil-floor-radiantcheck__local { display: grid; grid-template-columns: minmax(300px, 0.79fr) minmax(0, 1.21fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); border-radius: 23px; } .smil-floor-radiantcheck__difference, .smil-floor-radiantcheck__resistance { background: var(--sfrc-white); border: 1px solid var(--sfrc-border); box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-radiantcheck__checks { color: var(--sfrc-white); background: linear-gradient( 135deg, var(--sfrc-blue) 0%, var(--sfrc-turquoise) 100% ); box-shadow: 0 18px 42px rgba(0, 128, 128, 0.2); } .smil-floor-radiantcheck__alternative { background: var(--sfrc-orange-soft); border: 1px solid #efd0b4; } .smil-floor-radiantcheck__local { color: var(--sfrc-white); background: linear-gradient( 135deg, var(--sfrc-deep) 0%, var(--sfrc-dark) 100% ); box-shadow: 0 19px 45px rgba(5, 43, 53, 0.17); } .smil-floor-radiantcheck__difference-copy > p:not(.smil-floor-radiantcheck__section-label), .smil-floor-radiantcheck__resistance-copy > p:not(.smil-floor-radiantcheck__section-label) { margin: 13px 0 0; color: var(--sfrc-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-radiantcheck__alternative-copy > p:not(.smil-floor-radiantcheck__section-label) { margin: 13px 0 0; color: #595850; font-size: 0.94rem; line-height: 1.65; } .smil-floor-radiantcheck__checks .smil-floor-radiantcheck__section-label { color: #d7fff8; } .smil-floor-radiantcheck__local .smil-floor-radiantcheck__section-label { color: #ffbd7a; } .smil-floor-radiantcheck__checks .smil-floor-radiantcheck__section-title, .smil-floor-radiantcheck__local .smil-floor-radiantcheck__section-title { color: var(--sfrc-white); } .smil-floor-radiantcheck__checks-copy > p:not(.smil-floor-radiantcheck__section-label), .smil-floor-radiantcheck__local-copy > p:not(.smil-floor-radiantcheck__section-label) { margin: 13px 0 0; color: rgba(241, 255, 252, 0.81); font-size: 0.94rem; line-height: 1.65; } .smil-floor-radiantcheck__local-copy > p:not(.smil-floor-radiantcheck__section-label) { color: rgba(238, 255, 252, 0.77); } .smil-floor-radiantcheck__local-copy strong { color: var(--sfrc-white); } /* DIFFERENZE */ .smil-floor-radiantcheck__difference-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; } .smil-floor-radiantcheck__difference-card { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 13px; min-width: 0; padding: 18px; background: var(--sfrc-orange-soft); border: 1px solid #efd0b4; border-radius: 17px; } .smil-floor-radiantcheck__difference-card--new { background: var(--sfrc-turquoise-light); border-color: #c5e7e2; } .smil-floor-radiantcheck__difference-card > span { display: grid; place-items: center; width: 44px; height: 44px; color: var(--sfrc-white); background: var(--sfrc-orange-dark); border-radius: 13px; font-weight: 900; } .smil-floor-radiantcheck__difference-card--new > span { background: var(--sfrc-blue); } .smil-floor-radiantcheck__difference-card > div { min-width: 0; } .smil-floor-radiantcheck__difference-label { margin: 0 0 4px; color: var(--sfrc-blue); font-size: 0.66rem; font-weight: 850; letter-spacing: 0.045em; text-transform: uppercase; } .smil-floor-radiantcheck__difference-card strong { display: block; color: var(--sfrc-dark); font-size: 0.9rem; font-weight: 850; line-height: 1.36; } .smil-floor-radiantcheck__difference-card div > p:last-child { margin: 7px 0 0; color: #526970; font-size: 0.77rem; line-height: 1.49; } /* VERIFICHE E LOCALIZZAZIONE */ .smil-floor-radiantcheck__checks-grid, .smil-floor-radiantcheck__local-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-radiantcheck__checks-grid > div, .smil-floor-radiantcheck__local-list > div { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.11); border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 15px; } .smil-floor-radiantcheck__checks-grid span, .smil-floor-radiantcheck__local-list span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfrc-dark); background: rgba(255, 255, 255, 0.9); border-radius: 10px; font-size: 0.67rem; font-weight: 900; } .smil-floor-radiantcheck__checks-grid p, .smil-floor-radiantcheck__local-list p { margin: 0; color: rgba(241, 255, 252, 0.7); font-size: 0.72rem; line-height: 1.47; } .smil-floor-radiantcheck__checks-grid strong, .smil-floor-radiantcheck__local-list strong { display: block; margin-bottom: 2px; color: var(--sfrc-white); font-size: 0.85rem; font-weight: 850; } /* STRATIGRAFIA TERMICA */ .smil-floor-radiantcheck__layers { display: grid; gap: 6px; } .smil-floor-radiantcheck__layer { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 11px; align-items: center; padding: 12px 14px; background: #f5f9f8; border: 1px solid #dceae7; border-radius: 12px; } .smil-floor-radiantcheck__layer > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfrc-white); background: var(--sfrc-blue); border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-radiantcheck__layer > div { min-width: 0; } .smil-floor-radiantcheck__layer strong { display: block; color: var(--sfrc-dark); font-size: 0.84rem; font-weight: 850; } .smil-floor-radiantcheck__layer small { display: block; margin-top: 3px; color: #526970; font-size: 0.67rem; line-height: 1.4; } .smil-floor-radiantcheck__layer--room { background: var(--sfrc-turquoise-light); border-color: #c5e7e2; } .smil-floor-radiantcheck__layer--acoustic { background: var(--sfrc-orange-soft); border-color: #efd0b4; } .smil-floor-radiantcheck__layer--acoustic > span { background: var(--sfrc-orange-dark); } .smil-floor-radiantcheck__layer--existing { background: #eef2f2; } .smil-floor-radiantcheck__layer--heat { color: var(--sfrc-white); background: linear-gradient( 135deg, var(--sfrc-orange) 0%, var(--sfrc-orange-dark) 100% ); border-color: transparent; } .smil-floor-radiantcheck__layer--heat > span { color: var(--sfrc-orange-dark); background: var(--sfrc-white); } .smil-floor-radiantcheck__layer--heat strong { color: var(--sfrc-white); } .smil-floor-radiantcheck__layer--heat small { color: rgba(255, 255, 255, 0.8); } /* DECISIONI */ .smil-floor-radiantcheck__decisions-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 22px; } .smil-floor-radiantcheck__decision-card--orange { background: var(--sfrc-orange-soft); border-color: #efd0b4; } .smil-floor-radiantcheck__decision-card--orange > span { color: var(--sfrc-orange-dark); } /* ALTERNATIVE */ .smil-floor-radiantcheck__alternative-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 11px; } .smil-floor-radiantcheck__alternative-card { min-width: 0; padding: 19px 17px; background: rgba(255, 255, 255, 0.87); border: 1px solid #efd0b4; border-radius: 17px; } .smil-floor-radiantcheck__alternative-card--orange { background: var(--sfrc-turquoise-light); border-color: #c5e7e2; } .smil-floor-radiantcheck__alternative-card > span { display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 13px; color: var(--sfrc-white); background: var(--sfrc-orange-dark); border-radius: 12px; font-weight: 900; } .smil-floor-radiantcheck__alternative-card--orange > span { background: var(--sfrc-blue); } .smil-floor-radiantcheck__alternative-card strong { display: block; color: var(--sfrc-dark); font-size: 0.91rem; font-weight: 850; } .smil-floor-radiantcheck__alternative-card p { margin: 7px 0 0; color: #526970; font-size: 0.76rem; line-height: 1.49; } /* DOMANDE */ .smil-floor-radiantcheck__questions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 26px; } .smil-floor-radiantcheck__question { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; padding: 20px 22px; background: var(--sfrc-white); border: 1px solid var(--sfrc-border); border-left: 5px solid var(--sfrc-turquoise); border-radius: 18px; } .smil-floor-radiantcheck__question-icon { display: grid; place-items: center; width: 49px; height: 49px; color: var(--sfrc-blue); background: var(--sfrc-turquoise-light); border-radius: 14px; } .smil-floor-radiantcheck__question-icon svg { width: 26px; height: 26px; } .smil-floor-radiantcheck__question > div { min-width: 0; } .smil-floor-radiantcheck__question strong { display: block; margin: 1px 0 6px; color: var(--sfrc-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-radiantcheck__question p { margin: 0; color: #48646d; font-size: 0.9rem; line-height: 1.62; } /* AVVERTENZA FINALE */ .smil-floor-radiantcheck__final-warning { margin-top: 25px; background: linear-gradient( 135deg, var(--sfrc-deep) 0%, var(--sfrc-dark) 100% ); border-color: rgba(255, 255, 255, 0.1); border-left-color: var(--sfrc-orange); } .smil-floor-radiantcheck__final-warning-icon { color: var(--sfrc-orange-dark); background: var(--sfrc-white); } .smil-floor-radiantcheck__final-warning strong { color: var(--sfrc-white); } .smil-floor-radiantcheck__final-warning p { color: rgba(238, 255, 252, 0.76); } /* CTA */ .smil-floor-radiantcheck__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 21px 23px; color: var(--sfrc-white); background: linear-gradient( 135deg, var(--sfrc-blue) 0%, var(--sfrc-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-radiantcheck__cta-copy { display: grid; grid-template-columns: 47px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-radiantcheck__cta-icon { display: grid; place-items: center; width: 47px; height: 47px; color: var(--sfrc-orange-dark); background: rgba(255, 255, 255, 0.9); border-radius: 14px; } .smil-floor-radiantcheck__cta-icon svg { width: 25px; height: 25px; } .smil-floor-radiantcheck__cta-copy > div { min-width: 0; } .smil-floor-radiantcheck__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sfrc-white); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-radiantcheck__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.81); font-size: 0.86rem; line-height: 1.5; } .smil-floor-radiantcheck__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 51px; padding: 12px 18px; color: var(--sfrc-white); background: linear-gradient( 135deg, var(--sfrc-orange) 0%, var(--sfrc-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-radiantcheck__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-radiantcheck__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-radiantcheck__cta-button:hover svg { transform: translateX(3px); } .smil-floor-radiantcheck__cta-button:focus-visible { outline: 3px solid var(--sfrc-white); outline-offset: 4px; } /* TABLET */ @media (max-width: 1050px) { .smil-floor-radiantcheck__header, .smil-floor-radiantcheck__principle, .smil-floor-radiantcheck__difference, .smil-floor-radiantcheck__checks, .smil-floor-radiantcheck__resistance, .smil-floor-radiantcheck__alternative, .smil-floor-radiantcheck__local { grid-template-columns: minmax(0, 1fr); } .smil-floor-radiantcheck__decisions-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* MOBILE */ @media (max-width: 760px) { .smil-floor-radiantcheck { padding: 49px 14px 58px; } .smil-floor-radiantcheck__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-floor-radiantcheck__answer, .smil-floor-radiantcheck__warning, .smil-floor-radiantcheck__final-warning { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-radiantcheck__answer-icon, .smil-floor-radiantcheck__warning-icon, .smil-floor-radiantcheck__final-warning-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-radiantcheck__principle, .smil-floor-radiantcheck__difference, .smil-floor-radiantcheck__checks, .smil-floor-radiantcheck__resistance, .smil-floor-radiantcheck__alternative, .smil-floor-radiantcheck__local { padding: 22px 18px; border-radius: 20px; } .smil-floor-radiantcheck__balance, .smil-floor-radiantcheck__effects-grid, .smil-floor-radiantcheck__difference-grid, .smil-floor-radiantcheck__checks-grid, .smil-floor-radiantcheck__decisions-grid, .smil-floor-radiantcheck__alternative-grid, .smil-floor-radiantcheck__local-list, .smil-floor-radiantcheck__questions { grid-template-columns: minmax(0, 1fr); } .smil-floor-radiantcheck__balance-symbol { transform: rotate(90deg); } .smil-floor-radiantcheck__question { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-radiantcheck__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-radiantcheck__cta-button { width: 100%; } } /* SMARTPHONE PICCOLI */ @media (max-width: 440px) { .smil-floor-radiantcheck__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-radiantcheck__answer, .smil-floor-radiantcheck__warning, .smil-floor-radiantcheck__final-warning, .smil-floor-radiantcheck__difference-card, .smil-floor-radiantcheck__checks-grid > div, .smil-floor-radiantcheck__layer, .smil-floor-radiantcheck__local-list > div, .smil-floor-radiantcheck__question, .smil-floor-radiantcheck__cta-copy { grid-template-columns: minmax(0, 1fr); } } /* ACCESSIBILITÀ */ @media (prefers-reduced-motion: reduce) { .smil-floor-radiantcheck__cta-button, .smil-floor-radiantcheck__cta-button svg { transition: none; } }#imCell_47 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_47 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_47 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_47 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H2 – ERRORI DA EVITARE CSS AUTONOMO ========================================================= */ .smil-floor-mistakes, .smil-floor-mistakes *, .smil-floor-mistakes *::before, .smil-floor-mistakes *::after { box-sizing: border-box; } .smil-floor-mistakes { --sfm-dark: #073844; --sfm-deep: #052b35; --sfm-blue: #087c8f; --sfm-turquoise: #00a991; --sfm-turquoise-light: #dff8f4; --sfm-orange: #f28a2e; --sfm-orange-dark: #d66d0e; --sfm-orange-soft: #fff1e4; --sfm-white: #ffffff; --sfm-bg: #f3faf9; --sfm-text: #183640; --sfm-muted: #557078; --sfm-border: #cee5e2; position: relative; width: 100%; overflow: hidden; scroll-margin-top: 90px; padding: clamp(62px, 7vw, 102px) 20px; color: var(--sfm-text); background: radial-gradient( circle at 97% 3%, rgba(242, 138, 46, 0.09) 0, rgba(242, 138, 46, 0) 29% ), radial-gradient( circle at 2% 97%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 0) 27% ), var(--sfm-bg); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-mistakes__container { width: min(1220px, 100%); margin: 0 auto; } /* INTESTAZIONE */ .smil-floor-mistakes__header { display: grid; grid-template-columns: minmax(340px, 0.85fr) minmax(420px, 1.15fr); gap: clamp(32px, 5vw, 72px); align-items: end; } .smil-floor-mistakes__heading, .smil-floor-mistakes__intro { min-width: 0; } .smil-floor-mistakes__eyebrow { display: inline-flex; margin: 0 0 13px; padding: 7px 14px; color: var(--sfm-orange-dark); background: var(--sfm-orange-soft); border: 1px solid #efd0b4; border-radius: 999px; font-size: 0.81rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-mistakes__title { margin: 0; color: var(--sfm-dark); font-size: clamp(2rem, 4.25vw, 3.6rem); font-weight: 850; line-height: 1.07; letter-spacing: -0.04em; text-wrap: balance; } .smil-floor-mistakes__intro p { margin: 0; color: var(--sfm-muted); font-size: clamp(1.02rem, 1.55vw, 1.16rem); line-height: 1.73; } .smil-floor-mistakes__intro p + p { margin-top: 11px; } .smil-floor-mistakes__intro strong { color: var(--sfm-dark); font-weight: 800; } /* RISPOSTA DIRETTA */ .smil-floor-mistakes__answer { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 17px; margin-top: 34px; padding: 23px 24px; background: var(--sfm-white); border: 1px solid #efd0b4; border-left: 6px solid var(--sfm-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-mistakes__answer-icon { display: grid; place-items: center; width: 56px; height: 56px; color: var(--sfm-white); background: var(--sfm-orange-dark); border-radius: 15px; } .smil-floor-mistakes__answer-icon svg { width: 29px; height: 29px; } .smil-floor-mistakes__answer-content { min-width: 0; } .smil-floor-mistakes__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sfm-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-mistakes__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } .smil-floor-mistakes__answer-content p strong { color: var(--sfm-dark); font-weight: 850; } /* TITOLI VISIVI */ .smil-floor-mistakes__section-label { margin: 0 0 7px; color: var(--sfm-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-mistakes__section-title { display: block; color: var(--sfm-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* PRINCIPIO */ .smil-floor-mistakes__principle { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 32px; padding: clamp(26px, 4vw, 42px); color: var(--sfm-white); background: radial-gradient( circle at 95% 8%, rgba(242, 138, 46, 0.21) 0, rgba(242, 138, 46, 0) 36% ), linear-gradient( 135deg, var(--sfm-deep) 0%, var(--sfm-dark) 70%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-mistakes__principle .smil-floor-mistakes__section-label { color: #ffbd7a; } .smil-floor-mistakes__principle .smil-floor-mistakes__section-title { color: var(--sfm-white); } .smil-floor-mistakes__principle-copy > p:not(.smil-floor-mistakes__section-label) { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-mistakes__sequence { display: grid; grid-template-columns: minmax(0, 1fr) 30px minmax(0, 1fr) 30px minmax(0, 1fr); gap: 8px; align-items: center; } .smil-floor-mistakes__sequence-step { min-width: 0; padding: 18px 14px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 15px; text-align: center; } .smil-floor-mistakes__sequence-step--orange { background: rgba(242, 138, 46, 0.2); border-color: rgba(255, 191, 126, 0.3); } .smil-floor-mistakes__sequence-step > span { display: grid; place-items: center; width: 35px; height: 35px; margin: 0 auto 11px; color: var(--sfm-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-mistakes__sequence-step--orange > span { background: #ffb56c; } .smil-floor-mistakes__sequence-step strong { display: block; color: var(--sfm-white); font-size: 0.87rem; font-weight: 850; } .smil-floor-mistakes__sequence-step small { display: block; margin-top: 5px; color: rgba(238, 255, 252, 0.68); font-size: 0.68rem; line-height: 1.42; } .smil-floor-mistakes__sequence-arrow { color: var(--sfm-orange); font-size: 1.2rem; font-weight: 900; text-align: center; } /* SEZIONI CON GRIGLIA */ .smil-floor-mistakes__main, .smil-floor-mistakes__bridges, .smil-floor-mistakes__phases { margin-top: 36px; } .smil-floor-mistakes__main-header, .smil-floor-mistakes__bridges-header, .smil-floor-mistakes__phases-header { max-width: 940px; } .smil-floor-mistakes__main-header > p:last-child, .smil-floor-mistakes__bridges-header > p:last-child, .smil-floor-mistakes__phases-header > p:last-child { margin: 12px 0 0; color: var(--sfm-muted); font-size: 0.94rem; line-height: 1.64; } /* ERRORI PRINCIPALI */ .smil-floor-mistakes__main-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 22px; } .smil-floor-mistakes__mistake-card { min-width: 0; padding: 21px 19px; background: var(--sfm-white); border: 1px solid var(--sfm-border); border-top: 5px solid var(--sfm-turquoise); border-radius: 19px; box-shadow: 0 13px 33px rgba(7, 56, 68, 0.07); } .smil-floor-mistakes__mistake-card--orange { border-top-color: var(--sfm-orange); } .smil-floor-mistakes__mistake-card--deep { border-top-color: var(--sfm-dark); } .smil-floor-mistakes__mistake-card > span { display: grid; place-items: center; width: 42px; height: 42px; margin-bottom: 14px; color: var(--sfm-white); background: var(--sfm-blue); border-radius: 12px; font-size: 0.75rem; font-weight: 900; } .smil-floor-mistakes__mistake-card--orange > span { background: var(--sfm-orange-dark); } .smil-floor-mistakes__mistake-card--deep > span { background: var(--sfm-dark); } .smil-floor-mistakes__mistake-card strong { display: block; color: var(--sfm-dark); font-size: 0.96rem; font-weight: 850; line-height: 1.38; } .smil-floor-mistakes__mistake-card p { margin: 8px 0 0; color: var(--sfm-muted); font-size: 0.81rem; line-height: 1.55; } .smil-floor-mistakes__mistake-card small { display: block; margin-top: 12px; padding-top: 10px; color: var(--sfm-blue); border-top: 1px solid #deecea; font-size: 0.7rem; font-weight: 750; line-height: 1.43; } /* BLOCCHI A DUE COLONNE */ .smil-floor-mistakes__wrong-surface, .smil-floor-mistakes__lateral, .smil-floor-mistakes__support, .smil-floor-mistakes__thickness, .smil-floor-mistakes__levels, .smil-floor-mistakes__finish, .smil-floor-mistakes__partial, .smil-floor-mistakes__correct-path, .smil-floor-mistakes__local { display: grid; grid-template-columns: minmax(300px, 0.79fr) minmax(0, 1.21fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); border-radius: 23px; } .smil-floor-mistakes__wrong-surface, .smil-floor-mistakes__support, .smil-floor-mistakes__thickness { background: var(--sfm-white); border: 1px solid var(--sfm-border); box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-mistakes__lateral, .smil-floor-mistakes__local { color: var(--sfm-white); background: linear-gradient( 135deg, var(--sfm-blue) 0%, var(--sfm-turquoise) 100% ); box-shadow: 0 18px 42px rgba(0, 128, 128, 0.2); } .smil-floor-mistakes__levels, .smil-floor-mistakes__finish { background: var(--sfm-orange-soft); border: 1px solid #efd0b4; } .smil-floor-mistakes__partial, .smil-floor-mistakes__correct-path { color: var(--sfm-white); background: linear-gradient( 135deg, var(--sfm-deep) 0%, var(--sfm-dark) 100% ); box-shadow: 0 19px 45px rgba(5, 43, 53, 0.17); } .smil-floor-mistakes__wrong-surface-copy > p:not(.smil-floor-mistakes__section-label), .smil-floor-mistakes__support-copy > p:not(.smil-floor-mistakes__section-label), .smil-floor-mistakes__thickness-copy > p:not(.smil-floor-mistakes__section-label) { margin: 13px 0 0; color: var(--sfm-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-mistakes__levels-copy > p:not(.smil-floor-mistakes__section-label), .smil-floor-mistakes__finish-copy > p:not(.smil-floor-mistakes__section-label) { margin: 13px 0 0; color: #595850; font-size: 0.94rem; line-height: 1.65; } .smil-floor-mistakes__lateral .smil-floor-mistakes__section-label, .smil-floor-mistakes__local .smil-floor-mistakes__section-label { color: #d7fff8; } .smil-floor-mistakes__partial .smil-floor-mistakes__section-label, .smil-floor-mistakes__correct-path .smil-floor-mistakes__section-label { color: #ffbd7a; } .smil-floor-mistakes__lateral .smil-floor-mistakes__section-title, .smil-floor-mistakes__partial .smil-floor-mistakes__section-title, .smil-floor-mistakes__correct-path .smil-floor-mistakes__section-title, .smil-floor-mistakes__local .smil-floor-mistakes__section-title { color: var(--sfm-white); } .smil-floor-mistakes__lateral-copy > p:not(.smil-floor-mistakes__section-label), .smil-floor-mistakes__partial-copy > p:not(.smil-floor-mistakes__section-label), .smil-floor-mistakes__correct-path-copy > p:not(.smil-floor-mistakes__section-label), .smil-floor-mistakes__local-copy > p:not(.smil-floor-mistakes__section-label) { margin: 13px 0 0; color: rgba(241, 255, 252, 0.81); font-size: 0.94rem; line-height: 1.65; } .smil-floor-mistakes__partial-copy > p:not(.smil-floor-mistakes__section-label), .smil-floor-mistakes__correct-path-copy > p:not(.smil-floor-mistakes__section-label) { color: rgba(238, 255, 252, 0.77); } .smil-floor-mistakes__local-copy strong { color: var(--sfm-white); } /* SUPERFICIE SBAGLIATA */ .smil-floor-mistakes__wrong-surface-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; } .smil-floor-mistakes__wrong-card { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 13px; min-width: 0; padding: 18px; background: var(--sfm-orange-soft); border: 1px solid #efd0b4; border-radius: 17px; } .smil-floor-mistakes__wrong-card--correct { background: var(--sfm-turquoise-light); border-color: #c5e7e2; } .smil-floor-mistakes__wrong-card > span { display: grid; place-items: center; width: 44px; height: 44px; color: var(--sfm-white); background: var(--sfm-orange-dark); border-radius: 13px; font-weight: 900; } .smil-floor-mistakes__wrong-card--correct > span { background: var(--sfm-turquoise); } .smil-floor-mistakes__wrong-card > div { min-width: 0; } .smil-floor-mistakes__wrong-label { margin: 0 0 4px; color: var(--sfm-blue); font-size: 0.66rem; font-weight: 850; letter-spacing: 0.045em; text-transform: uppercase; } .smil-floor-mistakes__wrong-card strong { display: block; color: var(--sfm-dark); font-size: 0.9rem; font-weight: 850; line-height: 1.36; } .smil-floor-mistakes__wrong-card div > p:last-child { margin: 7px 0 0; color: #526970; font-size: 0.77rem; line-height: 1.49; } /* MAPPA LATERALE */ .smil-floor-mistakes__lateral-map { display: grid; grid-template-columns: minmax(100px, 0.6fr) minmax(0, 1.4fr) minmax(100px, 0.6fr); gap: 10px; align-items: center; } .smil-floor-mistakes__lateral-source, .smil-floor-mistakes__lateral-room { min-width: 0; padding: 18px 12px; background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 15px; text-align: center; } .smil-floor-mistakes__lateral-source > span, .smil-floor-mistakes__lateral-room > span { display: grid; place-items: center; width: 42px; height: 42px; margin: 0 auto 10px; color: var(--sfm-dark); background: rgba(255, 255, 255, 0.9); border-radius: 12px; font-weight: 900; } .smil-floor-mistakes__lateral-source strong, .smil-floor-mistakes__lateral-room strong { color: var(--sfm-white); font-size: 0.82rem; font-weight: 850; } .smil-floor-mistakes__lateral-paths { display: grid; gap: 7px; } .smil-floor-mistakes__lateral-paths > div { display: grid; grid-template-columns: 35px minmax(0, 1fr); gap: 9px; align-items: center; min-width: 0; padding: 11px; background: rgba(5, 43, 53, 0.2); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 12px; } .smil-floor-mistakes__lateral-paths span { display: grid; place-items: center; width: 33px; height: 33px; color: var(--sfm-dark); background: #ffb56c; border-radius: 9px; font-weight: 900; } .smil-floor-mistakes__lateral-paths p { margin: 0; color: rgba(241, 255, 252, 0.68); font-size: 0.68rem; line-height: 1.4; } .smil-floor-mistakes__lateral-paths strong { display: block; color: var(--sfm-white); font-size: 0.8rem; } /* PONTI RIGIDI */ .smil-floor-mistakes__bridges-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 22px; } .smil-floor-mistakes__bridge-card { min-width: 0; padding: 19px 17px; background: var(--sfm-white); border: 1px solid var(--sfm-border); border-radius: 17px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-mistakes__bridge-card > span { display: block; margin-bottom: 13px; color: rgba(214, 109, 14, 0.38); font-size: 1.18rem; font-weight: 900; } .smil-floor-mistakes__bridge-card strong { display: block; margin-bottom: 6px; color: var(--sfm-dark); font-size: 0.91rem; font-weight: 850; line-height: 1.36; } .smil-floor-mistakes__bridge-card p { margin: 0; color: var(--sfm-muted); font-size: 0.78rem; line-height: 1.51; } /* SUPPORTO */ .smil-floor-mistakes__support-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-mistakes__support-card { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: var(--sfm-turquoise-light); border: 1px solid #c5e7e2; border-radius: 15px; } .smil-floor-mistakes__support-card--warning { background: var(--sfm-orange-soft); border-color: #efd0b4; } .smil-floor-mistakes__support-card > span { display: grid; place-items: center; width: 36px; height: 36px; color: var(--sfm-white); background: var(--sfm-turquoise); border-radius: 11px; font-weight: 900; } .smil-floor-mistakes__support-card--warning > span { background: var(--sfm-orange-dark); } .smil-floor-mistakes__support-card > div { min-width: 0; } .smil-floor-mistakes__support-card strong { display: block; color: var(--sfm-dark); font-size: 0.86rem; font-weight: 850; } .smil-floor-mistakes__support-card p { margin: 4px 0 0; color: #526970; font-size: 0.72rem; line-height: 1.47; } /* SPESSORE */ .smil-floor-mistakes__thickness-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 11px; } .smil-floor-mistakes__thickness-card { min-width: 0; padding: 18px 16px; background: var(--sfm-turquoise-light); border: 1px solid #c5e7e2; border-radius: 17px; } .smil-floor-mistakes__thickness-card--orange { background: var(--sfm-orange-soft); border-color: #efd0b4; } .smil-floor-mistakes__thickness-card > span { display: inline-flex; align-items: center; justify-content: center; min-width: 62px; min-height: 36px; margin-bottom: 12px; padding: 7px 10px; color: var(--sfm-white); background: var(--sfm-blue); border-radius: 10px; font-size: 0.75rem; font-weight: 900; } .smil-floor-mistakes__thickness-card--orange > span { background: var(--sfm-orange-dark); } .smil-floor-mistakes__thickness-card strong { display: block; color: var(--sfm-dark); font-size: 0.87rem; font-weight: 850; } .smil-floor-mistakes__thickness-card p { margin: 7px 0 0; color: #526970; font-size: 0.73rem; line-height: 1.48; } /* QUOTE */ .smil-floor-mistakes__levels-list, .smil-floor-mistakes__local-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-mistakes__levels-list > div { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.86); border: 1px solid #efd0b4; border-radius: 15px; } .smil-floor-mistakes__levels-list span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfm-white); background: var(--sfm-orange-dark); border-radius: 10px; font-size: 0.67rem; font-weight: 900; } .smil-floor-mistakes__levels-list p { margin: 0; color: #5b625f; font-size: 0.72rem; line-height: 1.47; } .smil-floor-mistakes__levels-list strong { display: block; margin-bottom: 2px; color: var(--sfm-dark); font-size: 0.85rem; font-weight: 850; } /* RISCALDAMENTO */ .smil-floor-mistakes__heating { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 18px; margin-top: 33px; padding: clamp(24px, 4vw, 34px); background: linear-gradient( 135deg, #fff1e4 0%, #ffe2c7 100% ); border: 1px solid #eabf98; border-left: 6px solid var(--sfm-orange-dark); border-radius: 20px; } .smil-floor-mistakes__heating-icon { display: grid; place-items: center; width: 58px; height: 58px; color: var(--sfm-white); background: var(--sfm-orange-dark); border-radius: 16px; } .smil-floor-mistakes__heating-icon svg { width: 30px; height: 30px; } .smil-floor-mistakes__heating > div { min-width: 0; } .smil-floor-mistakes__heating .smil-floor-mistakes__section-label { color: var(--sfm-orange-dark); } .smil-floor-mistakes__heating .smil-floor-mistakes__section-title { font-size: clamp(1.18rem, 2vw, 1.55rem); } .smil-floor-mistakes__heating p:not(.smil-floor-mistakes__section-label) { margin: 10px 0 0; color: #5f5b54; font-size: 0.9rem; line-height: 1.62; } /* FINITURE */ .smil-floor-mistakes__finish-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } .smil-floor-mistakes__finish-card { min-width: 0; padding: 17px 15px; background: rgba(255, 255, 255, 0.87); border: 1px solid #efd0b4; border-radius: 15px; } .smil-floor-mistakes__finish-card--orange { background: var(--sfm-turquoise-light); border-color: #c5e7e2; } .smil-floor-mistakes__finish-card > span { display: grid; place-items: center; width: 38px; height: 38px; margin-bottom: 11px; color: var(--sfm-white); background: var(--sfm-orange-dark); border-radius: 11px; font-size: 0.72rem; font-weight: 900; } .smil-floor-mistakes__finish-card--orange > span { background: var(--sfm-blue); } .smil-floor-mistakes__finish-card strong { display: block; color: var(--sfm-dark); font-size: 0.86rem; font-weight: 850; } .smil-floor-mistakes__finish-card p { margin: 6px 0 0; color: #526970; font-size: 0.71rem; line-height: 1.47; } /* INTERVENTO PARZIALE */ .smil-floor-mistakes__partial-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-mistakes__partial-grid > div { display: grid; grid-template-columns: 39px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 16px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 15px; } .smil-floor-mistakes__partial-grid span { display: grid; place-items: center; width: 37px; height: 37px; color: var(--sfm-dark); background: #ffb56c; border-radius: 10px; font-weight: 900; } .smil-floor-mistakes__partial-grid > div:last-child span { background: #7fe7d9; } .smil-floor-mistakes__partial-grid p { margin: 0; color: rgba(238, 255, 252, 0.69); font-size: 0.75rem; line-height: 1.48; } .smil-floor-mistakes__partial-grid strong { display: block; margin-bottom: 3px; color: var(--sfm-white); font-size: 0.86rem; font-weight: 850; } /* FASI */ .smil-floor-mistakes__phases-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 22px; } .smil-floor-mistakes__phase-card { min-width: 0; padding: 21px 19px; background: var(--sfm-white); border: 1px solid var(--sfm-border); border-top: 5px solid var(--sfm-turquoise); border-radius: 19px; box-shadow: 0 13px 33px rgba(7, 56, 68, 0.07); } .smil-floor-mistakes__phase-card--project { border-top-color: var(--sfm-blue); } .smil-floor-mistakes__phase-card--installation { border-top-color: var(--sfm-orange); } .smil-floor-mistakes__phase-card > span { display: grid; place-items: center; width: 42px; height: 42px; margin-bottom: 12px; color: var(--sfm-white); background: var(--sfm-turquoise); border-radius: 12px; font-weight: 900; } .smil-floor-mistakes__phase-card--project > span { background: var(--sfm-blue); } .smil-floor-mistakes__phase-card--installation > span { background: var(--sfm-orange-dark); } .smil-floor-mistakes__phase-label { margin: 0 0 4px; color: var(--sfm-blue); font-size: 0.68rem; font-weight: 850; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-mistakes__phase-card > strong { display: block; color: var(--sfm-dark); font-size: 0.95rem; font-weight: 850; } .smil-floor-mistakes__phase-card ul { margin: 12px 0 0; padding: 0; list-style: none; } .smil-floor-mistakes__phase-card li { position: relative; padding-left: 16px; color: var(--sfm-muted); font-size: 0.76rem; line-height: 1.48; } .smil-floor-mistakes__phase-card li + li { margin-top: 7px; } .smil-floor-mistakes__phase-card li::before { content: ""; position: absolute; top: 0.58em; left: 0; width: 6px; height: 6px; background: var(--sfm-orange); border-radius: 50%; } /* PERCORSO CORRETTO */ .smil-floor-mistakes__correct-path-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; } .smil-floor-mistakes__correct-path-list li { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.09); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; } .smil-floor-mistakes__correct-path-list li > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfm-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-mistakes__correct-path-list li:nth-child(n + 3) > span { background: #ffb56c; } .smil-floor-mistakes__correct-path-list li > div { min-width: 0; } .smil-floor-mistakes__correct-path-list strong { display: block; color: var(--sfm-white); font-size: 0.85rem; font-weight: 850; } .smil-floor-mistakes__correct-path-list p { margin: 5px 0 0; color: rgba(238, 255, 252, 0.67); font-size: 0.72rem; line-height: 1.47; } /* LOCALIZZAZIONE */ .smil-floor-mistakes__local-list > div { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.11); border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 15px; } .smil-floor-mistakes__local-list span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfm-dark); background: rgba(255, 255, 255, 0.9); border-radius: 10px; font-size: 0.67rem; font-weight: 900; } .smil-floor-mistakes__local-list p { margin: 0; color: rgba(241, 255, 252, 0.7); font-size: 0.72rem; line-height: 1.47; } .smil-floor-mistakes__local-list strong { display: block; margin-bottom: 2px; color: var(--sfm-white); font-size: 0.85rem; font-weight: 850; } /* DOMANDE */ .smil-floor-mistakes__questions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 26px; } .smil-floor-mistakes__question { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; padding: 20px 22px; background: var(--sfm-white); border: 1px solid var(--sfm-border); border-left: 5px solid var(--sfm-turquoise); border-radius: 18px; } .smil-floor-mistakes__question-icon { display: grid; place-items: center; width: 49px; height: 49px; color: var(--sfm-blue); background: var(--sfm-turquoise-light); border-radius: 14px; } .smil-floor-mistakes__question-icon svg { width: 26px; height: 26px; } .smil-floor-mistakes__question > div { min-width: 0; } .smil-floor-mistakes__question strong { display: block; margin: 1px 0 6px; color: var(--sfm-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-mistakes__question p { margin: 0; color: #48646d; font-size: 0.9rem; line-height: 1.62; } /* AVVERTENZA FINALE */ .smil-floor-mistakes__final-warning { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 17px; margin-top: 25px; padding: 23px 24px; color: var(--sfm-white); background: linear-gradient( 135deg, var(--sfm-deep) 0%, var(--sfm-dark) 100% ); border-left: 6px solid var(--sfm-orange); border-radius: 19px; } .smil-floor-mistakes__final-warning-icon { display: grid; place-items: center; width: 56px; height: 56px; color: var(--sfm-orange-dark); background: var(--sfm-white); border-radius: 15px; } .smil-floor-mistakes__final-warning-icon svg { width: 29px; height: 29px; } .smil-floor-mistakes__final-warning > div { min-width: 0; } .smil-floor-mistakes__final-warning strong { display: block; margin: 1px 0 7px; color: var(--sfm-white); font-size: clamp(1.03rem, 1.5vw, 1.18rem); font-weight: 850; line-height: 1.38; } .smil-floor-mistakes__final-warning p { margin: 0; color: rgba(238, 255, 252, 0.76); font-size: 0.92rem; line-height: 1.63; } /* CTA */ .smil-floor-mistakes__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 22px 24px; color: var(--sfm-white); background: linear-gradient( 135deg, var(--sfm-blue) 0%, var(--sfm-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-mistakes__cta-copy { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-mistakes__cta-icon { display: grid; place-items: center; width: 48px; height: 48px; color: var(--sfm-dark); background: rgba(255, 255, 255, 0.9); border-radius: 14px; } .smil-floor-mistakes__cta-icon svg { width: 25px; height: 25px; } .smil-floor-mistakes__cta-copy > div { min-width: 0; } .smil-floor-mistakes__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sfm-white); font-size: 1.04rem; font-weight: 850; line-height: 1.35; } .smil-floor-mistakes__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.82); font-size: 0.86rem; line-height: 1.5; } .smil-floor-mistakes__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 51px; padding: 12px 19px; color: var(--sfm-white); background: linear-gradient( 135deg, var(--sfm-orange) 0%, var(--sfm-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-mistakes__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-mistakes__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-mistakes__cta-button:hover svg { transform: translateX(3px); } .smil-floor-mistakes__cta-button:focus-visible { outline: 3px solid var(--sfm-white); outline-offset: 4px; } /* TABLET */ @media (max-width: 1050px) { .smil-floor-mistakes__header, .smil-floor-mistakes__principle, .smil-floor-mistakes__wrong-surface, .smil-floor-mistakes__lateral, .smil-floor-mistakes__support, .smil-floor-mistakes__thickness, .smil-floor-mistakes__levels, .smil-floor-mistakes__finish, .smil-floor-mistakes__partial, .smil-floor-mistakes__correct-path, .smil-floor-mistakes__local { grid-template-columns: minmax(0, 1fr); } .smil-floor-mistakes__main-grid, .smil-floor-mistakes__bridges-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* MOBILE */ @media (max-width: 760px) { .smil-floor-mistakes { padding: 50px 14px 59px; } .smil-floor-mistakes__title { font-size: clamp(2rem, 10vw, 2.9rem); } .smil-floor-mistakes__answer, .smil-floor-mistakes__heating, .smil-floor-mistakes__final-warning { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-mistakes__answer-icon, .smil-floor-mistakes__heating-icon, .smil-floor-mistakes__final-warning-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-mistakes__principle, .smil-floor-mistakes__wrong-surface, .smil-floor-mistakes__lateral, .smil-floor-mistakes__support, .smil-floor-mistakes__thickness, .smil-floor-mistakes__levels, .smil-floor-mistakes__finish, .smil-floor-mistakes__partial, .smil-floor-mistakes__correct-path, .smil-floor-mistakes__local { padding: 22px 18px; border-radius: 20px; } .smil-floor-mistakes__sequence, .smil-floor-mistakes__main-grid, .smil-floor-mistakes__wrong-surface-grid, .smil-floor-mistakes__lateral-map, .smil-floor-mistakes__bridges-grid, .smil-floor-mistakes__support-grid, .smil-floor-mistakes__thickness-grid, .smil-floor-mistakes__levels-list, .smil-floor-mistakes__finish-grid, .smil-floor-mistakes__partial-grid, .smil-floor-mistakes__phases-grid, .smil-floor-mistakes__correct-path-list, .smil-floor-mistakes__local-list, .smil-floor-mistakes__questions { grid-template-columns: minmax(0, 1fr); } .smil-floor-mistakes__sequence-arrow { transform: rotate(90deg); } .smil-floor-mistakes__question { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-mistakes__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-mistakes__cta-button { width: 100%; } } /* SMARTPHONE PICCOLI */ @media (max-width: 440px) { .smil-floor-mistakes__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-mistakes__answer, .smil-floor-mistakes__wrong-card, .smil-floor-mistakes__support-card, .smil-floor-mistakes__levels-list > div, .smil-floor-mistakes__heating, .smil-floor-mistakes__partial-grid > div, .smil-floor-mistakes__correct-path-list li, .smil-floor-mistakes__local-list > div, .smil-floor-mistakes__question, .smil-floor-mistakes__final-warning, .smil-floor-mistakes__cta-copy { grid-template-columns: minmax(0, 1fr); } } /* ACCESSIBILITÀ */ @media (prefers-reduced-motion: reduce) { .smil-floor-mistakes__cta-button, .smil-floor-mistakes__cta-button svg { transition: none; } }#imCell_48 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_48 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_48 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_48 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H3 – MATERASSINI SOTTILI CSS AUTONOMO ========================================================= */ .smil-floor-thinmats, .smil-floor-thinmats *, .smil-floor-thinmats *::before, .smil-floor-thinmats *::after { box-sizing: border-box; } .smil-floor-thinmats { --sftm-dark: #073844; --sftm-deep: #052b35; --sftm-blue: #087c8f; --sftm-turquoise: #00a991; --sftm-turquoise-light: #dff8f4; --sftm-orange: #f28a2e; --sftm-orange-dark: #d66d0e; --sftm-orange-soft: #fff1e4; --sftm-white: #ffffff; --sftm-bg: #ffffff; --sftm-bg-soft: #f3faf9; --sftm-text: #183640; --sftm-muted: #557078; --sftm-border: #cee5e2; position: relative; width: 100%; overflow: hidden; scroll-margin-top: 90px; padding: clamp(58px, 7vw, 96px) 20px; color: var(--sftm-text); background: radial-gradient( circle at 97% 3%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 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(--sftm-bg) 0%, var(--sftm-bg-soft) 100% ); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-thinmats__container { width: min(1220px, 100%); margin: 0 auto; } /* INTESTAZIONE */ .smil-floor-thinmats__header { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(440px, 1.22fr); gap: clamp(30px, 5vw, 70px); align-items: end; } .smil-floor-thinmats__heading, .smil-floor-thinmats__intro { min-width: 0; } .smil-floor-thinmats__eyebrow { display: inline-flex; margin: 0 0 12px; padding: 7px 13px; color: var(--sftm-blue); background: var(--sftm-turquoise-light); border: 1px solid #c5e8e3; border-radius: 999px; font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-thinmats__title { margin: 0; color: var(--sftm-dark); font-size: clamp(1.9rem, 3.55vw, 3.15rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; } .smil-floor-thinmats__intro p { margin: 0; color: var(--sftm-muted); font-size: clamp(1.03rem, 1.55vw, 1.17rem); line-height: 1.73; } .smil-floor-thinmats__intro p + p { margin-top: 10px; } .smil-floor-thinmats__intro strong { color: var(--sftm-dark); font-weight: 800; } /* RISPOSTA DIRETTA */ .smil-floor-thinmats__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; margin-top: 34px; padding: 22px 24px; background: var(--sftm-white); border: 1px solid var(--sftm-border); border-left: 5px solid var(--sftm-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-thinmats__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sftm-blue); background: var(--sftm-turquoise-light); border-radius: 15px; } .smil-floor-thinmats__answer-icon svg { width: 28px; height: 28px; } .smil-floor-thinmats__answer-content { min-width: 0; } .smil-floor-thinmats__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sftm-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-thinmats__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } .smil-floor-thinmats__answer-content p strong { color: var(--sftm-dark); font-weight: 850; } /* TITOLI VISIVI */ .smil-floor-thinmats__section-label { margin: 0 0 7px; color: var(--sftm-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-thinmats__section-title { display: block; color: var(--sftm-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* PRINCIPIO */ .smil-floor-thinmats__principle { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 31px; padding: clamp(26px, 4vw, 42px); color: var(--sftm-white); background: radial-gradient( circle at 94% 10%, rgba(0, 169, 145, 0.24) 0, rgba(0, 169, 145, 0) 35% ), linear-gradient( 135deg, var(--sftm-deep) 0%, var(--sftm-dark) 65%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-thinmats__principle .smil-floor-thinmats__section-label { color: #7fe7d9; } .smil-floor-thinmats__principle .smil-floor-thinmats__section-title { color: var(--sftm-white); } .smil-floor-thinmats__principle-copy > p:not(.smil-floor-thinmats__section-label) { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-thinmats__formula { display: grid; grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr) 28px minmax(0, 1fr); gap: 8px; align-items: center; } .smil-floor-thinmats__formula-card { min-width: 0; padding: 18px 14px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 15px; text-align: center; } .smil-floor-thinmats__formula-card--orange { background: rgba(242, 138, 46, 0.2); border-color: rgba(255, 191, 126, 0.3); } .smil-floor-thinmats__formula-card > span { display: grid; place-items: center; width: 35px; height: 35px; margin: 0 auto 11px; color: var(--sftm-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-thinmats__formula-card--orange > span { background: #ffb56c; } .smil-floor-thinmats__formula-card strong { display: block; color: var(--sftm-white); font-size: 0.87rem; font-weight: 850; } .smil-floor-thinmats__formula-card small { display: block; margin-top: 5px; color: rgba(238, 255, 252, 0.68); font-size: 0.68rem; line-height: 1.42; } .smil-floor-thinmats__formula-symbol { color: var(--sftm-orange); font-size: 1.2rem; font-weight: 900; text-align: center; } /* BLOCCHI A DUE COLONNE */ .smil-floor-thinmats__limits, .smil-floor-thinmats__comparison, .smil-floor-thinmats__data, .smil-floor-thinmats__floating-finish, .smil-floor-thinmats__loads, .smil-floor-thinmats__use, .smil-floor-thinmats__local { display: grid; grid-template-columns: minmax(300px, 0.79fr) minmax(0, 1.21fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); border-radius: 23px; } .smil-floor-thinmats__limits, .smil-floor-thinmats__floating-finish { background: var(--sftm-white); border: 1px solid var(--sftm-border); box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-thinmats__comparison, .smil-floor-thinmats__local { color: var(--sftm-white); background: linear-gradient( 135deg, var(--sftm-blue) 0%, var(--sftm-turquoise) 100% ); box-shadow: 0 18px 42px rgba(0, 128, 128, 0.2); } .smil-floor-thinmats__data, .smil-floor-thinmats__use { background: var(--sftm-orange-soft); border: 1px solid #efd0b4; } .smil-floor-thinmats__loads { color: var(--sftm-white); background: linear-gradient( 135deg, var(--sftm-deep) 0%, var(--sftm-dark) 100% ); box-shadow: 0 19px 45px rgba(5, 43, 53, 0.17); } .smil-floor-thinmats__limits-copy > p:not(.smil-floor-thinmats__section-label), .smil-floor-thinmats__floating-finish-copy > p:not(.smil-floor-thinmats__section-label) { margin: 13px 0 0; color: var(--sftm-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-thinmats__data-copy > p:not(.smil-floor-thinmats__section-label), .smil-floor-thinmats__use-copy > p:not(.smil-floor-thinmats__section-label) { margin: 13px 0 0; color: #595850; font-size: 0.94rem; line-height: 1.65; } .smil-floor-thinmats__comparison .smil-floor-thinmats__section-label, .smil-floor-thinmats__local .smil-floor-thinmats__section-label { color: #d7fff8; } .smil-floor-thinmats__loads .smil-floor-thinmats__section-label { color: #7fe7d9; } .smil-floor-thinmats__comparison .smil-floor-thinmats__section-title, .smil-floor-thinmats__loads .smil-floor-thinmats__section-title, .smil-floor-thinmats__local .smil-floor-thinmats__section-title { color: var(--sftm-white); } .smil-floor-thinmats__comparison-copy > p:not(.smil-floor-thinmats__section-label), .smil-floor-thinmats__loads-copy > p:not(.smil-floor-thinmats__section-label), .smil-floor-thinmats__local-copy > p:not(.smil-floor-thinmats__section-label) { margin: 13px 0 0; color: rgba(241, 255, 252, 0.81); font-size: 0.94rem; line-height: 1.65; } .smil-floor-thinmats__loads-copy > p:not(.smil-floor-thinmats__section-label) { color: rgba(238, 255, 252, 0.77); } .smil-floor-thinmats__local-copy strong { color: var(--sftm-white); } /* LIMITI */ .smil-floor-thinmats__limits-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-thinmats__limit-card { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 16px; background: var(--sftm-turquoise-light); border: 1px solid #c5e7e2; border-radius: 15px; } .smil-floor-thinmats__limit-card--warning { background: var(--sftm-orange-soft); border-color: #efd0b4; } .smil-floor-thinmats__limit-card > span { display: grid; place-items: center; width: 38px; height: 38px; color: var(--sftm-white); background: var(--sftm-turquoise); border-radius: 11px; font-weight: 900; } .smil-floor-thinmats__limit-card--warning > span { background: var(--sftm-orange-dark); } .smil-floor-thinmats__limit-card > div { min-width: 0; } .smil-floor-thinmats__limit-label { margin: 0 0 3px; color: var(--sftm-blue); font-size: 0.64rem; font-weight: 850; letter-spacing: 0.045em; text-transform: uppercase; } .smil-floor-thinmats__limit-card strong { display: block; color: var(--sftm-dark); font-size: 0.87rem; font-weight: 850; line-height: 1.36; } .smil-floor-thinmats__limit-card div > p:last-child { margin: 6px 0 0; color: #526970; font-size: 0.73rem; line-height: 1.48; } /* SEZIONI CON GRIGLIA */ .smil-floor-thinmats__noises, .smil-floor-thinmats__errors { margin-top: 35px; } .smil-floor-thinmats__noises-header, .smil-floor-thinmats__errors-header { max-width: 930px; } .smil-floor-thinmats__noises-header > p:last-child, .smil-floor-thinmats__errors-header > p:last-child { margin: 12px 0 0; color: var(--sftm-muted); font-size: 0.94rem; line-height: 1.64; } /* RUMORI */ .smil-floor-thinmats__noises-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 22px; } .smil-floor-thinmats__noise-card { min-width: 0; padding: 21px 19px; background: var(--sftm-white); border: 1px solid var(--sftm-border); border-top: 5px solid var(--sftm-turquoise); border-radius: 19px; box-shadow: 0 13px 33px rgba(7, 56, 68, 0.07); } .smil-floor-thinmats__noise-card--orange { border-top-color: var(--sftm-orange); } .smil-floor-thinmats__noise-card--deep { border-top-color: var(--sftm-dark); } .smil-floor-thinmats__noise-card > span { display: grid; place-items: center; width: 42px; height: 42px; margin-bottom: 12px; color: var(--sftm-white); background: var(--sftm-turquoise); border-radius: 12px; font-weight: 900; } .smil-floor-thinmats__noise-card--orange > span { background: var(--sftm-orange-dark); } .smil-floor-thinmats__noise-card--deep > span { background: var(--sftm-dark); } .smil-floor-thinmats__noise-label { margin: 0 0 4px; color: var(--sftm-blue); font-size: 0.68rem; font-weight: 850; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-thinmats__noise-card strong { display: block; color: var(--sftm-dark); font-size: 0.95rem; font-weight: 850; } .smil-floor-thinmats__noise-card > p:not(.smil-floor-thinmats__noise-label) { margin: 8px 0 0; color: var(--sftm-muted); font-size: 0.81rem; line-height: 1.55; } .smil-floor-thinmats__noise-card small { display: block; margin-top: 12px; padding-top: 10px; color: var(--sftm-blue); border-top: 1px solid #deecea; font-size: 0.7rem; font-weight: 750; line-height: 1.43; } /* CONFRONTO */ .smil-floor-thinmats__comparison-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; } .smil-floor-thinmats__comparison-card { min-width: 0; padding: 19px 17px; background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 17px; } .smil-floor-thinmats__comparison-card--system { background: rgba(5, 43, 53, 0.24); } .smil-floor-thinmats__comparison-card > span { display: grid; place-items: center; width: 42px; height: 42px; margin-bottom: 11px; color: var(--sftm-dark); background: rgba(255, 255, 255, 0.9); border-radius: 12px; font-weight: 900; } .smil-floor-thinmats__comparison-card--system > span { background: #ffb56c; } .smil-floor-thinmats__comparison-label { margin: 0 0 4px; color: #d7fff8; font-size: 0.65rem; font-weight: 850; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-thinmats__comparison-card > strong { display: block; color: var(--sftm-white); font-size: 0.93rem; font-weight: 850; } .smil-floor-thinmats__comparison-card ul { margin: 12px 0 0; padding: 0; list-style: none; } .smil-floor-thinmats__comparison-card li { position: relative; padding-left: 16px; color: rgba(241, 255, 252, 0.7); font-size: 0.72rem; line-height: 1.47; } .smil-floor-thinmats__comparison-card li + li { margin-top: 7px; } .smil-floor-thinmats__comparison-card li::before { content: ""; position: absolute; top: 0.58em; left: 0; width: 6px; height: 6px; background: #ffb56c; border-radius: 50%; } /* DATI */ .smil-floor-thinmats__data-flow { display: grid; grid-template-columns: minmax(0, 1fr) 48px minmax(0, 1fr); gap: 10px; align-items: center; } .smil-floor-thinmats__data-step { min-width: 0; padding: 20px 17px; background: rgba(255, 255, 255, 0.88); border: 1px solid #efd0b4; border-radius: 16px; text-align: center; } .smil-floor-thinmats__data-step--home { background: var(--sftm-turquoise-light); border-color: #c5e7e2; } .smil-floor-thinmats__data-step > span { display: grid; place-items: center; width: 38px; height: 38px; margin: 0 auto 11px; color: var(--sftm-white); background: var(--sftm-orange-dark); border-radius: 11px; font-size: 0.7rem; font-weight: 900; } .smil-floor-thinmats__data-step--home > span { background: var(--sftm-blue); } .smil-floor-thinmats__data-step strong { display: block; color: var(--sftm-dark); font-size: 0.9rem; font-weight: 850; } .smil-floor-thinmats__data-step small { display: block; margin-top: 5px; color: #526970; font-size: 0.68rem; line-height: 1.42; } .smil-floor-thinmats__data-arrow { color: var(--sftm-orange-dark); font-size: 1.5rem; font-weight: 900; text-align: center; } /* FINITURA FLOTTANTE */ .smil-floor-thinmats__floating-finish-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; } .smil-floor-thinmats__floating-card { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 13px; min-width: 0; padding: 18px; background: var(--sftm-orange-soft); border: 1px solid #efd0b4; border-radius: 17px; } .smil-floor-thinmats__floating-card--acoustic { background: var(--sftm-turquoise-light); border-color: #c5e7e2; } .smil-floor-thinmats__floating-card > span { display: grid; place-items: center; width: 46px; height: 46px; color: var(--sftm-white); background: var(--sftm-orange-dark); border-radius: 13px; font-size: 0.68rem; font-weight: 900; } .smil-floor-thinmats__floating-card--acoustic > span { background: var(--sftm-blue); } .smil-floor-thinmats__floating-card > div { min-width: 0; } .smil-floor-thinmats__floating-label { margin: 0 0 4px; color: var(--sftm-blue); font-size: 0.66rem; font-weight: 850; letter-spacing: 0.045em; text-transform: uppercase; } .smil-floor-thinmats__floating-card strong { display: block; color: var(--sftm-dark); font-size: 0.9rem; font-weight: 850; } .smil-floor-thinmats__floating-card div > p:last-child { margin: 7px 0 0; color: #526970; font-size: 0.75rem; line-height: 1.48; } /* CARICHI E LOCALIZZAZIONE */ .smil-floor-thinmats__loads-grid, .smil-floor-thinmats__local-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-thinmats__loads-grid > div, .smil-floor-thinmats__local-list > div { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 15px; } .smil-floor-thinmats__loads-grid span, .smil-floor-thinmats__local-list span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sftm-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.67rem; font-weight: 900; } .smil-floor-thinmats__local-list span { background: rgba(255, 255, 255, 0.9); } .smil-floor-thinmats__loads-grid p, .smil-floor-thinmats__local-list p { margin: 0; color: rgba(238, 255, 252, 0.67); font-size: 0.72rem; line-height: 1.47; } .smil-floor-thinmats__local-list p { color: rgba(241, 255, 252, 0.7); } .smil-floor-thinmats__loads-grid strong, .smil-floor-thinmats__local-list strong { display: block; margin-bottom: 2px; color: var(--sftm-white); font-size: 0.85rem; font-weight: 850; } /* ERRORI DI POSA */ .smil-floor-thinmats__errors-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 22px; } .smil-floor-thinmats__error-card { min-width: 0; padding: 19px 17px; background: var(--sftm-white); border: 1px solid var(--sftm-border); border-radius: 17px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-thinmats__error-card > span { display: block; margin-bottom: 13px; color: rgba(214, 109, 14, 0.38); font-size: 1.18rem; font-weight: 900; } .smil-floor-thinmats__error-card strong { display: block; margin-bottom: 6px; color: var(--sftm-dark); font-size: 0.91rem; font-weight: 850; line-height: 1.36; } .smil-floor-thinmats__error-card p { margin: 0; color: var(--sftm-muted); font-size: 0.78rem; line-height: 1.51; } /* UTILIZZO */ .smil-floor-thinmats__use-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-thinmats__use-card { min-width: 0; padding: 17px 15px; background: rgba(255, 255, 255, 0.88); border: 1px solid #efd0b4; border-radius: 15px; } .smil-floor-thinmats__use-card--warning { background: var(--sftm-turquoise-light); border-color: #c5e7e2; } .smil-floor-thinmats__use-card > span { display: grid; place-items: center; width: 38px; height: 38px; margin-bottom: 11px; color: var(--sftm-white); background: var(--sftm-orange-dark); border-radius: 11px; font-weight: 900; } .smil-floor-thinmats__use-card--warning > span { background: var(--sftm-blue); } .smil-floor-thinmats__use-card strong { display: block; color: var(--sftm-dark); font-size: 0.87rem; font-weight: 850; } .smil-floor-thinmats__use-card p { margin: 6px 0 0; color: #526970; font-size: 0.73rem; line-height: 1.48; } /* DOMANDE E AVVERTENZA */ .smil-floor-thinmats__questions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 26px; } .smil-floor-thinmats__question, .smil-floor-thinmats__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; padding: 20px 22px; border-radius: 18px; } .smil-floor-thinmats__question { background: var(--sftm-white); border: 1px solid var(--sftm-border); border-left: 5px solid var(--sftm-turquoise); } .smil-floor-thinmats__warning { margin-top: 25px; background: var(--sftm-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sftm-orange); } .smil-floor-thinmats__question-icon, .smil-floor-thinmats__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; border-radius: 14px; } .smil-floor-thinmats__question-icon { color: var(--sftm-blue); background: var(--sftm-turquoise-light); } .smil-floor-thinmats__warning-icon { color: var(--sftm-orange-dark); background: var(--sftm-white); } .smil-floor-thinmats__question-icon svg, .smil-floor-thinmats__warning-icon svg { width: 26px; height: 26px; } .smil-floor-thinmats__question > div, .smil-floor-thinmats__warning > div { min-width: 0; } .smil-floor-thinmats__question strong, .smil-floor-thinmats__warning strong { display: block; margin: 1px 0 6px; color: var(--sftm-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-thinmats__question p, .smil-floor-thinmats__warning p { margin: 0; font-size: 0.9rem; line-height: 1.62; } .smil-floor-thinmats__question p { color: #48646d; } .smil-floor-thinmats__warning p { color: #595850; } /* CTA */ .smil-floor-thinmats__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 21px 23px; color: var(--sftm-white); background: linear-gradient( 135deg, var(--sftm-blue) 0%, var(--sftm-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-thinmats__cta-copy { display: grid; grid-template-columns: 47px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-thinmats__cta-icon { display: grid; place-items: center; width: 47px; height: 47px; color: var(--sftm-dark); background: rgba(255, 255, 255, 0.87); border-radius: 14px; } .smil-floor-thinmats__cta-icon svg { width: 25px; height: 25px; } .smil-floor-thinmats__cta-copy > div { min-width: 0; } .smil-floor-thinmats__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sftm-white); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-thinmats__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.81); font-size: 0.86rem; line-height: 1.5; } .smil-floor-thinmats__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 51px; padding: 12px 18px; color: var(--sftm-white); background: linear-gradient( 135deg, var(--sftm-orange) 0%, var(--sftm-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-thinmats__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-thinmats__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-thinmats__cta-button:hover svg { transform: translateX(3px); } .smil-floor-thinmats__cta-button:focus-visible { outline: 3px solid var(--sftm-white); outline-offset: 4px; } /* TABLET */ @media (max-width: 1050px) { .smil-floor-thinmats__header, .smil-floor-thinmats__principle, .smil-floor-thinmats__limits, .smil-floor-thinmats__comparison, .smil-floor-thinmats__data, .smil-floor-thinmats__floating-finish, .smil-floor-thinmats__loads, .smil-floor-thinmats__use, .smil-floor-thinmats__local { grid-template-columns: minmax(0, 1fr); } } /* MOBILE */ @media (max-width: 760px) { .smil-floor-thinmats { padding: 49px 14px 58px; } .smil-floor-thinmats__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-floor-thinmats__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-thinmats__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-thinmats__principle, .smil-floor-thinmats__limits, .smil-floor-thinmats__comparison, .smil-floor-thinmats__data, .smil-floor-thinmats__floating-finish, .smil-floor-thinmats__loads, .smil-floor-thinmats__use, .smil-floor-thinmats__local { padding: 22px 18px; border-radius: 20px; } .smil-floor-thinmats__formula, .smil-floor-thinmats__limits-grid, .smil-floor-thinmats__noises-grid, .smil-floor-thinmats__comparison-grid, .smil-floor-thinmats__data-flow, .smil-floor-thinmats__floating-finish-grid, .smil-floor-thinmats__loads-grid, .smil-floor-thinmats__errors-grid, .smil-floor-thinmats__use-grid, .smil-floor-thinmats__local-list, .smil-floor-thinmats__questions { grid-template-columns: minmax(0, 1fr); } .smil-floor-thinmats__formula-symbol, .smil-floor-thinmats__data-arrow { transform: rotate(90deg); } .smil-floor-thinmats__question, .smil-floor-thinmats__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-thinmats__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-thinmats__cta-button { width: 100%; } } /* SMARTPHONE PICCOLI */ @media (max-width: 440px) { .smil-floor-thinmats__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-thinmats__answer, .smil-floor-thinmats__limit-card, .smil-floor-thinmats__floating-card, .smil-floor-thinmats__loads-grid > div, .smil-floor-thinmats__local-list > div, .smil-floor-thinmats__question, .smil-floor-thinmats__warning, .smil-floor-thinmats__cta-copy { grid-template-columns: minmax(0, 1fr); } } /* ACCESSIBILITÀ */ @media (prefers-reduced-motion: reduce) { .smil-floor-thinmats__cta-button, .smil-floor-thinmats__cta-button svg { transition: none; } }#imCell_49 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_49 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_49 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_49 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H3 – FONOASSORBIMENTO E ISOLAMENTO CSS AUTONOMO ========================================================= */ .smil-floor-absorbiso, .smil-floor-absorbiso *, .smil-floor-absorbiso *::before, .smil-floor-absorbiso *::after { box-sizing: border-box; } .smil-floor-absorbiso { --sfai-dark: #073844; --sfai-deep: #052b35; --sfai-blue: #087c8f; --sfai-turquoise: #00a991; --sfai-turquoise-light: #dff8f4; --sfai-orange: #f28a2e; --sfai-orange-dark: #d66d0e; --sfai-orange-soft: #fff1e4; --sfai-white: #ffffff; --sfai-bg: #ffffff; --sfai-bg-soft: #f3faf9; --sfai-text: #183640; --sfai-muted: #557078; --sfai-border: #cee5e2; position: relative; width: 100%; overflow: hidden; scroll-margin-top: 90px; padding: clamp(58px, 7vw, 96px) 20px; color: var(--sfai-text); background: radial-gradient( circle at 97% 3%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 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(--sfai-bg) 0%, var(--sfai-bg-soft) 100% ); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-absorbiso__container { width: min(1220px, 100%); margin: 0 auto; } /* INTESTAZIONE */ .smil-floor-absorbiso__header { display: grid; grid-template-columns: minmax(310px, 0.8fr) minmax(430px, 1.2fr); gap: clamp(30px, 5vw, 70px); align-items: end; } .smil-floor-absorbiso__heading, .smil-floor-absorbiso__intro { min-width: 0; } .smil-floor-absorbiso__eyebrow { display: inline-flex; margin: 0 0 12px; padding: 7px 13px; color: var(--sfai-blue); background: var(--sfai-turquoise-light); border: 1px solid #c5e8e3; border-radius: 999px; font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-absorbiso__title { margin: 0; color: var(--sfai-dark); font-size: clamp(1.9rem, 3.55vw, 3.15rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; } .smil-floor-absorbiso__intro p { margin: 0; color: var(--sfai-muted); font-size: clamp(1.03rem, 1.55vw, 1.17rem); line-height: 1.73; } .smil-floor-absorbiso__intro p + p { margin-top: 10px; } .smil-floor-absorbiso__intro strong { color: var(--sfai-dark); font-weight: 800; } /* RISPOSTA DIRETTA */ .smil-floor-absorbiso__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; margin-top: 34px; padding: 22px 24px; background: var(--sfai-white); border: 1px solid var(--sfai-border); border-left: 5px solid var(--sfai-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-absorbiso__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sfai-blue); background: var(--sfai-turquoise-light); border-radius: 15px; } .smil-floor-absorbiso__answer-icon svg { width: 28px; height: 28px; } .smil-floor-absorbiso__answer-content { min-width: 0; } .smil-floor-absorbiso__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sfai-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-absorbiso__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } .smil-floor-absorbiso__answer-content p strong { color: var(--sfai-dark); font-weight: 850; } /* TITOLI VISIVI */ .smil-floor-absorbiso__section-label { margin: 0 0 7px; color: var(--sfai-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-absorbiso__section-title { display: block; color: var(--sfai-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* BLOCCHI A DUE COLONNE */ .smil-floor-absorbiso__comparison, .smil-floor-absorbiso__absorbers, .smil-floor-absorbiso__carpets, .smil-floor-absorbiso__marketing, .smil-floor-absorbiso__music, .smil-floor-absorbiso__local { display: grid; grid-template-columns: minmax(300px, 0.79fr) minmax(0, 1.21fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); border-radius: 23px; } .smil-floor-absorbiso__comparison, .smil-floor-absorbiso__local { color: var(--sfai-white); background: linear-gradient( 135deg, var(--sfai-deep) 0%, var(--sfai-dark) 100% ); box-shadow: 0 19px 45px rgba(5, 43, 53, 0.17); } .smil-floor-absorbiso__absorbers, .smil-floor-absorbiso__carpets { background: var(--sfai-white); border: 1px solid var(--sfai-border); box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-absorbiso__marketing { background: var(--sfai-orange-soft); border: 1px solid #efd0b4; } .smil-floor-absorbiso__music { color: var(--sfai-white); background: linear-gradient( 135deg, var(--sfai-blue) 0%, var(--sfai-turquoise) 100% ); box-shadow: 0 18px 42px rgba(0, 128, 128, 0.2); } .smil-floor-absorbiso__comparison .smil-floor-absorbiso__section-label, .smil-floor-absorbiso__local .smil-floor-absorbiso__section-label { color: #7fe7d9; } .smil-floor-absorbiso__music .smil-floor-absorbiso__section-label { color: #d7fff8; } .smil-floor-absorbiso__comparison .smil-floor-absorbiso__section-title, .smil-floor-absorbiso__music .smil-floor-absorbiso__section-title, .smil-floor-absorbiso__local .smil-floor-absorbiso__section-title { color: var(--sfai-white); } .smil-floor-absorbiso__comparison-copy > p:not(.smil-floor-absorbiso__section-label), .smil-floor-absorbiso__music-copy > p:not(.smil-floor-absorbiso__section-label), .smil-floor-absorbiso__local-copy > p:not(.smil-floor-absorbiso__section-label) { margin: 13px 0 0; color: rgba(238, 255, 252, 0.77); font-size: 0.94rem; line-height: 1.65; } .smil-floor-absorbiso__music-copy > p:not(.smil-floor-absorbiso__section-label) { color: rgba(241, 255, 252, 0.82); } .smil-floor-absorbiso__absorbers-copy > p:not(.smil-floor-absorbiso__section-label), .smil-floor-absorbiso__carpets-copy > p:not(.smil-floor-absorbiso__section-label) { margin: 13px 0 0; color: var(--sfai-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-absorbiso__marketing-copy > p:not(.smil-floor-absorbiso__section-label) { margin: 13px 0 0; color: #595850; font-size: 0.94rem; line-height: 1.65; } .smil-floor-absorbiso__local-copy strong { color: var(--sfai-white); } /* CONFRONTO */ .smil-floor-absorbiso__comparison-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; } .smil-floor-absorbiso__comparison-card { min-width: 0; padding: 20px 18px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 17px; } .smil-floor-absorbiso__comparison-card--isolation { background: rgba(242, 138, 46, 0.19); border-color: rgba(255, 191, 126, 0.28); } .smil-floor-absorbiso__comparison-card > span { display: grid; place-items: center; width: 43px; height: 43px; margin-bottom: 12px; color: var(--sfai-dark); background: #7fe7d9; border-radius: 12px; font-size: 0.69rem; font-weight: 900; } .smil-floor-absorbiso__comparison-card--isolation > span { background: #ffb56c; } .smil-floor-absorbiso__comparison-label { margin: 0 0 4px; color: #d7fff8; font-size: 0.65rem; font-weight: 850; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-absorbiso__comparison-card > strong { display: block; color: var(--sfai-white); font-size: 0.93rem; font-weight: 850; line-height: 1.38; } .smil-floor-absorbiso__comparison-card ul { margin: 12px 0 0; padding: 0; list-style: none; } .smil-floor-absorbiso__comparison-card li { position: relative; padding-left: 16px; color: rgba(238, 255, 252, 0.69); font-size: 0.72rem; line-height: 1.48; } .smil-floor-absorbiso__comparison-card li + li { margin-top: 7px; } .smil-floor-absorbiso__comparison-card li::before { content: ""; position: absolute; top: 0.58em; left: 0; width: 6px; height: 6px; background: var(--sfai-orange); border-radius: 50%; } /* SEZIONI A GRIGLIA */ .smil-floor-absorbiso__examples, .smil-floor-absorbiso__functions { margin-top: 35px; } .smil-floor-absorbiso__examples-header, .smil-floor-absorbiso__functions-header { max-width: 930px; } .smil-floor-absorbiso__examples-header > p:last-child, .smil-floor-absorbiso__functions-header > p:last-child { margin: 12px 0 0; color: var(--sfai-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-absorbiso__examples-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 22px; } .smil-floor-absorbiso__example-card, .smil-floor-absorbiso__function-card { min-width: 0; padding: 19px 17px; background: var(--sfai-white); border: 1px solid var(--sfai-border); border-radius: 17px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-absorbiso__example-card--orange { background: var(--sfai-orange-soft); border-color: #efd0b4; } .smil-floor-absorbiso__example-card > span, .smil-floor-absorbiso__function-card > span { display: block; margin-bottom: 13px; color: rgba(7, 56, 68, 0.25); font-size: 1.18rem; font-weight: 900; } .smil-floor-absorbiso__example-card strong, .smil-floor-absorbiso__function-card strong { display: block; margin-bottom: 6px; color: var(--sfai-dark); font-size: 0.91rem; font-weight: 850; line-height: 1.36; } .smil-floor-absorbiso__example-card p, .smil-floor-absorbiso__function-card p { margin: 0; color: var(--sfai-muted); font-size: 0.78rem; line-height: 1.51; } .smil-floor-absorbiso__example-card small { display: block; margin-top: 10px; padding-top: 9px; color: var(--sfai-blue); border-top: 1px solid rgba(7, 56, 68, 0.1); font-size: 0.68rem; font-weight: 750; line-height: 1.42; } /* MATERIALI FONOASSORBENTI */ .smil-floor-absorbiso__absorbers-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-absorbiso__absorber-card { min-width: 0; padding: 17px 15px; background: var(--sfai-turquoise-light); border: 1px solid #c5e7e2; border-radius: 15px; } .smil-floor-absorbiso__absorber-card--orange { background: var(--sfai-orange-soft); border-color: #efd0b4; } .smil-floor-absorbiso__absorber-card--deep { color: var(--sfai-white); background: var(--sfai-dark); border-color: var(--sfai-dark); } .smil-floor-absorbiso__absorber-card > span { display: grid; place-items: center; width: 38px; height: 38px; margin-bottom: 11px; color: var(--sfai-white); background: var(--sfai-blue); border-radius: 11px; font-size: 0.72rem; font-weight: 900; } .smil-floor-absorbiso__absorber-card--orange > span { background: var(--sfai-orange-dark); } .smil-floor-absorbiso__absorber-card--deep > span { color: var(--sfai-dark); background: #7fe7d9; } .smil-floor-absorbiso__absorber-card strong { display: block; color: var(--sfai-dark); font-size: 0.87rem; font-weight: 850; } .smil-floor-absorbiso__absorber-card--deep strong { color: var(--sfai-white); } .smil-floor-absorbiso__absorber-card p { margin: 6px 0 0; color: #526970; font-size: 0.73rem; line-height: 1.48; } .smil-floor-absorbiso__absorber-card--deep p { color: rgba(238, 255, 252, 0.68); } /* TAPPETI */ .smil-floor-absorbiso__carpets-grid, .smil-floor-absorbiso__music-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; } .smil-floor-absorbiso__carpet-card { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 17px; background: var(--sfai-turquoise-light); border: 1px solid #c5e7e2; border-radius: 16px; } .smil-floor-absorbiso__carpet-card--warning { background: var(--sfai-orange-soft); border-color: #efd0b4; } .smil-floor-absorbiso__carpet-card > span { display: grid; place-items: center; width: 38px; height: 38px; color: var(--sfai-white); background: var(--sfai-turquoise); border-radius: 11px; font-weight: 900; } .smil-floor-absorbiso__carpet-card--warning > span { background: var(--sfai-orange-dark); } .smil-floor-absorbiso__carpet-card > div { min-width: 0; } .smil-floor-absorbiso__carpet-card strong { display: block; color: var(--sfai-dark); font-size: 0.87rem; font-weight: 850; } .smil-floor-absorbiso__carpet-card p { margin: 5px 0 0; color: #526970; font-size: 0.73rem; line-height: 1.48; } /* FUNZIONI */ .smil-floor-absorbiso__functions-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 22px; } /* DICITURE COMMERCIALI E LOCALIZZAZIONE */ .smil-floor-absorbiso__marketing-list, .smil-floor-absorbiso__local-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-absorbiso__marketing-list > div, .smil-floor-absorbiso__local-list > div { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; border-radius: 15px; } .smil-floor-absorbiso__marketing-list > div { background: rgba(255, 255, 255, 0.87); border: 1px solid #efd0b4; } .smil-floor-absorbiso__local-list > div { background: rgba(255, 255, 255, 0.09); border: 1px solid rgba(255, 255, 255, 0.15); } .smil-floor-absorbiso__marketing-list span, .smil-floor-absorbiso__local-list span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfai-white); background: var(--sfai-orange-dark); border-radius: 10px; font-size: 0.67rem; font-weight: 900; } .smil-floor-absorbiso__local-list span { color: var(--sfai-dark); background: rgba(255, 255, 255, 0.9); } .smil-floor-absorbiso__marketing-list p, .smil-floor-absorbiso__local-list p { margin: 0; font-size: 0.72rem; line-height: 1.47; } .smil-floor-absorbiso__marketing-list p { color: #5b625f; } .smil-floor-absorbiso__local-list p { color: rgba(238, 255, 252, 0.68); } .smil-floor-absorbiso__marketing-list strong { display: block; margin-bottom: 2px; color: var(--sfai-dark); font-size: 0.85rem; font-weight: 850; } .smil-floor-absorbiso__local-list strong { display: block; margin-bottom: 2px; color: var(--sfai-white); font-size: 0.85rem; font-weight: 850; } /* MUSICA */ .smil-floor-absorbiso__music-card { min-width: 0; padding: 19px 17px; background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 17px; } .smil-floor-absorbiso__music-card--orange { background: rgba(242, 138, 46, 0.2); border-color: rgba(255, 191, 126, 0.28); } .smil-floor-absorbiso__music-card > span { display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 12px; color: var(--sfai-dark); background: rgba(255, 255, 255, 0.9); border-radius: 11px; font-weight: 900; } .smil-floor-absorbiso__music-card--orange > span { background: #ffb56c; } .smil-floor-absorbiso__music-card strong { display: block; color: var(--sfai-white); font-size: 0.9rem; font-weight: 850; } .smil-floor-absorbiso__music-card p { margin: 7px 0 0; color: rgba(241, 255, 252, 0.7); font-size: 0.75rem; line-height: 1.49; } /* DOMANDE E AVVERTENZA */ .smil-floor-absorbiso__questions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 26px; } .smil-floor-absorbiso__question, .smil-floor-absorbiso__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; padding: 20px 22px; border-radius: 18px; } .smil-floor-absorbiso__question { background: var(--sfai-white); border: 1px solid var(--sfai-border); border-left: 5px solid var(--sfai-turquoise); } .smil-floor-absorbiso__warning { margin-top: 25px; background: var(--sfai-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sfai-orange); } .smil-floor-absorbiso__question-icon, .smil-floor-absorbiso__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; border-radius: 14px; } .smil-floor-absorbiso__question-icon { color: var(--sfai-blue); background: var(--sfai-turquoise-light); } .smil-floor-absorbiso__warning-icon { color: var(--sfai-orange-dark); background: var(--sfai-white); } .smil-floor-absorbiso__question-icon svg, .smil-floor-absorbiso__warning-icon svg { width: 26px; height: 26px; } .smil-floor-absorbiso__question > div, .smil-floor-absorbiso__warning > div { min-width: 0; } .smil-floor-absorbiso__question strong, .smil-floor-absorbiso__warning strong { display: block; margin: 1px 0 6px; color: var(--sfai-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-absorbiso__question p, .smil-floor-absorbiso__warning p { margin: 0; font-size: 0.9rem; line-height: 1.62; } .smil-floor-absorbiso__question p { color: #48646d; } .smil-floor-absorbiso__warning p { color: #595850; } /* CTA */ .smil-floor-absorbiso__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 21px 23px; color: var(--sfai-white); background: linear-gradient( 135deg, var(--sfai-blue) 0%, var(--sfai-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-absorbiso__cta-copy { display: grid; grid-template-columns: 47px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-absorbiso__cta-icon { display: grid; place-items: center; width: 47px; height: 47px; color: var(--sfai-dark); background: rgba(255, 255, 255, 0.88); border-radius: 14px; } .smil-floor-absorbiso__cta-icon svg { width: 25px; height: 25px; } .smil-floor-absorbiso__cta-copy > div { min-width: 0; } .smil-floor-absorbiso__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sfai-white); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-absorbiso__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.81); font-size: 0.86rem; line-height: 1.5; } .smil-floor-absorbiso__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 51px; padding: 12px 18px; color: var(--sfai-white); background: linear-gradient( 135deg, var(--sfai-orange) 0%, var(--sfai-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-absorbiso__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-absorbiso__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-absorbiso__cta-button:hover svg { transform: translateX(3px); } .smil-floor-absorbiso__cta-button:focus-visible { outline: 3px solid var(--sfai-white); outline-offset: 4px; } /* TABLET */ @media (max-width: 1050px) { .smil-floor-absorbiso__header, .smil-floor-absorbiso__comparison, .smil-floor-absorbiso__absorbers, .smil-floor-absorbiso__carpets, .smil-floor-absorbiso__marketing, .smil-floor-absorbiso__music, .smil-floor-absorbiso__local { grid-template-columns: minmax(0, 1fr); } .smil-floor-absorbiso__examples-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* MOBILE */ @media (max-width: 760px) { .smil-floor-absorbiso { padding: 49px 14px 58px; } .smil-floor-absorbiso__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-floor-absorbiso__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-absorbiso__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-absorbiso__comparison, .smil-floor-absorbiso__absorbers, .smil-floor-absorbiso__carpets, .smil-floor-absorbiso__marketing, .smil-floor-absorbiso__music, .smil-floor-absorbiso__local { padding: 22px 18px; border-radius: 20px; } .smil-floor-absorbiso__comparison-grid, .smil-floor-absorbiso__examples-grid, .smil-floor-absorbiso__absorbers-grid, .smil-floor-absorbiso__carpets-grid, .smil-floor-absorbiso__functions-grid, .smil-floor-absorbiso__marketing-list, .smil-floor-absorbiso__music-grid, .smil-floor-absorbiso__local-list, .smil-floor-absorbiso__questions { grid-template-columns: minmax(0, 1fr); } .smil-floor-absorbiso__question, .smil-floor-absorbiso__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-absorbiso__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-absorbiso__cta-button { width: 100%; } } /* SMARTPHONE PICCOLI */ @media (max-width: 440px) { .smil-floor-absorbiso__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-absorbiso__answer, .smil-floor-absorbiso__carpet-card, .smil-floor-absorbiso__marketing-list > div, .smil-floor-absorbiso__local-list > div, .smil-floor-absorbiso__question, .smil-floor-absorbiso__warning, .smil-floor-absorbiso__cta-copy { grid-template-columns: minmax(0, 1fr); } } /* ACCESSIBILITÀ */ @media (prefers-reduced-motion: reduce) { .smil-floor-absorbiso__cta-button, .smil-floor-absorbiso__cta-button svg { transition: none; } }#imCell_50 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_50 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_50 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_50 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H3 – COLLEGAMENTI RIGIDI CSS AUTONOMO ========================================================= */ .smil-floor-rigidlinks, .smil-floor-rigidlinks *, .smil-floor-rigidlinks *::before, .smil-floor-rigidlinks *::after { box-sizing: border-box; } .smil-floor-rigidlinks { --sfrl-dark: #073844; --sfrl-deep: #052b35; --sfrl-blue: #087c8f; --sfrl-turquoise: #00a991; --sfrl-turquoise-light: #dff8f4; --sfrl-orange: #f28a2e; --sfrl-orange-dark: #d66d0e; --sfrl-orange-soft: #fff1e4; --sfrl-white: #ffffff; --sfrl-bg: #ffffff; --sfrl-bg-soft: #f3faf9; --sfrl-text: #183640; --sfrl-muted: #557078; --sfrl-border: #cee5e2; position: relative; width: 100%; overflow: hidden; scroll-margin-top: 90px; padding: clamp(58px, 7vw, 96px) 20px; color: var(--sfrl-text); background: radial-gradient( circle at 97% 3%, rgba(242, 138, 46, 0.08) 0, rgba(242, 138, 46, 0) 28% ), radial-gradient( circle at 2% 97%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 0) 26% ), linear-gradient( 180deg, var(--sfrl-bg) 0%, var(--sfrl-bg-soft) 100% ); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-rigidlinks__container { width: min(1220px, 100%); margin: 0 auto; } /* INTESTAZIONE */ .smil-floor-rigidlinks__header { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(440px, 1.22fr); gap: clamp(30px, 5vw, 70px); align-items: end; } .smil-floor-rigidlinks__heading, .smil-floor-rigidlinks__intro { min-width: 0; } .smil-floor-rigidlinks__eyebrow { display: inline-flex; margin: 0 0 12px; padding: 7px 13px; color: var(--sfrl-orange-dark); background: var(--sfrl-orange-soft); border: 1px solid #efd0b4; border-radius: 999px; font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-rigidlinks__title { margin: 0; color: var(--sfrl-dark); font-size: clamp(1.9rem, 3.55vw, 3.15rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; } .smil-floor-rigidlinks__intro p { margin: 0; color: var(--sfrl-muted); font-size: clamp(1.03rem, 1.55vw, 1.17rem); line-height: 1.73; } .smil-floor-rigidlinks__intro p + p { margin-top: 10px; } .smil-floor-rigidlinks__intro strong { color: var(--sfrl-dark); font-weight: 800; } /* RISPOSTA DIRETTA */ .smil-floor-rigidlinks__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; margin-top: 34px; padding: 22px 24px; background: var(--sfrl-white); border: 1px solid #efd0b4; border-left: 5px solid var(--sfrl-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-rigidlinks__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sfrl-white); background: var(--sfrl-orange-dark); border-radius: 15px; } .smil-floor-rigidlinks__answer-icon svg { width: 28px; height: 28px; } .smil-floor-rigidlinks__answer-content { min-width: 0; } .smil-floor-rigidlinks__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sfrl-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-rigidlinks__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } /* TITOLI VISIVI */ .smil-floor-rigidlinks__section-label { margin: 0 0 7px; color: var(--sfrl-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-rigidlinks__section-title { display: block; color: var(--sfrl-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* PRINCIPIO */ .smil-floor-rigidlinks__principle { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 31px; padding: clamp(26px, 4vw, 42px); color: var(--sfrl-white); background: radial-gradient( circle at 94% 10%, rgba(242, 138, 46, 0.21) 0, rgba(242, 138, 46, 0) 35% ), linear-gradient( 135deg, var(--sfrl-deep) 0%, var(--sfrl-dark) 67%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-rigidlinks__principle .smil-floor-rigidlinks__section-label { color: #ffbd7a; } .smil-floor-rigidlinks__principle .smil-floor-rigidlinks__section-title { color: var(--sfrl-white); } .smil-floor-rigidlinks__principle-copy > p:not(.smil-floor-rigidlinks__section-label) { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-rigidlinks__route { display: grid; grid-template-columns: minmax(0, 1fr) 27px minmax(0, 1fr) 27px minmax(0, 1fr); gap: 8px; align-items: center; } .smil-floor-rigidlinks__route-card { min-width: 0; padding: 18px 13px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 15px; text-align: center; } .smil-floor-rigidlinks__route-card--danger { background: rgba(242, 138, 46, 0.22); border-color: rgba(255, 191, 126, 0.3); } .smil-floor-rigidlinks__route-card > span { display: grid; place-items: center; width: 35px; height: 35px; margin: 0 auto 11px; color: var(--sfrl-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-rigidlinks__route-card--danger > span { background: #ffb56c; } .smil-floor-rigidlinks__route-card strong { display: block; color: var(--sfrl-white); font-size: 0.85rem; font-weight: 850; } .smil-floor-rigidlinks__route-card small { display: block; margin-top: 5px; color: rgba(238, 255, 252, 0.68); font-size: 0.66rem; line-height: 1.42; } .smil-floor-rigidlinks__route-arrow { color: var(--sfrl-orange); font-size: 1.2rem; font-weight: 900; text-align: center; } /* SEZIONI CON GRIGLIA */ .smil-floor-rigidlinks__critical, .smil-floor-rigidlinks__controls { margin-top: 35px; } .smil-floor-rigidlinks__critical-header, .smil-floor-rigidlinks__controls-header { max-width: 930px; } .smil-floor-rigidlinks__critical-header > p:last-child, .smil-floor-rigidlinks__controls-header > p:last-child { margin: 12px 0 0; color: var(--sfrl-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-rigidlinks__critical-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 22px; } .smil-floor-rigidlinks__critical-card { min-width: 0; padding: 19px 17px; background: var(--sfrl-white); border: 1px solid var(--sfrl-border); border-radius: 17px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-rigidlinks__critical-card > span { display: block; margin-bottom: 13px; color: rgba(214, 109, 14, 0.38); font-size: 1.18rem; font-weight: 900; } .smil-floor-rigidlinks__critical-card strong { display: block; margin-bottom: 6px; color: var(--sfrl-dark); font-size: 0.91rem; font-weight: 850; line-height: 1.36; } .smil-floor-rigidlinks__critical-card p { margin: 0; color: var(--sfrl-muted); font-size: 0.78rem; line-height: 1.51; } /* BLOCCHI A DUE COLONNE */ .smil-floor-rigidlinks__comparison, .smil-floor-rigidlinks__stages, .smil-floor-rigidlinks__thresholds, .smil-floor-rigidlinks__services, .smil-floor-rigidlinks__finishing, .smil-floor-rigidlinks__aftercare, .smil-floor-rigidlinks__local { display: grid; grid-template-columns: minmax(300px, 0.79fr) minmax(0, 1.21fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); border-radius: 23px; } .smil-floor-rigidlinks__comparison, .smil-floor-rigidlinks__services { background: var(--sfrl-white); border: 1px solid var(--sfrl-border); box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-rigidlinks__stages, .smil-floor-rigidlinks__local { color: var(--sfrl-white); background: linear-gradient( 135deg, var(--sfrl-blue) 0%, var(--sfrl-turquoise) 100% ); box-shadow: 0 18px 42px rgba(0, 128, 128, 0.2); } .smil-floor-rigidlinks__thresholds, .smil-floor-rigidlinks__aftercare { background: var(--sfrl-orange-soft); border: 1px solid #efd0b4; } .smil-floor-rigidlinks__finishing { color: var(--sfrl-white); background: linear-gradient( 135deg, var(--sfrl-deep) 0%, var(--sfrl-dark) 100% ); box-shadow: 0 19px 45px rgba(5, 43, 53, 0.17); } .smil-floor-rigidlinks__comparison-copy > p:not(.smil-floor-rigidlinks__section-label), .smil-floor-rigidlinks__services-copy > p:not(.smil-floor-rigidlinks__section-label) { margin: 13px 0 0; color: var(--sfrl-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-rigidlinks__thresholds-copy > p:not(.smil-floor-rigidlinks__section-label), .smil-floor-rigidlinks__aftercare-copy > p:not(.smil-floor-rigidlinks__section-label) { margin: 13px 0 0; color: #595850; font-size: 0.94rem; line-height: 1.65; } .smil-floor-rigidlinks__stages .smil-floor-rigidlinks__section-label, .smil-floor-rigidlinks__local .smil-floor-rigidlinks__section-label { color: #d7fff8; } .smil-floor-rigidlinks__finishing .smil-floor-rigidlinks__section-label { color: #ffbd7a; } .smil-floor-rigidlinks__stages .smil-floor-rigidlinks__section-title, .smil-floor-rigidlinks__finishing .smil-floor-rigidlinks__section-title, .smil-floor-rigidlinks__local .smil-floor-rigidlinks__section-title { color: var(--sfrl-white); } .smil-floor-rigidlinks__stages-copy > p:not(.smil-floor-rigidlinks__section-label), .smil-floor-rigidlinks__finishing-copy > p:not(.smil-floor-rigidlinks__section-label), .smil-floor-rigidlinks__local-copy > p:not(.smil-floor-rigidlinks__section-label) { margin: 13px 0 0; color: rgba(241, 255, 252, 0.81); font-size: 0.94rem; line-height: 1.65; } .smil-floor-rigidlinks__finishing-copy > p:not(.smil-floor-rigidlinks__section-label) { color: rgba(238, 255, 252, 0.77); } .smil-floor-rigidlinks__local-copy strong { color: var(--sfrl-white); } /* CONFRONTO */ .smil-floor-rigidlinks__comparison-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; } .smil-floor-rigidlinks__comparison-card { min-width: 0; padding: 18px; background: var(--sfrl-orange-soft); border: 1px solid #efd0b4; border-radius: 17px; } .smil-floor-rigidlinks__comparison-card--correct { background: var(--sfrl-turquoise-light); border-color: #c5e7e2; } .smil-floor-rigidlinks__comparison-card > span { display: grid; place-items: center; width: 42px; height: 42px; margin-bottom: 11px; color: var(--sfrl-white); background: var(--sfrl-orange-dark); border-radius: 12px; font-weight: 900; } .smil-floor-rigidlinks__comparison-card--correct > span { background: var(--sfrl-turquoise); } .smil-floor-rigidlinks__comparison-label, .smil-floor-rigidlinks__threshold-label { margin: 0 0 4px; color: var(--sfrl-blue); font-size: 0.65rem; font-weight: 850; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-rigidlinks__comparison-card > strong { display: block; color: var(--sfrl-dark); font-size: 0.9rem; font-weight: 850; line-height: 1.36; } .smil-floor-rigidlinks__comparison-card > p:last-child { margin: 8px 0 0; color: #526970; font-size: 0.74rem; line-height: 1.49; } .smil-floor-rigidlinks__mini-diagram { display: grid; grid-template-columns: minmax(0, 1fr) minmax(58px, 0.55fr) minmax(0, 1fr); gap: 5px; margin-top: 13px; } .smil-floor-rigidlinks__mini-diagram > div { display: grid; place-items: center; min-height: 52px; padding: 7px; color: var(--sfrl-dark); background: rgba(255, 255, 255, 0.82); border: 1px solid rgba(7, 56, 68, 0.1); border-radius: 9px; font-size: 0.65rem; font-weight: 800; text-align: center; } .smil-floor-rigidlinks__mini-diagram .smil-floor-rigidlinks__mini-contact { color: var(--sfrl-white); background: var(--sfrl-orange-dark); border-color: var(--sfrl-orange-dark); } .smil-floor-rigidlinks__mini-diagram .smil-floor-rigidlinks__mini-separation { color: var(--sfrl-white); background: var(--sfrl-turquoise); border-color: var(--sfrl-turquoise); } /* FASI */ .smil-floor-rigidlinks__stages-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; } .smil-floor-rigidlinks__stages-list li { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.11); border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 15px; } .smil-floor-rigidlinks__stages-list li > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfrl-dark); background: rgba(255, 255, 255, 0.9); border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-rigidlinks__stages-list li > div { min-width: 0; } .smil-floor-rigidlinks__stages-list strong { display: block; color: var(--sfrl-white); font-size: 0.85rem; font-weight: 850; } .smil-floor-rigidlinks__stages-list p { margin: 5px 0 0; color: rgba(241, 255, 252, 0.7); font-size: 0.72rem; line-height: 1.47; } /* SOGLIE */ .smil-floor-rigidlinks__thresholds-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; } .smil-floor-rigidlinks__threshold-card { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 13px; min-width: 0; padding: 18px; background: rgba(255, 255, 255, 0.88); border: 1px solid #efd0b4; border-radius: 17px; } .smil-floor-rigidlinks__threshold-card--correct { background: var(--sfrl-turquoise-light); border-color: #c5e7e2; } .smil-floor-rigidlinks__threshold-card > span { display: grid; place-items: center; width: 44px; height: 44px; color: var(--sfrl-white); background: var(--sfrl-orange-dark); border-radius: 13px; font-weight: 900; } .smil-floor-rigidlinks__threshold-card--correct > span { background: var(--sfrl-blue); } .smil-floor-rigidlinks__threshold-card > div { min-width: 0; } .smil-floor-rigidlinks__threshold-card strong { display: block; color: var(--sfrl-dark); font-size: 0.9rem; font-weight: 850; line-height: 1.36; } .smil-floor-rigidlinks__threshold-card div > p:last-child { margin: 7px 0 0; color: #526970; font-size: 0.76rem; line-height: 1.49; } /* IMPIANTI */ .smil-floor-rigidlinks__services-list, .smil-floor-rigidlinks__local-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-rigidlinks__services-list > div { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: var(--sfrl-turquoise-light); border: 1px solid #c5e7e2; border-radius: 15px; } .smil-floor-rigidlinks__services-list span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfrl-white); background: var(--sfrl-blue); border-radius: 10px; font-size: 0.67rem; font-weight: 900; } .smil-floor-rigidlinks__services-list p { margin: 0; color: #526970; font-size: 0.72rem; line-height: 1.47; } .smil-floor-rigidlinks__services-list strong { display: block; margin-bottom: 2px; color: var(--sfrl-dark); font-size: 0.85rem; font-weight: 850; } /* FINITURE E ARREDI */ .smil-floor-rigidlinks__finishing-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-rigidlinks__finishing-card { min-width: 0; padding: 17px 15px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 15px; } .smil-floor-rigidlinks__finishing-card--orange { background: rgba(242, 138, 46, 0.2); border-color: rgba(255, 191, 126, 0.28); } .smil-floor-rigidlinks__finishing-card--deep { background: rgba(0, 169, 145, 0.16); } .smil-floor-rigidlinks__finishing-card > span { display: grid; place-items: center; width: 38px; height: 38px; margin-bottom: 11px; color: var(--sfrl-dark); background: #7fe7d9; border-radius: 11px; font-size: 0.72rem; font-weight: 900; } .smil-floor-rigidlinks__finishing-card--orange > span { background: #ffb56c; } .smil-floor-rigidlinks__finishing-card strong { display: block; color: var(--sfrl-white); font-size: 0.87rem; font-weight: 850; } .smil-floor-rigidlinks__finishing-card p { margin: 6px 0 0; color: rgba(238, 255, 252, 0.68); font-size: 0.73rem; line-height: 1.48; } /* CONTROLLI */ .smil-floor-rigidlinks__controls-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 22px; } .smil-floor-rigidlinks__control-card { min-width: 0; padding: 18px 16px; background: var(--sfrl-white); border: 1px solid var(--sfrl-border); border-radius: 17px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.06); } .smil-floor-rigidlinks__control-card > span { display: grid; place-items: center; width: 38px; height: 38px; margin-bottom: 11px; color: var(--sfrl-white); background: var(--sfrl-turquoise); border-radius: 11px; font-weight: 900; } .smil-floor-rigidlinks__control-card strong { display: block; color: var(--sfrl-dark); font-size: 0.88rem; font-weight: 850; } .smil-floor-rigidlinks__control-card p { margin: 6px 0 0; color: var(--sfrl-muted); font-size: 0.74rem; line-height: 1.49; } /* MODIFICHE SUCCESSIVE */ .smil-floor-rigidlinks__aftercare-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-rigidlinks__aftercare-grid > div { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.87); border: 1px solid #efd0b4; border-radius: 15px; } .smil-floor-rigidlinks__aftercare-grid span { display: grid; place-items: center; width: 36px; height: 36px; color: var(--sfrl-white); background: var(--sfrl-orange-dark); border-radius: 11px; font-weight: 900; } .smil-floor-rigidlinks__aftercare-grid p { margin: 0; color: #5b625f; font-size: 0.73rem; line-height: 1.48; } .smil-floor-rigidlinks__aftercare-grid strong { display: block; margin-bottom: 2px; color: var(--sfrl-dark); font-size: 0.85rem; font-weight: 850; } /* LOCALIZZAZIONE */ .smil-floor-rigidlinks__local-list > div { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.11); border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 15px; } .smil-floor-rigidlinks__local-list span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfrl-dark); background: rgba(255, 255, 255, 0.9); border-radius: 10px; font-size: 0.67rem; font-weight: 900; } .smil-floor-rigidlinks__local-list p { margin: 0; color: rgba(241, 255, 252, 0.7); font-size: 0.72rem; line-height: 1.47; } .smil-floor-rigidlinks__local-list strong { display: block; margin-bottom: 2px; color: var(--sfrl-white); font-size: 0.85rem; font-weight: 850; } /* DOMANDE E AVVERTENZA */ .smil-floor-rigidlinks__questions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 26px; } .smil-floor-rigidlinks__question, .smil-floor-rigidlinks__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; padding: 20px 22px; border-radius: 18px; } .smil-floor-rigidlinks__question { background: var(--sfrl-white); border: 1px solid var(--sfrl-border); border-left: 5px solid var(--sfrl-turquoise); } .smil-floor-rigidlinks__warning { margin-top: 25px; background: var(--sfrl-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sfrl-orange); } .smil-floor-rigidlinks__question-icon, .smil-floor-rigidlinks__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; border-radius: 14px; } .smil-floor-rigidlinks__question-icon { color: var(--sfrl-blue); background: var(--sfrl-turquoise-light); } .smil-floor-rigidlinks__warning-icon { color: var(--sfrl-orange-dark); background: var(--sfrl-white); } .smil-floor-rigidlinks__question-icon svg, .smil-floor-rigidlinks__warning-icon svg { width: 26px; height: 26px; } .smil-floor-rigidlinks__question > div, .smil-floor-rigidlinks__warning > div { min-width: 0; } .smil-floor-rigidlinks__question strong, .smil-floor-rigidlinks__warning strong { display: block; margin: 1px 0 6px; color: var(--sfrl-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-rigidlinks__question p, .smil-floor-rigidlinks__warning p { margin: 0; font-size: 0.9rem; line-height: 1.62; } .smil-floor-rigidlinks__question p { color: #48646d; } .smil-floor-rigidlinks__warning p { color: #595850; } /* CTA */ .smil-floor-rigidlinks__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 21px 23px; color: var(--sfrl-white); background: linear-gradient( 135deg, var(--sfrl-blue) 0%, var(--sfrl-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-rigidlinks__cta-copy { display: grid; grid-template-columns: 47px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-rigidlinks__cta-icon { display: grid; place-items: center; width: 47px; height: 47px; color: var(--sfrl-orange-dark); background: rgba(255, 255, 255, 0.9); border-radius: 14px; } .smil-floor-rigidlinks__cta-icon svg { width: 25px; height: 25px; } .smil-floor-rigidlinks__cta-copy > div { min-width: 0; } .smil-floor-rigidlinks__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sfrl-white); font-size: 1.03rem; font-weight: 850; line-height: 1.35; } .smil-floor-rigidlinks__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.81); font-size: 0.86rem; line-height: 1.5; } .smil-floor-rigidlinks__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 51px; padding: 12px 18px; color: var(--sfrl-white); background: linear-gradient( 135deg, var(--sfrl-orange) 0%, var(--sfrl-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-rigidlinks__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-rigidlinks__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-rigidlinks__cta-button:hover svg { transform: translateX(3px); } .smil-floor-rigidlinks__cta-button:focus-visible { outline: 3px solid var(--sfrl-white); outline-offset: 4px; } /* TABLET */ @media (max-width: 1050px) { .smil-floor-rigidlinks__header, .smil-floor-rigidlinks__principle, .smil-floor-rigidlinks__comparison, .smil-floor-rigidlinks__stages, .smil-floor-rigidlinks__thresholds, .smil-floor-rigidlinks__services, .smil-floor-rigidlinks__finishing, .smil-floor-rigidlinks__aftercare, .smil-floor-rigidlinks__local { grid-template-columns: minmax(0, 1fr); } .smil-floor-rigidlinks__critical-grid, .smil-floor-rigidlinks__controls-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* MOBILE */ @media (max-width: 760px) { .smil-floor-rigidlinks { padding: 49px 14px 58px; } .smil-floor-rigidlinks__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-floor-rigidlinks__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-rigidlinks__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-rigidlinks__principle, .smil-floor-rigidlinks__comparison, .smil-floor-rigidlinks__stages, .smil-floor-rigidlinks__thresholds, .smil-floor-rigidlinks__services, .smil-floor-rigidlinks__finishing, .smil-floor-rigidlinks__aftercare, .smil-floor-rigidlinks__local { padding: 22px 18px; border-radius: 20px; } .smil-floor-rigidlinks__route, .smil-floor-rigidlinks__critical-grid, .smil-floor-rigidlinks__comparison-grid, .smil-floor-rigidlinks__stages-list, .smil-floor-rigidlinks__thresholds-grid, .smil-floor-rigidlinks__services-list, .smil-floor-rigidlinks__finishing-grid, .smil-floor-rigidlinks__controls-grid, .smil-floor-rigidlinks__aftercare-grid, .smil-floor-rigidlinks__local-list, .smil-floor-rigidlinks__questions { grid-template-columns: minmax(0, 1fr); } .smil-floor-rigidlinks__route-arrow { transform: rotate(90deg); } .smil-floor-rigidlinks__question, .smil-floor-rigidlinks__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-rigidlinks__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-rigidlinks__cta-button { width: 100%; } } /* SMARTPHONE PICCOLI */ @media (max-width: 440px) { .smil-floor-rigidlinks__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-rigidlinks__answer, .smil-floor-rigidlinks__threshold-card, .smil-floor-rigidlinks__stages-list li, .smil-floor-rigidlinks__services-list > div, .smil-floor-rigidlinks__aftercare-grid > div, .smil-floor-rigidlinks__local-list > div, .smil-floor-rigidlinks__question, .smil-floor-rigidlinks__warning, .smil-floor-rigidlinks__cta-copy { grid-template-columns: minmax(0, 1fr); } .smil-floor-rigidlinks__mini-diagram { grid-template-columns: minmax(0, 1fr); } } /* ACCESSIBILITÀ */ @media (prefers-reduced-motion: reduce) { .smil-floor-rigidlinks__cta-button, .smil-floor-rigidlinks__cta-button svg { transition: none; } }#imCell_51 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_51 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_51 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_51 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H3 – PONTI LATERALI CSS AUTONOMO ========================================================= */ .smil-floor-flanking, .smil-floor-flanking *, .smil-floor-flanking *::before, .smil-floor-flanking *::after { box-sizing: border-box; } .smil-floor-flanking { --sff-dark: #073844; --sff-deep: #052b35; --sff-blue: #087c8f; --sff-turquoise: #00a991; --sff-turquoise-light: #dff8f4; --sff-orange: #f28a2e; --sff-orange-dark: #d66d0e; --sff-orange-soft: #fff1e4; --sff-white: #ffffff; --sff-bg: #ffffff; --sff-bg-soft: #f3faf9; --sff-text: #183640; --sff-muted: #557078; --sff-border: #cee5e2; position: relative; width: 100%; overflow: hidden; scroll-margin-top: 90px; padding: clamp(58px, 7vw, 96px) 20px; color: var(--sff-text); background: radial-gradient( circle at 97% 3%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 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(--sff-bg) 0%, var(--sff-bg-soft) 100% ); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-flanking__container { width: min(1220px, 100%); margin: 0 auto; } /* INTESTAZIONE */ .smil-floor-flanking__header { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(440px, 1.22fr); gap: clamp(30px, 5vw, 70px); align-items: end; } .smil-floor-flanking__heading, .smil-floor-flanking__intro { min-width: 0; } .smil-floor-flanking__eyebrow { display: inline-flex; margin: 0 0 12px; padding: 7px 13px; color: var(--sff-orange-dark); background: var(--sff-orange-soft); border: 1px solid #efd0b4; border-radius: 999px; font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-flanking__title { margin: 0; color: var(--sff-dark); font-size: clamp(1.9rem, 3.55vw, 3.15rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; } .smil-floor-flanking__intro p { margin: 0; color: var(--sff-muted); font-size: clamp(1.03rem, 1.55vw, 1.17rem); line-height: 1.73; } .smil-floor-flanking__intro p + p { margin-top: 10px; } .smil-floor-flanking__intro strong { color: var(--sff-dark); font-weight: 800; } /* RISPOSTA DIRETTA */ .smil-floor-flanking__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; margin-top: 34px; padding: 22px 24px; background: var(--sff-white); border: 1px solid var(--sff-border); border-left: 5px solid var(--sff-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-flanking__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sff-white); background: var(--sff-orange-dark); border-radius: 15px; } .smil-floor-flanking__answer-icon svg { width: 28px; height: 28px; } .smil-floor-flanking__answer-content { min-width: 0; } .smil-floor-flanking__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sff-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-flanking__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } .smil-floor-flanking__answer-content p strong { color: var(--sff-dark); } /* TITOLI VISIVI */ .smil-floor-flanking__section-label { margin: 0 0 7px; color: var(--sff-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-flanking__section-title { display: block; color: var(--sff-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* PERCORSO DI CONVERSIONE */ .smil-floor-flanking__conversion { display: grid; grid-template-columns: minmax(300px, 0.73fr) minmax(0, 1.27fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 31px; padding: clamp(26px, 4vw, 42px); color: var(--sff-white); background: radial-gradient( circle at 94% 10%, rgba(242, 138, 46, 0.21) 0, rgba(242, 138, 46, 0) 35% ), linear-gradient( 135deg, var(--sff-deep) 0%, var(--sff-dark) 67%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-flanking__conversion .smil-floor-flanking__section-label { color: #ffbd7a; } .smil-floor-flanking__conversion .smil-floor-flanking__section-title { color: var(--sff-white); } .smil-floor-flanking__conversion-copy > p:not(.smil-floor-flanking__section-label) { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-flanking__conversion-flow { display: grid; grid-template-columns: minmax(0, 1fr) 22px minmax(0, 1fr) 22px minmax(0, 1fr) 22px minmax(0, 1fr); gap: 6px; align-items: center; } .smil-floor-flanking__conversion-step { min-width: 0; padding: 17px 11px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 14px; text-align: center; } .smil-floor-flanking__conversion-step--danger { background: rgba(242, 138, 46, 0.22); border-color: rgba(255, 191, 126, 0.3); } .smil-floor-flanking__conversion-step > span { display: grid; place-items: center; width: 34px; height: 34px; margin: 0 auto 10px; color: var(--sff-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.68rem; font-weight: 900; } .smil-floor-flanking__conversion-step--danger > span { background: #ffb56c; } .smil-floor-flanking__conversion-step strong { display: block; color: var(--sff-white); font-size: 0.78rem; font-weight: 850; } .smil-floor-flanking__conversion-step small { display: block; margin-top: 5px; color: rgba(238, 255, 252, 0.66); font-size: 0.6rem; line-height: 1.38; } .smil-floor-flanking__conversion-arrow { color: var(--sff-orange); font-size: 1rem; font-weight: 900; text-align: center; } /* SEZIONI A GRIGLIA */ .smil-floor-flanking__paths, .smil-floor-flanking__analysis { margin-top: 35px; } .smil-floor-flanking__paths-header, .smil-floor-flanking__analysis-header { max-width: 930px; } .smil-floor-flanking__paths-header > p:last-child, .smil-floor-flanking__analysis-header > p:last-child { margin: 12px 0 0; color: var(--sff-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-flanking__paths-grid, .smil-floor-flanking__analysis-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 22px; } .smil-floor-flanking__path-card, .smil-floor-flanking__analysis-card { min-width: 0; padding: 19px 17px; background: var(--sff-white); border: 1px solid var(--sff-border); border-radius: 17px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-flanking__path-card > span, .smil-floor-flanking__analysis-card > span { display: block; margin-bottom: 13px; color: rgba(214, 109, 14, 0.38); font-size: 1.18rem; font-weight: 900; } .smil-floor-flanking__path-card strong, .smil-floor-flanking__analysis-card strong { display: block; margin-bottom: 6px; color: var(--sff-dark); font-size: 0.91rem; font-weight: 850; line-height: 1.36; } .smil-floor-flanking__path-card p, .smil-floor-flanking__analysis-card p { margin: 0; color: var(--sff-muted); font-size: 0.78rem; line-height: 1.51; } /* BLOCCHI A DUE COLONNE */ .smil-floor-flanking__perception, .smil-floor-flanking__signals, .smil-floor-flanking__partial, .smil-floor-flanking__decision, .smil-floor-flanking__local { display: grid; grid-template-columns: minmax(300px, 0.79fr) minmax(0, 1.21fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); border-radius: 23px; } .smil-floor-flanking__perception, .smil-floor-flanking__partial { background: var(--sff-white); border: 1px solid var(--sff-border); box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-flanking__signals, .smil-floor-flanking__local { color: var(--sff-white); background: linear-gradient( 135deg, var(--sff-blue) 0%, var(--sff-turquoise) 100% ); box-shadow: 0 18px 42px rgba(0, 128, 128, 0.2); } .smil-floor-flanking__decision { color: var(--sff-white); background: linear-gradient( 135deg, var(--sff-deep) 0%, var(--sff-dark) 100% ); box-shadow: 0 19px 45px rgba(5, 43, 53, 0.17); } .smil-floor-flanking__perception-copy > p:not(.smil-floor-flanking__section-label), .smil-floor-flanking__partial-copy > p:not(.smil-floor-flanking__section-label) { margin: 13px 0 0; color: var(--sff-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-flanking__signals .smil-floor-flanking__section-label, .smil-floor-flanking__local .smil-floor-flanking__section-label { color: #d7fff8; } .smil-floor-flanking__decision .smil-floor-flanking__section-label { color: #ffbd7a; } .smil-floor-flanking__signals .smil-floor-flanking__section-title, .smil-floor-flanking__decision .smil-floor-flanking__section-title, .smil-floor-flanking__local .smil-floor-flanking__section-title { color: var(--sff-white); } .smil-floor-flanking__signals-copy > p:not(.smil-floor-flanking__section-label), .smil-floor-flanking__decision-copy > p:not(.smil-floor-flanking__section-label), .smil-floor-flanking__local-copy > p:not(.smil-floor-flanking__section-label) { margin: 13px 0 0; color: rgba(241, 255, 252, 0.81); font-size: 0.94rem; line-height: 1.65; } .smil-floor-flanking__decision-copy > p:not(.smil-floor-flanking__section-label) { color: rgba(238, 255, 252, 0.77); } .smil-floor-flanking__local-copy strong { color: var(--sff-white); } /* PERCEZIONE */ .smil-floor-flanking__perception-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; } .smil-floor-flanking__perception-card { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 12px; min-width: 0; padding: 17px; background: var(--sff-orange-soft); border: 1px solid #efd0b4; border-radius: 16px; } .smil-floor-flanking__perception-card--correct { background: var(--sff-turquoise-light); border-color: #c5e7e2; } .smil-floor-flanking__perception-card > span { display: grid; place-items: center; width: 40px; height: 40px; color: var(--sff-white); background: var(--sff-orange-dark); border-radius: 11px; font-weight: 900; } .smil-floor-flanking__perception-card--correct > span { background: var(--sff-turquoise); } .smil-floor-flanking__perception-card > div { min-width: 0; } .smil-floor-flanking__perception-label { margin: 0 0 4px; color: var(--sff-blue); font-size: 0.65rem; font-weight: 850; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-flanking__perception-card strong { display: block; color: var(--sff-dark); font-size: 0.86rem; font-weight: 850; line-height: 1.38; } .smil-floor-flanking__perception-card div > p:last-child { margin: 6px 0 0; color: #526970; font-size: 0.72rem; line-height: 1.48; } /* SEGNALI E LOCALIZZAZIONE */ .smil-floor-flanking__signals-list, .smil-floor-flanking__local-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-flanking__signals-list > div, .smil-floor-flanking__local-list > div { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.11); border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 15px; } .smil-floor-flanking__signals-list span, .smil-floor-flanking__local-list span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sff-dark); background: rgba(255, 255, 255, 0.9); border-radius: 10px; font-size: 0.67rem; font-weight: 900; } .smil-floor-flanking__signals-list p, .smil-floor-flanking__local-list p { margin: 0; color: rgba(241, 255, 252, 0.7); font-size: 0.72rem; line-height: 1.47; } .smil-floor-flanking__signals-list strong, .smil-floor-flanking__local-list strong { display: block; margin-bottom: 2px; color: var(--sff-white); font-size: 0.85rem; font-weight: 850; } /* INTERVENTO PARZIALE */ .smil-floor-flanking__partial-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; } .smil-floor-flanking__partial-card { min-width: 0; padding: 19px 17px; background: var(--sff-orange-soft); border: 1px solid #efd0b4; border-radius: 17px; } .smil-floor-flanking__partial-card--coordinated { background: var(--sff-turquoise-light); border-color: #c5e7e2; } .smil-floor-flanking__partial-card > span { display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 12px; color: var(--sff-white); background: var(--sff-orange-dark); border-radius: 11px; font-weight: 900; } .smil-floor-flanking__partial-card--coordinated > span { background: var(--sff-blue); } .smil-floor-flanking__partial-card strong { display: block; color: var(--sff-dark); font-size: 0.9rem; font-weight: 850; } .smil-floor-flanking__partial-card p { margin: 7px 0 0; color: #526970; font-size: 0.75rem; line-height: 1.49; } /* ERRORE PRINCIPALE */ .smil-floor-flanking__mistake { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 18px; margin-top: 33px; padding: clamp(24px, 4vw, 34px); background: linear-gradient( 135deg, #fff1e4 0%, #ffe2c7 100% ); border: 1px solid #eabf98; border-left: 6px solid var(--sff-orange-dark); border-radius: 20px; } .smil-floor-flanking__mistake-icon { display: grid; place-items: center; width: 58px; height: 58px; color: var(--sff-white); background: var(--sff-orange-dark); border-radius: 16px; } .smil-floor-flanking__mistake-icon svg { width: 30px; height: 30px; } .smil-floor-flanking__mistake > div { min-width: 0; } .smil-floor-flanking__mistake .smil-floor-flanking__section-label { color: var(--sff-orange-dark); } .smil-floor-flanking__mistake .smil-floor-flanking__section-title { font-size: clamp(1.18rem, 2vw, 1.55rem); } .smil-floor-flanking__mistake p:not(.smil-floor-flanking__section-label) { margin: 10px 0 0; color: #5f5b54; font-size: 0.9rem; line-height: 1.62; } /* PERCORSO DECISIONALE */ .smil-floor-flanking__decision-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; } .smil-floor-flanking__decision-list li { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.09); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; } .smil-floor-flanking__decision-list li > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sff-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-flanking__decision-list li:nth-child(n + 3) > span { background: #ffb56c; } .smil-floor-flanking__decision-list li > div { min-width: 0; } .smil-floor-flanking__decision-list strong { display: block; color: var(--sff-white); font-size: 0.85rem; font-weight: 850; } .smil-floor-flanking__decision-list p { margin: 5px 0 0; color: rgba(238, 255, 252, 0.67); font-size: 0.72rem; line-height: 1.47; } /* FAQ E AVVERTENZA */ .smil-floor-flanking__questions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 26px; } .smil-floor-flanking__question, .smil-floor-flanking__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; padding: 20px 22px; border-radius: 18px; } .smil-floor-flanking__question { background: var(--sff-white); border: 1px solid var(--sff-border); border-left: 5px solid var(--sff-turquoise); } .smil-floor-flanking__warning { margin-top: 25px; background: var(--sff-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sff-orange); } .smil-floor-flanking__question-icon, .smil-floor-flanking__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; border-radius: 14px; } .smil-floor-flanking__question-icon { color: var(--sff-blue); background: var(--sff-turquoise-light); } .smil-floor-flanking__warning-icon { color: var(--sff-orange-dark); background: var(--sff-white); } .smil-floor-flanking__question-icon svg, .smil-floor-flanking__warning-icon svg { width: 26px; height: 26px; } .smil-floor-flanking__question > div, .smil-floor-flanking__warning > div { min-width: 0; } .smil-floor-flanking__question strong, .smil-floor-flanking__warning strong { display: block; margin: 1px 0 6px; color: var(--sff-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-flanking__question p, .smil-floor-flanking__warning p { margin: 0; font-size: 0.9rem; line-height: 1.62; } .smil-floor-flanking__question p { color: #48646d; } .smil-floor-flanking__warning p { color: #595850; } /* CTA */ .smil-floor-flanking__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 22px 24px; color: var(--sff-white); background: linear-gradient( 135deg, var(--sff-blue) 0%, var(--sff-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-flanking__cta-copy { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-flanking__cta-icon { display: grid; place-items: center; width: 48px; height: 48px; color: var(--sff-orange-dark); background: rgba(255, 255, 255, 0.9); border-radius: 14px; } .smil-floor-flanking__cta-icon svg { width: 25px; height: 25px; } .smil-floor-flanking__cta-copy > div { min-width: 0; } .smil-floor-flanking__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sff-white); font-size: 1.04rem; font-weight: 850; line-height: 1.35; } .smil-floor-flanking__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.82); font-size: 0.86rem; line-height: 1.5; } .smil-floor-flanking__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 52px; padding: 12px 19px; color: var(--sff-white); background: linear-gradient( 135deg, var(--sff-orange) 0%, var(--sff-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-decoration: none; text-align: center; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-flanking__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-flanking__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-flanking__cta-button:hover svg { transform: translateX(3px); } .smil-floor-flanking__cta-button:focus-visible { outline: 3px solid var(--sff-white); outline-offset: 4px; } /* TABLET */ @media (max-width: 1050px) { .smil-floor-flanking__header, .smil-floor-flanking__conversion, .smil-floor-flanking__perception, .smil-floor-flanking__signals, .smil-floor-flanking__partial, .smil-floor-flanking__decision, .smil-floor-flanking__local { grid-template-columns: minmax(0, 1fr); } .smil-floor-flanking__conversion-flow { grid-template-columns: minmax(0, 1fr) 22px minmax(0, 1fr) 22px minmax(0, 1fr) 22px minmax(0, 1fr); } } /* MOBILE */ @media (max-width: 760px) { .smil-floor-flanking { padding: 49px 14px 58px; } .smil-floor-flanking__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-floor-flanking__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-flanking__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-flanking__conversion, .smil-floor-flanking__perception, .smil-floor-flanking__signals, .smil-floor-flanking__partial, .smil-floor-flanking__decision, .smil-floor-flanking__local { padding: 22px 18px; border-radius: 20px; } .smil-floor-flanking__conversion-flow, .smil-floor-flanking__paths-grid, .smil-floor-flanking__perception-grid, .smil-floor-flanking__signals-list, .smil-floor-flanking__partial-grid, .smil-floor-flanking__analysis-grid, .smil-floor-flanking__decision-list, .smil-floor-flanking__local-list, .smil-floor-flanking__questions { grid-template-columns: minmax(0, 1fr); } .smil-floor-flanking__conversion-arrow { transform: rotate(90deg); } .smil-floor-flanking__mistake { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-flanking__mistake-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-flanking__question, .smil-floor-flanking__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-flanking__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-flanking__cta-button { width: 100%; } } /* SMARTPHONE PICCOLI */ @media (max-width: 440px) { .smil-floor-flanking__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-flanking__answer, .smil-floor-flanking__perception-card, .smil-floor-flanking__signals-list > div, .smil-floor-flanking__mistake, .smil-floor-flanking__decision-list li, .smil-floor-flanking__local-list > div, .smil-floor-flanking__question, .smil-floor-flanking__warning, .smil-floor-flanking__cta-copy { grid-template-columns: minmax(0, 1fr); } } /* ACCESSIBILITÀ */ @media (prefers-reduced-motion: reduce) { .smil-floor-flanking__cta-button, .smil-floor-flanking__cta-button svg { transition: none; } }#imCell_52 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_52 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_52 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_52 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H3 – MATERIALE SBAGLIATO CSS AUTONOMO ========================================================= */ .smil-floor-wrongmaterial, .smil-floor-wrongmaterial *, .smil-floor-wrongmaterial *::before, .smil-floor-wrongmaterial *::after { box-sizing: border-box; } .smil-floor-wrongmaterial { --sfwm-dark: #073844; --sfwm-deep: #052b35; --sfwm-blue: #087c8f; --sfwm-turquoise: #00a991; --sfwm-turquoise-light: #dff8f4; --sfwm-orange: #f28a2e; --sfwm-orange-dark: #d66d0e; --sfwm-orange-soft: #fff1e4; --sfwm-white: #ffffff; --sfwm-bg: #ffffff; --sfwm-bg-soft: #f3faf9; --sfwm-text: #183640; --sfwm-muted: #557078; --sfwm-border: #cee5e2; position: relative; width: 100%; overflow: hidden; scroll-margin-top: 90px; padding: clamp(58px, 7vw, 96px) 20px; color: var(--sfwm-text); background: radial-gradient( circle at 97% 3%, rgba(242, 138, 46, 0.08) 0, rgba(242, 138, 46, 0) 28% ), radial-gradient( circle at 2% 97%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 0) 26% ), linear-gradient( 180deg, var(--sfwm-bg) 0%, var(--sfwm-bg-soft) 100% ); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-wrongmaterial__container { width: min(1220px, 100%); margin: 0 auto; } /* INTESTAZIONE */ .smil-floor-wrongmaterial__header { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(440px, 1.22fr); gap: clamp(30px, 5vw, 70px); align-items: end; } .smil-floor-wrongmaterial__heading, .smil-floor-wrongmaterial__intro { min-width: 0; } .smil-floor-wrongmaterial__eyebrow { display: inline-flex; margin: 0 0 12px; padding: 7px 13px; color: var(--sfwm-orange-dark); background: var(--sfwm-orange-soft); border: 1px solid #efd0b4; border-radius: 999px; font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-wrongmaterial__title { margin: 0; color: var(--sfwm-dark); font-size: clamp(1.9rem, 3.55vw, 3.15rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; } .smil-floor-wrongmaterial__intro p { margin: 0; color: var(--sfwm-muted); font-size: clamp(1.03rem, 1.55vw, 1.17rem); line-height: 1.73; } .smil-floor-wrongmaterial__intro p + p { margin-top: 10px; } .smil-floor-wrongmaterial__intro strong { color: var(--sfwm-dark); font-weight: 800; } /* RISPOSTA DIRETTA */ .smil-floor-wrongmaterial__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; margin-top: 34px; padding: 22px 24px; background: var(--sfwm-white); border: 1px solid #efd0b4; border-left: 5px solid var(--sfwm-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-wrongmaterial__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sfwm-white); background: var(--sfwm-orange-dark); border-radius: 15px; } .smil-floor-wrongmaterial__answer-icon svg { width: 28px; height: 28px; } .smil-floor-wrongmaterial__answer-content { min-width: 0; } .smil-floor-wrongmaterial__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sfwm-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-wrongmaterial__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } .smil-floor-wrongmaterial__answer-content p strong { color: var(--sfwm-dark); } /* TITOLI VISIVI */ .smil-floor-wrongmaterial__section-label { margin: 0 0 7px; color: var(--sfwm-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-wrongmaterial__section-title { display: block; color: var(--sfwm-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* PRINCIPIO */ .smil-floor-wrongmaterial__principle { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 31px; padding: clamp(26px, 4vw, 42px); color: var(--sfwm-white); background: radial-gradient( circle at 94% 10%, rgba(242, 138, 46, 0.22) 0, rgba(242, 138, 46, 0) 35% ), linear-gradient( 135deg, var(--sfwm-deep) 0%, var(--sfwm-dark) 67%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-wrongmaterial__principle .smil-floor-wrongmaterial__section-label { color: #ffbd7a; } .smil-floor-wrongmaterial__principle .smil-floor-wrongmaterial__section-title { color: var(--sfwm-white); } .smil-floor-wrongmaterial__principle-copy > p:not(.smil-floor-wrongmaterial__section-label) { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-wrongmaterial__sequence { display: grid; grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr) 28px minmax(0, 1fr); gap: 8px; align-items: center; } .smil-floor-wrongmaterial__sequence-card { min-width: 0; padding: 18px 14px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 15px; text-align: center; } .smil-floor-wrongmaterial__sequence-card--orange { background: rgba(242, 138, 46, 0.21); border-color: rgba(255, 191, 126, 0.3); } .smil-floor-wrongmaterial__sequence-card > span { display: grid; place-items: center; width: 35px; height: 35px; margin: 0 auto 11px; color: var(--sfwm-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-wrongmaterial__sequence-card--orange > span { background: #ffb56c; } .smil-floor-wrongmaterial__sequence-card strong { display: block; color: var(--sfwm-white); font-size: 0.87rem; font-weight: 850; } .smil-floor-wrongmaterial__sequence-card small { display: block; margin-top: 5px; color: rgba(238, 255, 252, 0.68); font-size: 0.68rem; line-height: 1.42; } .smil-floor-wrongmaterial__sequence-arrow { color: var(--sfwm-orange); font-size: 1.2rem; font-weight: 900; text-align: center; } /* SEZIONI CON GRIGLIA */ .smil-floor-wrongmaterial__examples, .smil-floor-wrongmaterial__warning-signs { margin-top: 35px; } .smil-floor-wrongmaterial__examples-header, .smil-floor-wrongmaterial__warning-signs-header { max-width: 940px; } .smil-floor-wrongmaterial__examples-header > p:last-child, .smil-floor-wrongmaterial__warning-signs-header > p:last-child { margin: 12px 0 0; color: var(--sfwm-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-wrongmaterial__examples-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 22px; } .smil-floor-wrongmaterial__example-card { min-width: 0; padding: 21px 19px; background: var(--sfwm-white); border: 1px solid var(--sfwm-border); border-top: 5px solid var(--sfwm-turquoise); border-radius: 19px; box-shadow: 0 13px 33px rgba(7, 56, 68, 0.07); } .smil-floor-wrongmaterial__example-card--orange { border-top-color: var(--sfwm-orange); } .smil-floor-wrongmaterial__example-card--deep { border-top-color: var(--sfwm-dark); } .smil-floor-wrongmaterial__example-card > span { display: grid; place-items: center; width: 42px; height: 42px; margin-bottom: 14px; color: var(--sfwm-white); background: var(--sfwm-blue); border-radius: 12px; font-size: 0.75rem; font-weight: 900; } .smil-floor-wrongmaterial__example-card--orange > span { background: var(--sfwm-orange-dark); } .smil-floor-wrongmaterial__example-card--deep > span { background: var(--sfwm-dark); } .smil-floor-wrongmaterial__example-card strong { display: block; color: var(--sfwm-dark); font-size: 0.95rem; font-weight: 850; line-height: 1.38; } .smil-floor-wrongmaterial__example-card p { margin: 8px 0 0; color: var(--sfwm-muted); font-size: 0.8rem; line-height: 1.54; } /* BLOCCHI A DUE COLONNE */ .smil-floor-wrongmaterial__noise, .smil-floor-wrongmaterial__single, .smil-floor-wrongmaterial__numbers, .smil-floor-wrongmaterial__compatibility, .smil-floor-wrongmaterial__cost, .smil-floor-wrongmaterial__method, .smil-floor-wrongmaterial__local { display: grid; grid-template-columns: minmax(300px, 0.79fr) minmax(0, 1.21fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); border-radius: 23px; } .smil-floor-wrongmaterial__noise, .smil-floor-wrongmaterial__method { color: var(--sfwm-white); background: linear-gradient( 135deg, var(--sfwm-blue) 0%, var(--sfwm-turquoise) 100% ); box-shadow: 0 18px 42px rgba(0, 128, 128, 0.2); } .smil-floor-wrongmaterial__single, .smil-floor-wrongmaterial__cost { background: var(--sfwm-white); border: 1px solid var(--sfwm-border); box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-wrongmaterial__numbers, .smil-floor-wrongmaterial__compatibility { background: var(--sfwm-orange-soft); border: 1px solid #efd0b4; } .smil-floor-wrongmaterial__local { color: var(--sfwm-white); background: linear-gradient( 135deg, var(--sfwm-deep) 0%, var(--sfwm-dark) 100% ); box-shadow: 0 19px 45px rgba(5, 43, 53, 0.17); } .smil-floor-wrongmaterial__noise .smil-floor-wrongmaterial__section-label, .smil-floor-wrongmaterial__method .smil-floor-wrongmaterial__section-label { color: #d7fff8; } .smil-floor-wrongmaterial__local .smil-floor-wrongmaterial__section-label { color: #ffbd7a; } .smil-floor-wrongmaterial__noise .smil-floor-wrongmaterial__section-title, .smil-floor-wrongmaterial__method .smil-floor-wrongmaterial__section-title, .smil-floor-wrongmaterial__local .smil-floor-wrongmaterial__section-title { color: var(--sfwm-white); } .smil-floor-wrongmaterial__noise-copy > p:not(.smil-floor-wrongmaterial__section-label), .smil-floor-wrongmaterial__method-copy > p:not(.smil-floor-wrongmaterial__section-label), .smil-floor-wrongmaterial__local-copy > p:not(.smil-floor-wrongmaterial__section-label) { margin: 13px 0 0; color: rgba(241, 255, 252, 0.81); font-size: 0.94rem; line-height: 1.65; } .smil-floor-wrongmaterial__local-copy > p:not(.smil-floor-wrongmaterial__section-label) { color: rgba(238, 255, 252, 0.77); } .smil-floor-wrongmaterial__single-copy > p:not(.smil-floor-wrongmaterial__section-label), .smil-floor-wrongmaterial__cost-copy > p:not(.smil-floor-wrongmaterial__section-label) { margin: 13px 0 0; color: var(--sfwm-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-wrongmaterial__numbers-copy > p:not(.smil-floor-wrongmaterial__section-label), .smil-floor-wrongmaterial__compatibility-copy > p:not(.smil-floor-wrongmaterial__section-label) { margin: 13px 0 0; color: #595850; font-size: 0.94rem; line-height: 1.65; } .smil-floor-wrongmaterial__local-copy strong { color: var(--sfwm-white); } /* RUMORI */ .smil-floor-wrongmaterial__noise-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 11px; } .smil-floor-wrongmaterial__noise-card { min-width: 0; padding: 19px 17px; background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 17px; } .smil-floor-wrongmaterial__noise-card--impact { background: rgba(242, 138, 46, 0.2); border-color: rgba(255, 191, 126, 0.28); } .smil-floor-wrongmaterial__noise-card--vibration { background: rgba(5, 43, 53, 0.22); } .smil-floor-wrongmaterial__noise-card > span { display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 11px; color: var(--sfwm-dark); background: rgba(255, 255, 255, 0.9); border-radius: 11px; font-weight: 900; } .smil-floor-wrongmaterial__noise-card--impact > span { background: #ffb56c; } .smil-floor-wrongmaterial__noise-card--vibration > span { background: #7fe7d9; } .smil-floor-wrongmaterial__noise-label { margin: 0 0 4px; color: #d7fff8; font-size: 0.64rem; font-weight: 850; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-wrongmaterial__noise-card strong { display: block; color: var(--sfwm-white); font-size: 0.88rem; font-weight: 850; line-height: 1.37; } .smil-floor-wrongmaterial__noise-card > p:not(.smil-floor-wrongmaterial__noise-label) { margin: 7px 0 0; color: rgba(241, 255, 252, 0.7); font-size: 0.74rem; line-height: 1.49; } /* STRATIGRAFIA */ .smil-floor-wrongmaterial__layers { display: grid; gap: 6px; } .smil-floor-wrongmaterial__layer { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 11px; align-items: center; padding: 12px 14px; background: #f5f9f8; border: 1px solid #dceae7; border-radius: 12px; } .smil-floor-wrongmaterial__layer > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfwm-white); background: var(--sfwm-blue); border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-wrongmaterial__layer > div { min-width: 0; } .smil-floor-wrongmaterial__layer strong { display: block; color: var(--sfwm-dark); font-size: 0.84rem; font-weight: 850; } .smil-floor-wrongmaterial__layer small { display: block; margin-top: 3px; color: #526970; font-size: 0.67rem; line-height: 1.4; } .smil-floor-wrongmaterial__layer--acoustic { background: var(--sfwm-orange-soft); border-color: #efd0b4; } .smil-floor-wrongmaterial__layer--acoustic > span { background: var(--sfwm-orange-dark); } .smil-floor-wrongmaterial__layer--resilient { background: var(--sfwm-turquoise-light); border-color: #c5e7e2; } .smil-floor-wrongmaterial__layer--resilient > span { background: var(--sfwm-turquoise); } .smil-floor-wrongmaterial__layer--support { background: #eef2f2; } /* LABORATORIO E CASA */ .smil-floor-wrongmaterial__numbers-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; } .smil-floor-wrongmaterial__numbers-card { min-width: 0; padding: 19px 17px; background: rgba(255, 255, 255, 0.88); border: 1px solid #efd0b4; border-radius: 17px; } .smil-floor-wrongmaterial__numbers-card--home { background: var(--sfwm-turquoise-light); border-color: #c5e7e2; } .smil-floor-wrongmaterial__numbers-card > span { display: inline-grid; place-items: center; min-width: 48px; min-height: 38px; margin-bottom: 11px; padding: 7px 9px; color: var(--sfwm-white); background: var(--sfwm-orange-dark); border-radius: 11px; font-size: 0.66rem; font-weight: 900; } .smil-floor-wrongmaterial__numbers-card--home > span { background: var(--sfwm-blue); } .smil-floor-wrongmaterial__numbers-card strong { display: block; color: var(--sfwm-dark); font-size: 0.9rem; font-weight: 850; } .smil-floor-wrongmaterial__numbers-card p { margin: 7px 0 0; color: #526970; font-size: 0.75rem; line-height: 1.49; } /* COMPATIBILITÀ E LOCALIZZAZIONE */ .smil-floor-wrongmaterial__compatibility-list, .smil-floor-wrongmaterial__local-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-wrongmaterial__compatibility-list > div { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.87); border: 1px solid #efd0b4; border-radius: 15px; } .smil-floor-wrongmaterial__compatibility-list span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfwm-white); background: var(--sfwm-orange-dark); border-radius: 10px; font-size: 0.67rem; font-weight: 900; } .smil-floor-wrongmaterial__compatibility-list p { margin: 0; color: #5b625f; font-size: 0.72rem; line-height: 1.47; } .smil-floor-wrongmaterial__compatibility-list strong { display: block; margin-bottom: 2px; color: var(--sfwm-dark); font-size: 0.85rem; font-weight: 850; } .smil-floor-wrongmaterial__local-list > div { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.09); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; } .smil-floor-wrongmaterial__local-list span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfwm-dark); background: rgba(255, 255, 255, 0.9); border-radius: 10px; font-size: 0.67rem; font-weight: 900; } .smil-floor-wrongmaterial__local-list p { margin: 0; color: rgba(238, 255, 252, 0.68); font-size: 0.72rem; line-height: 1.47; } .smil-floor-wrongmaterial__local-list strong { display: block; margin-bottom: 2px; color: var(--sfwm-white); font-size: 0.85rem; font-weight: 850; } /* RISCALDAMENTO */ .smil-floor-wrongmaterial__heating { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 18px; margin-top: 33px; padding: clamp(24px, 4vw, 34px); background: linear-gradient( 135deg, #fff1e4 0%, #ffe2c7 100% ); border: 1px solid #eabf98; border-left: 6px solid var(--sfwm-orange-dark); border-radius: 20px; } .smil-floor-wrongmaterial__heating-icon { display: grid; place-items: center; width: 58px; height: 58px; color: var(--sfwm-white); background: var(--sfwm-orange-dark); border-radius: 16px; } .smil-floor-wrongmaterial__heating-icon svg { width: 30px; height: 30px; } .smil-floor-wrongmaterial__heating > div { min-width: 0; } .smil-floor-wrongmaterial__heating .smil-floor-wrongmaterial__section-label { color: var(--sfwm-orange-dark); } .smil-floor-wrongmaterial__heating .smil-floor-wrongmaterial__section-title { font-size: clamp(1.18rem, 2vw, 1.55rem); } .smil-floor-wrongmaterial__heating p:not(.smil-floor-wrongmaterial__section-label) { margin: 10px 0 0; color: #5f5b54; font-size: 0.9rem; line-height: 1.62; } /* SEGNALI DI PROPOSTA GENERICA */ .smil-floor-wrongmaterial__warning-signs-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 11px; margin-top: 22px; } .smil-floor-wrongmaterial__warning-sign-card { min-width: 0; padding: 18px 16px; background: var(--sfwm-white); border: 1px solid var(--sfwm-border); border-top: 4px solid var(--sfwm-orange); border-radius: 17px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.06); } .smil-floor-wrongmaterial__warning-sign-card > span { display: grid; place-items: center; width: 38px; height: 38px; margin-bottom: 11px; color: var(--sfwm-white); background: var(--sfwm-orange-dark); border-radius: 11px; font-weight: 900; } .smil-floor-wrongmaterial__warning-sign-card strong { display: block; color: var(--sfwm-dark); font-size: 0.85rem; font-weight: 850; line-height: 1.37; } .smil-floor-wrongmaterial__warning-sign-card p { margin: 6px 0 0; color: var(--sfwm-muted); font-size: 0.72rem; line-height: 1.48; } /* COSTO DELL’ERRORE */ .smil-floor-wrongmaterial__cost-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; } .smil-floor-wrongmaterial__cost-card { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 12px; min-width: 0; padding: 17px; background: var(--sfwm-orange-soft); border: 1px solid #efd0b4; border-radius: 16px; } .smil-floor-wrongmaterial__cost-card--correct { background: var(--sfwm-turquoise-light); border-color: #c5e7e2; } .smil-floor-wrongmaterial__cost-card > span { display: grid; place-items: center; width: 40px; height: 40px; color: var(--sfwm-white); background: var(--sfwm-orange-dark); border-radius: 11px; font-weight: 900; } .smil-floor-wrongmaterial__cost-card--correct > span { background: var(--sfwm-turquoise); } .smil-floor-wrongmaterial__cost-card > div { min-width: 0; } .smil-floor-wrongmaterial__cost-label { margin: 0 0 4px; color: var(--sfwm-blue); font-size: 0.65rem; font-weight: 850; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-wrongmaterial__cost-card strong { display: block; color: var(--sfwm-dark); font-size: 0.87rem; font-weight: 850; } .smil-floor-wrongmaterial__cost-card div > p:last-child { margin: 6px 0 0; color: #526970; font-size: 0.72rem; line-height: 1.48; } /* METODO */ .smil-floor-wrongmaterial__method-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; } .smil-floor-wrongmaterial__method-list li { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.11); border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 15px; } .smil-floor-wrongmaterial__method-list li > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfwm-dark); background: rgba(255, 255, 255, 0.9); border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-wrongmaterial__method-list li:nth-child(n + 3) > span { background: #ffb56c; } .smil-floor-wrongmaterial__method-list li > div { min-width: 0; } .smil-floor-wrongmaterial__method-list strong { display: block; color: var(--sfwm-white); font-size: 0.85rem; font-weight: 850; } .smil-floor-wrongmaterial__method-list p { margin: 5px 0 0; color: rgba(241, 255, 252, 0.7); font-size: 0.72rem; line-height: 1.47; } /* DOMANDE E AVVERTENZA */ .smil-floor-wrongmaterial__questions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 26px; } .smil-floor-wrongmaterial__question, .smil-floor-wrongmaterial__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; padding: 20px 22px; border-radius: 18px; } .smil-floor-wrongmaterial__question { background: var(--sfwm-white); border: 1px solid var(--sfwm-border); border-left: 5px solid var(--sfwm-turquoise); } .smil-floor-wrongmaterial__warning { margin-top: 25px; background: var(--sfwm-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sfwm-orange); } .smil-floor-wrongmaterial__question-icon, .smil-floor-wrongmaterial__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; border-radius: 14px; } .smil-floor-wrongmaterial__question-icon { color: var(--sfwm-blue); background: var(--sfwm-turquoise-light); } .smil-floor-wrongmaterial__warning-icon { color: var(--sfwm-orange-dark); background: var(--sfwm-white); } .smil-floor-wrongmaterial__question-icon svg, .smil-floor-wrongmaterial__warning-icon svg { width: 26px; height: 26px; } .smil-floor-wrongmaterial__question > div, .smil-floor-wrongmaterial__warning > div { min-width: 0; } .smil-floor-wrongmaterial__question strong, .smil-floor-wrongmaterial__warning strong { display: block; margin: 1px 0 6px; color: var(--sfwm-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-wrongmaterial__question p, .smil-floor-wrongmaterial__warning p { margin: 0; font-size: 0.9rem; line-height: 1.62; } .smil-floor-wrongmaterial__question p { color: #48646d; } .smil-floor-wrongmaterial__warning p { color: #595850; } /* CTA */ .smil-floor-wrongmaterial__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 22px 24px; color: var(--sfwm-white); background: linear-gradient( 135deg, var(--sfwm-blue) 0%, var(--sfwm-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-wrongmaterial__cta-copy { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-wrongmaterial__cta-icon { display: grid; place-items: center; width: 48px; height: 48px; color: var(--sfwm-dark); background: rgba(255, 255, 255, 0.9); border-radius: 14px; } .smil-floor-wrongmaterial__cta-icon svg { width: 25px; height: 25px; } .smil-floor-wrongmaterial__cta-copy > div { min-width: 0; } .smil-floor-wrongmaterial__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sfwm-white); font-size: 1.04rem; font-weight: 850; line-height: 1.35; } .smil-floor-wrongmaterial__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.82); font-size: 0.86rem; line-height: 1.5; } .smil-floor-wrongmaterial__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 52px; padding: 12px 19px; color: var(--sfwm-white); background: linear-gradient( 135deg, var(--sfwm-orange) 0%, var(--sfwm-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-align: center; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-wrongmaterial__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-wrongmaterial__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-wrongmaterial__cta-button:hover svg { transform: translateX(3px); } .smil-floor-wrongmaterial__cta-button:focus-visible { outline: 3px solid var(--sfwm-white); outline-offset: 4px; } /* TABLET */ @media (max-width: 1050px) { .smil-floor-wrongmaterial__header, .smil-floor-wrongmaterial__principle, .smil-floor-wrongmaterial__noise, .smil-floor-wrongmaterial__single, .smil-floor-wrongmaterial__numbers, .smil-floor-wrongmaterial__compatibility, .smil-floor-wrongmaterial__cost, .smil-floor-wrongmaterial__method, .smil-floor-wrongmaterial__local { grid-template-columns: minmax(0, 1fr); } .smil-floor-wrongmaterial__warning-signs-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } /* MOBILE */ @media (max-width: 760px) { .smil-floor-wrongmaterial { padding: 49px 14px 58px; } .smil-floor-wrongmaterial__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-floor-wrongmaterial__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-wrongmaterial__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-wrongmaterial__principle, .smil-floor-wrongmaterial__noise, .smil-floor-wrongmaterial__single, .smil-floor-wrongmaterial__numbers, .smil-floor-wrongmaterial__compatibility, .smil-floor-wrongmaterial__cost, .smil-floor-wrongmaterial__method, .smil-floor-wrongmaterial__local { padding: 22px 18px; border-radius: 20px; } .smil-floor-wrongmaterial__sequence, .smil-floor-wrongmaterial__examples-grid, .smil-floor-wrongmaterial__noise-grid, .smil-floor-wrongmaterial__numbers-grid, .smil-floor-wrongmaterial__compatibility-list, .smil-floor-wrongmaterial__warning-signs-grid, .smil-floor-wrongmaterial__cost-grid, .smil-floor-wrongmaterial__method-list, .smil-floor-wrongmaterial__local-list, .smil-floor-wrongmaterial__questions { grid-template-columns: minmax(0, 1fr); } .smil-floor-wrongmaterial__sequence-arrow { transform: rotate(90deg); } .smil-floor-wrongmaterial__heating { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-wrongmaterial__heating-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-wrongmaterial__question, .smil-floor-wrongmaterial__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-wrongmaterial__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-wrongmaterial__cta-button { width: 100%; } } /* SMARTPHONE PICCOLI */ @media (max-width: 440px) { .smil-floor-wrongmaterial__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-wrongmaterial__answer, .smil-floor-wrongmaterial__layer, .smil-floor-wrongmaterial__compatibility-list > div, .smil-floor-wrongmaterial__heating, .smil-floor-wrongmaterial__cost-card, .smil-floor-wrongmaterial__method-list li, .smil-floor-wrongmaterial__local-list > div, .smil-floor-wrongmaterial__question, .smil-floor-wrongmaterial__warning, .smil-floor-wrongmaterial__cta-copy { grid-template-columns: minmax(0, 1fr); } } /* ACCESSIBILITÀ */ @media (prefers-reduced-motion: reduce) { .smil-floor-wrongmaterial__cta-button, .smil-floor-wrongmaterial__cta-button svg { transition: none; } }#imCell_53 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_53 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_53 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_53 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H2 – DA COSA DIPENDE IL COSTO CSS AUTONOMO ========================================================= */ .smil-floor-costfactors, .smil-floor-costfactors *, .smil-floor-costfactors *::before, .smil-floor-costfactors *::after { box-sizing: border-box; } .smil-floor-costfactors { --sfcf-dark: #073844; --sfcf-deep: #052b35; --sfcf-blue: #087c8f; --sfcf-turquoise: #00a991; --sfcf-turquoise-light: #dff8f4; --sfcf-orange: #f28a2e; --sfcf-orange-dark: #d66d0e; --sfcf-orange-soft: #fff1e4; --sfcf-white: #ffffff; --sfcf-bg: #f3faf9; --sfcf-text: #183640; --sfcf-muted: #557078; --sfcf-border: #cee5e2; position: relative; width: 100%; overflow: hidden; scroll-margin-top: 90px; padding: clamp(62px, 7vw, 102px) 20px; color: var(--sfcf-text); background: radial-gradient( circle at 97% 3%, rgba(242, 138, 46, 0.09) 0, rgba(242, 138, 46, 0) 29% ), radial-gradient( circle at 2% 97%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 0) 27% ), var(--sfcf-bg); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-costfactors__container { width: min(1220px, 100%); margin: 0 auto; } /* INTESTAZIONE */ .smil-floor-costfactors__header { display: grid; grid-template-columns: minmax(340px, 0.85fr) minmax(420px, 1.15fr); gap: clamp(32px, 5vw, 72px); align-items: end; } .smil-floor-costfactors__heading, .smil-floor-costfactors__intro { min-width: 0; } .smil-floor-costfactors__eyebrow { display: inline-flex; margin: 0 0 13px; padding: 7px 14px; color: var(--sfcf-orange-dark); background: var(--sfcf-orange-soft); border: 1px solid #efd0b4; border-radius: 999px; font-size: 0.81rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-costfactors__title { margin: 0; color: var(--sfcf-dark); font-size: clamp(2rem, 4.25vw, 3.6rem); font-weight: 850; line-height: 1.07; letter-spacing: -0.04em; text-wrap: balance; } .smil-floor-costfactors__intro p { margin: 0; color: var(--sfcf-muted); font-size: clamp(1.02rem, 1.55vw, 1.16rem); line-height: 1.73; } .smil-floor-costfactors__intro p + p { margin-top: 11px; } .smil-floor-costfactors__intro strong { color: var(--sfcf-dark); font-weight: 800; } /* RISPOSTA DIRETTA */ .smil-floor-costfactors__answer { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 17px; margin-top: 34px; padding: 23px 24px; background: var(--sfcf-white); border: 1px solid #efd0b4; border-left: 6px solid var(--sfcf-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-costfactors__answer-icon { display: grid; place-items: center; width: 56px; height: 56px; color: var(--sfcf-white); background: var(--sfcf-orange-dark); border-radius: 15px; } .smil-floor-costfactors__answer-icon svg { width: 29px; height: 29px; } .smil-floor-costfactors__answer-content { min-width: 0; } .smil-floor-costfactors__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sfcf-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-costfactors__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } .smil-floor-costfactors__answer-content p strong { color: var(--sfcf-dark); } /* TITOLI VISIVI */ .smil-floor-costfactors__section-label { margin: 0 0 7px; color: var(--sfcf-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-costfactors__section-title { display: block; color: var(--sfcf-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* PRINCIPIO */ .smil-floor-costfactors__principle { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 32px; padding: clamp(26px, 4vw, 42px); color: var(--sfcf-white); background: radial-gradient( circle at 95% 8%, rgba(242, 138, 46, 0.21) 0, rgba(242, 138, 46, 0) 36% ), linear-gradient( 135deg, var(--sfcf-deep) 0%, var(--sfcf-dark) 70%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-costfactors__principle .smil-floor-costfactors__section-label { color: #ffbd7a; } .smil-floor-costfactors__principle .smil-floor-costfactors__section-title { color: var(--sfcf-white); } .smil-floor-costfactors__principle-copy > p:not(.smil-floor-costfactors__section-label) { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-costfactors__sequence { display: grid; grid-template-columns: minmax(0, 1fr) 30px minmax(0, 1fr) 30px minmax(0, 1fr); gap: 8px; align-items: center; } .smil-floor-costfactors__sequence-card { min-width: 0; padding: 18px 14px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 15px; text-align: center; } .smil-floor-costfactors__sequence-card--orange { background: rgba(242, 138, 46, 0.2); border-color: rgba(255, 191, 126, 0.3); } .smil-floor-costfactors__sequence-card > span { display: grid; place-items: center; width: 35px; height: 35px; margin: 0 auto 11px; color: var(--sfcf-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-costfactors__sequence-card--orange > span { background: #ffb56c; } .smil-floor-costfactors__sequence-card strong { display: block; color: var(--sfcf-white); font-size: 0.87rem; font-weight: 850; } .smil-floor-costfactors__sequence-card small { display: block; margin-top: 5px; color: rgba(238, 255, 252, 0.68); font-size: 0.68rem; line-height: 1.42; } .smil-floor-costfactors__sequence-arrow { color: var(--sfcf-orange); font-size: 1.2rem; font-weight: 900; text-align: center; } /* GRIGLIA VARIABILI */ .smil-floor-costfactors__variables { margin-top: 36px; } .smil-floor-costfactors__variables-header { max-width: 940px; } .smil-floor-costfactors__variables-header > p:last-child { margin: 12px 0 0; color: var(--sfcf-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-costfactors__variables-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; margin-top: 22px; } .smil-floor-costfactors__variable-card { min-width: 0; padding: 19px 17px; background: var(--sfcf-white); border: 1px solid var(--sfcf-border); border-radius: 17px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-costfactors__variable-card > span { display: block; margin-bottom: 13px; color: rgba(214, 109, 14, 0.38); font-size: 1.18rem; font-weight: 900; } .smil-floor-costfactors__variable-card strong { display: block; margin-bottom: 6px; color: var(--sfcf-dark); font-size: 0.91rem; font-weight: 850; line-height: 1.36; } .smil-floor-costfactors__variable-card p { margin: 0; color: var(--sfcf-muted); font-size: 0.78rem; line-height: 1.51; } /* BLOCCHI A DUE COLONNE */ .smil-floor-costfactors__noise, .smil-floor-costfactors__extent, .smil-floor-costfactors__existing, .smil-floor-costfactors__thickness, .smil-floor-costfactors__details, .smil-floor-costfactors__finish, .smil-floor-costfactors__installation, .smil-floor-costfactors__local, .smil-floor-costfactors__estimate, .smil-floor-costfactors__journey { display: grid; grid-template-columns: minmax(300px, 0.79fr) minmax(0, 1.21fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); border-radius: 23px; } .smil-floor-costfactors__noise, .smil-floor-costfactors__installation { color: var(--sfcf-white); background: linear-gradient( 135deg, var(--sfcf-blue) 0%, var(--sfcf-turquoise) 100% ); box-shadow: 0 18px 42px rgba(0, 128, 128, 0.2); } .smil-floor-costfactors__extent, .smil-floor-costfactors__existing, .smil-floor-costfactors__finish, .smil-floor-costfactors__estimate { background: var(--sfcf-white); border: 1px solid var(--sfcf-border); box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-costfactors__thickness, .smil-floor-costfactors__details { background: var(--sfcf-orange-soft); border: 1px solid #efd0b4; } .smil-floor-costfactors__local, .smil-floor-costfactors__journey { color: var(--sfcf-white); background: linear-gradient( 135deg, var(--sfcf-deep) 0%, var(--sfcf-dark) 100% ); box-shadow: 0 19px 45px rgba(5, 43, 53, 0.17); } .smil-floor-costfactors__noise .smil-floor-costfactors__section-label, .smil-floor-costfactors__installation .smil-floor-costfactors__section-label { color: #d7fff8; } .smil-floor-costfactors__local .smil-floor-costfactors__section-label, .smil-floor-costfactors__journey .smil-floor-costfactors__section-label { color: #ffbd7a; } .smil-floor-costfactors__noise .smil-floor-costfactors__section-title, .smil-floor-costfactors__installation .smil-floor-costfactors__section-title, .smil-floor-costfactors__local .smil-floor-costfactors__section-title, .smil-floor-costfactors__journey .smil-floor-costfactors__section-title { color: var(--sfcf-white); } .smil-floor-costfactors__noise-copy > p:not(.smil-floor-costfactors__section-label), .smil-floor-costfactors__installation-copy > p:not(.smil-floor-costfactors__section-label), .smil-floor-costfactors__local-copy > p:not(.smil-floor-costfactors__section-label), .smil-floor-costfactors__journey-copy > p:not(.smil-floor-costfactors__section-label) { margin: 13px 0 0; color: rgba(241, 255, 252, 0.81); font-size: 0.94rem; line-height: 1.65; } .smil-floor-costfactors__local-copy > p:not(.smil-floor-costfactors__section-label), .smil-floor-costfactors__journey-copy > p:not(.smil-floor-costfactors__section-label) { color: rgba(238, 255, 252, 0.77); } .smil-floor-costfactors__extent-copy > p:not(.smil-floor-costfactors__section-label), .smil-floor-costfactors__existing-copy > p:not(.smil-floor-costfactors__section-label), .smil-floor-costfactors__finish-copy > p:not(.smil-floor-costfactors__section-label), .smil-floor-costfactors__estimate-copy > p:not(.smil-floor-costfactors__section-label) { margin: 13px 0 0; color: var(--sfcf-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-costfactors__thickness-copy > p:not(.smil-floor-costfactors__section-label), .smil-floor-costfactors__details-copy > p:not(.smil-floor-costfactors__section-label) { margin: 13px 0 0; color: #595850; font-size: 0.94rem; line-height: 1.65; } /* RUMORI */ .smil-floor-costfactors__noise-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 11px; } .smil-floor-costfactors__noise-card { min-width: 0; padding: 19px 17px; background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 17px; } .smil-floor-costfactors__noise-card--impact { background: rgba(242, 138, 46, 0.2); border-color: rgba(255, 191, 126, 0.28); } .smil-floor-costfactors__noise-card--vibration { background: rgba(5, 43, 53, 0.22); } .smil-floor-costfactors__noise-card > span { display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 11px; color: var(--sfcf-dark); background: rgba(255, 255, 255, 0.9); border-radius: 11px; font-weight: 900; } .smil-floor-costfactors__noise-card--impact > span { background: #ffb56c; } .smil-floor-costfactors__noise-card--vibration > span { background: #7fe7d9; } .smil-floor-costfactors__noise-label { margin: 0 0 4px; color: #d7fff8; font-size: 0.64rem; font-weight: 850; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-costfactors__noise-card strong { display: block; color: var(--sfcf-white); font-size: 0.88rem; font-weight: 850; line-height: 1.37; } .smil-floor-costfactors__noise-card > p:not(.smil-floor-costfactors__noise-label) { margin: 7px 0 0; color: rgba(241, 255, 252, 0.7); font-size: 0.74rem; line-height: 1.49; } /* ESTENSIONE */ .smil-floor-costfactors__extent-grid, .smil-floor-costfactors__estimate-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; } .smil-floor-costfactors__extent-card { min-width: 0; padding: 19px 17px; background: var(--sfcf-orange-soft); border: 1px solid #efd0b4; border-radius: 17px; } .smil-floor-costfactors__extent-card--coordinated { background: var(--sfcf-turquoise-light); border-color: #c5e7e2; } .smil-floor-costfactors__extent-card > span { display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 12px; color: var(--sfcf-white); background: var(--sfcf-orange-dark); border-radius: 11px; font-weight: 900; } .smil-floor-costfactors__extent-card--coordinated > span { background: var(--sfcf-blue); } .smil-floor-costfactors__extent-label, .smil-floor-costfactors__estimate-label { margin: 0 0 4px; color: var(--sfcf-blue); font-size: 0.65rem; font-weight: 850; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-costfactors__extent-card strong { display: block; color: var(--sfcf-dark); font-size: 0.9rem; font-weight: 850; } .smil-floor-costfactors__extent-card p:last-child { margin: 7px 0 0; color: #526970; font-size: 0.75rem; line-height: 1.49; } /* SUPPORTO ESISTENTE */ .smil-floor-costfactors__existing-list, .smil-floor-costfactors__local-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-costfactors__existing-list > div { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: var(--sfcf-turquoise-light); border: 1px solid #c5e7e2; border-radius: 15px; } .smil-floor-costfactors__existing-list span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfcf-white); background: var(--sfcf-blue); border-radius: 10px; font-size: 0.67rem; font-weight: 900; } .smil-floor-costfactors__existing-list p { margin: 0; color: #526970; font-size: 0.72rem; line-height: 1.47; } .smil-floor-costfactors__existing-list strong { display: block; margin-bottom: 2px; color: var(--sfcf-dark); font-size: 0.85rem; font-weight: 850; } /* SPESSORI */ .smil-floor-costfactors__thickness-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 11px; } .smil-floor-costfactors__thickness-card { min-width: 0; padding: 18px 16px; background: rgba(255, 255, 255, 0.88); border: 1px solid #efd0b4; border-radius: 17px; } .smil-floor-costfactors__thickness-card--orange { background: var(--sfcf-turquoise-light); border-color: #c5e7e2; } .smil-floor-costfactors__thickness-card > span { display: inline-flex; align-items: center; justify-content: center; min-width: 62px; min-height: 36px; margin-bottom: 12px; padding: 7px 10px; color: var(--sfcf-white); background: var(--sfcf-orange-dark); border-radius: 10px; font-size: 0.75rem; font-weight: 900; } .smil-floor-costfactors__thickness-card--orange > span { background: var(--sfcf-blue); } .smil-floor-costfactors__thickness-card strong { display: block; color: var(--sfcf-dark); font-size: 0.87rem; font-weight: 850; } .smil-floor-costfactors__thickness-card p { margin: 7px 0 0; color: #526970; font-size: 0.73rem; line-height: 1.48; } /* DETTAGLI E FINITURE */ .smil-floor-costfactors__details-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-costfactors__detail-card, .smil-floor-costfactors__finish-card { min-width: 0; padding: 17px 15px; border-radius: 15px; } .smil-floor-costfactors__detail-card { background: rgba(255, 255, 255, 0.87); border: 1px solid #efd0b4; } .smil-floor-costfactors__detail-card--orange { background: var(--sfcf-turquoise-light); border-color: #c5e7e2; } .smil-floor-costfactors__detail-card--deep { color: var(--sfcf-white); background: var(--sfcf-dark); border-color: var(--sfcf-dark); } .smil-floor-costfactors__detail-card > span, .smil-floor-costfactors__finish-card > span { display: grid; place-items: center; width: 38px; height: 38px; margin-bottom: 11px; color: var(--sfcf-white); background: var(--sfcf-orange-dark); border-radius: 11px; font-size: 0.67rem; font-weight: 900; } .smil-floor-costfactors__detail-card--orange > span { background: var(--sfcf-blue); } .smil-floor-costfactors__detail-card--deep > span { color: var(--sfcf-dark); background: #7fe7d9; } .smil-floor-costfactors__detail-card strong, .smil-floor-costfactors__finish-card strong { display: block; color: var(--sfcf-dark); font-size: 0.87rem; font-weight: 850; } .smil-floor-costfactors__detail-card--deep strong { color: var(--sfcf-white); } .smil-floor-costfactors__detail-card p, .smil-floor-costfactors__finish-card p { margin: 6px 0 0; color: #526970; font-size: 0.73rem; line-height: 1.48; } .smil-floor-costfactors__detail-card--deep p { color: rgba(238, 255, 252, 0.68); } .smil-floor-costfactors__finish-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } .smil-floor-costfactors__finish-card { background: var(--sfcf-turquoise-light); border: 1px solid #c5e7e2; } .smil-floor-costfactors__finish-card--orange { background: var(--sfcf-orange-soft); border-color: #efd0b4; } .smil-floor-costfactors__finish-card > span { background: var(--sfcf-blue); } .smil-floor-costfactors__finish-card--orange > span { background: var(--sfcf-orange-dark); } /* RISCALDAMENTO */ .smil-floor-costfactors__heating { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 18px; margin-top: 33px; padding: clamp(24px, 4vw, 34px); background: linear-gradient( 135deg, #fff1e4 0%, #ffe2c7 100% ); border: 1px solid #eabf98; border-left: 6px solid var(--sfcf-orange-dark); border-radius: 20px; } .smil-floor-costfactors__heating-icon { display: grid; place-items: center; width: 58px; height: 58px; color: var(--sfcf-white); background: var(--sfcf-orange-dark); border-radius: 16px; } .smil-floor-costfactors__heating-icon svg { width: 30px; height: 30px; } .smil-floor-costfactors__heating > div { min-width: 0; } .smil-floor-costfactors__heating .smil-floor-costfactors__section-label { color: var(--sfcf-orange-dark); } .smil-floor-costfactors__heating .smil-floor-costfactors__section-title { font-size: clamp(1.18rem, 2vw, 1.55rem); } .smil-floor-costfactors__heating p:not(.smil-floor-costfactors__section-label) { margin: 10px 0 0; color: #5f5b54; font-size: 0.9rem; line-height: 1.62; } /* POSA E PERCORSO */ .smil-floor-costfactors__installation-list, .smil-floor-costfactors__journey-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; } .smil-floor-costfactors__installation-list li, .smil-floor-costfactors__journey-list li { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.11); border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 15px; } .smil-floor-costfactors__installation-list li > span, .smil-floor-costfactors__journey-list li > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfcf-dark); background: rgba(255, 255, 255, 0.9); border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-costfactors__journey-list li:nth-child(n + 3) > span { background: #ffb56c; } .smil-floor-costfactors__installation-list li > div, .smil-floor-costfactors__journey-list li > div { min-width: 0; } .smil-floor-costfactors__installation-list strong, .smil-floor-costfactors__journey-list strong { display: block; color: var(--sfcf-white); font-size: 0.85rem; font-weight: 850; } .smil-floor-costfactors__installation-list p, .smil-floor-costfactors__journey-list p { margin: 5px 0 0; color: rgba(241, 255, 252, 0.7); font-size: 0.72rem; line-height: 1.47; } /* MILANO */ .smil-floor-costfactors__local-list > div { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.09); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; } .smil-floor-costfactors__local-list span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfcf-dark); background: rgba(255, 255, 255, 0.9); border-radius: 10px; font-size: 0.67rem; font-weight: 900; } .smil-floor-costfactors__local-list p { margin: 0; color: rgba(238, 255, 252, 0.68); font-size: 0.72rem; line-height: 1.47; } .smil-floor-costfactors__local-list strong { display: block; margin-bottom: 2px; color: var(--sfcf-white); font-size: 0.85rem; font-weight: 850; } /* PREVENTIVO */ .smil-floor-costfactors__estimate-card { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 12px; min-width: 0; padding: 17px; background: var(--sfcf-orange-soft); border: 1px solid #efd0b4; border-radius: 16px; } .smil-floor-costfactors__estimate-card--correct { background: var(--sfcf-turquoise-light); border-color: #c5e7e2; } .smil-floor-costfactors__estimate-card > span { display: grid; place-items: center; width: 40px; height: 40px; color: var(--sfcf-white); background: var(--sfcf-orange-dark); border-radius: 11px; font-weight: 900; } .smil-floor-costfactors__estimate-card--correct > span { background: var(--sfcf-turquoise); } .smil-floor-costfactors__estimate-card > div { min-width: 0; } .smil-floor-costfactors__estimate-card strong { display: block; color: var(--sfcf-dark); font-size: 0.87rem; font-weight: 850; } .smil-floor-costfactors__estimate-card div > p:last-child { margin: 6px 0 0; color: #526970; font-size: 0.72rem; line-height: 1.48; } /* FAQ E AVVERTENZA */ .smil-floor-costfactors__questions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 26px; } .smil-floor-costfactors__question, .smil-floor-costfactors__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; padding: 20px 22px; border-radius: 18px; } .smil-floor-costfactors__question { background: var(--sfcf-white); border: 1px solid var(--sfcf-border); border-left: 5px solid var(--sfcf-turquoise); } .smil-floor-costfactors__warning { margin-top: 25px; background: var(--sfcf-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sfcf-orange); } .smil-floor-costfactors__question-icon, .smil-floor-costfactors__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; border-radius: 14px; } .smil-floor-costfactors__question-icon { color: var(--sfcf-blue); background: var(--sfcf-turquoise-light); } .smil-floor-costfactors__warning-icon { color: var(--sfcf-orange-dark); background: var(--sfcf-white); } .smil-floor-costfactors__question-icon svg, .smil-floor-costfactors__warning-icon svg { width: 26px; height: 26px; } .smil-floor-costfactors__question > div, .smil-floor-costfactors__warning > div { min-width: 0; } .smil-floor-costfactors__question strong, .smil-floor-costfactors__warning strong { display: block; margin: 1px 0 6px; color: var(--sfcf-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-costfactors__question p, .smil-floor-costfactors__warning p { margin: 0; font-size: 0.9rem; line-height: 1.62; } .smil-floor-costfactors__question p { color: #48646d; } .smil-floor-costfactors__warning p { color: #595850; } /* CTA */ .smil-floor-costfactors__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 22px 24px; color: var(--sfcf-white); background: linear-gradient( 135deg, var(--sfcf-blue) 0%, var(--sfcf-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-costfactors__cta-copy { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-costfactors__cta-icon { display: grid; place-items: center; width: 48px; height: 48px; color: var(--sfcf-dark); background: rgba(255, 255, 255, 0.9); border-radius: 14px; } .smil-floor-costfactors__cta-icon svg { width: 25px; height: 25px; } .smil-floor-costfactors__cta-copy > div { min-width: 0; } .smil-floor-costfactors__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sfcf-white); font-size: 1.04rem; font-weight: 850; line-height: 1.35; } .smil-floor-costfactors__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.82); font-size: 0.86rem; line-height: 1.5; } .smil-floor-costfactors__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 52px; padding: 12px 19px; color: var(--sfcf-white); background: linear-gradient( 135deg, var(--sfcf-orange) 0%, var(--sfcf-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-align: center; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-costfactors__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-costfactors__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-costfactors__cta-button:hover svg { transform: translateX(3px); } .smil-floor-costfactors__cta-button:focus-visible { outline: 3px solid var(--sfcf-white); outline-offset: 4px; } /* TABLET */ @media (max-width: 1050px) { .smil-floor-costfactors__header, .smil-floor-costfactors__principle, .smil-floor-costfactors__noise, .smil-floor-costfactors__extent, .smil-floor-costfactors__existing, .smil-floor-costfactors__thickness, .smil-floor-costfactors__details, .smil-floor-costfactors__finish, .smil-floor-costfactors__installation, .smil-floor-costfactors__local, .smil-floor-costfactors__estimate, .smil-floor-costfactors__journey { grid-template-columns: minmax(0, 1fr); } .smil-floor-costfactors__variables-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* MOBILE */ @media (max-width: 760px) { .smil-floor-costfactors { padding: 50px 14px 59px; } .smil-floor-costfactors__title { font-size: clamp(2rem, 10vw, 2.9rem); } .smil-floor-costfactors__answer, .smil-floor-costfactors__heating { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-costfactors__answer-icon, .smil-floor-costfactors__heating-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-costfactors__principle, .smil-floor-costfactors__noise, .smil-floor-costfactors__extent, .smil-floor-costfactors__existing, .smil-floor-costfactors__thickness, .smil-floor-costfactors__details, .smil-floor-costfactors__finish, .smil-floor-costfactors__installation, .smil-floor-costfactors__local, .smil-floor-costfactors__estimate, .smil-floor-costfactors__journey { padding: 22px 18px; border-radius: 20px; } .smil-floor-costfactors__sequence, .smil-floor-costfactors__variables-grid, .smil-floor-costfactors__noise-grid, .smil-floor-costfactors__extent-grid, .smil-floor-costfactors__existing-list, .smil-floor-costfactors__thickness-grid, .smil-floor-costfactors__details-grid, .smil-floor-costfactors__finish-grid, .smil-floor-costfactors__installation-list, .smil-floor-costfactors__local-list, .smil-floor-costfactors__estimate-grid, .smil-floor-costfactors__journey-list, .smil-floor-costfactors__questions { grid-template-columns: minmax(0, 1fr); } .smil-floor-costfactors__sequence-arrow { transform: rotate(90deg); } .smil-floor-costfactors__question, .smil-floor-costfactors__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-costfactors__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-costfactors__cta-button { width: 100%; } } /* SMARTPHONE PICCOLI */ @media (max-width: 440px) { .smil-floor-costfactors__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-costfactors__answer, .smil-floor-costfactors__existing-list > div, .smil-floor-costfactors__heating, .smil-floor-costfactors__installation-list li, .smil-floor-costfactors__local-list > div, .smil-floor-costfactors__estimate-card, .smil-floor-costfactors__journey-list li, .smil-floor-costfactors__question, .smil-floor-costfactors__warning, .smil-floor-costfactors__cta-copy { grid-template-columns: minmax(0, 1fr); } } /* ACCESSIBILITÀ */ @media (prefers-reduced-motion: reduce) { .smil-floor-costfactors__cta-button, .smil-floor-costfactors__cta-button svg { transition: none; } }#imCell_54 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_54 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_54 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_54 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H3 – SUPERFICIE CSS AUTONOMO ========================================================= */ .smil-floor-costsurface, .smil-floor-costsurface *, .smil-floor-costsurface *::before, .smil-floor-costsurface *::after { box-sizing: border-box; } .smil-floor-costsurface { --sfcs-dark: #073844; --sfcs-deep: #052b35; --sfcs-blue: #087c8f; --sfcs-turquoise: #00a991; --sfcs-turquoise-light: #dff8f4; --sfcs-orange: #f28a2e; --sfcs-orange-dark: #d66d0e; --sfcs-orange-soft: #fff1e4; --sfcs-white: #ffffff; --sfcs-bg: #ffffff; --sfcs-bg-soft: #f3faf9; --sfcs-text: #183640; --sfcs-muted: #557078; --sfcs-border: #cee5e2; position: relative; width: 100%; overflow: hidden; scroll-margin-top: 90px; padding: clamp(58px, 7vw, 96px) 20px; color: var(--sfcs-text); background: radial-gradient( circle at 97% 3%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 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(--sfcs-bg) 0%, var(--sfcs-bg-soft) 100% ); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-costsurface__container { width: min(1220px, 100%); margin: 0 auto; } /* INTESTAZIONE */ .smil-floor-costsurface__header { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(440px, 1.22fr); gap: clamp(30px, 5vw, 70px); align-items: end; } .smil-floor-costsurface__heading, .smil-floor-costsurface__intro { min-width: 0; } .smil-floor-costsurface__eyebrow { display: inline-flex; margin: 0 0 12px; padding: 7px 13px; color: var(--sfcs-blue); background: var(--sfcs-turquoise-light); border: 1px solid #c5e8e3; border-radius: 999px; font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-costsurface__title { margin: 0; color: var(--sfcs-dark); font-size: clamp(1.9rem, 3.55vw, 3.15rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; } .smil-floor-costsurface__intro p { margin: 0; color: var(--sfcs-muted); font-size: clamp(1.03rem, 1.55vw, 1.17rem); line-height: 1.73; } .smil-floor-costsurface__intro p + p { margin-top: 10px; } .smil-floor-costsurface__intro strong { color: var(--sfcs-dark); font-weight: 800; } /* RISPOSTA DIRETTA */ .smil-floor-costsurface__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; margin-top: 34px; padding: 22px 24px; background: var(--sfcs-white); border: 1px solid var(--sfcs-border); border-left: 5px solid var(--sfcs-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-costsurface__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sfcs-blue); background: var(--sfcs-turquoise-light); border-radius: 15px; } .smil-floor-costsurface__answer-icon svg { width: 28px; height: 28px; } .smil-floor-costsurface__answer-content { min-width: 0; } .smil-floor-costsurface__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sfcs-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-costsurface__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } .smil-floor-costsurface__answer-content p strong { color: var(--sfcs-dark); } /* TITOLI VISIVI */ .smil-floor-costsurface__section-label { margin: 0 0 7px; color: var(--sfcs-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-costsurface__section-title { display: block; color: var(--sfcs-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* PRINCIPIO */ .smil-floor-costsurface__principle { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 31px; padding: clamp(26px, 4vw, 42px); color: var(--sfcs-white); background: radial-gradient( circle at 94% 10%, rgba(242, 138, 46, 0.21) 0, rgba(242, 138, 46, 0) 35% ), linear-gradient( 135deg, var(--sfcs-deep) 0%, var(--sfcs-dark) 67%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-costsurface__principle .smil-floor-costsurface__section-label { color: #ffbd7a; } .smil-floor-costsurface__principle .smil-floor-costsurface__section-title { color: var(--sfcs-white); } .smil-floor-costsurface__principle-copy > p:not(.smil-floor-costsurface__section-label) { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-costsurface__formula { display: grid; grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr) 28px minmax(0, 1fr); gap: 8px; align-items: center; } .smil-floor-costsurface__formula-card { min-width: 0; padding: 18px 14px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 15px; text-align: center; } .smil-floor-costsurface__formula-card--orange { background: rgba(242, 138, 46, 0.2); border-color: rgba(255, 191, 126, 0.3); } .smil-floor-costsurface__formula-card > span { display: grid; place-items: center; width: 35px; height: 35px; margin: 0 auto 11px; color: var(--sfcs-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-costsurface__formula-card--orange > span { background: #ffb56c; } .smil-floor-costsurface__formula-card strong { display: block; color: var(--sfcs-white); font-size: 0.87rem; font-weight: 850; } .smil-floor-costsurface__formula-card small { display: block; margin-top: 5px; color: rgba(238, 255, 252, 0.68); font-size: 0.68rem; line-height: 1.42; } .smil-floor-costsurface__formula-symbol { color: var(--sfcs-orange); font-size: 1.2rem; font-weight: 900; text-align: center; } /* GRIGLIE PRINCIPALI */ .smil-floor-costsurface__factors { margin-top: 35px; } .smil-floor-costsurface__factors-header { max-width: 930px; } .smil-floor-costsurface__factors-header > p:last-child { margin: 12px 0 0; color: var(--sfcs-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-costsurface__factors-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 22px; } .smil-floor-costsurface__factor-card { min-width: 0; padding: 19px 17px; background: var(--sfcs-white); border: 1px solid var(--sfcs-border); border-radius: 17px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-costsurface__factor-card > span { display: block; margin-bottom: 13px; color: rgba(214, 109, 14, 0.38); font-size: 1.18rem; font-weight: 900; } .smil-floor-costsurface__factor-card strong { display: block; margin-bottom: 6px; color: var(--sfcs-dark); font-size: 0.91rem; font-weight: 850; line-height: 1.36; } .smil-floor-costsurface__factor-card p { margin: 0; color: var(--sfcs-muted); font-size: 0.78rem; line-height: 1.51; } /* BLOCCHI A DUE COLONNE */ .smil-floor-costsurface__measurement, .smil-floor-costsurface__rooms, .smil-floor-costsurface__perimeter, .smil-floor-costsurface__thresholds, .smil-floor-costsurface__furniture, .smil-floor-costsurface__acoustic-area, .smil-floor-costsurface__local, .smil-floor-costsurface__journey { display: grid; grid-template-columns: minmax(300px, 0.79fr) minmax(0, 1.21fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); border-radius: 23px; } .smil-floor-costsurface__measurement, .smil-floor-costsurface__perimeter, .smil-floor-costsurface__furniture { background: var(--sfcs-white); border: 1px solid var(--sfcs-border); box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-costsurface__rooms, .smil-floor-costsurface__local { color: var(--sfcs-white); background: linear-gradient( 135deg, var(--sfcs-blue) 0%, var(--sfcs-turquoise) 100% ); box-shadow: 0 18px 42px rgba(0, 128, 128, 0.2); } .smil-floor-costsurface__thresholds, .smil-floor-costsurface__acoustic-area { background: var(--sfcs-orange-soft); border: 1px solid #efd0b4; } .smil-floor-costsurface__journey { color: var(--sfcs-white); background: linear-gradient( 135deg, var(--sfcs-deep) 0%, var(--sfcs-dark) 100% ); box-shadow: 0 19px 45px rgba(5, 43, 53, 0.17); } .smil-floor-costsurface__measurement-copy > p:not(.smil-floor-costsurface__section-label), .smil-floor-costsurface__perimeter-copy > p:not(.smil-floor-costsurface__section-label), .smil-floor-costsurface__furniture-copy > p:not(.smil-floor-costsurface__section-label) { margin: 13px 0 0; color: var(--sfcs-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-costsurface__thresholds-copy > p:not(.smil-floor-costsurface__section-label), .smil-floor-costsurface__acoustic-area-copy > p:not(.smil-floor-costsurface__section-label) { margin: 13px 0 0; color: #595850; font-size: 0.94rem; line-height: 1.65; } .smil-floor-costsurface__rooms .smil-floor-costsurface__section-label, .smil-floor-costsurface__local .smil-floor-costsurface__section-label { color: #d7fff8; } .smil-floor-costsurface__journey .smil-floor-costsurface__section-label { color: #ffbd7a; } .smil-floor-costsurface__rooms .smil-floor-costsurface__section-title, .smil-floor-costsurface__local .smil-floor-costsurface__section-title, .smil-floor-costsurface__journey .smil-floor-costsurface__section-title { color: var(--sfcs-white); } .smil-floor-costsurface__rooms-copy > p:not(.smil-floor-costsurface__section-label), .smil-floor-costsurface__local-copy > p:not(.smil-floor-costsurface__section-label), .smil-floor-costsurface__journey-copy > p:not(.smil-floor-costsurface__section-label) { margin: 13px 0 0; color: rgba(241, 255, 252, 0.81); font-size: 0.94rem; line-height: 1.65; } .smil-floor-costsurface__journey-copy > p:not(.smil-floor-costsurface__section-label) { color: rgba(238, 255, 252, 0.77); } .smil-floor-costsurface__local-copy strong { color: var(--sfcs-white); } /* MISURAZIONE */ .smil-floor-costsurface__measurement-grid, .smil-floor-costsurface__rooms-grid, .smil-floor-costsurface__acoustic-area-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; } .smil-floor-costsurface__measurement-card, .smil-floor-costsurface__room-card { min-width: 0; padding: 19px 17px; border-radius: 17px; } .smil-floor-costsurface__measurement-card { background: var(--sfcs-orange-soft); border: 1px solid #efd0b4; } .smil-floor-costsurface__measurement-card--technical { background: var(--sfcs-turquoise-light); border-color: #c5e7e2; } .smil-floor-costsurface__measurement-card > span { display: grid; place-items: center; width: 42px; height: 42px; margin-bottom: 11px; color: var(--sfcs-white); background: var(--sfcs-orange-dark); border-radius: 12px; font-size: 0.68rem; font-weight: 900; } .smil-floor-costsurface__measurement-card--technical > span { background: var(--sfcs-blue); } .smil-floor-costsurface__measurement-label, .smil-floor-costsurface__acoustic-area-label { margin: 0 0 4px; color: var(--sfcs-blue); font-size: 0.65rem; font-weight: 850; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-costsurface__measurement-card strong { display: block; color: var(--sfcs-dark); font-size: 0.9rem; font-weight: 850; } .smil-floor-costsurface__measurement-card p:last-child { margin: 7px 0 0; color: #526970; font-size: 0.75rem; line-height: 1.49; } /* STANZE */ .smil-floor-costsurface__room-card { background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.18); } .smil-floor-costsurface__room-card--multiple { background: rgba(242, 138, 46, 0.2); border-color: rgba(255, 191, 126, 0.28); } .smil-floor-costsurface__room-card > span { display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 11px; color: var(--sfcs-dark); background: rgba(255, 255, 255, 0.9); border-radius: 11px; font-weight: 900; } .smil-floor-costsurface__room-card--multiple > span { background: #ffb56c; } .smil-floor-costsurface__room-card strong { display: block; color: var(--sfcs-white); font-size: 0.9rem; font-weight: 850; } .smil-floor-costsurface__room-card p { margin: 7px 0 0; color: rgba(241, 255, 252, 0.7); font-size: 0.75rem; line-height: 1.49; } /* PERIMETRI E LOCALIZZAZIONE */ .smil-floor-costsurface__perimeter-list, .smil-floor-costsurface__local-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-costsurface__perimeter-list > div { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: var(--sfcs-turquoise-light); border: 1px solid #c5e7e2; border-radius: 15px; } .smil-floor-costsurface__perimeter-list span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfcs-white); background: var(--sfcs-blue); border-radius: 10px; font-size: 0.67rem; font-weight: 900; } .smil-floor-costsurface__perimeter-list p { margin: 0; color: #526970; font-size: 0.72rem; line-height: 1.47; } .smil-floor-costsurface__perimeter-list strong { display: block; margin-bottom: 2px; color: var(--sfcs-dark); font-size: 0.85rem; font-weight: 850; } .smil-floor-costsurface__local-list > div { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.11); border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 15px; } .smil-floor-costsurface__local-list span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfcs-dark); background: rgba(255, 255, 255, 0.9); border-radius: 10px; font-size: 0.67rem; font-weight: 900; } .smil-floor-costsurface__local-list p { margin: 0; color: rgba(241, 255, 252, 0.7); font-size: 0.72rem; line-height: 1.47; } .smil-floor-costsurface__local-list strong { display: block; margin-bottom: 2px; color: var(--sfcs-white); font-size: 0.85rem; font-weight: 850; } /* SOGLIE */ .smil-floor-costsurface__thresholds-grid, .smil-floor-costsurface__furniture-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } .smil-floor-costsurface__threshold-card, .smil-floor-costsurface__furniture-card { min-width: 0; padding: 17px 15px; border-radius: 15px; } .smil-floor-costsurface__threshold-card { background: rgba(255, 255, 255, 0.87); border: 1px solid #efd0b4; } .smil-floor-costsurface__threshold-card--orange { background: var(--sfcs-turquoise-light); border-color: #c5e7e2; } .smil-floor-costsurface__threshold-card > span, .smil-floor-costsurface__furniture-card > span { display: grid; place-items: center; width: 38px; height: 38px; margin-bottom: 11px; color: var(--sfcs-white); background: var(--sfcs-orange-dark); border-radius: 11px; font-size: 0.67rem; font-weight: 900; } .smil-floor-costsurface__threshold-card--orange > span { background: var(--sfcs-blue); } .smil-floor-costsurface__threshold-card strong, .smil-floor-costsurface__furniture-card strong { display: block; color: var(--sfcs-dark); font-size: 0.87rem; font-weight: 850; } .smil-floor-costsurface__threshold-card p, .smil-floor-costsurface__furniture-card p { margin: 6px 0 0; color: #526970; font-size: 0.73rem; line-height: 1.48; } /* ARREDI */ .smil-floor-costsurface__furniture-card { background: var(--sfcs-turquoise-light); border: 1px solid #c5e7e2; } .smil-floor-costsurface__furniture-card--orange { background: var(--sfcs-orange-soft); border-color: #efd0b4; } .smil-floor-costsurface__furniture-card > span { background: var(--sfcs-blue); } .smil-floor-costsurface__furniture-card--orange > span { background: var(--sfcs-orange-dark); } /* AREA ACUSTICA */ .smil-floor-costsurface__acoustic-area-card { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 12px; min-width: 0; padding: 17px; background: rgba(255, 255, 255, 0.88); border: 1px solid #efd0b4; border-radius: 16px; } .smil-floor-costsurface__acoustic-area-card--correct { background: var(--sfcs-turquoise-light); border-color: #c5e7e2; } .smil-floor-costsurface__acoustic-area-card > span { display: grid; place-items: center; width: 40px; height: 40px; color: var(--sfcs-white); background: var(--sfcs-orange-dark); border-radius: 11px; font-weight: 900; } .smil-floor-costsurface__acoustic-area-card--correct > span { background: var(--sfcs-turquoise); } .smil-floor-costsurface__acoustic-area-card > div { min-width: 0; } .smil-floor-costsurface__acoustic-area-card strong { display: block; color: var(--sfcs-dark); font-size: 0.87rem; font-weight: 850; line-height: 1.37; } .smil-floor-costsurface__acoustic-area-card div > p:last-child { margin: 6px 0 0; color: #526970; font-size: 0.72rem; line-height: 1.48; } /* PERCORSO */ .smil-floor-costsurface__journey-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; } .smil-floor-costsurface__journey-list li { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.09); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; } .smil-floor-costsurface__journey-list li > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfcs-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-costsurface__journey-list li:nth-child(n + 3) > span { background: #ffb56c; } .smil-floor-costsurface__journey-list li > div { min-width: 0; } .smil-floor-costsurface__journey-list strong { display: block; color: var(--sfcs-white); font-size: 0.85rem; font-weight: 850; } .smil-floor-costsurface__journey-list p { margin: 5px 0 0; color: rgba(238, 255, 252, 0.67); font-size: 0.72rem; line-height: 1.47; } /* FAQ E AVVERTENZA */ .smil-floor-costsurface__questions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 26px; } .smil-floor-costsurface__question, .smil-floor-costsurface__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; padding: 20px 22px; border-radius: 18px; } .smil-floor-costsurface__question { background: var(--sfcs-white); border: 1px solid var(--sfcs-border); border-left: 5px solid var(--sfcs-turquoise); } .smil-floor-costsurface__warning { margin-top: 25px; background: var(--sfcs-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sfcs-orange); } .smil-floor-costsurface__question-icon, .smil-floor-costsurface__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; border-radius: 14px; } .smil-floor-costsurface__question-icon { color: var(--sfcs-blue); background: var(--sfcs-turquoise-light); } .smil-floor-costsurface__warning-icon { color: var(--sfcs-orange-dark); background: var(--sfcs-white); } .smil-floor-costsurface__question-icon svg, .smil-floor-costsurface__warning-icon svg { width: 26px; height: 26px; } .smil-floor-costsurface__question > div, .smil-floor-costsurface__warning > div { min-width: 0; } .smil-floor-costsurface__question strong, .smil-floor-costsurface__warning strong { display: block; margin: 1px 0 6px; color: var(--sfcs-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-costsurface__question p, .smil-floor-costsurface__warning p { margin: 0; font-size: 0.9rem; line-height: 1.62; } .smil-floor-costsurface__question p { color: #48646d; } .smil-floor-costsurface__warning p { color: #595850; } /* CTA */ .smil-floor-costsurface__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 22px 24px; color: var(--sfcs-white); background: linear-gradient( 135deg, var(--sfcs-blue) 0%, var(--sfcs-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-costsurface__cta-copy { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-costsurface__cta-icon { display: grid; place-items: center; width: 48px; height: 48px; color: var(--sfcs-dark); background: rgba(255, 255, 255, 0.9); border-radius: 14px; } .smil-floor-costsurface__cta-icon svg { width: 25px; height: 25px; } .smil-floor-costsurface__cta-copy > div { min-width: 0; } .smil-floor-costsurface__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sfcs-white); font-size: 1.04rem; font-weight: 850; line-height: 1.35; } .smil-floor-costsurface__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.82); font-size: 0.86rem; line-height: 1.5; } .smil-floor-costsurface__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 52px; padding: 12px 19px; color: var(--sfcs-white); background: linear-gradient( 135deg, var(--sfcs-orange) 0%, var(--sfcs-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-align: center; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-costsurface__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-costsurface__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-costsurface__cta-button:hover svg { transform: translateX(3px); } .smil-floor-costsurface__cta-button:focus-visible { outline: 3px solid var(--sfcs-white); outline-offset: 4px; } /* TABLET */ @media (max-width: 1050px) { .smil-floor-costsurface__header, .smil-floor-costsurface__principle, .smil-floor-costsurface__measurement, .smil-floor-costsurface__rooms, .smil-floor-costsurface__perimeter, .smil-floor-costsurface__thresholds, .smil-floor-costsurface__furniture, .smil-floor-costsurface__acoustic-area, .smil-floor-costsurface__local, .smil-floor-costsurface__journey { grid-template-columns: minmax(0, 1fr); } } /* MOBILE */ @media (max-width: 760px) { .smil-floor-costsurface { padding: 49px 14px 58px; } .smil-floor-costsurface__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-floor-costsurface__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-costsurface__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-costsurface__principle, .smil-floor-costsurface__measurement, .smil-floor-costsurface__rooms, .smil-floor-costsurface__perimeter, .smil-floor-costsurface__thresholds, .smil-floor-costsurface__furniture, .smil-floor-costsurface__acoustic-area, .smil-floor-costsurface__local, .smil-floor-costsurface__journey { padding: 22px 18px; border-radius: 20px; } .smil-floor-costsurface__formula, .smil-floor-costsurface__factors-grid, .smil-floor-costsurface__measurement-grid, .smil-floor-costsurface__rooms-grid, .smil-floor-costsurface__perimeter-list, .smil-floor-costsurface__thresholds-grid, .smil-floor-costsurface__furniture-grid, .smil-floor-costsurface__acoustic-area-grid, .smil-floor-costsurface__local-list, .smil-floor-costsurface__journey-list, .smil-floor-costsurface__questions { grid-template-columns: minmax(0, 1fr); } .smil-floor-costsurface__formula-symbol { transform: rotate(90deg); } .smil-floor-costsurface__question, .smil-floor-costsurface__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-costsurface__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-costsurface__cta-button { width: 100%; } } /* SMARTPHONE PICCOLI */ @media (max-width: 440px) { .smil-floor-costsurface__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-costsurface__answer, .smil-floor-costsurface__perimeter-list > div, .smil-floor-costsurface__acoustic-area-card, .smil-floor-costsurface__local-list > div, .smil-floor-costsurface__journey-list li, .smil-floor-costsurface__question, .smil-floor-costsurface__warning, .smil-floor-costsurface__cta-copy { grid-template-columns: minmax(0, 1fr); } } /* ACCESSIBILITÀ */ @media (prefers-reduced-motion: reduce) { .smil-floor-costsurface__cta-button, .smil-floor-costsurface__cta-button svg { transition: none; } }#imCell_45 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_45 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_45 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_45 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H3 – TIPO DI RUMORE CSS AUTONOMO ========================================================= */ .smil-floor-costnoise, .smil-floor-costnoise *, .smil-floor-costnoise *::before, .smil-floor-costnoise *::after { box-sizing: border-box; } .smil-floor-costnoise { --sfcn-dark: #073844; --sfcn-deep: #052b35; --sfcn-blue: #087c8f; --sfcn-turquoise: #00a991; --sfcn-turquoise-light: #dff8f4; --sfcn-orange: #f28a2e; --sfcn-orange-dark: #d66d0e; --sfcn-orange-soft: #fff1e4; --sfcn-white: #ffffff; --sfcn-bg: #ffffff; --sfcn-bg-soft: #f3faf9; --sfcn-text: #183640; --sfcn-muted: #557078; --sfcn-border: #cee5e2; position: relative; width: 100%; overflow: hidden; scroll-margin-top: 90px; padding: clamp(58px, 7vw, 96px) 20px; color: var(--sfcn-text); background: radial-gradient( circle at 97% 3%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 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(--sfcn-bg) 0%, var(--sfcn-bg-soft) 100% ); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-costnoise__container { width: min(1220px, 100%); margin: 0 auto; } /* INTESTAZIONE */ .smil-floor-costnoise__header { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(440px, 1.22fr); gap: clamp(30px, 5vw, 70px); align-items: end; } .smil-floor-costnoise__heading, .smil-floor-costnoise__intro { min-width: 0; } .smil-floor-costnoise__eyebrow { display: inline-flex; margin: 0 0 12px; padding: 7px 13px; color: var(--sfcn-blue); background: var(--sfcn-turquoise-light); border: 1px solid #c5e8e3; border-radius: 999px; font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-costnoise__title { margin: 0; color: var(--sfcn-dark); font-size: clamp(1.9rem, 3.55vw, 3.15rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; } .smil-floor-costnoise__intro p { margin: 0; color: var(--sfcn-muted); font-size: clamp(1.03rem, 1.55vw, 1.17rem); line-height: 1.73; } .smil-floor-costnoise__intro p + p { margin-top: 10px; } .smil-floor-costnoise__intro strong { color: var(--sfcn-dark); font-weight: 800; } /* RISPOSTA DIRETTA */ .smil-floor-costnoise__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; margin-top: 34px; padding: 22px 24px; background: var(--sfcn-white); border: 1px solid var(--sfcn-border); border-left: 5px solid var(--sfcn-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-costnoise__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sfcn-blue); background: var(--sfcn-turquoise-light); border-radius: 15px; } .smil-floor-costnoise__answer-icon svg { width: 28px; height: 28px; } .smil-floor-costnoise__answer-content { min-width: 0; } .smil-floor-costnoise__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sfcn-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-costnoise__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } .smil-floor-costnoise__answer-content p strong { color: var(--sfcn-dark); } /* TITOLI VISIVI */ .smil-floor-costnoise__section-label { margin: 0 0 7px; color: var(--sfcn-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-costnoise__section-title { display: block; color: var(--sfcn-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* PRINCIPIO */ .smil-floor-costnoise__principle { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 31px; padding: clamp(26px, 4vw, 42px); color: var(--sfcn-white); background: radial-gradient( circle at 94% 10%, rgba(242, 138, 46, 0.21) 0, rgba(242, 138, 46, 0) 35% ), linear-gradient( 135deg, var(--sfcn-deep) 0%, var(--sfcn-dark) 67%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-costnoise__principle .smil-floor-costnoise__section-label { color: #ffbd7a; } .smil-floor-costnoise__principle .smil-floor-costnoise__section-title { color: var(--sfcn-white); } .smil-floor-costnoise__principle-copy > p:not(.smil-floor-costnoise__section-label) { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-costnoise__sequence { display: grid; grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr) 28px minmax(0, 1fr); gap: 8px; align-items: center; } .smil-floor-costnoise__sequence-card { min-width: 0; padding: 18px 14px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 15px; text-align: center; } .smil-floor-costnoise__sequence-card--orange { background: rgba(242, 138, 46, 0.2); border-color: rgba(255, 191, 126, 0.3); } .smil-floor-costnoise__sequence-card > span { display: grid; place-items: center; width: 35px; height: 35px; margin: 0 auto 11px; color: var(--sfcn-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-costnoise__sequence-card--orange > span { background: #ffb56c; } .smil-floor-costnoise__sequence-card strong { display: block; color: var(--sfcn-white); font-size: 0.87rem; font-weight: 850; } .smil-floor-costnoise__sequence-card small { display: block; margin-top: 5px; color: rgba(238, 255, 252, 0.68); font-size: 0.68rem; line-height: 1.42; } .smil-floor-costnoise__sequence-arrow { color: var(--sfcn-orange); font-size: 1.2rem; font-weight: 900; text-align: center; } /* FAMIGLIE DI RUMORE */ .smil-floor-costnoise__families { margin-top: 35px; } .smil-floor-costnoise__families-header { max-width: 930px; } .smil-floor-costnoise__families-header > p:last-child { margin: 12px 0 0; color: var(--sfcn-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-costnoise__families-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 22px; } .smil-floor-costnoise__family-card { min-width: 0; padding: 21px 19px; background: var(--sfcn-white); border: 1px solid var(--sfcn-border); border-top: 5px solid var(--sfcn-turquoise); border-radius: 19px; box-shadow: 0 13px 33px rgba(7, 56, 68, 0.07); } .smil-floor-costnoise__family-card--impact { border-top-color: var(--sfcn-orange); } .smil-floor-costnoise__family-card--vibration { border-top-color: var(--sfcn-dark); } .smil-floor-costnoise__family-card > span { display: grid; place-items: center; width: 43px; height: 43px; margin-bottom: 12px; color: var(--sfcn-white); background: var(--sfcn-turquoise); border-radius: 12px; font-weight: 900; } .smil-floor-costnoise__family-card--impact > span { background: var(--sfcn-orange-dark); } .smil-floor-costnoise__family-card--vibration > span { background: var(--sfcn-dark); } .smil-floor-costnoise__family-label { margin: 0 0 4px; color: var(--sfcn-blue); font-size: 0.68rem; font-weight: 850; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-costnoise__family-card strong { display: block; color: var(--sfcn-dark); font-size: 0.95rem; font-weight: 850; line-height: 1.38; } .smil-floor-costnoise__family-card > p:not(.smil-floor-costnoise__family-label) { margin: 8px 0 0; color: var(--sfcn-muted); font-size: 0.8rem; line-height: 1.54; } .smil-floor-costnoise__family-card small { display: block; margin-top: 12px; padding-top: 10px; color: var(--sfcn-blue); border-top: 1px solid #deecea; font-size: 0.7rem; font-weight: 750; line-height: 1.43; } /* BLOCCHI A DUE COLONNE */ .smil-floor-costnoise__airborne, .smil-floor-costnoise__impact, .smil-floor-costnoise__vibrations, .smil-floor-costnoise__mixed, .smil-floor-costnoise__scope, .smil-floor-costnoise__analysis, .smil-floor-costnoise__local { display: grid; grid-template-columns: minmax(300px, 0.79fr) minmax(0, 1.21fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); border-radius: 23px; } .smil-floor-costnoise__airborne, .smil-floor-costnoise__scope { background: var(--sfcn-white); border: 1px solid var(--sfcn-border); box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-costnoise__impact, .smil-floor-costnoise__mixed { background: var(--sfcn-orange-soft); border: 1px solid #efd0b4; } .smil-floor-costnoise__vibrations, .smil-floor-costnoise__local { color: var(--sfcn-white); background: linear-gradient( 135deg, var(--sfcn-blue) 0%, var(--sfcn-turquoise) 100% ); box-shadow: 0 18px 42px rgba(0, 128, 128, 0.2); } .smil-floor-costnoise__analysis { color: var(--sfcn-white); background: linear-gradient( 135deg, var(--sfcn-deep) 0%, var(--sfcn-dark) 100% ); box-shadow: 0 19px 45px rgba(5, 43, 53, 0.17); } .smil-floor-costnoise__airborne-copy > p:not(.smil-floor-costnoise__section-label), .smil-floor-costnoise__scope-copy > p:not(.smil-floor-costnoise__section-label) { margin: 13px 0 0; color: var(--sfcn-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-costnoise__impact-copy > p:not(.smil-floor-costnoise__section-label), .smil-floor-costnoise__mixed-copy > p:not(.smil-floor-costnoise__section-label) { margin: 13px 0 0; color: #595850; font-size: 0.94rem; line-height: 1.65; } .smil-floor-costnoise__vibrations .smil-floor-costnoise__section-label, .smil-floor-costnoise__local .smil-floor-costnoise__section-label { color: #d7fff8; } .smil-floor-costnoise__analysis .smil-floor-costnoise__section-label { color: #ffbd7a; } .smil-floor-costnoise__vibrations .smil-floor-costnoise__section-title, .smil-floor-costnoise__analysis .smil-floor-costnoise__section-title, .smil-floor-costnoise__local .smil-floor-costnoise__section-title { color: var(--sfcn-white); } .smil-floor-costnoise__vibrations-copy > p:not(.smil-floor-costnoise__section-label), .smil-floor-costnoise__analysis-copy > p:not(.smil-floor-costnoise__section-label), .smil-floor-costnoise__local-copy > p:not(.smil-floor-costnoise__section-label) { margin: 13px 0 0; color: rgba(241, 255, 252, 0.81); font-size: 0.94rem; line-height: 1.65; } .smil-floor-costnoise__analysis-copy > p:not(.smil-floor-costnoise__section-label) { color: rgba(238, 255, 252, 0.77); } .smil-floor-costnoise__local-copy strong { color: var(--sfcn-white); } /* RUMORE AEREO */ .smil-floor-costnoise__airborne-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } .smil-floor-costnoise__airborne-card { min-width: 0; padding: 17px 15px; background: var(--sfcn-turquoise-light); border: 1px solid #c5e7e2; border-radius: 15px; } .smil-floor-costnoise__airborne-card--orange { background: var(--sfcn-orange-soft); border-color: #efd0b4; } .smil-floor-costnoise__airborne-card > span { display: grid; place-items: center; width: 38px; height: 38px; margin-bottom: 11px; color: var(--sfcn-white); background: var(--sfcn-blue); border-radius: 11px; font-size: 0.7rem; font-weight: 900; } .smil-floor-costnoise__airborne-card--orange > span { background: var(--sfcn-orange-dark); } .smil-floor-costnoise__airborne-card strong { display: block; color: var(--sfcn-dark); font-size: 0.87rem; font-weight: 850; } .smil-floor-costnoise__airborne-card p { margin: 6px 0 0; color: #526970; font-size: 0.73rem; line-height: 1.48; } /* IMPATTO */ .smil-floor-costnoise__impact-flow { display: grid; gap: 8px; } .smil-floor-costnoise__impact-step { display: grid; grid-template-columns: 40px minmax(110px, 0.55fr) minmax(0, 1fr); gap: 12px; align-items: center; padding: 14px 16px; background: rgba(255, 255, 255, 0.88); border: 1px solid #efd0b4; border-radius: 14px; } .smil-floor-costnoise__impact-step--source { background: var(--sfcn-turquoise-light); border-color: #c5e7e2; } .smil-floor-costnoise__impact-step > span { display: grid; place-items: center; width: 38px; height: 38px; color: var(--sfcn-white); background: var(--sfcn-orange-dark); border-radius: 11px; font-weight: 900; } .smil-floor-costnoise__impact-step--source > span { background: var(--sfcn-blue); } .smil-floor-costnoise__impact-step strong { color: var(--sfcn-dark); font-size: 0.86rem; font-weight: 850; } .smil-floor-costnoise__impact-step small { color: #526970; font-size: 0.7rem; line-height: 1.42; } .smil-floor-costnoise__impact-arrow { color: var(--sfcn-orange-dark); font-size: 1rem; font-weight: 900; text-align: center; } /* VIBRAZIONI E MILANO */ .smil-floor-costnoise__vibrations-list, .smil-floor-costnoise__local-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-costnoise__vibrations-list > div, .smil-floor-costnoise__local-list > div { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.11); border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 15px; } .smil-floor-costnoise__vibrations-list span, .smil-floor-costnoise__local-list span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfcn-dark); background: rgba(255, 255, 255, 0.9); border-radius: 10px; font-size: 0.67rem; font-weight: 900; } .smil-floor-costnoise__vibrations-list p, .smil-floor-costnoise__local-list p { margin: 0; color: rgba(241, 255, 252, 0.7); font-size: 0.72rem; line-height: 1.47; } .smil-floor-costnoise__vibrations-list strong, .smil-floor-costnoise__local-list strong { display: block; margin-bottom: 2px; color: var(--sfcn-white); font-size: 0.85rem; font-weight: 850; } /* RUMORI MISTI */ .smil-floor-costnoise__mixed-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } .smil-floor-costnoise__mixed-card { min-width: 0; padding: 17px 15px; background: rgba(255, 255, 255, 0.88); border: 1px solid #efd0b4; border-radius: 15px; } .smil-floor-costnoise__mixed-card--orange { background: var(--sfcn-turquoise-light); border-color: #c5e7e2; } .smil-floor-costnoise__mixed-card--deep { color: var(--sfcn-white); background: var(--sfcn-dark); border-color: var(--sfcn-dark); } .smil-floor-costnoise__mixed-card > span { display: inline-grid; place-items: center; min-width: 46px; min-height: 38px; margin-bottom: 11px; padding: 7px 9px; color: var(--sfcn-white); background: var(--sfcn-orange-dark); border-radius: 11px; font-size: 0.67rem; font-weight: 900; } .smil-floor-costnoise__mixed-card--orange > span { background: var(--sfcn-blue); } .smil-floor-costnoise__mixed-card--deep > span { color: var(--sfcn-dark); background: #7fe7d9; } .smil-floor-costnoise__mixed-card strong { display: block; color: var(--sfcn-dark); font-size: 0.87rem; font-weight: 850; } .smil-floor-costnoise__mixed-card--deep strong { color: var(--sfcn-white); } .smil-floor-costnoise__mixed-card p { margin: 6px 0 0; color: #526970; font-size: 0.73rem; line-height: 1.48; } .smil-floor-costnoise__mixed-card--deep p { color: rgba(238, 255, 252, 0.68); } /* ESTENSIONE */ .smil-floor-costnoise__scope-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; } .smil-floor-costnoise__scope-card { min-width: 0; padding: 19px 17px; background: var(--sfcn-orange-soft); border: 1px solid #efd0b4; border-radius: 17px; } .smil-floor-costnoise__scope-card--coordinated { background: var(--sfcn-turquoise-light); border-color: #c5e7e2; } .smil-floor-costnoise__scope-card > span { display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 11px; color: var(--sfcn-white); background: var(--sfcn-orange-dark); border-radius: 11px; font-weight: 900; } .smil-floor-costnoise__scope-card--coordinated > span { background: var(--sfcn-blue); } .smil-floor-costnoise__scope-label { margin: 0 0 4px; color: var(--sfcn-blue); font-size: 0.65rem; font-weight: 850; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-costnoise__scope-card strong { display: block; color: var(--sfcn-dark); font-size: 0.9rem; font-weight: 850; } .smil-floor-costnoise__scope-card p:last-child { margin: 7px 0 0; color: #526970; font-size: 0.75rem; line-height: 1.49; } /* ERRORE */ .smil-floor-costnoise__mistake { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 18px; margin-top: 33px; padding: clamp(24px, 4vw, 34px); background: linear-gradient( 135deg, #fff1e4 0%, #ffe2c7 100% ); border: 1px solid #eabf98; border-left: 6px solid var(--sfcn-orange-dark); border-radius: 20px; } .smil-floor-costnoise__mistake-icon { display: grid; place-items: center; width: 58px; height: 58px; color: var(--sfcn-white); background: var(--sfcn-orange-dark); border-radius: 16px; } .smil-floor-costnoise__mistake-icon svg { width: 30px; height: 30px; } .smil-floor-costnoise__mistake > div { min-width: 0; } .smil-floor-costnoise__mistake .smil-floor-costnoise__section-label { color: var(--sfcn-orange-dark); } .smil-floor-costnoise__mistake .smil-floor-costnoise__section-title { font-size: clamp(1.18rem, 2vw, 1.55rem); } .smil-floor-costnoise__mistake p:not(.smil-floor-costnoise__section-label) { margin: 10px 0 0; color: #5f5b54; font-size: 0.9rem; line-height: 1.62; } /* ANALISI */ .smil-floor-costnoise__analysis-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; } .smil-floor-costnoise__analysis-list li { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.09); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; } .smil-floor-costnoise__analysis-list li > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfcn-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-costnoise__analysis-list li:nth-child(n + 3) > span { background: #ffb56c; } .smil-floor-costnoise__analysis-list li > div { min-width: 0; } .smil-floor-costnoise__analysis-list strong { display: block; color: var(--sfcn-white); font-size: 0.85rem; font-weight: 850; } .smil-floor-costnoise__analysis-list p { margin: 5px 0 0; color: rgba(238, 255, 252, 0.67); font-size: 0.72rem; line-height: 1.47; } /* FAQ E AVVERTENZA */ .smil-floor-costnoise__questions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 26px; } .smil-floor-costnoise__question, .smil-floor-costnoise__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; padding: 20px 22px; border-radius: 18px; } .smil-floor-costnoise__question { background: var(--sfcn-white); border: 1px solid var(--sfcn-border); border-left: 5px solid var(--sfcn-turquoise); } .smil-floor-costnoise__warning { margin-top: 25px; background: var(--sfcn-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sfcn-orange); } .smil-floor-costnoise__question-icon, .smil-floor-costnoise__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; border-radius: 14px; } .smil-floor-costnoise__question-icon { color: var(--sfcn-blue); background: var(--sfcn-turquoise-light); } .smil-floor-costnoise__warning-icon { color: var(--sfcn-orange-dark); background: var(--sfcn-white); } .smil-floor-costnoise__question-icon svg, .smil-floor-costnoise__warning-icon svg { width: 26px; height: 26px; } .smil-floor-costnoise__question > div, .smil-floor-costnoise__warning > div { min-width: 0; } .smil-floor-costnoise__question strong, .smil-floor-costnoise__warning strong { display: block; margin: 1px 0 6px; color: var(--sfcn-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-costnoise__question p, .smil-floor-costnoise__warning p { margin: 0; font-size: 0.9rem; line-height: 1.62; } .smil-floor-costnoise__question p { color: #48646d; } .smil-floor-costnoise__warning p { color: #595850; } /* CTA */ .smil-floor-costnoise__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 22px 24px; color: var(--sfcn-white); background: linear-gradient( 135deg, var(--sfcn-blue) 0%, var(--sfcn-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-costnoise__cta-copy { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-costnoise__cta-icon { display: grid; place-items: center; width: 48px; height: 48px; color: var(--sfcn-dark); background: rgba(255, 255, 255, 0.9); border-radius: 14px; } .smil-floor-costnoise__cta-icon svg { width: 25px; height: 25px; } .smil-floor-costnoise__cta-copy > div { min-width: 0; } .smil-floor-costnoise__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sfcn-white); font-size: 1.04rem; font-weight: 850; line-height: 1.35; } .smil-floor-costnoise__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.82); font-size: 0.86rem; line-height: 1.5; } .smil-floor-costnoise__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 52px; padding: 12px 19px; color: var(--sfcn-white); background: linear-gradient( 135deg, var(--sfcn-orange) 0%, var(--sfcn-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-align: center; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-costnoise__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-costnoise__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-costnoise__cta-button:hover svg { transform: translateX(3px); } .smil-floor-costnoise__cta-button:focus-visible { outline: 3px solid var(--sfcn-white); outline-offset: 4px; } /* TABLET */ @media (max-width: 1050px) { .smil-floor-costnoise__header, .smil-floor-costnoise__principle, .smil-floor-costnoise__airborne, .smil-floor-costnoise__impact, .smil-floor-costnoise__vibrations, .smil-floor-costnoise__mixed, .smil-floor-costnoise__scope, .smil-floor-costnoise__analysis, .smil-floor-costnoise__local { grid-template-columns: minmax(0, 1fr); } } /* MOBILE */ @media (max-width: 760px) { .smil-floor-costnoise { padding: 49px 14px 58px; } .smil-floor-costnoise__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-floor-costnoise__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-costnoise__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-costnoise__principle, .smil-floor-costnoise__airborne, .smil-floor-costnoise__impact, .smil-floor-costnoise__vibrations, .smil-floor-costnoise__mixed, .smil-floor-costnoise__scope, .smil-floor-costnoise__analysis, .smil-floor-costnoise__local { padding: 22px 18px; border-radius: 20px; } .smil-floor-costnoise__sequence, .smil-floor-costnoise__families-grid, .smil-floor-costnoise__airborne-grid, .smil-floor-costnoise__vibrations-list, .smil-floor-costnoise__mixed-grid, .smil-floor-costnoise__scope-grid, .smil-floor-costnoise__analysis-list, .smil-floor-costnoise__local-list, .smil-floor-costnoise__questions { grid-template-columns: minmax(0, 1fr); } .smil-floor-costnoise__sequence-arrow { transform: rotate(90deg); } .smil-floor-costnoise__impact-step { grid-template-columns: 40px minmax(0, 1fr); } .smil-floor-costnoise__impact-step small { grid-column: 1 / -1; } .smil-floor-costnoise__mistake { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-costnoise__mistake-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-costnoise__question, .smil-floor-costnoise__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-costnoise__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-costnoise__cta-button { width: 100%; } } /* SMARTPHONE PICCOLI */ @media (max-width: 440px) { .smil-floor-costnoise__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-costnoise__answer, .smil-floor-costnoise__impact-step, .smil-floor-costnoise__vibrations-list > div, .smil-floor-costnoise__mistake, .smil-floor-costnoise__analysis-list li, .smil-floor-costnoise__local-list > div, .smil-floor-costnoise__question, .smil-floor-costnoise__warning, .smil-floor-costnoise__cta-copy { grid-template-columns: minmax(0, 1fr); } } /* ACCESSIBILITÀ */ @media (prefers-reduced-motion: reduce) { .smil-floor-costnoise__cta-button, .smil-floor-costnoise__cta-button svg { transition: none; } }#imCell_55 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_55 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_55 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_55 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H3 – PAVIMENTO ESISTENTE CSS AUTONOMO ========================================================= */ .smil-floor-existingcost, .smil-floor-existingcost *, .smil-floor-existingcost *::before, .smil-floor-existingcost *::after { box-sizing: border-box; } .smil-floor-existingcost { --sfec-dark: #073844; --sfec-deep: #052b35; --sfec-blue: #087c8f; --sfec-turquoise: #00a991; --sfec-turquoise-light: #dff8f4; --sfec-orange: #f28a2e; --sfec-orange-dark: #d66d0e; --sfec-orange-soft: #fff1e4; --sfec-white: #ffffff; --sfec-bg: #ffffff; --sfec-bg-soft: #f3faf9; --sfec-text: #183640; --sfec-muted: #557078; --sfec-border: #cee5e2; position: relative; width: 100%; overflow: hidden; scroll-margin-top: 90px; padding: clamp(58px, 7vw, 96px) 20px; color: var(--sfec-text); background: radial-gradient( circle at 97% 3%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 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(--sfec-bg) 0%, var(--sfec-bg-soft) 100% ); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-existingcost__container { width: min(1220px, 100%); margin: 0 auto; } /* INTESTAZIONE */ .smil-floor-existingcost__header { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(440px, 1.22fr); gap: clamp(30px, 5vw, 70px); align-items: end; } .smil-floor-existingcost__heading, .smil-floor-existingcost__intro { min-width: 0; } .smil-floor-existingcost__eyebrow { display: inline-flex; margin: 0 0 12px; padding: 7px 13px; color: var(--sfec-blue); background: var(--sfec-turquoise-light); border: 1px solid #c5e8e3; border-radius: 999px; font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-existingcost__title { margin: 0; color: var(--sfec-dark); font-size: clamp(1.9rem, 3.55vw, 3.15rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; } .smil-floor-existingcost__intro p { margin: 0; color: var(--sfec-muted); font-size: clamp(1.03rem, 1.55vw, 1.17rem); line-height: 1.73; } .smil-floor-existingcost__intro p + p { margin-top: 10px; } .smil-floor-existingcost__intro strong { color: var(--sfec-dark); font-weight: 800; } /* RISPOSTA DIRETTA */ .smil-floor-existingcost__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; margin-top: 34px; padding: 22px 24px; background: var(--sfec-white); border: 1px solid var(--sfec-border); border-left: 5px solid var(--sfec-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-existingcost__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sfec-blue); background: var(--sfec-turquoise-light); border-radius: 15px; } .smil-floor-existingcost__answer-icon svg { width: 28px; height: 28px; } .smil-floor-existingcost__answer-content { min-width: 0; } .smil-floor-existingcost__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sfec-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-existingcost__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } .smil-floor-existingcost__answer-content p strong { color: var(--sfec-dark); } /* TITOLI VISIVI */ .smil-floor-existingcost__section-label { margin: 0 0 7px; color: var(--sfec-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-existingcost__section-title { display: block; color: var(--sfec-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* PRINCIPIO */ .smil-floor-existingcost__principle { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 31px; padding: clamp(26px, 4vw, 42px); color: var(--sfec-white); background: radial-gradient( circle at 94% 10%, rgba(242, 138, 46, 0.21) 0, rgba(242, 138, 46, 0) 35% ), linear-gradient( 135deg, var(--sfec-deep) 0%, var(--sfec-dark) 67%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-existingcost__principle .smil-floor-existingcost__section-label { color: #ffbd7a; } .smil-floor-existingcost__principle .smil-floor-existingcost__section-title { color: var(--sfec-white); } .smil-floor-existingcost__principle-copy > p:not(.smil-floor-existingcost__section-label) { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-existingcost__sequence { display: grid; grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr) 28px minmax(0, 1fr); gap: 8px; align-items: center; } .smil-floor-existingcost__sequence-card { min-width: 0; padding: 18px 14px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 15px; text-align: center; } .smil-floor-existingcost__sequence-card--orange { background: rgba(242, 138, 46, 0.2); border-color: rgba(255, 191, 126, 0.3); } .smil-floor-existingcost__sequence-card > span { display: grid; place-items: center; width: 35px; height: 35px; margin: 0 auto 11px; color: var(--sfec-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-existingcost__sequence-card--orange > span { background: #ffb56c; } .smil-floor-existingcost__sequence-card strong { display: block; color: var(--sfec-white); font-size: 0.87rem; font-weight: 850; } .smil-floor-existingcost__sequence-card small { display: block; margin-top: 5px; color: rgba(238, 255, 252, 0.68); font-size: 0.68rem; line-height: 1.42; } .smil-floor-existingcost__sequence-arrow { color: var(--sfec-orange); font-size: 1.2rem; font-weight: 900; text-align: center; } /* CONTROLLI */ .smil-floor-existingcost__checks { margin-top: 35px; } .smil-floor-existingcost__checks-header { max-width: 930px; } .smil-floor-existingcost__checks-header > p:last-child { margin: 12px 0 0; color: var(--sfec-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-existingcost__checks-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 22px; } .smil-floor-existingcost__check-card { min-width: 0; padding: 19px 17px; background: var(--sfec-white); border: 1px solid var(--sfec-border); border-radius: 17px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-existingcost__check-card > span { display: block; margin-bottom: 13px; color: rgba(214, 109, 14, 0.38); font-size: 1.18rem; font-weight: 900; } .smil-floor-existingcost__check-card strong { display: block; margin-bottom: 6px; color: var(--sfec-dark); font-size: 0.91rem; font-weight: 850; line-height: 1.36; } .smil-floor-existingcost__check-card p { margin: 0; color: var(--sfec-muted); font-size: 0.78rem; line-height: 1.51; } /* BLOCCHI A DUE COLONNE */ .smil-floor-existingcost__scenarios, .smil-floor-existingcost__overlay, .smil-floor-existingcost__preparation, .smil-floor-existingcost__removal, .smil-floor-existingcost__operations, .smil-floor-existingcost__levels, .smil-floor-existingcost__mistake, .smil-floor-existingcost__local, .smil-floor-existingcost__journey { display: grid; grid-template-columns: minmax(300px, 0.79fr) minmax(0, 1.21fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); border-radius: 23px; } .smil-floor-existingcost__scenarios, .smil-floor-existingcost__preparation, .smil-floor-existingcost__levels { background: var(--sfec-white); border: 1px solid var(--sfec-border); box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-existingcost__overlay, .smil-floor-existingcost__local { color: var(--sfec-white); background: linear-gradient( 135deg, var(--sfec-blue) 0%, var(--sfec-turquoise) 100% ); box-shadow: 0 18px 42px rgba(0, 128, 128, 0.2); } .smil-floor-existingcost__removal, .smil-floor-existingcost__mistake { background: var(--sfec-orange-soft); border: 1px solid #efd0b4; } .smil-floor-existingcost__operations, .smil-floor-existingcost__journey { color: var(--sfec-white); background: linear-gradient( 135deg, var(--sfec-deep) 0%, var(--sfec-dark) 100% ); box-shadow: 0 19px 45px rgba(5, 43, 53, 0.17); } .smil-floor-existingcost__scenarios-copy > p:not(.smil-floor-existingcost__section-label), .smil-floor-existingcost__preparation-copy > p:not(.smil-floor-existingcost__section-label), .smil-floor-existingcost__levels-copy > p:not(.smil-floor-existingcost__section-label) { margin: 13px 0 0; color: var(--sfec-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-existingcost__removal-copy > p:not(.smil-floor-existingcost__section-label), .smil-floor-existingcost__mistake-copy > p:not(.smil-floor-existingcost__section-label) { margin: 13px 0 0; color: #595850; font-size: 0.94rem; line-height: 1.65; } .smil-floor-existingcost__overlay .smil-floor-existingcost__section-label, .smil-floor-existingcost__local .smil-floor-existingcost__section-label { color: #d7fff8; } .smil-floor-existingcost__operations .smil-floor-existingcost__section-label, .smil-floor-existingcost__journey .smil-floor-existingcost__section-label { color: #ffbd7a; } .smil-floor-existingcost__overlay .smil-floor-existingcost__section-title, .smil-floor-existingcost__operations .smil-floor-existingcost__section-title, .smil-floor-existingcost__local .smil-floor-existingcost__section-title, .smil-floor-existingcost__journey .smil-floor-existingcost__section-title { color: var(--sfec-white); } .smil-floor-existingcost__overlay-copy > p:not(.smil-floor-existingcost__section-label), .smil-floor-existingcost__operations-copy > p:not(.smil-floor-existingcost__section-label), .smil-floor-existingcost__local-copy > p:not(.smil-floor-existingcost__section-label), .smil-floor-existingcost__journey-copy > p:not(.smil-floor-existingcost__section-label) { margin: 13px 0 0; color: rgba(241, 255, 252, 0.81); font-size: 0.94rem; line-height: 1.65; } .smil-floor-existingcost__operations-copy > p:not(.smil-floor-existingcost__section-label), .smil-floor-existingcost__journey-copy > p:not(.smil-floor-existingcost__section-label) { color: rgba(238, 255, 252, 0.77); } .smil-floor-existingcost__local-copy strong { color: var(--sfec-white); } /* SCENARI */ .smil-floor-existingcost__scenarios-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } .smil-floor-existingcost__scenario-card { min-width: 0; padding: 18px 16px; background: var(--sfec-turquoise-light); border: 1px solid #c5e7e2; border-radius: 16px; } .smil-floor-existingcost__scenario-card--prepare { background: #f4faf9; } .smil-floor-existingcost__scenario-card--remove { background: var(--sfec-orange-soft); border-color: #efd0b4; } .smil-floor-existingcost__scenario-card > span { display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 10px; color: var(--sfec-white); background: var(--sfec-turquoise); border-radius: 11px; font-weight: 900; } .smil-floor-existingcost__scenario-card--prepare > span { background: var(--sfec-blue); } .smil-floor-existingcost__scenario-card--remove > span { background: var(--sfec-orange-dark); } .smil-floor-existingcost__scenario-label, .smil-floor-existingcost__mistake-label { margin: 0 0 4px; color: var(--sfec-blue); font-size: 0.65rem; font-weight: 850; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-existingcost__scenario-card strong { display: block; color: var(--sfec-dark); font-size: 0.9rem; font-weight: 850; } .smil-floor-existingcost__scenario-card p:last-child { margin: 7px 0 0; color: #526970; font-size: 0.74rem; line-height: 1.49; } /* SOVRAPPOSIZIONE */ .smil-floor-existingcost__overlay-list, .smil-floor-existingcost__removal-list, .smil-floor-existingcost__local-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-existingcost__overlay-list > div, .smil-floor-existingcost__local-list > div { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.11); border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 15px; } .smil-floor-existingcost__overlay-list span, .smil-floor-existingcost__local-list span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfec-dark); background: rgba(255, 255, 255, 0.9); border-radius: 10px; font-size: 0.67rem; font-weight: 900; } .smil-floor-existingcost__overlay-list p, .smil-floor-existingcost__local-list p { margin: 0; color: rgba(241, 255, 252, 0.7); font-size: 0.72rem; line-height: 1.47; } .smil-floor-existingcost__overlay-list strong, .smil-floor-existingcost__local-list strong { display: block; margin-bottom: 2px; color: var(--sfec-white); font-size: 0.85rem; font-weight: 850; } /* PREPARAZIONE */ .smil-floor-existingcost__preparation-grid, .smil-floor-existingcost__levels-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } .smil-floor-existingcost__preparation-card, .smil-floor-existingcost__level-card { min-width: 0; padding: 17px 15px; background: var(--sfec-turquoise-light); border: 1px solid #c5e7e2; border-radius: 15px; } .smil-floor-existingcost__preparation-card--orange, .smil-floor-existingcost__level-card--orange { background: var(--sfec-orange-soft); border-color: #efd0b4; } .smil-floor-existingcost__preparation-card > span, .smil-floor-existingcost__level-card > span { display: grid; place-items: center; width: 38px; height: 38px; margin-bottom: 11px; color: var(--sfec-white); background: var(--sfec-blue); border-radius: 11px; font-size: 0.67rem; font-weight: 900; } .smil-floor-existingcost__preparation-card--orange > span, .smil-floor-existingcost__level-card--orange > span { background: var(--sfec-orange-dark); } .smil-floor-existingcost__preparation-card strong, .smil-floor-existingcost__level-card strong { display: block; color: var(--sfec-dark); font-size: 0.87rem; font-weight: 850; } .smil-floor-existingcost__preparation-card p, .smil-floor-existingcost__level-card p { margin: 6px 0 0; color: #526970; font-size: 0.73rem; line-height: 1.48; } /* RIMOZIONE */ .smil-floor-existingcost__removal-list > div { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.88); border: 1px solid #efd0b4; border-radius: 15px; } .smil-floor-existingcost__removal-list span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfec-white); background: var(--sfec-orange-dark); border-radius: 10px; font-size: 0.67rem; font-weight: 900; } .smil-floor-existingcost__removal-list p { margin: 0; color: #5b625f; font-size: 0.72rem; line-height: 1.47; } .smil-floor-existingcost__removal-list strong { display: block; margin-bottom: 2px; color: var(--sfec-dark); font-size: 0.85rem; font-weight: 850; } /* OPERAZIONI */ .smil-floor-existingcost__operations-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; } .smil-floor-existingcost__operation-card { min-width: 0; padding: 17px 15px; background: rgba(255, 255, 255, 0.09); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; } .smil-floor-existingcost__operation-card--orange { background: rgba(242, 138, 46, 0.2); border-color: rgba(255, 191, 126, 0.28); } .smil-floor-existingcost__operation-card > span { display: grid; place-items: center; width: 38px; height: 38px; margin-bottom: 11px; color: var(--sfec-dark); background: #7fe7d9; border-radius: 11px; font-size: 0.67rem; font-weight: 900; } .smil-floor-existingcost__operation-card--orange > span { background: #ffb56c; } .smil-floor-existingcost__operation-card strong { display: block; color: var(--sfec-white); font-size: 0.87rem; font-weight: 850; } .smil-floor-existingcost__operation-card p { margin: 6px 0 0; color: rgba(238, 255, 252, 0.68); font-size: 0.73rem; line-height: 1.48; } /* RISCALDAMENTO */ .smil-floor-existingcost__heating { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 18px; margin-top: 33px; padding: clamp(24px, 4vw, 34px); background: linear-gradient( 135deg, #fff1e4 0%, #ffe2c7 100% ); border: 1px solid #eabf98; border-left: 6px solid var(--sfec-orange-dark); border-radius: 20px; } .smil-floor-existingcost__heating-icon { display: grid; place-items: center; width: 58px; height: 58px; color: var(--sfec-white); background: var(--sfec-orange-dark); border-radius: 16px; } .smil-floor-existingcost__heating-icon svg { width: 30px; height: 30px; } .smil-floor-existingcost__heating > div { min-width: 0; } .smil-floor-existingcost__heating .smil-floor-existingcost__section-label { color: var(--sfec-orange-dark); } .smil-floor-existingcost__heating .smil-floor-existingcost__section-title { font-size: clamp(1.18rem, 2vw, 1.55rem); } .smil-floor-existingcost__heating p:not(.smil-floor-existingcost__section-label) { margin: 10px 0 0; color: #5f5b54; font-size: 0.9rem; line-height: 1.62; } /* ERRORE */ .smil-floor-existingcost__mistake-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; } .smil-floor-existingcost__mistake-card { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 12px; min-width: 0; padding: 17px; background: rgba(255, 255, 255, 0.88); border: 1px solid #efd0b4; border-radius: 16px; } .smil-floor-existingcost__mistake-card--correct { background: var(--sfec-turquoise-light); border-color: #c5e7e2; } .smil-floor-existingcost__mistake-card > span { display: grid; place-items: center; width: 40px; height: 40px; color: var(--sfec-white); background: var(--sfec-orange-dark); border-radius: 11px; font-weight: 900; } .smil-floor-existingcost__mistake-card--correct > span { background: var(--sfec-turquoise); } .smil-floor-existingcost__mistake-card > div { min-width: 0; } .smil-floor-existingcost__mistake-card strong { display: block; color: var(--sfec-dark); font-size: 0.87rem; font-weight: 850; } .smil-floor-existingcost__mistake-card div > p:last-child { margin: 6px 0 0; color: #526970; font-size: 0.72rem; line-height: 1.48; } /* PERCORSO */ .smil-floor-existingcost__journey-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; } .smil-floor-existingcost__journey-list li { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.09); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; } .smil-floor-existingcost__journey-list li > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfec-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-existingcost__journey-list li:nth-child(n + 3) > span { background: #ffb56c; } .smil-floor-existingcost__journey-list li > div { min-width: 0; } .smil-floor-existingcost__journey-list strong { display: block; color: var(--sfec-white); font-size: 0.85rem; font-weight: 850; } .smil-floor-existingcost__journey-list p { margin: 5px 0 0; color: rgba(238, 255, 252, 0.67); font-size: 0.72rem; line-height: 1.47; } /* FAQ E AVVERTENZA */ .smil-floor-existingcost__questions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 26px; } .smil-floor-existingcost__question, .smil-floor-existingcost__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; padding: 20px 22px; border-radius: 18px; } .smil-floor-existingcost__question { background: var(--sfec-white); border: 1px solid var(--sfec-border); border-left: 5px solid var(--sfec-turquoise); } .smil-floor-existingcost__warning { margin-top: 25px; background: var(--sfec-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sfec-orange); } .smil-floor-existingcost__question-icon, .smil-floor-existingcost__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; border-radius: 14px; } .smil-floor-existingcost__question-icon { color: var(--sfec-blue); background: var(--sfec-turquoise-light); } .smil-floor-existingcost__warning-icon { color: var(--sfec-orange-dark); background: var(--sfec-white); } .smil-floor-existingcost__question-icon svg, .smil-floor-existingcost__warning-icon svg { width: 26px; height: 26px; } .smil-floor-existingcost__question > div, .smil-floor-existingcost__warning > div { min-width: 0; } .smil-floor-existingcost__question strong, .smil-floor-existingcost__warning strong { display: block; margin: 1px 0 6px; color: var(--sfec-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-existingcost__question p, .smil-floor-existingcost__warning p { margin: 0; font-size: 0.9rem; line-height: 1.62; } .smil-floor-existingcost__question p { color: #48646d; } .smil-floor-existingcost__warning p { color: #595850; } /* CTA */ .smil-floor-existingcost__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 22px 24px; color: var(--sfec-white); background: linear-gradient( 135deg, var(--sfec-blue) 0%, var(--sfec-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-existingcost__cta-copy { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-existingcost__cta-icon { display: grid; place-items: center; width: 48px; height: 48px; color: var(--sfec-dark); background: rgba(255, 255, 255, 0.9); border-radius: 14px; } .smil-floor-existingcost__cta-icon svg { width: 25px; height: 25px; } .smil-floor-existingcost__cta-copy > div { min-width: 0; } .smil-floor-existingcost__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sfec-white); font-size: 1.04rem; font-weight: 850; line-height: 1.35; } .smil-floor-existingcost__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.82); font-size: 0.86rem; line-height: 1.5; } .smil-floor-existingcost__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 52px; padding: 12px 19px; color: var(--sfec-white); background: linear-gradient( 135deg, var(--sfec-orange) 0%, var(--sfec-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-align: center; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-existingcost__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-existingcost__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-existingcost__cta-button:hover svg { transform: translateX(3px); } .smil-floor-existingcost__cta-button:focus-visible { outline: 3px solid var(--sfec-white); outline-offset: 4px; } /* TABLET */ @media (max-width: 1050px) { .smil-floor-existingcost__header, .smil-floor-existingcost__principle, .smil-floor-existingcost__scenarios, .smil-floor-existingcost__overlay, .smil-floor-existingcost__preparation, .smil-floor-existingcost__removal, .smil-floor-existingcost__operations, .smil-floor-existingcost__levels, .smil-floor-existingcost__mistake, .smil-floor-existingcost__local, .smil-floor-existingcost__journey { grid-template-columns: minmax(0, 1fr); } .smil-floor-existingcost__operations-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* MOBILE */ @media (max-width: 760px) { .smil-floor-existingcost { padding: 49px 14px 58px; } .smil-floor-existingcost__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-floor-existingcost__answer, .smil-floor-existingcost__heating { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-existingcost__answer-icon, .smil-floor-existingcost__heating-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-existingcost__principle, .smil-floor-existingcost__scenarios, .smil-floor-existingcost__overlay, .smil-floor-existingcost__preparation, .smil-floor-existingcost__removal, .smil-floor-existingcost__operations, .smil-floor-existingcost__levels, .smil-floor-existingcost__mistake, .smil-floor-existingcost__local, .smil-floor-existingcost__journey { padding: 22px 18px; border-radius: 20px; } .smil-floor-existingcost__sequence, .smil-floor-existingcost__checks-grid, .smil-floor-existingcost__scenarios-grid, .smil-floor-existingcost__overlay-list, .smil-floor-existingcost__preparation-grid, .smil-floor-existingcost__removal-list, .smil-floor-existingcost__operations-grid, .smil-floor-existingcost__levels-grid, .smil-floor-existingcost__mistake-grid, .smil-floor-existingcost__local-list, .smil-floor-existingcost__journey-list, .smil-floor-existingcost__questions { grid-template-columns: minmax(0, 1fr); } .smil-floor-existingcost__sequence-arrow { transform: rotate(90deg); } .smil-floor-existingcost__question, .smil-floor-existingcost__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-existingcost__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-existingcost__cta-button { width: 100%; } } /* SMARTPHONE PICCOLI */ @media (max-width: 440px) { .smil-floor-existingcost__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-existingcost__answer, .smil-floor-existingcost__overlay-list > div, .smil-floor-existingcost__removal-list > div, .smil-floor-existingcost__heating, .smil-floor-existingcost__mistake-card, .smil-floor-existingcost__local-list > div, .smil-floor-existingcost__journey-list li, .smil-floor-existingcost__question, .smil-floor-existingcost__warning, .smil-floor-existingcost__cta-copy { grid-template-columns: minmax(0, 1fr); } } /* ACCESSIBILITÀ */ @media (prefers-reduced-motion: reduce) { .smil-floor-existingcost__cta-button, .smil-floor-existingcost__cta-button svg { transition: none; } }#imCell_56 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_56 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_56 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_56 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H3 – SPESSORI E FINITURE CSS AUTONOMO ========================================================= */ .smil-floor-costfinish, .smil-floor-costfinish *, .smil-floor-costfinish *::before, .smil-floor-costfinish *::after { box-sizing: border-box; } .smil-floor-costfinish { --sfcfi-dark: #073844; --sfcfi-deep: #052b35; --sfcfi-blue: #087c8f; --sfcfi-turquoise: #00a991; --sfcfi-turquoise-light: #dff8f4; --sfcfi-orange: #f28a2e; --sfcfi-orange-dark: #d66d0e; --sfcfi-orange-soft: #fff1e4; --sfcfi-white: #ffffff; --sfcfi-bg: #ffffff; --sfcfi-bg-soft: #f3faf9; --sfcfi-text: #183640; --sfcfi-muted: #557078; --sfcfi-border: #cee5e2; width: 100%; overflow: hidden; scroll-margin-top: 90px; padding: clamp(58px, 7vw, 96px) 20px; color: var(--sfcfi-text); background: radial-gradient( circle at 97% 3%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 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(--sfcfi-bg) 0%, var(--sfcfi-bg-soft) 100% ); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-costfinish__container { width: min(1220px, 100%); margin: 0 auto; } /* INTESTAZIONE */ .smil-floor-costfinish__header { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(440px, 1.22fr); gap: clamp(30px, 5vw, 70px); align-items: end; } .smil-floor-costfinish__heading, .smil-floor-costfinish__intro { min-width: 0; } .smil-floor-costfinish__eyebrow { display: inline-flex; margin: 0 0 12px; padding: 7px 13px; color: var(--sfcfi-blue); background: var(--sfcfi-turquoise-light); border: 1px solid #c5e8e3; border-radius: 999px; font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-costfinish__title { margin: 0; color: var(--sfcfi-dark); font-size: clamp(1.9rem, 3.55vw, 3.15rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; } .smil-floor-costfinish__intro p { margin: 0; color: var(--sfcfi-muted); font-size: clamp(1.03rem, 1.55vw, 1.17rem); line-height: 1.73; } .smil-floor-costfinish__intro p + p { margin-top: 10px; } .smil-floor-costfinish__intro strong { color: var(--sfcfi-dark); font-weight: 800; } /* RISPOSTA DIRETTA */ .smil-floor-costfinish__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; margin-top: 34px; padding: 22px 24px; background: var(--sfcfi-white); border: 1px solid var(--sfcfi-border); border-left: 5px solid var(--sfcfi-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-costfinish__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sfcfi-blue); background: var(--sfcfi-turquoise-light); border-radius: 15px; } .smil-floor-costfinish__answer-icon svg { width: 28px; height: 28px; } .smil-floor-costfinish__answer-content { min-width: 0; } .smil-floor-costfinish__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sfcfi-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-costfinish__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } /* TITOLI VISIVI */ .smil-floor-costfinish__section-label, .smil-floor-costfinish__card-label { margin: 0 0 7px; color: var(--sfcfi-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-costfinish__card-label { margin-bottom: 4px; font-size: 0.65rem; } .smil-floor-costfinish__section-title { display: block; color: var(--sfcfi-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* PRINCIPIO */ .smil-floor-costfinish__principle { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 31px; padding: clamp(26px, 4vw, 42px); color: var(--sfcfi-white); background: radial-gradient( circle at 94% 10%, rgba(242, 138, 46, 0.21) 0, rgba(242, 138, 46, 0) 35% ), linear-gradient( 135deg, var(--sfcfi-deep) 0%, var(--sfcfi-dark) 67%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-costfinish__principle .smil-floor-costfinish__section-label { color: #ffbd7a; } .smil-floor-costfinish__principle .smil-floor-costfinish__section-title { color: var(--sfcfi-white); } .smil-floor-costfinish__principle-copy > p:not(.smil-floor-costfinish__section-label) { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-costfinish__formula { display: grid; grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr) 28px minmax(0, 1fr); gap: 8px; align-items: center; } .smil-floor-costfinish__formula-card { min-width: 0; padding: 18px 14px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 15px; text-align: center; } .smil-floor-costfinish__formula-card--orange { background: rgba(242, 138, 46, 0.2); border-color: rgba(255, 191, 126, 0.3); } .smil-floor-costfinish__formula-card > span { display: grid; place-items: center; width: 35px; height: 35px; margin: 0 auto 11px; color: var(--sfcfi-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-costfinish__formula-card--orange > span { background: #ffb56c; } .smil-floor-costfinish__formula-card strong { display: block; color: var(--sfcfi-white); font-size: 0.87rem; font-weight: 850; } .smil-floor-costfinish__formula-card small { display: block; margin-top: 5px; color: rgba(238, 255, 252, 0.68); font-size: 0.68rem; line-height: 1.42; } .smil-floor-costfinish__formula-arrow { color: var(--sfcfi-orange); font-size: 1.2rem; font-weight: 900; text-align: center; } /* SPESSORI E VARIABILI */ .smil-floor-costfinish__thickness, .smil-floor-costfinish__variables { margin-top: 35px; } .smil-floor-costfinish__thickness-header, .smil-floor-costfinish__variables-header { max-width: 940px; } .smil-floor-costfinish__thickness-header > p:last-child, .smil-floor-costfinish__variables-header > p:last-child { margin: 12px 0 0; color: var(--sfcfi-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-costfinish__thickness-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 22px; } .smil-floor-costfinish__thickness-card { min-width: 0; padding: 22px 20px; background: var(--sfcfi-white); border: 1px solid var(--sfcfi-border); border-top: 5px solid var(--sfcfi-turquoise); border-radius: 19px; box-shadow: 0 13px 33px rgba(7, 56, 68, 0.07); } .smil-floor-costfinish__thickness-card--medium { border-top-color: var(--sfcfi-blue); } .smil-floor-costfinish__thickness-card--superior { border-top-color: var(--sfcfi-orange); } .smil-floor-costfinish__thickness-card > span { display: inline-flex; align-items: center; justify-content: center; min-width: 64px; min-height: 40px; margin-bottom: 13px; padding: 8px 11px; color: var(--sfcfi-white); background: var(--sfcfi-turquoise); border-radius: 11px; font-size: 0.76rem; font-weight: 900; } .smil-floor-costfinish__thickness-card--medium > span { background: var(--sfcfi-blue); } .smil-floor-costfinish__thickness-card--superior > span { background: var(--sfcfi-orange-dark); } .smil-floor-costfinish__thickness-card strong { display: block; color: var(--sfcfi-dark); font-size: 0.96rem; font-weight: 850; } .smil-floor-costfinish__thickness-card > p:last-child { margin: 8px 0 0; color: var(--sfcfi-muted); font-size: 0.8rem; line-height: 1.54; } .smil-floor-costfinish__variables-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 22px; } .smil-floor-costfinish__variable-card { min-width: 0; padding: 19px 17px; background: var(--sfcfi-white); border: 1px solid var(--sfcfi-border); border-radius: 17px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-costfinish__variable-card > span { display: block; margin-bottom: 13px; color: rgba(214, 109, 14, 0.38); font-size: 1.18rem; font-weight: 900; } .smil-floor-costfinish__variable-card strong { display: block; margin-bottom: 6px; color: var(--sfcfi-dark); font-size: 0.91rem; font-weight: 850; } .smil-floor-costfinish__variable-card p { margin: 0; color: var(--sfcfi-muted); font-size: 0.78rem; line-height: 1.51; } /* BLOCCHI A DUE COLONNE */ .smil-floor-costfinish__totalheight, .smil-floor-costfinish__finishes, .smil-floor-costfinish__openings, .smil-floor-costfinish__mistake, .smil-floor-costfinish__local, .smil-floor-costfinish__journey { display: grid; grid-template-columns: minmax(300px, 0.79fr) minmax(0, 1.21fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); border-radius: 23px; } .smil-floor-costfinish__totalheight, .smil-floor-costfinish__openings { background: var(--sfcfi-white); border: 1px solid var(--sfcfi-border); box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-costfinish__finishes, .smil-floor-costfinish__local { color: var(--sfcfi-white); background: linear-gradient( 135deg, var(--sfcfi-blue) 0%, var(--sfcfi-turquoise) 100% ); box-shadow: 0 18px 42px rgba(0, 128, 128, 0.2); } .smil-floor-costfinish__mistake { background: var(--sfcfi-orange-soft); border: 1px solid #efd0b4; } .smil-floor-costfinish__journey { color: var(--sfcfi-white); background: linear-gradient( 135deg, var(--sfcfi-deep) 0%, var(--sfcfi-dark) 100% ); box-shadow: 0 19px 45px rgba(5, 43, 53, 0.17); } .smil-floor-costfinish__totalheight-copy > p:not(.smil-floor-costfinish__section-label), .smil-floor-costfinish__openings-copy > p:not(.smil-floor-costfinish__section-label) { margin: 13px 0 0; color: var(--sfcfi-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-costfinish__mistake-copy > p:not(.smil-floor-costfinish__section-label) { margin: 13px 0 0; color: #595850; font-size: 0.94rem; line-height: 1.65; } .smil-floor-costfinish__finishes .smil-floor-costfinish__section-label, .smil-floor-costfinish__local .smil-floor-costfinish__section-label { color: #d7fff8; } .smil-floor-costfinish__journey .smil-floor-costfinish__section-label { color: #ffbd7a; } .smil-floor-costfinish__finishes .smil-floor-costfinish__section-title, .smil-floor-costfinish__local .smil-floor-costfinish__section-title, .smil-floor-costfinish__journey .smil-floor-costfinish__section-title { color: var(--sfcfi-white); } .smil-floor-costfinish__finishes-copy > p:not(.smil-floor-costfinish__section-label), .smil-floor-costfinish__local-copy > p:not(.smil-floor-costfinish__section-label), .smil-floor-costfinish__journey-copy > p:not(.smil-floor-costfinish__section-label) { margin: 13px 0 0; color: rgba(241, 255, 252, 0.81); font-size: 0.94rem; line-height: 1.65; } .smil-floor-costfinish__journey-copy > p:not(.smil-floor-costfinish__section-label) { color: rgba(238, 255, 252, 0.77); } /* STRATIGRAFIA */ .smil-floor-costfinish__layers { display: grid; gap: 7px; } .smil-floor-costfinish__layer { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 12px; align-items: center; padding: 13px 15px; background: #f5f9f8; border: 1px solid #dceae7; border-radius: 13px; } .smil-floor-costfinish__layer > span { display: grid; place-items: center; width: 37px; height: 37px; color: var(--sfcfi-white); background: var(--sfcfi-blue); border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-costfinish__layer--acoustic { background: var(--sfcfi-turquoise-light); border-color: #c5e7e2; } .smil-floor-costfinish__layer--acoustic > span { background: var(--sfcfi-turquoise); } .smil-floor-costfinish__layer--base { background: var(--sfcfi-orange-soft); border-color: #efd0b4; } .smil-floor-costfinish__layer--base > span { background: var(--sfcfi-orange-dark); } .smil-floor-costfinish__layer strong { display: block; color: var(--sfcfi-dark); font-size: 0.86rem; font-weight: 850; } .smil-floor-costfinish__layer small { display: block; margin-top: 3px; color: #526970; font-size: 0.69rem; line-height: 1.42; } /* FINITURE */ .smil-floor-costfinish__finishes-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-costfinish__finish-card { min-width: 0; padding: 17px 15px; background: rgba(255, 255, 255, 0.11); border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 15px; } .smil-floor-costfinish__finish-card--orange { background: rgba(242, 138, 46, 0.2); border-color: rgba(255, 191, 126, 0.28); } .smil-floor-costfinish__finish-card--deep { background: rgba(5, 43, 53, 0.2); } .smil-floor-costfinish__finish-card > span { display: grid; place-items: center; width: 38px; height: 38px; margin-bottom: 11px; color: var(--sfcfi-dark); background: rgba(255, 255, 255, 0.9); border-radius: 11px; font-weight: 900; } .smil-floor-costfinish__finish-card--orange > span { background: #ffb56c; } .smil-floor-costfinish__finish-card--deep > span { background: #7fe7d9; } .smil-floor-costfinish__finish-card strong { display: block; color: var(--sfcfi-white); font-size: 0.87rem; font-weight: 850; } .smil-floor-costfinish__finish-card p { margin: 6px 0 0; color: rgba(241, 255, 252, 0.7); font-size: 0.73rem; line-height: 1.48; } /* APERTURE E MILANO */ .smil-floor-costfinish__openings-list, .smil-floor-costfinish__local-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-costfinish__openings-list > div { display: grid; grid-template-columns: 39px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: var(--sfcfi-turquoise-light); border: 1px solid #c5e7e2; border-radius: 15px; } .smil-floor-costfinish__openings-list span { display: grid; place-items: center; width: 37px; height: 37px; color: var(--sfcfi-white); background: var(--sfcfi-blue); border-radius: 10px; font-size: 0.66rem; font-weight: 900; } .smil-floor-costfinish__openings-list p { margin: 0; color: #526970; font-size: 0.72rem; line-height: 1.47; } .smil-floor-costfinish__openings-list strong { display: block; margin-bottom: 2px; color: var(--sfcfi-dark); font-size: 0.85rem; font-weight: 850; } .smil-floor-costfinish__local-list > div { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.11); border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 15px; } .smil-floor-costfinish__local-list span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfcfi-dark); background: rgba(255, 255, 255, 0.9); border-radius: 10px; font-size: 0.67rem; font-weight: 900; } .smil-floor-costfinish__local-list p { margin: 0; color: rgba(241, 255, 252, 0.7); font-size: 0.72rem; line-height: 1.47; } .smil-floor-costfinish__local-list strong { display: block; margin-bottom: 2px; color: var(--sfcfi-white); font-size: 0.85rem; font-weight: 850; } /* RISCALDAMENTO */ .smil-floor-costfinish__heating { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 18px; margin-top: 33px; padding: clamp(24px, 4vw, 34px); background: linear-gradient( 135deg, #fff1e4 0%, #ffe2c7 100% ); border: 1px solid #eabf98; border-left: 6px solid var(--sfcfi-orange-dark); border-radius: 20px; } .smil-floor-costfinish__heating-icon { display: grid; place-items: center; width: 58px; height: 58px; color: var(--sfcfi-white); background: var(--sfcfi-orange-dark); border-radius: 16px; } .smil-floor-costfinish__heating-icon svg { width: 30px; height: 30px; } .smil-floor-costfinish__heating .smil-floor-costfinish__section-label { color: var(--sfcfi-orange-dark); } .smil-floor-costfinish__heating .smil-floor-costfinish__section-title { font-size: clamp(1.18rem, 2vw, 1.55rem); } .smil-floor-costfinish__heating p:not(.smil-floor-costfinish__section-label) { margin: 10px 0 0; color: #5f5b54; font-size: 0.9rem; line-height: 1.62; } /* ERRORE */ .smil-floor-costfinish__mistake-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; } .smil-floor-costfinish__mistake-card { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 12px; min-width: 0; padding: 17px; background: rgba(255, 255, 255, 0.88); border: 1px solid #efd0b4; border-radius: 16px; } .smil-floor-costfinish__mistake-card--correct { background: var(--sfcfi-turquoise-light); border-color: #c5e7e2; } .smil-floor-costfinish__mistake-card > span { display: grid; place-items: center; width: 40px; height: 40px; color: var(--sfcfi-white); background: var(--sfcfi-orange-dark); border-radius: 11px; font-weight: 900; } .smil-floor-costfinish__mistake-card--correct > span { background: var(--sfcfi-turquoise); } .smil-floor-costfinish__mistake-card strong { display: block; color: var(--sfcfi-dark); font-size: 0.87rem; font-weight: 850; } .smil-floor-costfinish__mistake-card div > p:last-child { margin: 6px 0 0; color: #526970; font-size: 0.72rem; line-height: 1.48; } /* PERCORSO */ .smil-floor-costfinish__journey-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; } .smil-floor-costfinish__journey-list li { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.09); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; } .smil-floor-costfinish__journey-list li > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfcfi-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-costfinish__journey-list li:nth-child(n + 3) > span { background: #ffb56c; } .smil-floor-costfinish__journey-list strong { display: block; color: var(--sfcfi-white); font-size: 0.85rem; font-weight: 850; } .smil-floor-costfinish__journey-list p { margin: 5px 0 0; color: rgba(238, 255, 252, 0.67); font-size: 0.72rem; line-height: 1.47; } /* FAQ E AVVERTENZA */ .smil-floor-costfinish__questions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 26px; } .smil-floor-costfinish__question, .smil-floor-costfinish__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; padding: 20px 22px; border-radius: 18px; } .smil-floor-costfinish__question { background: var(--sfcfi-white); border: 1px solid var(--sfcfi-border); border-left: 5px solid var(--sfcfi-turquoise); } .smil-floor-costfinish__warning { margin-top: 25px; background: var(--sfcfi-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sfcfi-orange); } .smil-floor-costfinish__question-icon, .smil-floor-costfinish__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; border-radius: 14px; } .smil-floor-costfinish__question-icon { color: var(--sfcfi-blue); background: var(--sfcfi-turquoise-light); } .smil-floor-costfinish__warning-icon { color: var(--sfcfi-orange-dark); background: var(--sfcfi-white); } .smil-floor-costfinish__question-icon svg, .smil-floor-costfinish__warning-icon svg { width: 26px; height: 26px; } .smil-floor-costfinish__question strong, .smil-floor-costfinish__warning strong { display: block; margin: 1px 0 6px; color: var(--sfcfi-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-costfinish__question p, .smil-floor-costfinish__warning p { margin: 0; font-size: 0.9rem; line-height: 1.62; } .smil-floor-costfinish__question p { color: #48646d; } .smil-floor-costfinish__warning p { color: #595850; } /* CTA */ .smil-floor-costfinish__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 22px 24px; color: var(--sfcfi-white); background: linear-gradient( 135deg, var(--sfcfi-blue) 0%, var(--sfcfi-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-costfinish__cta-copy { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-costfinish__cta-icon { display: grid; place-items: center; width: 48px; height: 48px; color: var(--sfcfi-dark); background: rgba(255, 255, 255, 0.9); border-radius: 14px; } .smil-floor-costfinish__cta-icon svg { width: 25px; height: 25px; } .smil-floor-costfinish__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sfcfi-white); font-size: 1.04rem; font-weight: 850; line-height: 1.35; } .smil-floor-costfinish__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.82); font-size: 0.86rem; line-height: 1.5; } .smil-floor-costfinish__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 52px; padding: 12px 19px; color: var(--sfcfi-white); background: linear-gradient( 135deg, var(--sfcfi-orange) 0%, var(--sfcfi-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-align: center; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-costfinish__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-costfinish__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-costfinish__cta-button:hover svg { transform: translateX(3px); } .smil-floor-costfinish__cta-button:focus-visible { outline: 3px solid var(--sfcfi-white); outline-offset: 4px; } /* TABLET */ @media (max-width: 1050px) { .smil-floor-costfinish__header, .smil-floor-costfinish__principle, .smil-floor-costfinish__totalheight, .smil-floor-costfinish__finishes, .smil-floor-costfinish__openings, .smil-floor-costfinish__mistake, .smil-floor-costfinish__local, .smil-floor-costfinish__journey { grid-template-columns: minmax(0, 1fr); } } /* MOBILE */ @media (max-width: 760px) { .smil-floor-costfinish { padding: 49px 14px 58px; } .smil-floor-costfinish__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-floor-costfinish__answer, .smil-floor-costfinish__heating { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-costfinish__answer-icon, .smil-floor-costfinish__heating-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-costfinish__principle, .smil-floor-costfinish__totalheight, .smil-floor-costfinish__finishes, .smil-floor-costfinish__openings, .smil-floor-costfinish__mistake, .smil-floor-costfinish__local, .smil-floor-costfinish__journey { padding: 22px 18px; border-radius: 20px; } .smil-floor-costfinish__formula, .smil-floor-costfinish__thickness-grid, .smil-floor-costfinish__finishes-grid, .smil-floor-costfinish__variables-grid, .smil-floor-costfinish__openings-list, .smil-floor-costfinish__mistake-grid, .smil-floor-costfinish__local-list, .smil-floor-costfinish__journey-list, .smil-floor-costfinish__questions { grid-template-columns: minmax(0, 1fr); } .smil-floor-costfinish__formula-arrow { transform: rotate(90deg); } .smil-floor-costfinish__question, .smil-floor-costfinish__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-costfinish__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-costfinish__cta-button { width: 100%; } } /* SMARTPHONE PICCOLI */ @media (max-width: 440px) { .smil-floor-costfinish__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-costfinish__answer, .smil-floor-costfinish__layer, .smil-floor-costfinish__openings-list > div, .smil-floor-costfinish__heating, .smil-floor-costfinish__mistake-card, .smil-floor-costfinish__local-list > div, .smil-floor-costfinish__journey-list li, .smil-floor-costfinish__question, .smil-floor-costfinish__warning, .smil-floor-costfinish__cta-copy { grid-template-columns: minmax(0, 1fr); } } /* ACCESSIBILITÀ */ @media (prefers-reduced-motion: reduce) { .smil-floor-costfinish__cta-button, .smil-floor-costfinish__cta-button svg { transition: none; } }#imCell_57 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_57 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_57 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_57 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H3 – PORTE, PARETI E IMPIANTI CSS AUTONOMO ========================================================= */ .smil-floor-costinterfaces, .smil-floor-costinterfaces *, .smil-floor-costinterfaces *::before, .smil-floor-costinterfaces *::after { box-sizing: border-box; } .smil-floor-costinterfaces { --sfci-dark: #073844; --sfci-deep: #052b35; --sfci-blue: #087c8f; --sfci-turquoise: #00a991; --sfci-turquoise-light: #dff8f4; --sfci-orange: #f28a2e; --sfci-orange-dark: #d66d0e; --sfci-orange-soft: #fff1e4; --sfci-white: #ffffff; --sfci-bg: #ffffff; --sfci-bg-soft: #f3faf9; --sfci-text: #183640; --sfci-muted: #557078; --sfci-border: #cee5e2; position: relative; width: 100%; overflow: hidden; scroll-margin-top: 90px; padding: clamp(58px, 7vw, 96px) 20px; color: var(--sfci-text); background: radial-gradient( circle at 97% 3%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 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(--sfci-bg) 0%, var(--sfci-bg-soft) 100% ); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-costinterfaces__container { width: min(1220px, 100%); margin: 0 auto; } /* INTESTAZIONE */ .smil-floor-costinterfaces__header { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(440px, 1.22fr); gap: clamp(30px, 5vw, 70px); align-items: end; } .smil-floor-costinterfaces__heading, .smil-floor-costinterfaces__intro { min-width: 0; } .smil-floor-costinterfaces__eyebrow { display: inline-flex; margin: 0 0 12px; padding: 7px 13px; color: var(--sfci-blue); background: var(--sfci-turquoise-light); border: 1px solid #c5e8e3; border-radius: 999px; font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-costinterfaces__title { margin: 0; color: var(--sfci-dark); font-size: clamp(1.9rem, 3.55vw, 3.15rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; } .smil-floor-costinterfaces__intro p { margin: 0; color: var(--sfci-muted); font-size: clamp(1.03rem, 1.55vw, 1.17rem); line-height: 1.73; } .smil-floor-costinterfaces__intro p + p { margin-top: 10px; } .smil-floor-costinterfaces__intro strong { color: var(--sfci-dark); font-weight: 800; } /* RISPOSTA DIRETTA */ .smil-floor-costinterfaces__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; margin-top: 34px; padding: 22px 24px; background: var(--sfci-white); border: 1px solid var(--sfci-border); border-left: 5px solid var(--sfci-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-costinterfaces__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sfci-blue); background: var(--sfci-turquoise-light); border-radius: 15px; } .smil-floor-costinterfaces__answer-icon svg { width: 28px; height: 28px; } .smil-floor-costinterfaces__answer-content { min-width: 0; } .smil-floor-costinterfaces__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sfci-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-costinterfaces__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } /* TITOLI VISIVI */ .smil-floor-costinterfaces__section-label, .smil-floor-costinterfaces__card-label { margin: 0 0 7px; color: var(--sfci-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-costinterfaces__card-label { margin-bottom: 4px; font-size: 0.65rem; } .smil-floor-costinterfaces__section-title { display: block; color: var(--sfci-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* PRINCIPIO */ .smil-floor-costinterfaces__principle { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 31px; padding: clamp(26px, 4vw, 42px); color: var(--sfci-white); background: radial-gradient( circle at 94% 10%, rgba(242, 138, 46, 0.21) 0, rgba(242, 138, 46, 0) 35% ), linear-gradient( 135deg, var(--sfci-deep) 0%, var(--sfci-dark) 67%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-costinterfaces__principle .smil-floor-costinterfaces__section-label { color: #ffbd7a; } .smil-floor-costinterfaces__principle .smil-floor-costinterfaces__section-title { color: var(--sfci-white); } .smil-floor-costinterfaces__principle-copy > p:not(.smil-floor-costinterfaces__section-label) { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-costinterfaces__formula { display: grid; grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr) 28px minmax(0, 1fr); gap: 8px; align-items: center; } .smil-floor-costinterfaces__formula-card { min-width: 0; padding: 18px 14px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 15px; text-align: center; } .smil-floor-costinterfaces__formula-card--orange { background: rgba(242, 138, 46, 0.2); border-color: rgba(255, 191, 126, 0.3); } .smil-floor-costinterfaces__formula-card > span { display: grid; place-items: center; width: 35px; height: 35px; margin: 0 auto 11px; color: var(--sfci-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-costinterfaces__formula-card--orange > span { background: #ffb56c; } .smil-floor-costinterfaces__formula-card strong { display: block; color: var(--sfci-white); font-size: 0.87rem; font-weight: 850; } .smil-floor-costinterfaces__formula-card small { display: block; margin-top: 5px; color: rgba(238, 255, 252, 0.68); font-size: 0.68rem; line-height: 1.42; } .smil-floor-costinterfaces__formula-symbol { color: var(--sfci-orange); font-size: 1.2rem; font-weight: 900; text-align: center; } /* GRIGLIA INIZIALE */ .smil-floor-costinterfaces__overview { margin-top: 35px; } .smil-floor-costinterfaces__overview-header { max-width: 940px; } .smil-floor-costinterfaces__overview-header > p:last-child { margin: 12px 0 0; color: var(--sfci-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-costinterfaces__overview-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 22px; } .smil-floor-costinterfaces__overview-card { min-width: 0; padding: 19px 17px; background: var(--sfci-white); border: 1px solid var(--sfci-border); border-radius: 17px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-costinterfaces__overview-card > span { display: block; margin-bottom: 13px; color: rgba(214, 109, 14, 0.38); font-size: 1.18rem; font-weight: 900; } .smil-floor-costinterfaces__overview-card strong { display: block; margin-bottom: 6px; color: var(--sfci-dark); font-size: 0.91rem; font-weight: 850; } .smil-floor-costinterfaces__overview-card p { margin: 0; color: var(--sfci-muted); font-size: 0.78rem; line-height: 1.51; } /* BLOCCHI PRINCIPALI */ .smil-floor-costinterfaces__doors, .smil-floor-costinterfaces__walls, .smil-floor-costinterfaces__perimeter, .smil-floor-costinterfaces__systems, .smil-floor-costinterfaces__costimpact, .smil-floor-costinterfaces__mistake, .smil-floor-costinterfaces__local, .smil-floor-costinterfaces__journey { display: grid; grid-template-columns: minmax(300px, 0.79fr) minmax(0, 1.21fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); border-radius: 23px; } .smil-floor-costinterfaces__doors, .smil-floor-costinterfaces__perimeter, .smil-floor-costinterfaces__costimpact { background: var(--sfci-white); border: 1px solid var(--sfci-border); box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-costinterfaces__walls, .smil-floor-costinterfaces__local { color: var(--sfci-white); background: linear-gradient( 135deg, var(--sfci-blue) 0%, var(--sfci-turquoise) 100% ); box-shadow: 0 18px 42px rgba(0, 128, 128, 0.2); } .smil-floor-costinterfaces__systems, .smil-floor-costinterfaces__mistake { background: var(--sfci-orange-soft); border: 1px solid #efd0b4; } .smil-floor-costinterfaces__journey { color: var(--sfci-white); background: linear-gradient( 135deg, var(--sfci-deep) 0%, var(--sfci-dark) 100% ); box-shadow: 0 19px 45px rgba(5, 43, 53, 0.17); } .smil-floor-costinterfaces__doors-copy > p:not(.smil-floor-costinterfaces__section-label), .smil-floor-costinterfaces__perimeter-copy > p:not(.smil-floor-costinterfaces__section-label), .smil-floor-costinterfaces__costimpact-copy > p:not(.smil-floor-costinterfaces__section-label) { margin: 13px 0 0; color: var(--sfci-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-costinterfaces__systems-copy > p:not(.smil-floor-costinterfaces__section-label), .smil-floor-costinterfaces__mistake-copy > p:not(.smil-floor-costinterfaces__section-label) { margin: 13px 0 0; color: #595850; font-size: 0.94rem; line-height: 1.65; } .smil-floor-costinterfaces__walls .smil-floor-costinterfaces__section-label, .smil-floor-costinterfaces__local .smil-floor-costinterfaces__section-label { color: #d7fff8; } .smil-floor-costinterfaces__journey .smil-floor-costinterfaces__section-label { color: #ffbd7a; } .smil-floor-costinterfaces__walls .smil-floor-costinterfaces__section-title, .smil-floor-costinterfaces__local .smil-floor-costinterfaces__section-title, .smil-floor-costinterfaces__journey .smil-floor-costinterfaces__section-title { color: var(--sfci-white); } .smil-floor-costinterfaces__walls-copy > p:not(.smil-floor-costinterfaces__section-label), .smil-floor-costinterfaces__local-copy > p:not(.smil-floor-costinterfaces__section-label), .smil-floor-costinterfaces__journey-copy > p:not(.smil-floor-costinterfaces__section-label) { margin: 13px 0 0; color: rgba(241, 255, 252, 0.81); font-size: 0.94rem; line-height: 1.65; } .smil-floor-costinterfaces__journey-copy > p:not(.smil-floor-costinterfaces__section-label) { color: rgba(238, 255, 252, 0.77); } /* PORTE */ .smil-floor-costinterfaces__doors-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } .smil-floor-costinterfaces__door-card, .smil-floor-costinterfaces__costimpact-card { min-width: 0; padding: 17px 15px; background: var(--sfci-turquoise-light); border: 1px solid #c5e7e2; border-radius: 15px; } .smil-floor-costinterfaces__door-card--orange, .smil-floor-costinterfaces__costimpact-card--orange { background: var(--sfci-orange-soft); border-color: #efd0b4; } .smil-floor-costinterfaces__door-card > span, .smil-floor-costinterfaces__costimpact-card > span { display: grid; place-items: center; width: 38px; height: 38px; margin-bottom: 11px; color: var(--sfci-white); background: var(--sfci-blue); border-radius: 11px; font-size: 0.67rem; font-weight: 900; } .smil-floor-costinterfaces__door-card--orange > span, .smil-floor-costinterfaces__costimpact-card--orange > span { background: var(--sfci-orange-dark); } .smil-floor-costinterfaces__door-card strong, .smil-floor-costinterfaces__costimpact-card strong { display: block; color: var(--sfci-dark); font-size: 0.87rem; font-weight: 850; } .smil-floor-costinterfaces__door-card p, .smil-floor-costinterfaces__costimpact-card p { margin: 6px 0 0; color: #526970; font-size: 0.73rem; line-height: 1.48; } /* PARETI */ .smil-floor-costinterfaces__walls-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; } .smil-floor-costinterfaces__wall-card { min-width: 0; padding: 19px 17px; background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 17px; } .smil-floor-costinterfaces__wall-card--coordinated { background: rgba(242, 138, 46, 0.2); border-color: rgba(255, 191, 126, 0.28); } .smil-floor-costinterfaces__wall-card > span { display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 11px; color: var(--sfci-dark); background: rgba(255, 255, 255, 0.9); border-radius: 11px; font-weight: 900; } .smil-floor-costinterfaces__wall-card--coordinated > span { background: #ffb56c; } .smil-floor-costinterfaces__walls .smil-floor-costinterfaces__card-label { color: #d7fff8; } .smil-floor-costinterfaces__wall-card strong { display: block; color: var(--sfci-white); font-size: 0.9rem; font-weight: 850; } .smil-floor-costinterfaces__wall-card > p:last-child { margin: 7px 0 0; color: rgba(241, 255, 252, 0.7); font-size: 0.75rem; line-height: 1.49; } /* PERIMETRI E LOCALIZZAZIONE */ .smil-floor-costinterfaces__perimeter-list, .smil-floor-costinterfaces__local-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-costinterfaces__perimeter-list > div { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: var(--sfci-turquoise-light); border: 1px solid #c5e7e2; border-radius: 15px; } .smil-floor-costinterfaces__perimeter-list span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfci-white); background: var(--sfci-blue); border-radius: 10px; font-size: 0.67rem; font-weight: 900; } .smil-floor-costinterfaces__perimeter-list p { margin: 0; color: #526970; font-size: 0.72rem; line-height: 1.47; } .smil-floor-costinterfaces__perimeter-list strong { display: block; margin-bottom: 2px; color: var(--sfci-dark); font-size: 0.85rem; font-weight: 850; } .smil-floor-costinterfaces__local-list > div { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.11); border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 15px; } .smil-floor-costinterfaces__local-list span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfci-dark); background: rgba(255, 255, 255, 0.9); border-radius: 10px; font-size: 0.67rem; font-weight: 900; } .smil-floor-costinterfaces__local-list p { margin: 0; color: rgba(241, 255, 252, 0.7); font-size: 0.72rem; line-height: 1.47; } .smil-floor-costinterfaces__local-list strong { display: block; margin-bottom: 2px; color: var(--sfci-white); font-size: 0.85rem; font-weight: 850; } /* IMPIANTI */ .smil-floor-costinterfaces__systems-grid, .smil-floor-costinterfaces__costimpact-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; } .smil-floor-costinterfaces__system-card { min-width: 0; padding: 17px 15px; background: rgba(255, 255, 255, 0.88); border: 1px solid #efd0b4; border-radius: 15px; } .smil-floor-costinterfaces__system-card--orange { background: var(--sfci-turquoise-light); border-color: #c5e7e2; } .smil-floor-costinterfaces__system-card--deep { color: var(--sfci-white); background: var(--sfci-dark); border-color: var(--sfci-dark); } .smil-floor-costinterfaces__system-card > span { display: grid; place-items: center; width: 38px; height: 38px; margin-bottom: 11px; color: var(--sfci-white); background: var(--sfci-orange-dark); border-radius: 11px; font-weight: 900; } .smil-floor-costinterfaces__system-card--orange > span { background: var(--sfci-blue); } .smil-floor-costinterfaces__system-card--deep > span { color: var(--sfci-dark); background: #7fe7d9; } .smil-floor-costinterfaces__system-card strong { display: block; color: var(--sfci-dark); font-size: 0.87rem; font-weight: 850; } .smil-floor-costinterfaces__system-card--deep strong { color: var(--sfci-white); } .smil-floor-costinterfaces__system-card p { margin: 6px 0 0; color: #526970; font-size: 0.73rem; line-height: 1.48; } .smil-floor-costinterfaces__system-card--deep p { color: rgba(238, 255, 252, 0.68); } /* RISCALDAMENTO */ .smil-floor-costinterfaces__heating { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 18px; margin-top: 33px; padding: clamp(24px, 4vw, 34px); background: linear-gradient( 135deg, #fff1e4 0%, #ffe2c7 100% ); border: 1px solid #eabf98; border-left: 6px solid var(--sfci-orange-dark); border-radius: 20px; } .smil-floor-costinterfaces__heating-icon { display: grid; place-items: center; width: 58px; height: 58px; color: var(--sfci-white); background: var(--sfci-orange-dark); border-radius: 16px; } .smil-floor-costinterfaces__heating-icon svg { width: 30px; height: 30px; } .smil-floor-costinterfaces__heating .smil-floor-costinterfaces__section-label { color: var(--sfci-orange-dark); } .smil-floor-costinterfaces__heating .smil-floor-costinterfaces__section-title { font-size: clamp(1.18rem, 2vw, 1.55rem); } .smil-floor-costinterfaces__heating p:not(.smil-floor-costinterfaces__section-label) { margin: 10px 0 0; color: #5f5b54; font-size: 0.9rem; line-height: 1.62; } /* ERRORE */ .smil-floor-costinterfaces__mistake-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; } .smil-floor-costinterfaces__mistake-card { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 12px; min-width: 0; padding: 17px; background: rgba(255, 255, 255, 0.88); border: 1px solid #efd0b4; border-radius: 16px; } .smil-floor-costinterfaces__mistake-card--correct { background: var(--sfci-turquoise-light); border-color: #c5e7e2; } .smil-floor-costinterfaces__mistake-card > span { display: grid; place-items: center; width: 40px; height: 40px; color: var(--sfci-white); background: var(--sfci-orange-dark); border-radius: 11px; font-weight: 900; } .smil-floor-costinterfaces__mistake-card--correct > span { background: var(--sfci-turquoise); } .smil-floor-costinterfaces__mistake-card strong { display: block; color: var(--sfci-dark); font-size: 0.87rem; font-weight: 850; } .smil-floor-costinterfaces__mistake-card div > p:last-child { margin: 6px 0 0; color: #526970; font-size: 0.72rem; line-height: 1.48; } /* PERCORSO */ .smil-floor-costinterfaces__journey-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; } .smil-floor-costinterfaces__journey-list li { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.09); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; } .smil-floor-costinterfaces__journey-list li > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfci-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-costinterfaces__journey-list li:nth-child(n + 3) > span { background: #ffb56c; } .smil-floor-costinterfaces__journey-list strong { display: block; color: var(--sfci-white); font-size: 0.85rem; font-weight: 850; } .smil-floor-costinterfaces__journey-list p { margin: 5px 0 0; color: rgba(238, 255, 252, 0.67); font-size: 0.72rem; line-height: 1.47; } /* FAQ E AVVERTENZA */ .smil-floor-costinterfaces__questions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 26px; } .smil-floor-costinterfaces__question, .smil-floor-costinterfaces__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; padding: 20px 22px; border-radius: 18px; } .smil-floor-costinterfaces__question { background: var(--sfci-white); border: 1px solid var(--sfci-border); border-left: 5px solid var(--sfci-turquoise); } .smil-floor-costinterfaces__warning { margin-top: 25px; background: var(--sfci-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sfci-orange); } .smil-floor-costinterfaces__question-icon, .smil-floor-costinterfaces__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; border-radius: 14px; } .smil-floor-costinterfaces__question-icon { color: var(--sfci-blue); background: var(--sfci-turquoise-light); } .smil-floor-costinterfaces__warning-icon { color: var(--sfci-orange-dark); background: var(--sfci-white); } .smil-floor-costinterfaces__question-icon svg, .smil-floor-costinterfaces__warning-icon svg { width: 26px; height: 26px; } .smil-floor-costinterfaces__question strong, .smil-floor-costinterfaces__warning strong { display: block; margin: 1px 0 6px; color: var(--sfci-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-costinterfaces__question p, .smil-floor-costinterfaces__warning p { margin: 0; font-size: 0.9rem; line-height: 1.62; } .smil-floor-costinterfaces__question p { color: #48646d; } .smil-floor-costinterfaces__warning p { color: #595850; } /* CTA */ .smil-floor-costinterfaces__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 22px 24px; color: var(--sfci-white); background: linear-gradient( 135deg, var(--sfci-blue) 0%, var(--sfci-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-costinterfaces__cta-copy { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-costinterfaces__cta-icon { display: grid; place-items: center; width: 48px; height: 48px; color: var(--sfci-dark); background: rgba(255, 255, 255, 0.9); border-radius: 14px; } .smil-floor-costinterfaces__cta-icon svg { width: 25px; height: 25px; } .smil-floor-costinterfaces__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sfci-white); font-size: 1.04rem; font-weight: 850; line-height: 1.35; } .smil-floor-costinterfaces__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.82); font-size: 0.86rem; line-height: 1.5; } .smil-floor-costinterfaces__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 52px; padding: 12px 19px; color: var(--sfci-white); background: linear-gradient( 135deg, var(--sfci-orange) 0%, var(--sfci-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-align: center; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-costinterfaces__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-costinterfaces__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-costinterfaces__cta-button:hover svg { transform: translateX(3px); } .smil-floor-costinterfaces__cta-button:focus-visible { outline: 3px solid var(--sfci-white); outline-offset: 4px; } /* TABLET */ @media (max-width: 1050px) { .smil-floor-costinterfaces__header, .smil-floor-costinterfaces__principle, .smil-floor-costinterfaces__doors, .smil-floor-costinterfaces__walls, .smil-floor-costinterfaces__perimeter, .smil-floor-costinterfaces__systems, .smil-floor-costinterfaces__costimpact, .smil-floor-costinterfaces__mistake, .smil-floor-costinterfaces__local, .smil-floor-costinterfaces__journey { grid-template-columns: minmax(0, 1fr); } .smil-floor-costinterfaces__systems-grid, .smil-floor-costinterfaces__costimpact-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* MOBILE */ @media (max-width: 760px) { .smil-floor-costinterfaces { padding: 49px 14px 58px; } .smil-floor-costinterfaces__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-floor-costinterfaces__answer, .smil-floor-costinterfaces__heating { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-costinterfaces__answer-icon, .smil-floor-costinterfaces__heating-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-costinterfaces__principle, .smil-floor-costinterfaces__doors, .smil-floor-costinterfaces__walls, .smil-floor-costinterfaces__perimeter, .smil-floor-costinterfaces__systems, .smil-floor-costinterfaces__costimpact, .smil-floor-costinterfaces__mistake, .smil-floor-costinterfaces__local, .smil-floor-costinterfaces__journey { padding: 22px 18px; border-radius: 20px; } .smil-floor-costinterfaces__formula, .smil-floor-costinterfaces__overview-grid, .smil-floor-costinterfaces__doors-grid, .smil-floor-costinterfaces__walls-grid, .smil-floor-costinterfaces__perimeter-list, .smil-floor-costinterfaces__systems-grid, .smil-floor-costinterfaces__costimpact-grid, .smil-floor-costinterfaces__mistake-grid, .smil-floor-costinterfaces__local-list, .smil-floor-costinterfaces__journey-list, .smil-floor-costinterfaces__questions { grid-template-columns: minmax(0, 1fr); } .smil-floor-costinterfaces__formula-symbol { transform: rotate(90deg); } .smil-floor-costinterfaces__question, .smil-floor-costinterfaces__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-costinterfaces__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-costinterfaces__cta-button { width: 100%; } } /* SMARTPHONE PICCOLI */ @media (max-width: 440px) { .smil-floor-costinterfaces__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-costinterfaces__answer, .smil-floor-costinterfaces__perimeter-list > div, .smil-floor-costinterfaces__heating, .smil-floor-costinterfaces__mistake-card, .smil-floor-costinterfaces__local-list > div, .smil-floor-costinterfaces__journey-list li, .smil-floor-costinterfaces__question, .smil-floor-costinterfaces__warning, .smil-floor-costinterfaces__cta-copy { grid-template-columns: minmax(0, 1fr); } } /* ACCESSIBILITÀ */ @media (prefers-reduced-motion: reduce) { .smil-floor-costinterfaces__cta-button, .smil-floor-costinterfaces__cta-button svg { transition: none; } }#imCell_58 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_58 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_58 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_58 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H2 – ISOLAMENTO ACUSTICO PAVIMENTO A MILANO E PROVINCIA CSS AUTONOMO ========================================================= */ .smil-floor-localproof, .smil-floor-localproof *, .smil-floor-localproof *::before, .smil-floor-localproof *::after { box-sizing: border-box; } .smil-floor-localproof { --sflp-dark: #073844; --sflp-deep: #052b35; --sflp-blue: #087c8f; --sflp-turquoise: #00a991; --sflp-turquoise-light: #dff8f4; --sflp-orange: #f28a2e; --sflp-orange-dark: #d66d0e; --sflp-orange-soft: #fff1e4; --sflp-white: #ffffff; --sflp-bg: #f3faf9; --sflp-text: #183640; --sflp-muted: #557078; --sflp-border: #cee5e2; position: relative; width: 100%; overflow: hidden; scroll-margin-top: 90px; padding: clamp(62px, 7vw, 102px) 20px; color: var(--sflp-text); background: radial-gradient( circle at 97% 3%, rgba(242, 138, 46, 0.09) 0, rgba(242, 138, 46, 0) 28% ), radial-gradient( circle at 2% 97%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 0) 27% ), var(--sflp-bg); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; content-visibility: auto; contain-intrinsic-size: 2400px; } .smil-floor-localproof__container { width: min(1220px, 100%); margin: 0 auto; } /* INTESTAZIONE */ .smil-floor-localproof__header { display: grid; grid-template-columns: minmax(360px, 0.9fr) minmax(420px, 1.1fr); gap: clamp(32px, 5vw, 72px); align-items: end; } .smil-floor-localproof__heading, .smil-floor-localproof__intro { min-width: 0; } .smil-floor-localproof__eyebrow { display: inline-flex; margin: 0 0 13px; padding: 7px 14px; color: var(--sflp-orange-dark); background: var(--sflp-orange-soft); border: 1px solid #efd0b4; border-radius: 999px; font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-localproof__title { margin: 0; color: var(--sflp-dark); font-size: clamp(2rem, 4.1vw, 3.55rem); font-weight: 850; line-height: 1.08; letter-spacing: -0.04em; text-wrap: balance; } .smil-floor-localproof__intro p { margin: 0; color: var(--sflp-muted); font-size: clamp(1.03rem, 1.55vw, 1.17rem); line-height: 1.73; } .smil-floor-localproof__intro p + p { margin-top: 11px; } .smil-floor-localproof__intro strong { color: var(--sflp-dark); font-weight: 800; } /* TESTI VISIVI */ .smil-floor-localproof__section-label, .smil-floor-localproof__card-label { margin: 0 0 7px; color: var(--sflp-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-localproof__card-label { margin-bottom: 4px; font-size: 0.65rem; } .smil-floor-localproof__section-title { display: block; color: var(--sflp-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* RISPOSTA DIRETTA */ .smil-floor-localproof__answer { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 17px; margin-top: 34px; padding: 23px 24px; background: var(--sflp-white); border: 1px solid #efd0b4; border-left: 6px solid var(--sflp-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-localproof__answer-icon { display: grid; place-items: center; width: 56px; height: 56px; color: var(--sflp-white); background: var(--sflp-orange-dark); border-radius: 15px; } .smil-floor-localproof__answer-icon svg { width: 29px; height: 29px; } .smil-floor-localproof__answer-content { min-width: 0; } .smil-floor-localproof__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sflp-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-localproof__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } .smil-floor-localproof__answer-content p strong { color: var(--sflp-dark); } /* CONTESTO */ .smil-floor-localproof__context { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 32px; padding: clamp(26px, 4vw, 42px); color: var(--sflp-white); background: radial-gradient( circle at 95% 8%, rgba(242, 138, 46, 0.22) 0, rgba(242, 138, 46, 0) 36% ), linear-gradient( 135deg, var(--sflp-deep) 0%, var(--sflp-dark) 70%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-localproof__context .smil-floor-localproof__section-label { color: #ffbd7a; } .smil-floor-localproof__context .smil-floor-localproof__section-title { color: var(--sflp-white); } .smil-floor-localproof__context-copy > p:not(.smil-floor-localproof__section-label) { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-localproof__context-flow { display: grid; grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr) 28px minmax(0, 1fr); gap: 8px; align-items: center; } .smil-floor-localproof__context-step { min-width: 0; padding: 18px 14px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 15px; text-align: center; } .smil-floor-localproof__context-step--orange { background: rgba(242, 138, 46, 0.21); border-color: rgba(255, 191, 126, 0.3); } .smil-floor-localproof__context-step > span { display: grid; place-items: center; width: 35px; height: 35px; margin: 0 auto 11px; color: var(--sflp-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-localproof__context-step--orange > span { background: #ffb56c; } .smil-floor-localproof__context-step strong { display: block; color: var(--sflp-white); font-size: 0.87rem; font-weight: 850; } .smil-floor-localproof__context-step small { display: block; margin-top: 5px; color: rgba(238, 255, 252, 0.68); font-size: 0.68rem; line-height: 1.42; } .smil-floor-localproof__context-arrow { color: var(--sflp-orange); font-size: 1.2rem; font-weight: 900; text-align: center; } /* AREE E GUIDA RECENSIONI */ .smil-floor-localproof__areas, .smil-floor-localproof__review-guide { margin-top: 36px; } .smil-floor-localproof__areas-header, .smil-floor-localproof__review-guide-header { max-width: 940px; } .smil-floor-localproof__areas-header > p:last-child, .smil-floor-localproof__review-guide-header > p:last-child { margin: 12px 0 0; color: var(--sflp-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-localproof__areas-grid, .smil-floor-localproof__review-guide-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; margin-top: 22px; } .smil-floor-localproof__area-card, .smil-floor-localproof__review-guide-card { min-width: 0; padding: 20px 18px; background: var(--sflp-white); border: 1px solid var(--sflp-border); border-top: 5px solid var(--sflp-turquoise); border-radius: 18px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-localproof__area-card--orange, .smil-floor-localproof__review-guide-card--orange { border-top-color: var(--sflp-orange); } .smil-floor-localproof__area-card > span, .smil-floor-localproof__review-guide-card > span { display: grid; place-items: center; width: 42px; height: 42px; margin-bottom: 13px; color: var(--sflp-white); background: var(--sflp-blue); border-radius: 12px; font-size: 0.72rem; font-weight: 900; } .smil-floor-localproof__area-card--orange > span, .smil-floor-localproof__review-guide-card--orange > span { background: var(--sflp-orange-dark); } .smil-floor-localproof__area-card strong, .smil-floor-localproof__review-guide-card strong { display: block; color: var(--sflp-dark); font-size: 0.92rem; font-weight: 850; line-height: 1.37; } .smil-floor-localproof__area-card p, .smil-floor-localproof__review-guide-card p { margin: 7px 0 0; color: var(--sflp-muted); font-size: 0.77rem; line-height: 1.51; } /* BLOCCHI A DUE COLONNE */ .smil-floor-localproof__problems, .smil-floor-localproof__method, .smil-floor-localproof__trust, .smil-floor-localproof__choice { display: grid; grid-template-columns: minmax(300px, 0.79fr) minmax(0, 1.21fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); border-radius: 23px; } .smil-floor-localproof__problems, .smil-floor-localproof__choice { background: var(--sflp-white); border: 1px solid var(--sflp-border); box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-localproof__method { color: var(--sflp-white); background: linear-gradient( 135deg, var(--sflp-blue) 0%, var(--sflp-turquoise) 100% ); box-shadow: 0 18px 42px rgba(0, 128, 128, 0.2); } .smil-floor-localproof__trust { align-items: start; scroll-margin-top: 100px; background: linear-gradient( 135deg, #fffdf8 0%, var(--sflp-orange-soft) 100% ); border: 1px solid #efd0b4; box-shadow: 0 18px 45px rgba(7, 56, 68, 0.09); } .smil-floor-localproof__problems-copy > p:not(.smil-floor-localproof__section-label), .smil-floor-localproof__choice-copy > p:not(.smil-floor-localproof__section-label) { margin: 13px 0 0; color: var(--sflp-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-localproof__method .smil-floor-localproof__section-label { color: #d7fff8; } .smil-floor-localproof__method .smil-floor-localproof__section-title { color: var(--sflp-white); } .smil-floor-localproof__method-copy > p:not(.smil-floor-localproof__section-label) { margin: 13px 0 0; color: rgba(241, 255, 252, 0.81); font-size: 0.94rem; line-height: 1.65; } .smil-floor-localproof__trust-copy > p:not(.smil-floor-localproof__section-label) { margin: 13px 0 0; color: #5f625e; font-size: 0.94rem; line-height: 1.65; } /* PROBLEMI */ .smil-floor-localproof__problems-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } .smil-floor-localproof__problem-card { min-width: 0; padding: 18px 16px; background: var(--sflp-turquoise-light); border: 1px solid #c5e7e2; border-radius: 16px; } .smil-floor-localproof__problem-card--impact { background: var(--sflp-orange-soft); border-color: #efd0b4; } .smil-floor-localproof__problem-card--vibration { color: var(--sflp-white); background: var(--sflp-dark); border-color: var(--sflp-dark); } .smil-floor-localproof__problem-card > span { display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 10px; color: var(--sflp-white); background: var(--sflp-turquoise); border-radius: 11px; font-weight: 900; } .smil-floor-localproof__problem-card--impact > span { background: var(--sflp-orange-dark); } .smil-floor-localproof__problem-card--vibration > span { color: var(--sflp-dark); background: #7fe7d9; } .smil-floor-localproof__problem-card strong { display: block; color: var(--sflp-dark); font-size: 0.89rem; font-weight: 850; } .smil-floor-localproof__problem-card--vibration .smil-floor-localproof__card-label, .smil-floor-localproof__problem-card--vibration strong { color: var(--sflp-white); } .smil-floor-localproof__problem-card > p:last-child { margin: 7px 0 0; color: #526970; font-size: 0.74rem; line-height: 1.49; } .smil-floor-localproof__problem-card--vibration > p:last-child { color: rgba(238, 255, 252, 0.7); } /* METODO */ .smil-floor-localproof__method-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; } .smil-floor-localproof__method-list li { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.11); border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 15px; } .smil-floor-localproof__method-list li > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sflp-dark); background: rgba(255, 255, 255, 0.92); border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-localproof__method-list li:nth-child(n + 3) > span { background: #ffb56c; } .smil-floor-localproof__method-list strong { display: block; color: var(--sflp-white); font-size: 0.85rem; font-weight: 850; } .smil-floor-localproof__method-list p { margin: 5px 0 0; color: rgba(241, 255, 252, 0.7); font-size: 0.72rem; line-height: 1.47; } /* TRUSTPILOT */ .smil-floor-localproof__trust-copy, .smil-floor-localproof__trust-widget { min-width: 0; } .smil-floor-localproof__trust-logo { display: flex; align-items: center; min-height: 58px; margin-top: 19px; } .smil-floor-localproof__trust-logo img { display: block; width: auto; max-width: min(220px, 100%); height: auto; } .smil-floor-localproof__trust-link { display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; color: var(--sflp-dark); font-size: 0.86rem; font-weight: 850; line-height: 1.35; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; } .smil-floor-localproof__trust-link svg { flex: 0 0 auto; width: 18px; height: 18px; fill: currentColor; } .smil-floor-localproof__trust-link:hover { color: var(--sflp-orange-dark); } .smil-floor-localproof__trust-link:focus-visible { outline: 3px solid var(--sflp-orange); outline-offset: 5px; border-radius: 4px; } .smil-floor-localproof__trust-widget { min-height: 500px; overflow: hidden; padding: 12px; background: var(--sflp-white); border: 1px solid #e4dbca; border-radius: 18px; box-shadow: 0 15px 35px rgba(7, 56, 68, 0.08); } .smil-floor-localproof__trust-widget .trustpilot-widget { width: 100%; min-height: 500px; } .smil-floor-localproof__trust-fallback { margin: 15px; color: var(--sflp-muted); font-size: 0.88rem; line-height: 1.6; } /* SCELTA */ .smil-floor-localproof__choice-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; } .smil-floor-localproof__choice-card { min-width: 0; padding: 19px 17px; background: var(--sflp-orange-soft); border: 1px solid #efd0b4; border-radius: 17px; } .smil-floor-localproof__choice-card--technical { background: var(--sflp-turquoise-light); border-color: #c5e7e2; } .smil-floor-localproof__choice-card > span { display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 11px; color: var(--sflp-white); background: var(--sflp-orange-dark); border-radius: 11px; font-weight: 900; } .smil-floor-localproof__choice-card--technical > span { background: var(--sflp-blue); } .smil-floor-localproof__choice-card strong { display: block; color: var(--sflp-dark); font-size: 0.9rem; font-weight: 850; } .smil-floor-localproof__choice-card > p:last-child { margin: 7px 0 0; color: #526970; font-size: 0.75rem; line-height: 1.49; } /* FAQ E AVVERTENZA */ .smil-floor-localproof__questions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 27px; } .smil-floor-localproof__question, .smil-floor-localproof__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; padding: 20px 22px; border-radius: 18px; } .smil-floor-localproof__question { background: var(--sflp-white); border: 1px solid var(--sflp-border); border-left: 5px solid var(--sflp-turquoise); } .smil-floor-localproof__warning { margin-top: 25px; background: var(--sflp-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sflp-orange); } .smil-floor-localproof__question-icon, .smil-floor-localproof__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; border-radius: 14px; } .smil-floor-localproof__question-icon { color: var(--sflp-blue); background: var(--sflp-turquoise-light); } .smil-floor-localproof__warning-icon { color: var(--sflp-orange-dark); background: var(--sflp-white); } .smil-floor-localproof__question-icon svg, .smil-floor-localproof__warning-icon svg { width: 26px; height: 26px; } .smil-floor-localproof__question strong, .smil-floor-localproof__warning strong { display: block; margin: 1px 0 6px; color: var(--sflp-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-localproof__question p, .smil-floor-localproof__warning p { margin: 0; font-size: 0.9rem; line-height: 1.62; } .smil-floor-localproof__question p { color: #48646d; } .smil-floor-localproof__warning p { color: #595850; } /* CTA */ .smil-floor-localproof__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 23px 24px; color: var(--sflp-white); background: linear-gradient( 135deg, var(--sflp-blue) 0%, var(--sflp-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-localproof__cta-copy { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-localproof__cta-icon { display: grid; place-items: center; width: 48px; height: 48px; color: var(--sflp-dark); background: rgba(255, 255, 255, 0.92); border-radius: 14px; } .smil-floor-localproof__cta-icon svg { width: 25px; height: 25px; } .smil-floor-localproof__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sflp-white); font-size: 1.04rem; font-weight: 850; line-height: 1.35; } .smil-floor-localproof__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.82); font-size: 0.86rem; line-height: 1.5; } .smil-floor-localproof__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 52px; padding: 12px 19px; color: var(--sflp-white); background: linear-gradient( 135deg, var(--sflp-orange) 0%, var(--sflp-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-align: center; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-localproof__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-localproof__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-localproof__cta-button:hover svg { transform: translateX(3px); } .smil-floor-localproof__cta-button:focus-visible { outline: 3px solid var(--sflp-white); outline-offset: 4px; } /* TABLET */ @media (max-width: 1050px) { .smil-floor-localproof__header, .smil-floor-localproof__context, .smil-floor-localproof__problems, .smil-floor-localproof__method, .smil-floor-localproof__trust, .smil-floor-localproof__choice { grid-template-columns: minmax(0, 1fr); } .smil-floor-localproof__areas-grid, .smil-floor-localproof__review-guide-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* MOBILE */ @media (max-width: 760px) { .smil-floor-localproof { padding: 50px 14px 59px; contain-intrinsic-size: 3600px; } .smil-floor-localproof__title { font-size: clamp(2rem, 10vw, 2.9rem); } .smil-floor-localproof__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-localproof__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-localproof__context, .smil-floor-localproof__problems, .smil-floor-localproof__method, .smil-floor-localproof__trust, .smil-floor-localproof__choice { padding: 22px 18px; border-radius: 20px; } .smil-floor-localproof__context-flow, .smil-floor-localproof__areas-grid, .smil-floor-localproof__problems-grid, .smil-floor-localproof__method-list, .smil-floor-localproof__review-guide-grid, .smil-floor-localproof__choice-grid, .smil-floor-localproof__questions { grid-template-columns: minmax(0, 1fr); } .smil-floor-localproof__context-arrow { transform: rotate(90deg); } .smil-floor-localproof__trust-widget, .smil-floor-localproof__trust-widget .trustpilot-widget { min-height: 500px; } .smil-floor-localproof__question, .smil-floor-localproof__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-localproof__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-localproof__cta-button { width: 100%; } } /* SMARTPHONE PICCOLI */ @media (max-width: 440px) { .smil-floor-localproof__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-localproof__answer, .smil-floor-localproof__method-list li, .smil-floor-localproof__question, .smil-floor-localproof__warning, .smil-floor-localproof__cta-copy { grid-template-columns: minmax(0, 1fr); } } /* ACCESSIBILITÀ */ @media (prefers-reduced-motion: reduce) { .smil-floor-localproof__cta-button, .smil-floor-localproof__cta-button svg { transition: none; } }#imCell_59 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_59 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_59 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_59 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H3 – APPARTAMENTI DI MILANO CSS AUTONOMO ========================================================= */ .smil-floor-milanflats, .smil-floor-milanflats *, .smil-floor-milanflats *::before, .smil-floor-milanflats *::after { box-sizing: border-box; } .smil-floor-milanflats { --sfmf-dark: #073844; --sfmf-deep: #052b35; --sfmf-blue: #087c8f; --sfmf-turquoise: #00a991; --sfmf-turquoise-light: #dff8f4; --sfmf-orange: #f28a2e; --sfmf-orange-dark: #d66d0e; --sfmf-orange-soft: #fff1e4; --sfmf-white: #ffffff; --sfmf-bg: #ffffff; --sfmf-bg-soft: #f3faf9; --sfmf-text: #183640; --sfmf-muted: #557078; --sfmf-border: #cee5e2; position: relative; width: 100%; overflow: hidden; scroll-margin-top: 90px; padding: clamp(58px, 7vw, 96px) 20px; color: var(--sfmf-text); background: radial-gradient( circle at 96% 4%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 0) 28% ), radial-gradient( circle at 3% 96%, rgba(242, 138, 46, 0.07) 0, rgba(242, 138, 46, 0) 25% ), linear-gradient( 180deg, var(--sfmf-bg) 0%, var(--sfmf-bg-soft) 100% ); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-milanflats__container { width: min(1220px, 100%); margin: 0 auto; } /* INTESTAZIONE */ .smil-floor-milanflats__header { display: grid; grid-template-columns: minmax(320px, 0.82fr) minmax(420px, 1.18fr); gap: clamp(30px, 5vw, 70px); align-items: end; } .smil-floor-milanflats__heading, .smil-floor-milanflats__intro { min-width: 0; } .smil-floor-milanflats__eyebrow { display: inline-flex; margin: 0 0 12px; padding: 7px 13px; color: var(--sfmf-blue); background: var(--sfmf-turquoise-light); border: 1px solid #c5e8e3; border-radius: 999px; font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-milanflats__title { margin: 0; color: var(--sfmf-dark); font-size: clamp(1.9rem, 3.55vw, 3.15rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; } .smil-floor-milanflats__intro p { margin: 0; color: var(--sfmf-muted); font-size: clamp(1.03rem, 1.55vw, 1.17rem); line-height: 1.73; } .smil-floor-milanflats__intro p + p { margin-top: 10px; } .smil-floor-milanflats__intro strong { color: var(--sfmf-dark); font-weight: 800; } /* TESTI VISIVI */ .smil-floor-milanflats__section-label, .smil-floor-milanflats__card-label { margin: 0 0 7px; color: var(--sfmf-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-milanflats__card-label { margin-bottom: 4px; font-size: 0.65rem; } .smil-floor-milanflats__section-title { display: block; color: var(--sfmf-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* RISPOSTA DIRETTA */ .smil-floor-milanflats__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; margin-top: 34px; padding: 22px 24px; background: var(--sfmf-white); border: 1px solid var(--sfmf-border); border-left: 5px solid var(--sfmf-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-milanflats__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sfmf-blue); background: var(--sfmf-turquoise-light); border-radius: 15px; } .smil-floor-milanflats__answer-icon svg { width: 28px; height: 28px; } .smil-floor-milanflats__answer-content { min-width: 0; } .smil-floor-milanflats__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sfmf-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-milanflats__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } /* EDIFICI */ .smil-floor-milanflats__buildings { margin-top: 35px; } .smil-floor-milanflats__buildings-header { max-width: 950px; } .smil-floor-milanflats__buildings-header > p:last-child { margin: 12px 0 0; color: var(--sfmf-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-milanflats__buildings-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; margin-top: 22px; } .smil-floor-milanflats__building-card { min-width: 0; padding: 20px 18px; background: var(--sfmf-white); border: 1px solid var(--sfmf-border); border-top: 5px solid var(--sfmf-turquoise); border-radius: 18px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-milanflats__building-card--orange { border-top-color: var(--sfmf-orange); } .smil-floor-milanflats__building-card > span { display: grid; place-items: center; width: 42px; height: 42px; margin-bottom: 13px; color: var(--sfmf-white); background: var(--sfmf-blue); border-radius: 12px; font-size: 0.7rem; font-weight: 900; } .smil-floor-milanflats__building-card--orange > span { background: var(--sfmf-orange-dark); } .smil-floor-milanflats__building-card strong { display: block; color: var(--sfmf-dark); font-size: 0.92rem; font-weight: 850; line-height: 1.37; } .smil-floor-milanflats__building-card p { margin: 7px 0 0; color: var(--sfmf-muted); font-size: 0.77rem; line-height: 1.51; } /* BLOCCHI PRINCIPALI */ .smil-floor-milanflats__noise, .smil-floor-milanflats__paths, .smil-floor-milanflats__direction, .smil-floor-milanflats__constraints, .smil-floor-milanflats__method { display: grid; grid-template-columns: minmax(300px, 0.79fr) minmax(0, 1.21fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); border-radius: 23px; } .smil-floor-milanflats__noise, .smil-floor-milanflats__constraints { background: var(--sfmf-white); border: 1px solid var(--sfmf-border); box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-milanflats__paths { color: var(--sfmf-white); background: linear-gradient( 135deg, var(--sfmf-blue) 0%, var(--sfmf-turquoise) 100% ); box-shadow: 0 18px 42px rgba(0, 128, 128, 0.2); } .smil-floor-milanflats__direction { background: var(--sfmf-orange-soft); border: 1px solid #efd0b4; } .smil-floor-milanflats__method { color: var(--sfmf-white); background: linear-gradient( 135deg, var(--sfmf-deep) 0%, var(--sfmf-dark) 100% ); box-shadow: 0 19px 45px rgba(5, 43, 53, 0.17); } .smil-floor-milanflats__noise-copy > p:not(.smil-floor-milanflats__section-label), .smil-floor-milanflats__constraints-copy > p:not(.smil-floor-milanflats__section-label) { margin: 13px 0 0; color: var(--sfmf-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-milanflats__direction-copy > p:not(.smil-floor-milanflats__section-label) { margin: 13px 0 0; color: #595850; font-size: 0.94rem; line-height: 1.65; } .smil-floor-milanflats__paths .smil-floor-milanflats__section-label { color: #d7fff8; } .smil-floor-milanflats__method .smil-floor-milanflats__section-label { color: #ffbd7a; } .smil-floor-milanflats__paths .smil-floor-milanflats__section-title, .smil-floor-milanflats__method .smil-floor-milanflats__section-title { color: var(--sfmf-white); } .smil-floor-milanflats__paths-copy > p:not(.smil-floor-milanflats__section-label), .smil-floor-milanflats__method-copy > p:not(.smil-floor-milanflats__section-label) { margin: 13px 0 0; color: rgba(241, 255, 252, 0.8); font-size: 0.94rem; line-height: 1.65; } /* RUMORI */ .smil-floor-milanflats__noise-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } .smil-floor-milanflats__noise-card { min-width: 0; padding: 18px 16px; background: var(--sfmf-turquoise-light); border: 1px solid #c5e7e2; border-radius: 16px; } .smil-floor-milanflats__noise-card--impact { background: var(--sfmf-orange-soft); border-color: #efd0b4; } .smil-floor-milanflats__noise-card--vibration { color: var(--sfmf-white); background: var(--sfmf-dark); border-color: var(--sfmf-dark); } .smil-floor-milanflats__noise-card > span { display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 11px; color: var(--sfmf-white); background: var(--sfmf-turquoise); border-radius: 11px; font-weight: 900; } .smil-floor-milanflats__noise-card--impact > span { background: var(--sfmf-orange-dark); } .smil-floor-milanflats__noise-card--vibration > span { color: var(--sfmf-dark); background: #7fe7d9; } .smil-floor-milanflats__noise-card strong { display: block; color: var(--sfmf-dark); font-size: 0.89rem; font-weight: 850; } .smil-floor-milanflats__noise-card--vibration .smil-floor-milanflats__card-label, .smil-floor-milanflats__noise-card--vibration strong { color: var(--sfmf-white); } .smil-floor-milanflats__noise-card > p:last-child { margin: 7px 0 0; color: #526970; font-size: 0.74rem; line-height: 1.49; } .smil-floor-milanflats__noise-card--vibration > p:last-child { color: rgba(238, 255, 252, 0.7); } /* PERCORSI */ .smil-floor-milanflats__paths-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-milanflats__paths-list > div { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.11); border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 15px; } .smil-floor-milanflats__paths-list span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfmf-dark); background: rgba(255, 255, 255, 0.92); border-radius: 10px; font-size: 0.67rem; font-weight: 900; } .smil-floor-milanflats__paths-list p { margin: 0; color: rgba(241, 255, 252, 0.7); font-size: 0.72rem; line-height: 1.47; } .smil-floor-milanflats__paths-list strong { display: block; margin-bottom: 2px; color: var(--sfmf-white); font-size: 0.85rem; font-weight: 850; } /* DIREZIONE */ .smil-floor-milanflats__direction-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; } .smil-floor-milanflats__direction-card { min-width: 0; padding: 19px 17px; background: rgba(255, 255, 255, 0.9); border: 1px solid #efd0b4; border-radius: 17px; } .smil-floor-milanflats__direction-card--down { background: var(--sfmf-turquoise-light); border-color: #c5e7e2; } .smil-floor-milanflats__direction-card > span { display: grid; place-items: center; width: 42px; height: 42px; margin-bottom: 11px; color: var(--sfmf-white); background: var(--sfmf-orange-dark); border-radius: 12px; font-size: 1.15rem; font-weight: 900; } .smil-floor-milanflats__direction-card--down > span { background: var(--sfmf-blue); } .smil-floor-milanflats__direction-card strong { display: block; color: var(--sfmf-dark); font-size: 0.9rem; font-weight: 850; line-height: 1.38; } .smil-floor-milanflats__direction-card > p:last-child { margin: 7px 0 0; color: #526970; font-size: 0.75rem; line-height: 1.49; } /* VINCOLI */ .smil-floor-milanflats__constraints-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } .smil-floor-milanflats__constraint-card { min-width: 0; padding: 17px 15px; background: var(--sfmf-turquoise-light); border: 1px solid #c5e7e2; border-radius: 15px; } .smil-floor-milanflats__constraint-card--orange { background: var(--sfmf-orange-soft); border-color: #efd0b4; } .smil-floor-milanflats__constraint-card > span { display: grid; place-items: center; width: 39px; height: 39px; margin-bottom: 11px; color: var(--sfmf-white); background: var(--sfmf-blue); border-radius: 11px; font-size: 0.67rem; font-weight: 900; } .smil-floor-milanflats__constraint-card--orange > span { background: var(--sfmf-orange-dark); } .smil-floor-milanflats__constraint-card strong { display: block; color: var(--sfmf-dark); font-size: 0.87rem; font-weight: 850; } .smil-floor-milanflats__constraint-card p { margin: 6px 0 0; color: #526970; font-size: 0.73rem; line-height: 1.48; } /* METODO */ .smil-floor-milanflats__method-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; } .smil-floor-milanflats__method-list li { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.09); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; } .smil-floor-milanflats__method-list li > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfmf-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-milanflats__method-list li:nth-child(n + 3) > span { background: #ffb56c; } .smil-floor-milanflats__method-list strong { display: block; color: var(--sfmf-white); font-size: 0.85rem; font-weight: 850; } .smil-floor-milanflats__method-list p { margin: 5px 0 0; color: rgba(238, 255, 252, 0.68); font-size: 0.72rem; line-height: 1.47; } /* FAQ E AVVERTENZA */ .smil-floor-milanflats__questions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 26px; } .smil-floor-milanflats__question, .smil-floor-milanflats__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; padding: 20px 22px; border-radius: 18px; } .smil-floor-milanflats__question { background: var(--sfmf-white); border: 1px solid var(--sfmf-border); border-left: 5px solid var(--sfmf-turquoise); } .smil-floor-milanflats__warning { margin-top: 25px; background: var(--sfmf-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sfmf-orange); } .smil-floor-milanflats__question-icon, .smil-floor-milanflats__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; border-radius: 14px; } .smil-floor-milanflats__question-icon { color: var(--sfmf-blue); background: var(--sfmf-turquoise-light); } .smil-floor-milanflats__warning-icon { color: var(--sfmf-orange-dark); background: var(--sfmf-white); } .smil-floor-milanflats__question-icon svg, .smil-floor-milanflats__warning-icon svg { width: 26px; height: 26px; } .smil-floor-milanflats__question strong, .smil-floor-milanflats__warning strong { display: block; margin: 1px 0 6px; color: var(--sfmf-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-milanflats__question p, .smil-floor-milanflats__warning p { margin: 0; font-size: 0.9rem; line-height: 1.62; } .smil-floor-milanflats__question p { color: #48646d; } .smil-floor-milanflats__warning p { color: #595850; } /* CTA */ .smil-floor-milanflats__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 22px 24px; color: var(--sfmf-white); background: linear-gradient( 135deg, var(--sfmf-blue) 0%, var(--sfmf-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-milanflats__cta-copy { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-milanflats__cta-icon { display: grid; place-items: center; width: 48px; height: 48px; color: var(--sfmf-dark); background: rgba(255, 255, 255, 0.92); border-radius: 14px; } .smil-floor-milanflats__cta-icon svg { width: 25px; height: 25px; } .smil-floor-milanflats__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sfmf-white); font-size: 1.04rem; font-weight: 850; line-height: 1.35; } .smil-floor-milanflats__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.82); font-size: 0.86rem; line-height: 1.5; } .smil-floor-milanflats__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 52px; padding: 12px 19px; color: var(--sfmf-white); background: linear-gradient( 135deg, var(--sfmf-orange) 0%, var(--sfmf-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-align: center; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-milanflats__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-milanflats__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-milanflats__cta-button:hover svg { transform: translateX(3px); } .smil-floor-milanflats__cta-button:focus-visible { outline: 3px solid var(--sfmf-white); outline-offset: 4px; } /* TABLET */ @media (max-width: 1050px) { .smil-floor-milanflats__header, .smil-floor-milanflats__noise, .smil-floor-milanflats__paths, .smil-floor-milanflats__direction, .smil-floor-milanflats__constraints, .smil-floor-milanflats__method { grid-template-columns: minmax(0, 1fr); } .smil-floor-milanflats__buildings-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* MOBILE */ @media (max-width: 760px) { .smil-floor-milanflats { padding: 49px 14px 58px; } .smil-floor-milanflats__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-floor-milanflats__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-milanflats__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-milanflats__noise, .smil-floor-milanflats__paths, .smil-floor-milanflats__direction, .smil-floor-milanflats__constraints, .smil-floor-milanflats__method { padding: 22px 18px; border-radius: 20px; } .smil-floor-milanflats__buildings-grid, .smil-floor-milanflats__noise-grid, .smil-floor-milanflats__paths-list, .smil-floor-milanflats__direction-grid, .smil-floor-milanflats__constraints-grid, .smil-floor-milanflats__method-list, .smil-floor-milanflats__questions { grid-template-columns: minmax(0, 1fr); } .smil-floor-milanflats__question, .smil-floor-milanflats__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-milanflats__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-milanflats__cta-button { width: 100%; } } /* SMARTPHONE PICCOLI */ @media (max-width: 440px) { .smil-floor-milanflats__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-milanflats__answer, .smil-floor-milanflats__paths-list > div, .smil-floor-milanflats__method-list li, .smil-floor-milanflats__question, .smil-floor-milanflats__warning, .smil-floor-milanflats__cta-copy { grid-template-columns: minmax(0, 1fr); } } /* ACCESSIBILITÀ */ @media (prefers-reduced-motion: reduce) { .smil-floor-milanflats__cta-button, .smil-floor-milanflats__cta-button svg { transition: none; } }#imCell_60 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_60 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_60 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_60 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H3 – CONDOMINI E ABITAZIONI DELLA PROVINCIA CSS AUTONOMO ========================================================= */ .smil-floor-provincehomes, .smil-floor-provincehomes *, .smil-floor-provincehomes *::before, .smil-floor-provincehomes *::after { box-sizing: border-box; } .smil-floor-provincehomes { --sfph-dark: #073844; --sfph-deep: #052b35; --sfph-blue: #087c8f; --sfph-turquoise: #00a991; --sfph-turquoise-light: #dff8f4; --sfph-orange: #f28a2e; --sfph-orange-dark: #d66d0e; --sfph-orange-soft: #fff1e4; --sfph-white: #ffffff; --sfph-bg: #ffffff; --sfph-bg-soft: #f3faf9; --sfph-text: #183640; --sfph-muted: #557078; --sfph-border: #cee5e2; position: relative; width: 100%; overflow: hidden; scroll-margin-top: 90px; padding: clamp(58px, 7vw, 96px) 20px; color: var(--sfph-text); background: radial-gradient( circle at 96% 4%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 0) 28% ), radial-gradient( circle at 3% 96%, rgba(242, 138, 46, 0.07) 0, rgba(242, 138, 46, 0) 25% ), linear-gradient( 180deg, var(--sfph-bg) 0%, var(--sfph-bg-soft) 100% ); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-provincehomes__container { width: min(1220px, 100%); margin: 0 auto; } /* INTESTAZIONE */ .smil-floor-provincehomes__header { display: grid; grid-template-columns: minmax(330px, 0.84fr) minmax(420px, 1.16fr); gap: clamp(30px, 5vw, 70px); align-items: end; } .smil-floor-provincehomes__heading, .smil-floor-provincehomes__intro { min-width: 0; } .smil-floor-provincehomes__eyebrow { display: inline-flex; margin: 0 0 12px; padding: 7px 13px; color: var(--sfph-blue); background: var(--sfph-turquoise-light); border: 1px solid #c5e8e3; border-radius: 999px; font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-provincehomes__title { margin: 0; color: var(--sfph-dark); font-size: clamp(1.9rem, 3.55vw, 3.15rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; } .smil-floor-provincehomes__intro p { margin: 0; color: var(--sfph-muted); font-size: clamp(1.03rem, 1.55vw, 1.17rem); line-height: 1.73; } .smil-floor-provincehomes__intro p + p { margin-top: 10px; } .smil-floor-provincehomes__intro strong { color: var(--sfph-dark); font-weight: 800; } /* TESTI VISIVI */ .smil-floor-provincehomes__section-label, .smil-floor-provincehomes__card-label { margin: 0 0 7px; color: var(--sfph-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-provincehomes__card-label { margin-bottom: 4px; font-size: 0.65rem; } .smil-floor-provincehomes__section-title { display: block; color: var(--sfph-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* RISPOSTA DIRETTA */ .smil-floor-provincehomes__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; margin-top: 34px; padding: 22px 24px; background: var(--sfph-white); border: 1px solid var(--sfph-border); border-left: 5px solid var(--sfph-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-provincehomes__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sfph-blue); background: var(--sfph-turquoise-light); border-radius: 15px; } .smil-floor-provincehomes__answer-icon svg { width: 28px; height: 28px; } .smil-floor-provincehomes__answer-content { min-width: 0; } .smil-floor-provincehomes__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sfph-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-provincehomes__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } /* TIPOLOGIE */ .smil-floor-provincehomes__types { margin-top: 35px; } .smil-floor-provincehomes__types-header { max-width: 950px; } .smil-floor-provincehomes__types-header > p:last-child { margin: 12px 0 0; color: var(--sfph-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-provincehomes__types-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; margin-top: 22px; } .smil-floor-provincehomes__type-card { min-width: 0; padding: 20px 18px; background: var(--sfph-white); border: 1px solid var(--sfph-border); border-top: 5px solid var(--sfph-turquoise); border-radius: 18px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-provincehomes__type-card--orange { border-top-color: var(--sfph-orange); } .smil-floor-provincehomes__type-card > span { display: grid; place-items: center; width: 42px; height: 42px; margin-bottom: 13px; color: var(--sfph-white); background: var(--sfph-blue); border-radius: 12px; font-size: 0.7rem; font-weight: 900; } .smil-floor-provincehomes__type-card--orange > span { background: var(--sfph-orange-dark); } .smil-floor-provincehomes__type-card strong { display: block; color: var(--sfph-dark); font-size: 0.92rem; font-weight: 850; line-height: 1.37; } .smil-floor-provincehomes__type-card p { margin: 7px 0 0; color: var(--sfph-muted); font-size: 0.77rem; line-height: 1.51; } /* BLOCCHI A DUE COLONNE */ .smil-floor-provincehomes__condominiums, .smil-floor-provincehomes__houses, .smil-floor-provincehomes__terraced, .smil-floor-provincehomes__noise, .smil-floor-provincehomes__territory, .smil-floor-provincehomes__logistics, .smil-floor-provincehomes__method { display: grid; grid-template-columns: minmax(300px, 0.79fr) minmax(0, 1.21fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); border-radius: 23px; } .smil-floor-provincehomes__condominiums, .smil-floor-provincehomes__logistics { background: var(--sfph-white); border: 1px solid var(--sfph-border); box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-provincehomes__houses, .smil-floor-provincehomes__territory { color: var(--sfph-white); background: linear-gradient( 135deg, var(--sfph-blue) 0%, var(--sfph-turquoise) 100% ); box-shadow: 0 18px 42px rgba(0, 128, 128, 0.2); } .smil-floor-provincehomes__terraced, .smil-floor-provincehomes__noise { background: var(--sfph-orange-soft); border: 1px solid #efd0b4; } .smil-floor-provincehomes__method { color: var(--sfph-white); background: linear-gradient( 135deg, var(--sfph-deep) 0%, var(--sfph-dark) 100% ); box-shadow: 0 19px 45px rgba(5, 43, 53, 0.17); } .smil-floor-provincehomes__condominiums-copy > p:not(.smil-floor-provincehomes__section-label), .smil-floor-provincehomes__logistics-copy > p:not(.smil-floor-provincehomes__section-label) { margin: 13px 0 0; color: var(--sfph-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-provincehomes__terraced-copy > p:not(.smil-floor-provincehomes__section-label), .smil-floor-provincehomes__noise-copy > p:not(.smil-floor-provincehomes__section-label) { margin: 13px 0 0; color: #595850; font-size: 0.94rem; line-height: 1.65; } .smil-floor-provincehomes__houses .smil-floor-provincehomes__section-label, .smil-floor-provincehomes__territory .smil-floor-provincehomes__section-label { color: #d7fff8; } .smil-floor-provincehomes__method .smil-floor-provincehomes__section-label { color: #ffbd7a; } .smil-floor-provincehomes__houses .smil-floor-provincehomes__section-title, .smil-floor-provincehomes__territory .smil-floor-provincehomes__section-title, .smil-floor-provincehomes__method .smil-floor-provincehomes__section-title { color: var(--sfph-white); } .smil-floor-provincehomes__houses-copy > p:not(.smil-floor-provincehomes__section-label), .smil-floor-provincehomes__territory-copy > p:not(.smil-floor-provincehomes__section-label), .smil-floor-provincehomes__method-copy > p:not(.smil-floor-provincehomes__section-label) { margin: 13px 0 0; color: rgba(241, 255, 252, 0.8); font-size: 0.94rem; line-height: 1.65; } /* LISTE CONDOMINI E TERRITORIO */ .smil-floor-provincehomes__condominiums-list, .smil-floor-provincehomes__territory-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-provincehomes__condominiums-list > div { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: var(--sfph-turquoise-light); border: 1px solid #c5e7e2; border-radius: 15px; } .smil-floor-provincehomes__condominiums-list span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfph-white); background: var(--sfph-blue); border-radius: 10px; font-size: 0.67rem; font-weight: 900; } .smil-floor-provincehomes__condominiums-list p { margin: 0; color: #526970; font-size: 0.72rem; line-height: 1.47; } .smil-floor-provincehomes__condominiums-list strong { display: block; margin-bottom: 2px; color: var(--sfph-dark); font-size: 0.85rem; font-weight: 850; } .smil-floor-provincehomes__territory-list > div { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.11); border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 15px; } .smil-floor-provincehomes__territory-list span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfph-dark); background: rgba(255, 255, 255, 0.92); border-radius: 10px; font-size: 0.67rem; font-weight: 900; } .smil-floor-provincehomes__territory-list p { margin: 0; color: rgba(241, 255, 252, 0.7); font-size: 0.72rem; line-height: 1.47; } .smil-floor-provincehomes__territory-list strong { display: block; margin-bottom: 2px; color: var(--sfph-white); font-size: 0.85rem; font-weight: 850; } /* CASE */ .smil-floor-provincehomes__houses-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-provincehomes__house-card { min-width: 0; padding: 17px 15px; background: rgba(255, 255, 255, 0.11); border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 15px; } .smil-floor-provincehomes__house-card--orange { background: rgba(242, 138, 46, 0.2); border-color: rgba(255, 191, 126, 0.28); } .smil-floor-provincehomes__house-card--deep { background: rgba(5, 43, 53, 0.2); } .smil-floor-provincehomes__house-card > span { display: grid; place-items: center; width: 39px; height: 39px; margin-bottom: 11px; color: var(--sfph-dark); background: rgba(255, 255, 255, 0.92); border-radius: 11px; font-size: 0.67rem; font-weight: 900; } .smil-floor-provincehomes__house-card--orange > span { background: #ffb56c; } .smil-floor-provincehomes__house-card--deep > span { background: #7fe7d9; } .smil-floor-provincehomes__house-card strong { display: block; color: var(--sfph-white); font-size: 0.87rem; font-weight: 850; } .smil-floor-provincehomes__house-card p { margin: 6px 0 0; color: rgba(241, 255, 252, 0.7); font-size: 0.73rem; line-height: 1.48; } /* VILLETTE A SCHIERA */ .smil-floor-provincehomes__terraced-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; } .smil-floor-provincehomes__terraced-card { min-width: 0; padding: 19px 17px; background: rgba(255, 255, 255, 0.9); border: 1px solid #efd0b4; border-radius: 17px; } .smil-floor-provincehomes__terraced-card--lateral { background: var(--sfph-turquoise-light); border-color: #c5e7e2; } .smil-floor-provincehomes__terraced-card > span { display: grid; place-items: center; width: 42px; height: 42px; margin-bottom: 11px; color: var(--sfph-white); background: var(--sfph-orange-dark); border-radius: 12px; font-weight: 900; } .smil-floor-provincehomes__terraced-card--lateral > span { background: var(--sfph-blue); } .smil-floor-provincehomes__terraced-card strong { display: block; color: var(--sfph-dark); font-size: 0.9rem; font-weight: 850; } .smil-floor-provincehomes__terraced-card > p:last-child { margin: 7px 0 0; color: #526970; font-size: 0.75rem; line-height: 1.49; } /* RUMORI */ .smil-floor-provincehomes__noise-grid, .smil-floor-provincehomes__logistics-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } .smil-floor-provincehomes__noise-card, .smil-floor-provincehomes__logistics-card { min-width: 0; padding: 17px 15px; border-radius: 15px; } .smil-floor-provincehomes__noise-card { background: rgba(255, 255, 255, 0.9); border: 1px solid #efd0b4; } .smil-floor-provincehomes__noise-card--impact { background: var(--sfph-turquoise-light); border-color: #c5e7e2; } .smil-floor-provincehomes__noise-card--vibration { color: var(--sfph-white); background: var(--sfph-dark); border-color: var(--sfph-dark); } .smil-floor-provincehomes__noise-card > span, .smil-floor-provincehomes__logistics-card > span { display: grid; place-items: center; width: 39px; height: 39px; margin-bottom: 11px; color: var(--sfph-white); background: var(--sfph-orange-dark); border-radius: 11px; font-size: 0.67rem; font-weight: 900; } .smil-floor-provincehomes__noise-card--impact > span { background: var(--sfph-blue); } .smil-floor-provincehomes__noise-card--vibration > span { color: var(--sfph-dark); background: #7fe7d9; } .smil-floor-provincehomes__noise-card strong, .smil-floor-provincehomes__logistics-card strong { display: block; color: var(--sfph-dark); font-size: 0.87rem; font-weight: 850; } .smil-floor-provincehomes__noise-card--vibration .smil-floor-provincehomes__card-label, .smil-floor-provincehomes__noise-card--vibration strong { color: var(--sfph-white); } .smil-floor-provincehomes__noise-card > p:last-child, .smil-floor-provincehomes__logistics-card p { margin: 6px 0 0; color: #526970; font-size: 0.73rem; line-height: 1.48; } .smil-floor-provincehomes__noise-card--vibration > p:last-child { color: rgba(238, 255, 252, 0.68); } /* LOGISTICA */ .smil-floor-provincehomes__logistics-card { background: var(--sfph-turquoise-light); border: 1px solid #c5e7e2; } .smil-floor-provincehomes__logistics-card--orange { background: var(--sfph-orange-soft); border-color: #efd0b4; } .smil-floor-provincehomes__logistics-card > span { background: var(--sfph-blue); } .smil-floor-provincehomes__logistics-card--orange > span { background: var(--sfph-orange-dark); } /* METODO */ .smil-floor-provincehomes__method-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; } .smil-floor-provincehomes__method-list li { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.09); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; } .smil-floor-provincehomes__method-list li > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfph-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-provincehomes__method-list li:nth-child(n + 3) > span { background: #ffb56c; } .smil-floor-provincehomes__method-list strong { display: block; color: var(--sfph-white); font-size: 0.85rem; font-weight: 850; } .smil-floor-provincehomes__method-list p { margin: 5px 0 0; color: rgba(238, 255, 252, 0.68); font-size: 0.72rem; line-height: 1.47; } /* FAQ E AVVERTENZA */ .smil-floor-provincehomes__questions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 26px; } .smil-floor-provincehomes__question, .smil-floor-provincehomes__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; padding: 20px 22px; border-radius: 18px; } .smil-floor-provincehomes__question { background: var(--sfph-white); border: 1px solid var(--sfph-border); border-left: 5px solid var(--sfph-turquoise); } .smil-floor-provincehomes__warning { margin-top: 25px; background: var(--sfph-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sfph-orange); } .smil-floor-provincehomes__question-icon, .smil-floor-provincehomes__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; border-radius: 14px; } .smil-floor-provincehomes__question-icon { color: var(--sfph-blue); background: var(--sfph-turquoise-light); } .smil-floor-provincehomes__warning-icon { color: var(--sfph-orange-dark); background: var(--sfph-white); } .smil-floor-provincehomes__question-icon svg, .smil-floor-provincehomes__warning-icon svg { width: 26px; height: 26px; } .smil-floor-provincehomes__question strong, .smil-floor-provincehomes__warning strong { display: block; margin: 1px 0 6px; color: var(--sfph-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-provincehomes__question p, .smil-floor-provincehomes__warning p { margin: 0; font-size: 0.9rem; line-height: 1.62; } .smil-floor-provincehomes__question p { color: #48646d; } .smil-floor-provincehomes__warning p { color: #595850; } /* CTA */ .smil-floor-provincehomes__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 22px 24px; color: var(--sfph-white); background: linear-gradient( 135deg, var(--sfph-blue) 0%, var(--sfph-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-provincehomes__cta-copy { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-provincehomes__cta-icon { display: grid; place-items: center; width: 48px; height: 48px; color: var(--sfph-dark); background: rgba(255, 255, 255, 0.92); border-radius: 14px; } .smil-floor-provincehomes__cta-icon svg { width: 25px; height: 25px; } .smil-floor-provincehomes__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sfph-white); font-size: 1.04rem; font-weight: 850; line-height: 1.35; } .smil-floor-provincehomes__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.82); font-size: 0.86rem; line-height: 1.5; } .smil-floor-provincehomes__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 52px; padding: 12px 19px; color: var(--sfph-white); background: linear-gradient( 135deg, var(--sfph-orange) 0%, var(--sfph-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-align: center; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-provincehomes__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-provincehomes__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-provincehomes__cta-button:hover svg { transform: translateX(3px); } .smil-floor-provincehomes__cta-button:focus-visible { outline: 3px solid var(--sfph-white); outline-offset: 4px; } /* TABLET */ @media (max-width: 1050px) { .smil-floor-provincehomes__header, .smil-floor-provincehomes__condominiums, .smil-floor-provincehomes__houses, .smil-floor-provincehomes__terraced, .smil-floor-provincehomes__noise, .smil-floor-provincehomes__territory, .smil-floor-provincehomes__logistics, .smil-floor-provincehomes__method { grid-template-columns: minmax(0, 1fr); } .smil-floor-provincehomes__types-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* MOBILE */ @media (max-width: 760px) { .smil-floor-provincehomes { padding: 49px 14px 58px; } .smil-floor-provincehomes__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-floor-provincehomes__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-provincehomes__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-provincehomes__condominiums, .smil-floor-provincehomes__houses, .smil-floor-provincehomes__terraced, .smil-floor-provincehomes__noise, .smil-floor-provincehomes__territory, .smil-floor-provincehomes__logistics, .smil-floor-provincehomes__method { padding: 22px 18px; border-radius: 20px; } .smil-floor-provincehomes__types-grid, .smil-floor-provincehomes__condominiums-list, .smil-floor-provincehomes__houses-grid, .smil-floor-provincehomes__terraced-grid, .smil-floor-provincehomes__noise-grid, .smil-floor-provincehomes__territory-list, .smil-floor-provincehomes__logistics-grid, .smil-floor-provincehomes__method-list, .smil-floor-provincehomes__questions { grid-template-columns: minmax(0, 1fr); } .smil-floor-provincehomes__question, .smil-floor-provincehomes__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-provincehomes__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-provincehomes__cta-button { width: 100%; } } /* SMARTPHONE PICCOLI */ @media (max-width: 440px) { .smil-floor-provincehomes__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-provincehomes__answer, .smil-floor-provincehomes__condominiums-list > div, .smil-floor-provincehomes__territory-list > div, .smil-floor-provincehomes__method-list li, .smil-floor-provincehomes__question, .smil-floor-provincehomes__warning, .smil-floor-provincehomes__cta-copy { grid-template-columns: minmax(0, 1fr); } } /* ACCESSIBILITÀ */ @media (prefers-reduced-motion: reduce) { .smil-floor-provincehomes__cta-button, .smil-floor-provincehomes__cta-button svg { transition: none; } }#imCell_61 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_61 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_61 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_61 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H2 – PERCHÉ SCEGLIERE SORGEDIL CSS AUTONOMO ========================================================= */ .smil-floor-whychoose, .smil-floor-whychoose *, .smil-floor-whychoose *::before, .smil-floor-whychoose *::after { box-sizing: border-box; } .smil-floor-whychoose { --sfwc-dark: #073844; --sfwc-deep: #052b35; --sfwc-blue: #087c8f; --sfwc-turquoise: #00a991; --sfwc-turquoise-light: #dff8f4; --sfwc-orange: #f28a2e; --sfwc-orange-dark: #d66d0e; --sfwc-orange-soft: #fff1e4; --sfwc-white: #ffffff; --sfwc-bg: #ffffff; --sfwc-bg-soft: #f3faf9; --sfwc-text: #183640; --sfwc-muted: #557078; --sfwc-border: #cee5e2; position: relative; width: 100%; overflow: hidden; scroll-margin-top: 90px; padding: clamp(62px, 7vw, 102px) 20px; color: var(--sfwc-text); background: radial-gradient( circle at 97% 3%, rgba(242, 138, 46, 0.09) 0, rgba(242, 138, 46, 0) 28% ), radial-gradient( circle at 2% 97%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 0) 27% ), linear-gradient( 180deg, var(--sfwc-bg) 0%, var(--sfwc-bg-soft) 100% ); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-whychoose__container { width: min(1220px, 100%); margin: 0 auto; } /* INTESTAZIONE */ .smil-floor-whychoose__header { display: grid; grid-template-columns: minmax(340px, 0.86fr) minmax(420px, 1.14fr); gap: clamp(32px, 5vw, 72px); align-items: end; } .smil-floor-whychoose__heading, .smil-floor-whychoose__intro { min-width: 0; } .smil-floor-whychoose__eyebrow { display: inline-flex; margin: 0 0 13px; padding: 7px 14px; color: var(--sfwc-orange-dark); background: var(--sfwc-orange-soft); border: 1px solid #efd0b4; border-radius: 999px; font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-whychoose__title { margin: 0; color: var(--sfwc-dark); font-size: clamp(2rem, 4.1vw, 3.55rem); font-weight: 850; line-height: 1.08; letter-spacing: -0.04em; text-wrap: balance; } .smil-floor-whychoose__intro p { margin: 0; color: var(--sfwc-muted); font-size: clamp(1.03rem, 1.55vw, 1.17rem); line-height: 1.73; } .smil-floor-whychoose__intro p + p { margin-top: 11px; } .smil-floor-whychoose__intro strong { color: var(--sfwc-dark); font-weight: 800; } /* TESTI VISIVI */ .smil-floor-whychoose__section-label, .smil-floor-whychoose__card-label, .smil-floor-whychoose__book-label { margin: 0 0 7px; color: var(--sfwc-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-whychoose__card-label, .smil-floor-whychoose__book-label { margin-bottom: 4px; font-size: 0.65rem; } .smil-floor-whychoose__section-title { display: block; color: var(--sfwc-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* RISPOSTA DIRETTA */ .smil-floor-whychoose__answer { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 17px; margin-top: 34px; padding: 23px 24px; background: var(--sfwc-white); border: 1px solid #efd0b4; border-left: 6px solid var(--sfwc-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-whychoose__answer-icon { display: grid; place-items: center; width: 56px; height: 56px; color: var(--sfwc-white); background: var(--sfwc-orange-dark); border-radius: 15px; } .smil-floor-whychoose__answer-icon svg { width: 29px; height: 29px; } .smil-floor-whychoose__answer-content { min-width: 0; } .smil-floor-whychoose__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sfwc-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-whychoose__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } /* PRINCIPIO */ .smil-floor-whychoose__principle { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 32px; padding: clamp(26px, 4vw, 42px); color: var(--sfwc-white); background: radial-gradient( circle at 95% 8%, rgba(242, 138, 46, 0.22) 0, rgba(242, 138, 46, 0) 36% ), linear-gradient( 135deg, var(--sfwc-deep) 0%, var(--sfwc-dark) 70%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-whychoose__principle .smil-floor-whychoose__section-label { color: #ffbd7a; } .smil-floor-whychoose__principle .smil-floor-whychoose__section-title { color: var(--sfwc-white); } .smil-floor-whychoose__principle-copy > p:not(.smil-floor-whychoose__section-label) { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-whychoose__principle-flow { display: grid; grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr) 28px minmax(0, 1fr); gap: 8px; align-items: center; } .smil-floor-whychoose__principle-step { min-width: 0; padding: 18px 14px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 15px; text-align: center; } .smil-floor-whychoose__principle-step--orange { background: rgba(242, 138, 46, 0.21); border-color: rgba(255, 191, 126, 0.3); } .smil-floor-whychoose__principle-step > span { display: grid; place-items: center; width: 35px; height: 35px; margin: 0 auto 11px; color: var(--sfwc-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-whychoose__principle-step--orange > span { background: #ffb56c; } .smil-floor-whychoose__principle-step strong { display: block; color: var(--sfwc-white); font-size: 0.87rem; font-weight: 850; } .smil-floor-whychoose__principle-step small { display: block; margin-top: 5px; color: rgba(238, 255, 252, 0.68); font-size: 0.68rem; line-height: 1.42; } .smil-floor-whychoose__principle-arrow { color: var(--sfwc-orange); font-size: 1.2rem; font-weight: 900; text-align: center; } /* MOTIVI */ .smil-floor-whychoose__reasons { margin-top: 36px; } .smil-floor-whychoose__reasons-header { max-width: 940px; } .smil-floor-whychoose__reasons-header > p:last-child { margin: 12px 0 0; color: var(--sfwc-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-whychoose__reasons-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 22px; } .smil-floor-whychoose__reason-card { min-width: 0; padding: 20px 18px; background: var(--sfwc-white); border: 1px solid var(--sfwc-border); border-top: 5px solid var(--sfwc-turquoise); border-radius: 18px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-whychoose__reason-card--orange { border-top-color: var(--sfwc-orange); } .smil-floor-whychoose__reason-card > span { display: block; margin-bottom: 13px; color: rgba(214, 109, 14, 0.4); font-size: 1.18rem; font-weight: 900; } .smil-floor-whychoose__reason-card strong { display: block; color: var(--sfwc-dark); font-size: 0.92rem; font-weight: 850; line-height: 1.37; } .smil-floor-whychoose__reason-card p { margin: 7px 0 0; color: var(--sfwc-muted); font-size: 0.77rem; line-height: 1.51; } /* BLOCCHI PRINCIPALI */ .smil-floor-whychoose__specialization, .smil-floor-whychoose__survey, .smil-floor-whychoose__design, .smil-floor-whychoose__installation, .smil-floor-whychoose__books, .smil-floor-whychoose__knowledge, .smil-floor-whychoose__journey { display: grid; grid-template-columns: minmax(300px, 0.79fr) minmax(0, 1.21fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); border-radius: 23px; } .smil-floor-whychoose__specialization, .smil-floor-whychoose__design, .smil-floor-whychoose__knowledge { background: var(--sfwc-white); border: 1px solid var(--sfwc-border); box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-whychoose__survey, .smil-floor-whychoose__installation { color: var(--sfwc-white); background: linear-gradient( 135deg, var(--sfwc-blue) 0%, var(--sfwc-turquoise) 100% ); box-shadow: 0 18px 42px rgba(0, 128, 128, 0.2); } .smil-floor-whychoose__books { align-items: start; background: linear-gradient( 135deg, #fffdf8 0%, var(--sfwc-orange-soft) 100% ); border: 1px solid #efd0b4; box-shadow: 0 18px 45px rgba(7, 56, 68, 0.09); } .smil-floor-whychoose__journey { color: var(--sfwc-white); background: linear-gradient( 135deg, var(--sfwc-deep) 0%, var(--sfwc-dark) 100% ); box-shadow: 0 19px 45px rgba(5, 43, 53, 0.17); } .smil-floor-whychoose__specialization-copy > p:not(.smil-floor-whychoose__section-label), .smil-floor-whychoose__design-copy > p:not(.smil-floor-whychoose__section-label), .smil-floor-whychoose__knowledge-copy > p:not(.smil-floor-whychoose__section-label) { margin: 13px 0 0; color: var(--sfwc-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-whychoose__survey .smil-floor-whychoose__section-label, .smil-floor-whychoose__installation .smil-floor-whychoose__section-label { color: #d7fff8; } .smil-floor-whychoose__journey .smil-floor-whychoose__section-label { color: #ffbd7a; } .smil-floor-whychoose__survey .smil-floor-whychoose__section-title, .smil-floor-whychoose__installation .smil-floor-whychoose__section-title, .smil-floor-whychoose__journey .smil-floor-whychoose__section-title { color: var(--sfwc-white); } .smil-floor-whychoose__survey-copy > p:not(.smil-floor-whychoose__section-label), .smil-floor-whychoose__installation-copy > p:not(.smil-floor-whychoose__section-label), .smil-floor-whychoose__journey-copy > p:not(.smil-floor-whychoose__section-label) { margin: 13px 0 0; color: rgba(241, 255, 252, 0.8); font-size: 0.94rem; line-height: 1.65; } .smil-floor-whychoose__books-copy > p:not(.smil-floor-whychoose__section-label) { margin: 13px 0 0; color: #5f625e; font-size: 0.94rem; line-height: 1.65; } /* SPECIALIZZAZIONE */ .smil-floor-whychoose__specialization-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } .smil-floor-whychoose__specialization-card { min-width: 0; padding: 18px 16px; background: var(--sfwc-turquoise-light); border: 1px solid #c5e7e2; border-radius: 16px; } .smil-floor-whychoose__specialization-card--impact { background: var(--sfwc-orange-soft); border-color: #efd0b4; } .smil-floor-whychoose__specialization-card--vibration { color: var(--sfwc-white); background: var(--sfwc-dark); border-color: var(--sfwc-dark); } .smil-floor-whychoose__specialization-card > span { display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 11px; color: var(--sfwc-white); background: var(--sfwc-turquoise); border-radius: 11px; font-weight: 900; } .smil-floor-whychoose__specialization-card--impact > span { background: var(--sfwc-orange-dark); } .smil-floor-whychoose__specialization-card--vibration > span { color: var(--sfwc-dark); background: #7fe7d9; } .smil-floor-whychoose__specialization-card strong { display: block; color: var(--sfwc-dark); font-size: 0.89rem; font-weight: 850; } .smil-floor-whychoose__specialization-card--vibration .smil-floor-whychoose__card-label, .smil-floor-whychoose__specialization-card--vibration strong { color: var(--sfwc-white); } .smil-floor-whychoose__specialization-card > p:last-child { margin: 7px 0 0; color: #526970; font-size: 0.74rem; line-height: 1.49; } .smil-floor-whychoose__specialization-card--vibration > p:last-child { color: rgba(238, 255, 252, 0.7); } /* SOPRALLUOGO */ .smil-floor-whychoose__survey-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-whychoose__survey-list > div { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.11); border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 15px; } .smil-floor-whychoose__survey-list span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfwc-dark); background: rgba(255, 255, 255, 0.92); border-radius: 10px; font-size: 0.67rem; font-weight: 900; } .smil-floor-whychoose__survey-list p { margin: 0; color: rgba(241, 255, 252, 0.7); font-size: 0.72rem; line-height: 1.47; } .smil-floor-whychoose__survey-list strong { display: block; margin-bottom: 2px; color: var(--sfwc-white); font-size: 0.85rem; font-weight: 850; } /* PROGETTO E POSA */ .smil-floor-whychoose__design-grid, .smil-floor-whychoose__installation-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-whychoose__design-card { min-width: 0; padding: 17px 15px; background: var(--sfwc-turquoise-light); border: 1px solid #c5e7e2; border-radius: 15px; } .smil-floor-whychoose__design-card--orange { background: var(--sfwc-orange-soft); border-color: #efd0b4; } .smil-floor-whychoose__design-card > span { display: grid; place-items: center; width: 39px; height: 39px; margin-bottom: 11px; color: var(--sfwc-white); background: var(--sfwc-blue); border-radius: 11px; font-size: 0.67rem; font-weight: 900; } .smil-floor-whychoose__design-card--orange > span { background: var(--sfwc-orange-dark); } .smil-floor-whychoose__design-card strong { display: block; color: var(--sfwc-dark); font-size: 0.87rem; font-weight: 850; } .smil-floor-whychoose__design-card p { margin: 6px 0 0; color: #526970; font-size: 0.73rem; line-height: 1.48; } .smil-floor-whychoose__installation-card { min-width: 0; padding: 17px 15px; background: rgba(255, 255, 255, 0.11); border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 15px; } .smil-floor-whychoose__installation-card--orange { background: rgba(242, 138, 46, 0.2); border-color: rgba(255, 191, 126, 0.28); } .smil-floor-whychoose__installation-card > span { display: grid; place-items: center; width: 38px; height: 38px; margin-bottom: 11px; color: var(--sfwc-dark); background: rgba(255, 255, 255, 0.92); border-radius: 11px; font-weight: 900; } .smil-floor-whychoose__installation-card--orange > span { background: #ffb56c; } .smil-floor-whychoose__installation-card strong { display: block; color: var(--sfwc-white); font-size: 0.87rem; font-weight: 850; } .smil-floor-whychoose__installation-card p { margin: 6px 0 0; color: rgba(241, 255, 252, 0.7); font-size: 0.73rem; line-height: 1.48; } /* LIBRI */ .smil-floor-whychoose__books-copy, .smil-floor-whychoose__books-grid { min-width: 0; } .smil-floor-whychoose__books-link { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 50px; margin-top: 20px; padding: 11px 17px; color: var(--sfwc-white); background: linear-gradient( 135deg, var(--sfwc-orange) 0%, var(--sfwc-orange-dark) 100% ); border-radius: 12px; font-size: 0.86rem; font-weight: 850; line-height: 1.25; text-align: center; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.2); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-whychoose__books-link svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; } .smil-floor-whychoose__books-link:hover { transform: translateY(-2px); box-shadow: 0 14px 27px rgba(112, 54, 4, 0.27); } .smil-floor-whychoose__books-link:focus-visible { outline: 3px solid var(--sfwc-dark); outline-offset: 4px; } .smil-floor-whychoose__books-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; } .smil-floor-whychoose__book-card { min-width: 0; padding: 22px 19px; background: var(--sfwc-white); border: 1px solid #d4e8e4; border-top: 5px solid var(--sfwc-turquoise); border-radius: 18px; box-shadow: 0 14px 34px rgba(7, 56, 68, 0.08); } .smil-floor-whychoose__book-card--orange { border-top-color: var(--sfwc-orange); } .smil-floor-whychoose__book-icon { display: grid; place-items: center; width: 50px; height: 50px; margin-bottom: 14px; color: var(--sfwc-white); background: var(--sfwc-blue); border-radius: 14px; } .smil-floor-whychoose__book-card--orange .smil-floor-whychoose__book-icon { background: var(--sfwc-orange-dark); } .smil-floor-whychoose__book-icon svg { width: 27px; height: 27px; } .smil-floor-whychoose__book-card strong { display: block; color: var(--sfwc-dark); font-size: 1rem; font-weight: 850; line-height: 1.38; } .smil-floor-whychoose__book-card > p:last-of-type { margin: 8px 0 0; color: var(--sfwc-muted); font-size: 0.79rem; line-height: 1.54; } .smil-floor-whychoose__book-card ul { display: grid; gap: 7px; margin: 14px 0 0; padding: 13px 0 0 18px; color: #526970; border-top: 1px solid #e1ece9; font-size: 0.72rem; line-height: 1.45; } .smil-floor-whychoose__book-card li::marker { color: var(--sfwc-turquoise); } .smil-floor-whychoose__book-card--orange li::marker { color: var(--sfwc-orange-dark); } /* CONOSCENZA */ .smil-floor-whychoose__knowledge-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; } .smil-floor-whychoose__knowledge-card { min-width: 0; padding: 19px 17px; background: var(--sfwc-orange-soft); border: 1px solid #efd0b4; border-radius: 17px; } .smil-floor-whychoose__knowledge-card--technical { background: var(--sfwc-turquoise-light); border-color: #c5e7e2; } .smil-floor-whychoose__knowledge-card > span { display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 11px; color: var(--sfwc-white); background: var(--sfwc-orange-dark); border-radius: 11px; font-weight: 900; } .smil-floor-whychoose__knowledge-card--technical > span { background: var(--sfwc-blue); } .smil-floor-whychoose__knowledge-card strong { display: block; color: var(--sfwc-dark); font-size: 0.9rem; font-weight: 850; } .smil-floor-whychoose__knowledge-card > p:last-child { margin: 7px 0 0; color: #526970; font-size: 0.75rem; line-height: 1.49; } /* PERCORSO */ .smil-floor-whychoose__journey-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; } .smil-floor-whychoose__journey-list li { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.09); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; } .smil-floor-whychoose__journey-list li > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfwc-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-whychoose__journey-list li:nth-child(n + 3) > span { background: #ffb56c; } .smil-floor-whychoose__journey-list strong { display: block; color: var(--sfwc-white); font-size: 0.85rem; font-weight: 850; } .smil-floor-whychoose__journey-list p { margin: 5px 0 0; color: rgba(238, 255, 252, 0.68); font-size: 0.72rem; line-height: 1.47; } /* FAQ E AVVERTENZA */ .smil-floor-whychoose__questions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 27px; } .smil-floor-whychoose__question, .smil-floor-whychoose__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; padding: 20px 22px; border-radius: 18px; } .smil-floor-whychoose__question { background: var(--sfwc-white); border: 1px solid var(--sfwc-border); border-left: 5px solid var(--sfwc-turquoise); } .smil-floor-whychoose__warning { margin-top: 25px; background: var(--sfwc-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sfwc-orange); } .smil-floor-whychoose__question-icon, .smil-floor-whychoose__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; border-radius: 14px; } .smil-floor-whychoose__question-icon { color: var(--sfwc-blue); background: var(--sfwc-turquoise-light); } .smil-floor-whychoose__warning-icon { color: var(--sfwc-orange-dark); background: var(--sfwc-white); } .smil-floor-whychoose__question-icon svg, .smil-floor-whychoose__warning-icon svg { width: 26px; height: 26px; } .smil-floor-whychoose__question strong, .smil-floor-whychoose__warning strong { display: block; margin: 1px 0 6px; color: var(--sfwc-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-whychoose__question p, .smil-floor-whychoose__warning p { margin: 0; font-size: 0.9rem; line-height: 1.62; } .smil-floor-whychoose__question p { color: #48646d; } .smil-floor-whychoose__warning p { color: #595850; } /* CTA */ .smil-floor-whychoose__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 23px 24px; color: var(--sfwc-white); background: linear-gradient( 135deg, var(--sfwc-blue) 0%, var(--sfwc-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-whychoose__cta-copy { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-whychoose__cta-icon { display: grid; place-items: center; width: 48px; height: 48px; color: var(--sfwc-dark); background: rgba(255, 255, 255, 0.92); border-radius: 14px; } .smil-floor-whychoose__cta-icon svg { width: 25px; height: 25px; } .smil-floor-whychoose__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sfwc-white); font-size: 1.04rem; font-weight: 850; line-height: 1.35; } .smil-floor-whychoose__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.82); font-size: 0.86rem; line-height: 1.5; } .smil-floor-whychoose__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 52px; padding: 12px 19px; color: var(--sfwc-white); background: linear-gradient( 135deg, var(--sfwc-orange) 0%, var(--sfwc-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-align: center; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-whychoose__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-whychoose__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-whychoose__cta-button:hover svg { transform: translateX(3px); } .smil-floor-whychoose__cta-button:focus-visible { outline: 3px solid var(--sfwc-white); outline-offset: 4px; } /* TABLET */ @media (max-width: 1050px) { .smil-floor-whychoose__header, .smil-floor-whychoose__principle, .smil-floor-whychoose__specialization, .smil-floor-whychoose__survey, .smil-floor-whychoose__design, .smil-floor-whychoose__installation, .smil-floor-whychoose__books, .smil-floor-whychoose__knowledge, .smil-floor-whychoose__journey { grid-template-columns: minmax(0, 1fr); } } /* MOBILE */ @media (max-width: 760px) { .smil-floor-whychoose { padding: 50px 14px 59px; } .smil-floor-whychoose__title { font-size: clamp(2rem, 10vw, 2.9rem); } .smil-floor-whychoose__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-whychoose__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-whychoose__principle, .smil-floor-whychoose__specialization, .smil-floor-whychoose__survey, .smil-floor-whychoose__design, .smil-floor-whychoose__installation, .smil-floor-whychoose__books, .smil-floor-whychoose__knowledge, .smil-floor-whychoose__journey { padding: 22px 18px; border-radius: 20px; } .smil-floor-whychoose__principle-flow, .smil-floor-whychoose__reasons-grid, .smil-floor-whychoose__specialization-grid, .smil-floor-whychoose__survey-list, .smil-floor-whychoose__design-grid, .smil-floor-whychoose__installation-grid, .smil-floor-whychoose__books-grid, .smil-floor-whychoose__knowledge-grid, .smil-floor-whychoose__journey-list, .smil-floor-whychoose__questions { grid-template-columns: minmax(0, 1fr); } .smil-floor-whychoose__principle-arrow { transform: rotate(90deg); } .smil-floor-whychoose__books-link { width: 100%; } .smil-floor-whychoose__question, .smil-floor-whychoose__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-whychoose__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-whychoose__cta-button { width: 100%; } } /* SMARTPHONE PICCOLI */ @media (max-width: 440px) { .smil-floor-whychoose__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-whychoose__answer, .smil-floor-whychoose__survey-list > div, .smil-floor-whychoose__journey-list li, .smil-floor-whychoose__question, .smil-floor-whychoose__warning, .smil-floor-whychoose__cta-copy { grid-template-columns: minmax(0, 1fr); } } /* ACCESSIBILITÀ */ @media (prefers-reduced-motion: reduce) { .smil-floor-whychoose__books-link, .smil-floor-whychoose__cta-button, .smil-floor-whychoose__cta-button svg { transition: none; } }#imCell_62 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_62 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_62 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_62 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H3 – SPECIALIZZAZIONE DAL 2006 CSS AUTONOMO ========================================================= */ .smil-floor-heritage, .smil-floor-heritage *, .smil-floor-heritage *::before, .smil-floor-heritage *::after { box-sizing: border-box; } .smil-floor-heritage { --sfh-dark: #073844; --sfh-deep: #052b35; --sfh-blue: #087c8f; --sfh-turquoise: #00a991; --sfh-turquoise-light: #dff8f4; --sfh-orange: #f28a2e; --sfh-orange-dark: #d66d0e; --sfh-orange-soft: #fff1e4; --sfh-white: #ffffff; --sfh-background: #ffffff; --sfh-background-soft: #f3faf9; --sfh-text: #183640; --sfh-muted: #557078; --sfh-border: #cee5e2; position: relative; width: 100%; overflow: hidden; scroll-margin-top: 90px; padding: clamp(58px, 7vw, 96px) 20px; color: var(--sfh-text); background: radial-gradient( circle at 96% 4%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 0) 28% ), radial-gradient( circle at 3% 96%, rgba(242, 138, 46, 0.07) 0, rgba(242, 138, 46, 0) 25% ), linear-gradient( 180deg, var(--sfh-background) 0%, var(--sfh-background-soft) 100% ); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-heritage__container { width: min(1220px, 100%); margin: 0 auto; } /* INTESTAZIONE */ .smil-floor-heritage__header { display: grid; grid-template-columns: minmax(320px, 0.82fr) minmax(420px, 1.18fr); gap: clamp(30px, 5vw, 70px); align-items: end; } .smil-floor-heritage__heading, .smil-floor-heritage__intro { min-width: 0; } .smil-floor-heritage__eyebrow { display: inline-flex; margin: 0 0 12px; padding: 7px 13px; color: var(--sfh-blue); background: var(--sfh-turquoise-light); border: 1px solid #c5e8e3; border-radius: 999px; font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-heritage__title { margin: 0; color: var(--sfh-dark); font-size: clamp(1.9rem, 3.55vw, 3.15rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; } .smil-floor-heritage__intro p { margin: 0; color: var(--sfh-muted); font-size: clamp(1.03rem, 1.55vw, 1.17rem); line-height: 1.73; } .smil-floor-heritage__intro p + p { margin-top: 10px; } .smil-floor-heritage__intro strong { color: var(--sfh-dark); font-weight: 800; } /* TITOLI VISIVI */ .smil-floor-heritage__section-label, .smil-floor-heritage__card-label { margin: 0 0 7px; color: var(--sfh-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-heritage__card-label { margin-bottom: 4px; font-size: 0.65rem; } .smil-floor-heritage__section-title { display: block; color: var(--sfh-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* RISPOSTA DIRETTA */ .smil-floor-heritage__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; margin-top: 34px; padding: 22px 24px; background: var(--sfh-white); border: 1px solid var(--sfh-border); border-left: 5px solid var(--sfh-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-heritage__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sfh-blue); background: var(--sfh-turquoise-light); border-radius: 15px; } .smil-floor-heritage__answer-icon svg { width: 28px; height: 28px; } .smil-floor-heritage__answer-content { min-width: 0; } .smil-floor-heritage__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sfh-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-heritage__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } /* PRINCIPIO */ .smil-floor-heritage__principle { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 31px; padding: clamp(26px, 4vw, 42px); color: var(--sfh-white); background: radial-gradient( circle at 94% 9%, rgba(242, 138, 46, 0.21) 0, rgba(242, 138, 46, 0) 35% ), linear-gradient( 135deg, var(--sfh-deep) 0%, var(--sfh-dark) 68%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-heritage__principle .smil-floor-heritage__section-label { color: #ffbd7a; } .smil-floor-heritage__principle .smil-floor-heritage__section-title { color: var(--sfh-white); } .smil-floor-heritage__principle-copy > p:not(.smil-floor-heritage__section-label) { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-heritage__principle-flow { display: grid; grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr) 28px minmax(0, 1fr); gap: 8px; align-items: center; } .smil-floor-heritage__principle-step { min-width: 0; padding: 18px 14px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 15px; text-align: center; } .smil-floor-heritage__principle-step--orange { background: rgba(242, 138, 46, 0.2); border-color: rgba(255, 191, 126, 0.3); } .smil-floor-heritage__principle-step > span { display: grid; place-items: center; width: 35px; height: 35px; margin: 0 auto 11px; color: var(--sfh-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-heritage__principle-step--orange > span { background: #ffb56c; } .smil-floor-heritage__principle-step strong { display: block; color: var(--sfh-white); font-size: 0.87rem; font-weight: 850; } .smil-floor-heritage__principle-step small { display: block; margin-top: 5px; color: rgba(238, 255, 252, 0.68); font-size: 0.68rem; line-height: 1.42; } .smil-floor-heritage__principle-arrow { color: var(--sfh-orange); font-size: 1.2rem; font-weight: 900; text-align: center; } /* PILASTRI */ .smil-floor-heritage__pillars { margin-top: 35px; } .smil-floor-heritage__pillars-header { max-width: 950px; } .smil-floor-heritage__pillars-header > p:last-child { margin: 12px 0 0; color: var(--sfh-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-heritage__pillars-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; margin-top: 22px; } .smil-floor-heritage__pillar-card { min-width: 0; padding: 20px 18px; background: var(--sfh-white); border: 1px solid var(--sfh-border); border-top: 5px solid var(--sfh-turquoise); border-radius: 18px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-heritage__pillar-card--orange { border-top-color: var(--sfh-orange); } .smil-floor-heritage__pillar-card > span { display: block; margin-bottom: 13px; color: rgba(214, 109, 14, 0.4); font-size: 1.17rem; font-weight: 900; } .smil-floor-heritage__pillar-card strong { display: block; color: var(--sfh-dark); font-size: 0.92rem; font-weight: 850; line-height: 1.37; } .smil-floor-heritage__pillar-card p { margin: 7px 0 0; color: var(--sfh-muted); font-size: 0.77rem; line-height: 1.51; } /* BLOCCHI PRINCIPALI */ .smil-floor-heritage__evolution, .smil-floor-heritage__residential, .smil-floor-heritage__diagnosis, .smil-floor-heritage__local, .smil-floor-heritage__value { display: grid; grid-template-columns: minmax(300px, 0.79fr) minmax(0, 1.21fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); border-radius: 23px; } .smil-floor-heritage__evolution, .smil-floor-heritage__local { color: var(--sfh-white); background: linear-gradient( 135deg, var(--sfh-blue) 0%, var(--sfh-turquoise) 100% ); box-shadow: 0 18px 42px rgba(0, 128, 128, 0.2); } .smil-floor-heritage__residential, .smil-floor-heritage__value { background: var(--sfh-white); border: 1px solid var(--sfh-border); box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-heritage__diagnosis { background: var(--sfh-orange-soft); border: 1px solid #efd0b4; } .smil-floor-heritage__residential-copy > p:not(.smil-floor-heritage__section-label), .smil-floor-heritage__value-copy > p:not(.smil-floor-heritage__section-label) { margin: 13px 0 0; color: var(--sfh-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-heritage__diagnosis-copy > p:not(.smil-floor-heritage__section-label) { margin: 13px 0 0; color: #595850; font-size: 0.94rem; line-height: 1.65; } .smil-floor-heritage__evolution .smil-floor-heritage__section-label, .smil-floor-heritage__local .smil-floor-heritage__section-label { color: #d7fff8; } .smil-floor-heritage__evolution .smil-floor-heritage__section-title, .smil-floor-heritage__local .smil-floor-heritage__section-title { color: var(--sfh-white); } .smil-floor-heritage__evolution-copy > p:not(.smil-floor-heritage__section-label), .smil-floor-heritage__local-copy > p:not(.smil-floor-heritage__section-label) { margin: 13px 0 0; color: rgba(241, 255, 252, 0.8); font-size: 0.94rem; line-height: 1.65; } .smil-floor-heritage__local-copy strong { color: var(--sfh-white); } /* TIMELINE */ .smil-floor-heritage__timeline { display: grid; gap: 10px; } .smil-floor-heritage__timeline-card { display: grid; grid-template-columns: 68px minmax(0, 1fr); gap: 13px; align-items: center; padding: 16px; background: rgba(255, 255, 255, 0.11); border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 15px; } .smil-floor-heritage__timeline-card--orange { background: rgba(242, 138, 46, 0.2); border-color: rgba(255, 191, 126, 0.28); } .smil-floor-heritage__timeline-card > span { display: grid; place-items: center; min-height: 42px; padding: 7px; color: var(--sfh-dark); background: rgba(255, 255, 255, 0.92); border-radius: 11px; font-size: 0.68rem; font-weight: 900; text-align: center; } .smil-floor-heritage__timeline-card--orange > span { background: #ffb56c; } .smil-floor-heritage__timeline-card strong { display: block; color: var(--sfh-white); font-size: 0.87rem; font-weight: 850; } .smil-floor-heritage__timeline-card p { margin: 5px 0 0; color: rgba(241, 255, 252, 0.7); font-size: 0.73rem; line-height: 1.48; } /* RESIDENZIALE */ .smil-floor-heritage__residential-grid, .smil-floor-heritage__local-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-heritage__residential-card { min-width: 0; padding: 17px 15px; background: var(--sfh-turquoise-light); border: 1px solid #c5e7e2; border-radius: 15px; } .smil-floor-heritage__residential-card--orange { background: var(--sfh-orange-soft); border-color: #efd0b4; } .smil-floor-heritage__residential-card > span { display: grid; place-items: center; width: 39px; height: 39px; margin-bottom: 11px; color: var(--sfh-white); background: var(--sfh-blue); border-radius: 11px; font-size: 0.67rem; font-weight: 900; } .smil-floor-heritage__residential-card--orange > span { background: var(--sfh-orange-dark); } .smil-floor-heritage__residential-card strong { display: block; color: var(--sfh-dark); font-size: 0.87rem; font-weight: 850; } .smil-floor-heritage__residential-card p { margin: 6px 0 0; color: #526970; font-size: 0.73rem; line-height: 1.48; } /* DIAGNOSI */ .smil-floor-heritage__diagnosis-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; } .smil-floor-heritage__diagnosis-card { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 12px; min-width: 0; padding: 17px; background: rgba(255, 255, 255, 0.88); border: 1px solid #efd0b4; border-radius: 16px; } .smil-floor-heritage__diagnosis-card--correct { background: var(--sfh-turquoise-light); border-color: #c5e7e2; } .smil-floor-heritage__diagnosis-card > span { display: grid; place-items: center; width: 40px; height: 40px; color: var(--sfh-white); background: var(--sfh-orange-dark); border-radius: 11px; font-weight: 900; } .smil-floor-heritage__diagnosis-card--correct > span { background: var(--sfh-turquoise); } .smil-floor-heritage__diagnosis-card strong { display: block; color: var(--sfh-dark); font-size: 0.87rem; font-weight: 850; } .smil-floor-heritage__diagnosis-card div > p:last-child { margin: 6px 0 0; color: #526970; font-size: 0.72rem; line-height: 1.48; } /* MILANO */ .smil-floor-heritage__local-list > div { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.11); border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 15px; } .smil-floor-heritage__local-list span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfh-dark); background: rgba(255, 255, 255, 0.92); border-radius: 10px; font-size: 0.67rem; font-weight: 900; } .smil-floor-heritage__local-list p { margin: 0; color: rgba(241, 255, 252, 0.7); font-size: 0.72rem; line-height: 1.47; } .smil-floor-heritage__local-list strong { display: block; margin-bottom: 2px; color: var(--sfh-white); font-size: 0.85rem; font-weight: 850; } /* VALORE */ .smil-floor-heritage__value-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } .smil-floor-heritage__value-card { min-width: 0; padding: 17px 15px; background: var(--sfh-turquoise-light); border: 1px solid #c5e7e2; border-radius: 15px; } .smil-floor-heritage__value-card--orange { background: var(--sfh-orange-soft); border-color: #efd0b4; } .smil-floor-heritage__value-card > span { display: grid; place-items: center; width: 39px; height: 39px; margin-bottom: 11px; color: var(--sfh-white); background: var(--sfh-blue); border-radius: 11px; font-weight: 900; } .smil-floor-heritage__value-card--orange > span { background: var(--sfh-orange-dark); } .smil-floor-heritage__value-card strong { display: block; color: var(--sfh-dark); font-size: 0.87rem; font-weight: 850; } .smil-floor-heritage__value-card p { margin: 6px 0 0; color: #526970; font-size: 0.73rem; line-height: 1.48; } /* FAQ E AVVERTENZA */ .smil-floor-heritage__questions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 26px; } .smil-floor-heritage__question, .smil-floor-heritage__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; padding: 20px 22px; border-radius: 18px; } .smil-floor-heritage__question { background: var(--sfh-white); border: 1px solid var(--sfh-border); border-left: 5px solid var(--sfh-turquoise); } .smil-floor-heritage__warning { margin-top: 25px; background: var(--sfh-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sfh-orange); } .smil-floor-heritage__question-icon, .smil-floor-heritage__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; border-radius: 14px; } .smil-floor-heritage__question-icon { color: var(--sfh-blue); background: var(--sfh-turquoise-light); } .smil-floor-heritage__warning-icon { color: var(--sfh-orange-dark); background: var(--sfh-white); } .smil-floor-heritage__question-icon svg, .smil-floor-heritage__warning-icon svg { width: 26px; height: 26px; } .smil-floor-heritage__question strong, .smil-floor-heritage__warning strong { display: block; margin: 1px 0 6px; color: var(--sfh-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-heritage__question p, .smil-floor-heritage__warning p { margin: 0; font-size: 0.9rem; line-height: 1.62; } .smil-floor-heritage__question p { color: #48646d; } .smil-floor-heritage__warning p { color: #595850; } /* CTA */ .smil-floor-heritage__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 22px 24px; color: var(--sfh-white); background: linear-gradient( 135deg, var(--sfh-blue) 0%, var(--sfh-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-heritage__cta-copy { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-heritage__cta-icon { display: grid; place-items: center; width: 48px; height: 48px; color: var(--sfh-dark); background: rgba(255, 255, 255, 0.92); border-radius: 14px; } .smil-floor-heritage__cta-icon svg { width: 25px; height: 25px; } .smil-floor-heritage__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sfh-white); font-size: 1.04rem; font-weight: 850; line-height: 1.35; } .smil-floor-heritage__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.82); font-size: 0.86rem; line-height: 1.5; } .smil-floor-heritage__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 52px; padding: 12px 19px; color: var(--sfh-white); background: linear-gradient( 135deg, var(--sfh-orange) 0%, var(--sfh-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-align: center; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-heritage__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-heritage__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-heritage__cta-button:hover svg { transform: translateX(3px); } .smil-floor-heritage__cta-button:focus-visible { outline: 3px solid var(--sfh-white); outline-offset: 4px; } /* TABLET */ @media (max-width: 1050px) { .smil-floor-heritage__header, .smil-floor-heritage__principle, .smil-floor-heritage__evolution, .smil-floor-heritage__residential, .smil-floor-heritage__diagnosis, .smil-floor-heritage__local, .smil-floor-heritage__value { grid-template-columns: minmax(0, 1fr); } .smil-floor-heritage__pillars-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* MOBILE */ @media (max-width: 760px) { .smil-floor-heritage { padding: 49px 14px 58px; } .smil-floor-heritage__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-floor-heritage__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-heritage__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-heritage__principle, .smil-floor-heritage__evolution, .smil-floor-heritage__residential, .smil-floor-heritage__diagnosis, .smil-floor-heritage__local, .smil-floor-heritage__value { padding: 22px 18px; border-radius: 20px; } .smil-floor-heritage__principle-flow, .smil-floor-heritage__pillars-grid, .smil-floor-heritage__residential-grid, .smil-floor-heritage__diagnosis-grid, .smil-floor-heritage__local-list, .smil-floor-heritage__value-grid, .smil-floor-heritage__questions { grid-template-columns: minmax(0, 1fr); } .smil-floor-heritage__principle-arrow { transform: rotate(90deg); } .smil-floor-heritage__question, .smil-floor-heritage__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-heritage__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-heritage__cta-button { width: 100%; } } /* SMARTPHONE PICCOLI */ @media (max-width: 440px) { .smil-floor-heritage__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-heritage__answer, .smil-floor-heritage__timeline-card, .smil-floor-heritage__diagnosis-card, .smil-floor-heritage__local-list > div, .smil-floor-heritage__question, .smil-floor-heritage__warning, .smil-floor-heritage__cta-copy { grid-template-columns: minmax(0, 1fr); } } /* ACCESSIBILITÀ */ @media (prefers-reduced-motion: reduce) { .smil-floor-heritage__cta-button, .smil-floor-heritage__cta-button svg { transition: none; } }#imCell_63 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_63 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_63 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_63 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H3 – PROGETTO E POSA CSS AUTONOMO ========================================================= */ .smil-floor-projectinstall, .smil-floor-projectinstall *, .smil-floor-projectinstall *::before, .smil-floor-projectinstall *::after { box-sizing: border-box; } .smil-floor-projectinstall { --sfpi-dark: #073844; --sfpi-deep: #052b35; --sfpi-blue: #087c8f; --sfpi-turquoise: #00a991; --sfpi-turquoise-light: #dff8f4; --sfpi-orange: #f28a2e; --sfpi-orange-dark: #d66d0e; --sfpi-orange-soft: #fff1e4; --sfpi-white: #ffffff; --sfpi-background: #ffffff; --sfpi-background-soft: #f3faf9; --sfpi-text: #183640; --sfpi-muted: #557078; --sfpi-border: #cee5e2; position: relative; width: 100%; overflow: hidden; scroll-margin-top: 90px; padding: clamp(58px, 7vw, 96px) 20px; color: var(--sfpi-text); background: radial-gradient( circle at 96% 4%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 0) 28% ), radial-gradient( circle at 3% 96%, rgba(242, 138, 46, 0.07) 0, rgba(242, 138, 46, 0) 25% ), linear-gradient( 180deg, var(--sfpi-background) 0%, var(--sfpi-background-soft) 100% ); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-projectinstall__container { width: min(1220px, 100%); margin: 0 auto; } /* INTESTAZIONE */ .smil-floor-projectinstall__header { display: grid; grid-template-columns: minmax(320px, 0.82fr) minmax(420px, 1.18fr); gap: clamp(30px, 5vw, 70px); align-items: end; } .smil-floor-projectinstall__heading, .smil-floor-projectinstall__intro { min-width: 0; } .smil-floor-projectinstall__eyebrow { display: inline-flex; margin: 0 0 12px; padding: 7px 13px; color: var(--sfpi-blue); background: var(--sfpi-turquoise-light); border: 1px solid #c5e8e3; border-radius: 999px; font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-projectinstall__title { margin: 0; color: var(--sfpi-dark); font-size: clamp(1.9rem, 3.55vw, 3.15rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; } .smil-floor-projectinstall__intro p { margin: 0; color: var(--sfpi-muted); font-size: clamp(1.03rem, 1.55vw, 1.17rem); line-height: 1.73; } .smil-floor-projectinstall__intro p + p { margin-top: 10px; } .smil-floor-projectinstall__intro strong { color: var(--sfpi-dark); font-weight: 800; } /* TESTI VISIVI */ .smil-floor-projectinstall__section-label, .smil-floor-projectinstall__card-label { margin: 0 0 7px; color: var(--sfpi-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-projectinstall__card-label { margin-bottom: 4px; font-size: 0.65rem; } .smil-floor-projectinstall__section-title { display: block; color: var(--sfpi-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* RISPOSTA DIRETTA */ .smil-floor-projectinstall__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; margin-top: 34px; padding: 22px 24px; background: var(--sfpi-white); border: 1px solid var(--sfpi-border); border-left: 5px solid var(--sfpi-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-projectinstall__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sfpi-blue); background: var(--sfpi-turquoise-light); border-radius: 15px; } .smil-floor-projectinstall__answer-icon svg { width: 28px; height: 28px; } .smil-floor-projectinstall__answer-content { min-width: 0; } .smil-floor-projectinstall__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sfpi-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-projectinstall__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } /* PRINCIPIO */ .smil-floor-projectinstall__principle { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 31px; padding: clamp(26px, 4vw, 42px); color: var(--sfpi-white); background: radial-gradient( circle at 94% 9%, rgba(242, 138, 46, 0.21) 0, rgba(242, 138, 46, 0) 35% ), linear-gradient( 135deg, var(--sfpi-deep) 0%, var(--sfpi-dark) 68%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-projectinstall__principle .smil-floor-projectinstall__section-label { color: #ffbd7a; } .smil-floor-projectinstall__principle .smil-floor-projectinstall__section-title { color: var(--sfpi-white); } .smil-floor-projectinstall__principle-copy > p:not(.smil-floor-projectinstall__section-label) { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-projectinstall__flow { display: grid; grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr) 28px minmax(0, 1fr); gap: 8px; align-items: center; } .smil-floor-projectinstall__flow-step { min-width: 0; padding: 18px 14px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 15px; text-align: center; } .smil-floor-projectinstall__flow-step--orange { background: rgba(242, 138, 46, 0.2); border-color: rgba(255, 191, 126, 0.3); } .smil-floor-projectinstall__flow-step > span { display: grid; place-items: center; width: 35px; height: 35px; margin: 0 auto 11px; color: var(--sfpi-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-projectinstall__flow-step--orange > span { background: #ffb56c; } .smil-floor-projectinstall__flow-step strong { display: block; color: var(--sfpi-white); font-size: 0.87rem; font-weight: 850; } .smil-floor-projectinstall__flow-step small { display: block; margin-top: 5px; color: rgba(238, 255, 252, 0.68); font-size: 0.68rem; line-height: 1.42; } .smil-floor-projectinstall__flow-arrow { color: var(--sfpi-orange); font-size: 1.2rem; font-weight: 900; text-align: center; } /* PROGETTO */ .smil-floor-projectinstall__project { margin-top: 35px; } .smil-floor-projectinstall__project-header { max-width: 950px; } .smil-floor-projectinstall__project-header > p:last-child { margin: 12px 0 0; color: var(--sfpi-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-projectinstall__project-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 22px; } .smil-floor-projectinstall__project-card { min-width: 0; padding: 20px 18px; background: var(--sfpi-white); border: 1px solid var(--sfpi-border); border-top: 5px solid var(--sfpi-turquoise); border-radius: 18px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-projectinstall__project-card--orange { border-top-color: var(--sfpi-orange); } .smil-floor-projectinstall__project-card > span { display: block; margin-bottom: 13px; color: rgba(214, 109, 14, 0.4); font-size: 1.17rem; font-weight: 900; } .smil-floor-projectinstall__project-card strong { display: block; color: var(--sfpi-dark); font-size: 0.92rem; font-weight: 850; line-height: 1.37; } .smil-floor-projectinstall__project-card p { margin: 7px 0 0; color: var(--sfpi-muted); font-size: 0.77rem; line-height: 1.51; } /* BLOCCHI PRINCIPALI */ .smil-floor-projectinstall__tailored, .smil-floor-projectinstall__installation, .smil-floor-projectinstall__bridges, .smil-floor-projectinstall__coordination, .smil-floor-projectinstall__checks, .smil-floor-projectinstall__local, .smil-floor-projectinstall__journey { display: grid; grid-template-columns: minmax(300px, 0.79fr) minmax(0, 1.21fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); border-radius: 23px; } .smil-floor-projectinstall__tailored, .smil-floor-projectinstall__checks { background: var(--sfpi-white); border: 1px solid var(--sfpi-border); box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-projectinstall__installation, .smil-floor-projectinstall__local { color: var(--sfpi-white); background: linear-gradient( 135deg, var(--sfpi-blue) 0%, var(--sfpi-turquoise) 100% ); box-shadow: 0 18px 42px rgba(0, 128, 128, 0.2); } .smil-floor-projectinstall__bridges { background: var(--sfpi-orange-soft); border: 1px solid #efd0b4; } .smil-floor-projectinstall__coordination { color: var(--sfpi-white); background: linear-gradient( 135deg, var(--sfpi-deep) 0%, var(--sfpi-dark) 100% ); box-shadow: 0 19px 45px rgba(5, 43, 53, 0.17); } .smil-floor-projectinstall__journey { color: var(--sfpi-white); background: linear-gradient( 135deg, var(--sfpi-dark) 0%, #075667 100% ); box-shadow: 0 19px 45px rgba(5, 43, 53, 0.17); } .smil-floor-projectinstall__tailored-copy > p:not(.smil-floor-projectinstall__section-label), .smil-floor-projectinstall__checks-copy > p:not(.smil-floor-projectinstall__section-label) { margin: 13px 0 0; color: var(--sfpi-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-projectinstall__bridges-copy > p:not(.smil-floor-projectinstall__section-label) { margin: 13px 0 0; color: #595850; font-size: 0.94rem; line-height: 1.65; } .smil-floor-projectinstall__installation .smil-floor-projectinstall__section-label, .smil-floor-projectinstall__local .smil-floor-projectinstall__section-label { color: #d7fff8; } .smil-floor-projectinstall__coordination .smil-floor-projectinstall__section-label, .smil-floor-projectinstall__journey .smil-floor-projectinstall__section-label { color: #ffbd7a; } .smil-floor-projectinstall__installation .smil-floor-projectinstall__section-title, .smil-floor-projectinstall__coordination .smil-floor-projectinstall__section-title, .smil-floor-projectinstall__local .smil-floor-projectinstall__section-title, .smil-floor-projectinstall__journey .smil-floor-projectinstall__section-title { color: var(--sfpi-white); } .smil-floor-projectinstall__installation-copy > p:not(.smil-floor-projectinstall__section-label), .smil-floor-projectinstall__coordination-copy > p:not(.smil-floor-projectinstall__section-label), .smil-floor-projectinstall__local-copy > p:not(.smil-floor-projectinstall__section-label), .smil-floor-projectinstall__journey-copy > p:not(.smil-floor-projectinstall__section-label) { margin: 13px 0 0; color: rgba(241, 255, 252, 0.8); font-size: 0.94rem; line-height: 1.65; } .smil-floor-projectinstall__local-copy strong { color: var(--sfpi-white); } /* SOLUZIONE PERSONALIZZATA */ .smil-floor-projectinstall__tailored-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } .smil-floor-projectinstall__tailored-card { min-width: 0; padding: 18px 16px; background: var(--sfpi-turquoise-light); border: 1px solid #c5e7e2; border-radius: 16px; } .smil-floor-projectinstall__tailored-card--impact { background: var(--sfpi-orange-soft); border-color: #efd0b4; } .smil-floor-projectinstall__tailored-card--vibration { color: var(--sfpi-white); background: var(--sfpi-dark); border-color: var(--sfpi-dark); } .smil-floor-projectinstall__tailored-card > span { display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 11px; color: var(--sfpi-white); background: var(--sfpi-turquoise); border-radius: 11px; font-weight: 900; } .smil-floor-projectinstall__tailored-card--impact > span { background: var(--sfpi-orange-dark); } .smil-floor-projectinstall__tailored-card--vibration > span { color: var(--sfpi-dark); background: #7fe7d9; } .smil-floor-projectinstall__tailored-card strong { display: block; color: var(--sfpi-dark); font-size: 0.89rem; font-weight: 850; } .smil-floor-projectinstall__tailored-card--vibration .smil-floor-projectinstall__card-label, .smil-floor-projectinstall__tailored-card--vibration strong { color: var(--sfpi-white); } .smil-floor-projectinstall__tailored-card > p:last-child { margin: 7px 0 0; color: #526970; font-size: 0.74rem; line-height: 1.49; } .smil-floor-projectinstall__tailored-card--vibration > p:last-child { color: rgba(238, 255, 252, 0.7); } /* POSA */ .smil-floor-projectinstall__installation-list, .smil-floor-projectinstall__journey-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; } .smil-floor-projectinstall__installation-list li, .smil-floor-projectinstall__journey-list li { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.11); border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 15px; } .smil-floor-projectinstall__journey-list li { background: rgba(255, 255, 255, 0.09); border-color: rgba(255, 255, 255, 0.15); } .smil-floor-projectinstall__installation-list li > span, .smil-floor-projectinstall__journey-list li > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfpi-dark); background: rgba(255, 255, 255, 0.92); border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-projectinstall__installation-list li:nth-child(n + 3) > span, .smil-floor-projectinstall__journey-list li:nth-child(n + 3) > span { background: #ffb56c; } .smil-floor-projectinstall__installation-list strong, .smil-floor-projectinstall__journey-list strong { display: block; color: var(--sfpi-white); font-size: 0.85rem; font-weight: 850; } .smil-floor-projectinstall__installation-list p, .smil-floor-projectinstall__journey-list p { margin: 5px 0 0; color: rgba(241, 255, 252, 0.7); font-size: 0.72rem; line-height: 1.47; } /* PONTI RIGIDI */ .smil-floor-projectinstall__bridges-grid, .smil-floor-projectinstall__checks-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-projectinstall__bridge-card { min-width: 0; padding: 17px 15px; background: rgba(255, 255, 255, 0.9); border: 1px solid #efd0b4; border-radius: 15px; } .smil-floor-projectinstall__bridge-card--orange { background: var(--sfpi-turquoise-light); border-color: #c5e7e2; } .smil-floor-projectinstall__bridge-card > span { display: grid; place-items: center; width: 38px; height: 38px; margin-bottom: 11px; color: var(--sfpi-white); background: var(--sfpi-orange-dark); border-radius: 11px; font-weight: 900; } .smil-floor-projectinstall__bridge-card--orange > span { background: var(--sfpi-blue); } .smil-floor-projectinstall__bridge-card strong { display: block; color: var(--sfpi-dark); font-size: 0.87rem; font-weight: 850; } .smil-floor-projectinstall__bridge-card p { margin: 6px 0 0; color: #526970; font-size: 0.73rem; line-height: 1.48; } /* COORDINAMENTO */ .smil-floor-projectinstall__coordination-list, .smil-floor-projectinstall__local-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-projectinstall__coordination-list > div, .smil-floor-projectinstall__local-list > div { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.09); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; } .smil-floor-projectinstall__local-list > div { background: rgba(255, 255, 255, 0.11); border-color: rgba(255, 255, 255, 0.17); } .smil-floor-projectinstall__coordination-list span, .smil-floor-projectinstall__local-list span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfpi-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.67rem; font-weight: 900; } .smil-floor-projectinstall__local-list span { background: rgba(255, 255, 255, 0.92); } .smil-floor-projectinstall__coordination-list p, .smil-floor-projectinstall__local-list p { margin: 0; color: rgba(241, 255, 252, 0.7); font-size: 0.72rem; line-height: 1.47; } .smil-floor-projectinstall__coordination-list strong, .smil-floor-projectinstall__local-list strong { display: block; margin-bottom: 2px; color: var(--sfpi-white); font-size: 0.85rem; font-weight: 850; } /* CONTROLLI */ .smil-floor-projectinstall__check-card { min-width: 0; padding: 17px 15px; background: var(--sfpi-turquoise-light); border: 1px solid #c5e7e2; border-radius: 15px; } .smil-floor-projectinstall__check-card--orange { background: var(--sfpi-orange-soft); border-color: #efd0b4; } .smil-floor-projectinstall__check-card > span { display: grid; place-items: center; width: 39px; height: 39px; margin-bottom: 11px; color: var(--sfpi-white); background: var(--sfpi-blue); border-radius: 11px; font-size: 0.67rem; font-weight: 900; } .smil-floor-projectinstall__check-card--orange > span { background: var(--sfpi-orange-dark); } .smil-floor-projectinstall__check-card strong { display: block; color: var(--sfpi-dark); font-size: 0.87rem; font-weight: 850; } .smil-floor-projectinstall__check-card p { margin: 6px 0 0; color: #526970; font-size: 0.73rem; line-height: 1.48; } /* FAQ E AVVERTENZA */ .smil-floor-projectinstall__questions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 26px; } .smil-floor-projectinstall__question, .smil-floor-projectinstall__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; padding: 20px 22px; border-radius: 18px; } .smil-floor-projectinstall__question { background: var(--sfpi-white); border: 1px solid var(--sfpi-border); border-left: 5px solid var(--sfpi-turquoise); } .smil-floor-projectinstall__warning { margin-top: 25px; background: var(--sfpi-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sfpi-orange); } .smil-floor-projectinstall__question-icon, .smil-floor-projectinstall__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; border-radius: 14px; } .smil-floor-projectinstall__question-icon { color: var(--sfpi-blue); background: var(--sfpi-turquoise-light); } .smil-floor-projectinstall__warning-icon { color: var(--sfpi-orange-dark); background: var(--sfpi-white); } .smil-floor-projectinstall__question-icon svg, .smil-floor-projectinstall__warning-icon svg { width: 26px; height: 26px; } .smil-floor-projectinstall__question strong, .smil-floor-projectinstall__warning strong { display: block; margin: 1px 0 6px; color: var(--sfpi-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-projectinstall__question p, .smil-floor-projectinstall__warning p { margin: 0; font-size: 0.9rem; line-height: 1.62; } .smil-floor-projectinstall__question p { color: #48646d; } .smil-floor-projectinstall__warning p { color: #595850; } /* CTA */ .smil-floor-projectinstall__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 22px 24px; color: var(--sfpi-white); background: linear-gradient( 135deg, var(--sfpi-blue) 0%, var(--sfpi-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-projectinstall__cta-copy { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-projectinstall__cta-icon { display: grid; place-items: center; width: 48px; height: 48px; color: var(--sfpi-dark); background: rgba(255, 255, 255, 0.92); border-radius: 14px; } .smil-floor-projectinstall__cta-icon svg { width: 25px; height: 25px; } .smil-floor-projectinstall__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sfpi-white); font-size: 1.04rem; font-weight: 850; line-height: 1.35; } .smil-floor-projectinstall__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.82); font-size: 0.86rem; line-height: 1.5; } .smil-floor-projectinstall__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 52px; padding: 12px 19px; color: var(--sfpi-white); background: linear-gradient( 135deg, var(--sfpi-orange) 0%, var(--sfpi-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-align: center; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-projectinstall__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-projectinstall__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-projectinstall__cta-button:hover svg { transform: translateX(3px); } .smil-floor-projectinstall__cta-button:focus-visible { outline: 3px solid var(--sfpi-white); outline-offset: 4px; } /* TABLET */ @media (max-width: 1050px) { .smil-floor-projectinstall__header, .smil-floor-projectinstall__principle, .smil-floor-projectinstall__tailored, .smil-floor-projectinstall__installation, .smil-floor-projectinstall__bridges, .smil-floor-projectinstall__coordination, .smil-floor-projectinstall__checks, .smil-floor-projectinstall__local, .smil-floor-projectinstall__journey { grid-template-columns: minmax(0, 1fr); } } /* MOBILE */ @media (max-width: 760px) { .smil-floor-projectinstall { padding: 49px 14px 58px; } .smil-floor-projectinstall__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-floor-projectinstall__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-projectinstall__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-projectinstall__principle, .smil-floor-projectinstall__tailored, .smil-floor-projectinstall__installation, .smil-floor-projectinstall__bridges, .smil-floor-projectinstall__coordination, .smil-floor-projectinstall__checks, .smil-floor-projectinstall__local, .smil-floor-projectinstall__journey { padding: 22px 18px; border-radius: 20px; } .smil-floor-projectinstall__flow, .smil-floor-projectinstall__project-grid, .smil-floor-projectinstall__tailored-grid, .smil-floor-projectinstall__installation-list, .smil-floor-projectinstall__bridges-grid, .smil-floor-projectinstall__coordination-list, .smil-floor-projectinstall__checks-grid, .smil-floor-projectinstall__local-list, .smil-floor-projectinstall__journey-list, .smil-floor-projectinstall__questions { grid-template-columns: minmax(0, 1fr); } .smil-floor-projectinstall__flow-arrow { transform: rotate(90deg); } .smil-floor-projectinstall__question, .smil-floor-projectinstall__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-projectinstall__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-projectinstall__cta-button { width: 100%; } } /* SMARTPHONE PICCOLI */ @media (max-width: 440px) { .smil-floor-projectinstall__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-projectinstall__answer, .smil-floor-projectinstall__installation-list li, .smil-floor-projectinstall__coordination-list > div, .smil-floor-projectinstall__local-list > div, .smil-floor-projectinstall__journey-list li, .smil-floor-projectinstall__question, .smil-floor-projectinstall__warning, .smil-floor-projectinstall__cta-copy { grid-template-columns: minmax(0, 1fr); } } /* ACCESSIBILITÀ */ @media (prefers-reduced-motion: reduce) { .smil-floor-projectinstall__cta-button, .smil-floor-projectinstall__cta-button svg { transition: none; } }#imCell_64 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_64 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_64 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_64 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H3 – SOLUZIONI SU MISURA CSS AUTONOMO ========================================================= */ .smil-floor-bespoke, .smil-floor-bespoke *, .smil-floor-bespoke *::before, .smil-floor-bespoke *::after { box-sizing: border-box; } .smil-floor-bespoke { --sfb-dark: #073844; --sfb-deep: #052b35; --sfb-blue: #087c8f; --sfb-turquoise: #00a991; --sfb-turquoise-light: #dff8f4; --sfb-orange: #f28a2e; --sfb-orange-dark: #d66d0e; --sfb-orange-soft: #fff1e4; --sfb-white: #ffffff; --sfb-background: #ffffff; --sfb-background-soft: #f3faf9; --sfb-text: #183640; --sfb-muted: #557078; --sfb-border: #cee5e2; position: relative; width: 100%; overflow: hidden; scroll-margin-top: 90px; padding: clamp(58px, 7vw, 96px) 20px; color: var(--sfb-text); background: radial-gradient( circle at 96% 4%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 0) 28% ), radial-gradient( circle at 3% 96%, rgba(242, 138, 46, 0.07) 0, rgba(242, 138, 46, 0) 25% ), linear-gradient( 180deg, var(--sfb-background) 0%, var(--sfb-background-soft) 100% ); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-bespoke__container { width: min(1220px, 100%); margin: 0 auto; } /* INTESTAZIONE */ .smil-floor-bespoke__header { display: grid; grid-template-columns: minmax(320px, 0.82fr) minmax(420px, 1.18fr); gap: clamp(30px, 5vw, 70px); align-items: end; } .smil-floor-bespoke__heading, .smil-floor-bespoke__intro { min-width: 0; } .smil-floor-bespoke__eyebrow { display: inline-flex; margin: 0 0 12px; padding: 7px 13px; color: var(--sfb-blue); background: var(--sfb-turquoise-light); border: 1px solid #c5e8e3; border-radius: 999px; font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-bespoke__title { margin: 0; color: var(--sfb-dark); font-size: clamp(1.9rem, 3.55vw, 3.15rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; } .smil-floor-bespoke__intro p { margin: 0; color: var(--sfb-muted); font-size: clamp(1.03rem, 1.55vw, 1.17rem); line-height: 1.73; } .smil-floor-bespoke__intro p + p { margin-top: 10px; } .smil-floor-bespoke__intro strong { color: var(--sfb-dark); font-weight: 800; } /* TITOLI VISIVI */ .smil-floor-bespoke__section-label, .smil-floor-bespoke__card-label { margin: 0 0 7px; color: var(--sfb-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-bespoke__card-label { margin-bottom: 4px; font-size: 0.65rem; } .smil-floor-bespoke__section-title { display: block; color: var(--sfb-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* RISPOSTA DIRETTA */ .smil-floor-bespoke__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; margin-top: 34px; padding: 22px 24px; background: var(--sfb-white); border: 1px solid var(--sfb-border); border-left: 5px solid var(--sfb-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-bespoke__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sfb-blue); background: var(--sfb-turquoise-light); border-radius: 15px; } .smil-floor-bespoke__answer-icon svg { width: 28px; height: 28px; } .smil-floor-bespoke__answer-content { min-width: 0; } .smil-floor-bespoke__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sfb-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-bespoke__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } /* PRINCIPIO */ .smil-floor-bespoke__principle { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 31px; padding: clamp(26px, 4vw, 42px); color: var(--sfb-white); background: radial-gradient( circle at 94% 9%, rgba(242, 138, 46, 0.21) 0, rgba(242, 138, 46, 0) 35% ), linear-gradient( 135deg, var(--sfb-deep) 0%, var(--sfb-dark) 68%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-bespoke__principle .smil-floor-bespoke__section-label { color: #ffbd7a; } .smil-floor-bespoke__principle .smil-floor-bespoke__section-title { color: var(--sfb-white); } .smil-floor-bespoke__principle-copy > p:not(.smil-floor-bespoke__section-label) { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-bespoke__principle-flow { display: grid; grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr) 28px minmax(0, 1fr); gap: 8px; align-items: center; } .smil-floor-bespoke__principle-step { min-width: 0; padding: 18px 14px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 15px; text-align: center; } .smil-floor-bespoke__principle-step--orange { background: rgba(242, 138, 46, 0.2); border-color: rgba(255, 191, 126, 0.3); } .smil-floor-bespoke__principle-step > span { display: grid; place-items: center; width: 35px; height: 35px; margin: 0 auto 11px; color: var(--sfb-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-bespoke__principle-step--orange > span { background: #ffb56c; } .smil-floor-bespoke__principle-step strong { display: block; color: var(--sfb-white); font-size: 0.87rem; font-weight: 850; } .smil-floor-bespoke__principle-step small { display: block; margin-top: 5px; color: rgba(238, 255, 252, 0.68); font-size: 0.68rem; line-height: 1.42; } .smil-floor-bespoke__principle-arrow { color: var(--sfb-orange); font-size: 1.2rem; font-weight: 900; text-align: center; } /* VARIABILI */ .smil-floor-bespoke__variables { margin-top: 35px; } .smil-floor-bespoke__variables-header { max-width: 950px; } .smil-floor-bespoke__variables-header > p:last-child { margin: 12px 0 0; color: var(--sfb-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-bespoke__variables-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 22px; } .smil-floor-bespoke__variable-card { min-width: 0; padding: 20px 18px; background: var(--sfb-white); border: 1px solid var(--sfb-border); border-top: 5px solid var(--sfb-turquoise); border-radius: 18px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-bespoke__variable-card--orange { border-top-color: var(--sfb-orange); } .smil-floor-bespoke__variable-card > span { display: block; margin-bottom: 13px; color: rgba(214, 109, 14, 0.4); font-size: 1.17rem; font-weight: 900; } .smil-floor-bespoke__variable-card strong { display: block; color: var(--sfb-dark); font-size: 0.92rem; font-weight: 850; line-height: 1.37; } .smil-floor-bespoke__variable-card p { margin: 7px 0 0; color: var(--sfb-muted); font-size: 0.77rem; line-height: 1.51; } /* BLOCCHI PRINCIPALI */ .smil-floor-bespoke__comparison, .smil-floor-bespoke__elements, .smil-floor-bespoke__extent, .smil-floor-bespoke__existing, .smil-floor-bespoke__local, .smil-floor-bespoke__journey { display: grid; grid-template-columns: minmax(300px, 0.79fr) minmax(0, 1.21fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); border-radius: 23px; } .smil-floor-bespoke__comparison, .smil-floor-bespoke__existing { background: var(--sfb-white); border: 1px solid var(--sfb-border); box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-bespoke__elements, .smil-floor-bespoke__local { color: var(--sfb-white); background: linear-gradient( 135deg, var(--sfb-blue) 0%, var(--sfb-turquoise) 100% ); box-shadow: 0 18px 42px rgba(0, 128, 128, 0.2); } .smil-floor-bespoke__extent { background: var(--sfb-orange-soft); border: 1px solid #efd0b4; } .smil-floor-bespoke__journey { color: var(--sfb-white); background: linear-gradient( 135deg, var(--sfb-deep) 0%, var(--sfb-dark) 100% ); box-shadow: 0 19px 45px rgba(5, 43, 53, 0.17); } .smil-floor-bespoke__comparison-copy > p:not(.smil-floor-bespoke__section-label), .smil-floor-bespoke__existing-copy > p:not(.smil-floor-bespoke__section-label) { margin: 13px 0 0; color: var(--sfb-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-bespoke__extent-copy > p:not(.smil-floor-bespoke__section-label) { margin: 13px 0 0; color: #595850; font-size: 0.94rem; line-height: 1.65; } .smil-floor-bespoke__elements .smil-floor-bespoke__section-label, .smil-floor-bespoke__local .smil-floor-bespoke__section-label { color: #d7fff8; } .smil-floor-bespoke__journey .smil-floor-bespoke__section-label { color: #ffbd7a; } .smil-floor-bespoke__elements .smil-floor-bespoke__section-title, .smil-floor-bespoke__local .smil-floor-bespoke__section-title, .smil-floor-bespoke__journey .smil-floor-bespoke__section-title { color: var(--sfb-white); } .smil-floor-bespoke__elements-copy > p:not(.smil-floor-bespoke__section-label), .smil-floor-bespoke__local-copy > p:not(.smil-floor-bespoke__section-label), .smil-floor-bespoke__journey-copy > p:not(.smil-floor-bespoke__section-label) { margin: 13px 0 0; color: rgba(241, 255, 252, 0.8); font-size: 0.94rem; line-height: 1.65; } .smil-floor-bespoke__local-copy strong { color: var(--sfb-white); } /* CONFRONTO */ .smil-floor-bespoke__comparison-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } .smil-floor-bespoke__comparison-card { min-width: 0; padding: 18px 16px; background: var(--sfb-turquoise-light); border: 1px solid #c5e7e2; border-radius: 16px; } .smil-floor-bespoke__comparison-card--lateral { background: var(--sfb-orange-soft); border-color: #efd0b4; } .smil-floor-bespoke__comparison-card--plant { color: var(--sfb-white); background: var(--sfb-dark); border-color: var(--sfb-dark); } .smil-floor-bespoke__comparison-card > span { display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 11px; color: var(--sfb-white); background: var(--sfb-turquoise); border-radius: 11px; font-weight: 900; } .smil-floor-bespoke__comparison-card--lateral > span { background: var(--sfb-orange-dark); } .smil-floor-bespoke__comparison-card--plant > span { color: var(--sfb-dark); background: #7fe7d9; } .smil-floor-bespoke__comparison-card strong { display: block; color: var(--sfb-dark); font-size: 0.89rem; font-weight: 850; } .smil-floor-bespoke__comparison-card--plant .smil-floor-bespoke__card-label, .smil-floor-bespoke__comparison-card--plant strong { color: var(--sfb-white); } .smil-floor-bespoke__comparison-card > p:last-child { margin: 7px 0 0; color: #526970; font-size: 0.74rem; line-height: 1.49; } .smil-floor-bespoke__comparison-card--plant > p:last-child { color: rgba(238, 255, 252, 0.7); } /* ELEMENTI PERSONALIZZATI */ .smil-floor-bespoke__elements-grid, .smil-floor-bespoke__local-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-bespoke__element-card, .smil-floor-bespoke__local-card { min-width: 0; padding: 17px 15px; background: rgba(255, 255, 255, 0.11); border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 15px; } .smil-floor-bespoke__element-card--orange, .smil-floor-bespoke__local-card--orange { background: rgba(242, 138, 46, 0.2); border-color: rgba(255, 191, 126, 0.28); } .smil-floor-bespoke__element-card > span, .smil-floor-bespoke__local-card > span { display: grid; place-items: center; width: 39px; height: 39px; margin-bottom: 11px; color: var(--sfb-dark); background: rgba(255, 255, 255, 0.92); border-radius: 11px; font-size: 0.67rem; font-weight: 900; } .smil-floor-bespoke__element-card--orange > span, .smil-floor-bespoke__local-card--orange > span { background: #ffb56c; } .smil-floor-bespoke__element-card strong, .smil-floor-bespoke__local-card strong { display: block; color: var(--sfb-white); font-size: 0.87rem; font-weight: 850; } .smil-floor-bespoke__element-card p, .smil-floor-bespoke__local-card p { margin: 6px 0 0; color: rgba(241, 255, 252, 0.7); font-size: 0.73rem; line-height: 1.48; } /* ESTENSIONE */ .smil-floor-bespoke__extent-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; } .smil-floor-bespoke__extent-card { min-width: 0; padding: 19px 17px; background: rgba(255, 255, 255, 0.9); border: 1px solid #efd0b4; border-radius: 17px; } .smil-floor-bespoke__extent-card--coordinated { background: var(--sfb-turquoise-light); border-color: #c5e7e2; } .smil-floor-bespoke__extent-card > span { display: grid; place-items: center; width: 42px; height: 42px; margin-bottom: 11px; color: var(--sfb-white); background: var(--sfb-orange-dark); border-radius: 12px; font-weight: 900; } .smil-floor-bespoke__extent-card--coordinated > span { background: var(--sfb-blue); } .smil-floor-bespoke__extent-card strong { display: block; color: var(--sfb-dark); font-size: 0.9rem; font-weight: 850; } .smil-floor-bespoke__extent-card > p:last-child { margin: 7px 0 0; color: #526970; font-size: 0.75rem; line-height: 1.49; } /* PAVIMENTO ESISTENTE */ .smil-floor-bespoke__existing-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-bespoke__existing-list > div { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: var(--sfb-turquoise-light); border: 1px solid #c5e7e2; border-radius: 15px; } .smil-floor-bespoke__existing-list span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfb-white); background: var(--sfb-blue); border-radius: 10px; font-size: 0.67rem; font-weight: 900; } .smil-floor-bespoke__existing-list p { margin: 0; color: #526970; font-size: 0.72rem; line-height: 1.47; } .smil-floor-bespoke__existing-list strong { display: block; margin-bottom: 2px; color: var(--sfb-dark); font-size: 0.85rem; font-weight: 850; } /* PERCORSO */ .smil-floor-bespoke__journey-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; } .smil-floor-bespoke__journey-list li { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.09); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; } .smil-floor-bespoke__journey-list li > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfb-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-bespoke__journey-list li:nth-child(n + 3) > span { background: #ffb56c; } .smil-floor-bespoke__journey-list strong { display: block; color: var(--sfb-white); font-size: 0.85rem; font-weight: 850; } .smil-floor-bespoke__journey-list p { margin: 5px 0 0; color: rgba(238, 255, 252, 0.68); font-size: 0.72rem; line-height: 1.47; } /* FAQ E AVVERTENZA */ .smil-floor-bespoke__questions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 26px; } .smil-floor-bespoke__question, .smil-floor-bespoke__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; padding: 20px 22px; border-radius: 18px; } .smil-floor-bespoke__question { background: var(--sfb-white); border: 1px solid var(--sfb-border); border-left: 5px solid var(--sfb-turquoise); } .smil-floor-bespoke__warning { margin-top: 25px; background: var(--sfb-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sfb-orange); } .smil-floor-bespoke__question-icon, .smil-floor-bespoke__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; border-radius: 14px; } .smil-floor-bespoke__question-icon { color: var(--sfb-blue); background: var(--sfb-turquoise-light); } .smil-floor-bespoke__warning-icon { color: var(--sfb-orange-dark); background: var(--sfb-white); } .smil-floor-bespoke__question-icon svg, .smil-floor-bespoke__warning-icon svg { width: 26px; height: 26px; } .smil-floor-bespoke__question strong, .smil-floor-bespoke__warning strong { display: block; margin: 1px 0 6px; color: var(--sfb-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-bespoke__question p, .smil-floor-bespoke__warning p { margin: 0; font-size: 0.9rem; line-height: 1.62; } .smil-floor-bespoke__question p { color: #48646d; } .smil-floor-bespoke__warning p { color: #595850; } /* CTA */ .smil-floor-bespoke__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 22px 24px; color: var(--sfb-white); background: linear-gradient( 135deg, var(--sfb-blue) 0%, var(--sfb-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-bespoke__cta-copy { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-bespoke__cta-icon { display: grid; place-items: center; width: 48px; height: 48px; color: var(--sfb-dark); background: rgba(255, 255, 255, 0.92); border-radius: 14px; } .smil-floor-bespoke__cta-icon svg { width: 25px; height: 25px; } .smil-floor-bespoke__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sfb-white); font-size: 1.04rem; font-weight: 850; line-height: 1.35; } .smil-floor-bespoke__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.82); font-size: 0.86rem; line-height: 1.5; } .smil-floor-bespoke__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 52px; padding: 12px 19px; color: var(--sfb-white); background: linear-gradient( 135deg, var(--sfb-orange) 0%, var(--sfb-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-align: center; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-bespoke__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-bespoke__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-bespoke__cta-button:hover svg { transform: translateX(3px); } .smil-floor-bespoke__cta-button:focus-visible { outline: 3px solid var(--sfb-white); outline-offset: 4px; } /* TABLET */ @media (max-width: 1050px) { .smil-floor-bespoke__header, .smil-floor-bespoke__principle, .smil-floor-bespoke__comparison, .smil-floor-bespoke__elements, .smil-floor-bespoke__extent, .smil-floor-bespoke__existing, .smil-floor-bespoke__local, .smil-floor-bespoke__journey { grid-template-columns: minmax(0, 1fr); } } /* MOBILE */ @media (max-width: 760px) { .smil-floor-bespoke { padding: 49px 14px 58px; } .smil-floor-bespoke__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-floor-bespoke__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-bespoke__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-bespoke__principle, .smil-floor-bespoke__comparison, .smil-floor-bespoke__elements, .smil-floor-bespoke__extent, .smil-floor-bespoke__existing, .smil-floor-bespoke__local, .smil-floor-bespoke__journey { padding: 22px 18px; border-radius: 20px; } .smil-floor-bespoke__principle-flow, .smil-floor-bespoke__variables-grid, .smil-floor-bespoke__comparison-grid, .smil-floor-bespoke__elements-grid, .smil-floor-bespoke__extent-grid, .smil-floor-bespoke__existing-list, .smil-floor-bespoke__local-grid, .smil-floor-bespoke__journey-list, .smil-floor-bespoke__questions { grid-template-columns: minmax(0, 1fr); } .smil-floor-bespoke__principle-arrow { transform: rotate(90deg); } .smil-floor-bespoke__question, .smil-floor-bespoke__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-bespoke__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-bespoke__cta-button { width: 100%; } } /* SMARTPHONE PICCOLI */ @media (max-width: 440px) { .smil-floor-bespoke__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-bespoke__answer, .smil-floor-bespoke__existing-list > div, .smil-floor-bespoke__journey-list li, .smil-floor-bespoke__question, .smil-floor-bespoke__warning, .smil-floor-bespoke__cta-copy { grid-template-columns: minmax(0, 1fr); } } /* ACCESSIBILITÀ */ @media (prefers-reduced-motion: reduce) { .smil-floor-bespoke__cta-button, .smil-floor-bespoke__cta-button svg { transition: none; } }#imCell_65 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_65 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_65 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_65 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H3 – ESPERIENZA TECNICA CSS AUTONOMO ========================================================= */ .smil-floor-techxp, .smil-floor-techxp *, .smil-floor-techxp *::before, .smil-floor-techxp *::after { box-sizing: border-box; } .smil-floor-techxp { --sftx-dark: #073844; --sftx-deep: #052b35; --sftx-blue: #087c8f; --sftx-turquoise: #00a991; --sftx-turquoise-light: #dff8f4; --sftx-orange: #f28a2e; --sftx-orange-dark: #d66d0e; --sftx-orange-soft: #fff1e4; --sftx-white: #ffffff; --sftx-background: #ffffff; --sftx-background-soft: #f3faf9; --sftx-text: #183640; --sftx-muted: #557078; --sftx-border: #cee5e2; position: relative; width: 100%; overflow: hidden; scroll-margin-top: 90px; padding: clamp(58px, 7vw, 96px) 20px; color: var(--sftx-text); background: radial-gradient( circle at 96% 4%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 0) 28% ), radial-gradient( circle at 3% 96%, rgba(242, 138, 46, 0.07) 0, rgba(242, 138, 46, 0) 25% ), linear-gradient( 180deg, var(--sftx-background) 0%, var(--sftx-background-soft) 100% ); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-techxp__container { width: min(1220px, 100%); margin: 0 auto; } /* INTESTAZIONE */ .smil-floor-techxp__header { display: grid; grid-template-columns: minmax(320px, 0.82fr) minmax(420px, 1.18fr); gap: clamp(30px, 5vw, 70px); align-items: end; } .smil-floor-techxp__heading, .smil-floor-techxp__intro { min-width: 0; } .smil-floor-techxp__eyebrow { display: inline-flex; margin: 0 0 12px; padding: 7px 13px; color: var(--sftx-blue); background: var(--sftx-turquoise-light); border: 1px solid #c5e8e3; border-radius: 999px; font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-techxp__title { margin: 0; color: var(--sftx-dark); font-size: clamp(1.9rem, 3.55vw, 3.15rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; } .smil-floor-techxp__intro p { margin: 0; color: var(--sftx-muted); font-size: clamp(1.03rem, 1.55vw, 1.17rem); line-height: 1.73; } .smil-floor-techxp__intro p + p { margin-top: 10px; } .smil-floor-techxp__intro strong { color: var(--sftx-dark); font-weight: 800; } /* TITOLI VISIVI */ .smil-floor-techxp__section-label, .smil-floor-techxp__card-label { margin: 0 0 7px; color: var(--sftx-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-techxp__card-label { margin-bottom: 4px; font-size: 0.65rem; } .smil-floor-techxp__section-title { display: block; color: var(--sftx-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* RISPOSTA DIRETTA */ .smil-floor-techxp__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; margin-top: 34px; padding: 22px 24px; background: var(--sftx-white); border: 1px solid var(--sftx-border); border-left: 5px solid var(--sftx-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-techxp__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sftx-blue); background: var(--sftx-turquoise-light); border-radius: 15px; } .smil-floor-techxp__answer-icon svg { width: 28px; height: 28px; } .smil-floor-techxp__answer-content { min-width: 0; } .smil-floor-techxp__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sftx-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-techxp__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } /* PRINCIPIO */ .smil-floor-techxp__principle { display: grid; grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 31px; padding: clamp(26px, 4vw, 42px); color: var(--sftx-white); background: radial-gradient( circle at 94% 9%, rgba(242, 138, 46, 0.21) 0, rgba(242, 138, 46, 0) 35% ), linear-gradient( 135deg, var(--sftx-deep) 0%, var(--sftx-dark) 68%, #075667 100% ); border-radius: 24px; box-shadow: 0 21px 50px rgba(5, 43, 53, 0.18); } .smil-floor-techxp__principle .smil-floor-techxp__section-label { color: #ffbd7a; } .smil-floor-techxp__principle .smil-floor-techxp__section-title { color: var(--sftx-white); } .smil-floor-techxp__principle-copy > p:not(.smil-floor-techxp__section-label) { margin: 14px 0 0; color: rgba(238, 255, 252, 0.78); font-size: 0.94rem; line-height: 1.68; } .smil-floor-techxp__principle-flow { display: grid; grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr) 28px minmax(0, 1fr); gap: 8px; align-items: center; } .smil-floor-techxp__principle-step { min-width: 0; padding: 18px 14px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 15px; text-align: center; } .smil-floor-techxp__principle-step--orange { background: rgba(242, 138, 46, 0.2); border-color: rgba(255, 191, 126, 0.3); } .smil-floor-techxp__principle-step > span { display: grid; place-items: center; width: 35px; height: 35px; margin: 0 auto 11px; color: var(--sftx-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-techxp__principle-step--orange > span { background: #ffb56c; } .smil-floor-techxp__principle-step strong { display: block; color: var(--sftx-white); font-size: 0.87rem; font-weight: 850; } .smil-floor-techxp__principle-step small { display: block; margin-top: 5px; color: rgba(238, 255, 252, 0.68); font-size: 0.68rem; line-height: 1.42; } .smil-floor-techxp__principle-arrow { color: var(--sftx-orange); font-size: 1.2rem; font-weight: 900; text-align: center; } /* COMPETENZE */ .smil-floor-techxp__skills { margin-top: 35px; } .smil-floor-techxp__skills-header { max-width: 950px; } .smil-floor-techxp__skills-header > p:last-child { margin: 12px 0 0; color: var(--sftx-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-techxp__skills-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 22px; } .smil-floor-techxp__skill-card { min-width: 0; padding: 20px 18px; background: var(--sftx-white); border: 1px solid var(--sftx-border); border-top: 5px solid var(--sftx-turquoise); border-radius: 18px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-techxp__skill-card--orange { border-top-color: var(--sftx-orange); } .smil-floor-techxp__skill-card > span { display: block; margin-bottom: 13px; color: rgba(214, 109, 14, 0.4); font-size: 1.17rem; font-weight: 900; } .smil-floor-techxp__skill-card strong { display: block; color: var(--sftx-dark); font-size: 0.92rem; font-weight: 850; line-height: 1.37; } .smil-floor-techxp__skill-card p { margin: 7px 0 0; color: var(--sftx-muted); font-size: 0.77rem; line-height: 1.51; } /* BLOCCHI PRINCIPALI */ .smil-floor-techxp__noise, .smil-floor-techxp__measurements, .smil-floor-techxp__interpretation, .smil-floor-techxp__paths, .smil-floor-techxp__decisions, .smil-floor-techxp__local, .smil-floor-techxp__team, .smil-floor-techxp__journey { display: grid; grid-template-columns: minmax(300px, 0.79fr) minmax(0, 1.21fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); border-radius: 23px; } .smil-floor-techxp__noise, .smil-floor-techxp__paths { background: var(--sftx-white); border: 1px solid var(--sftx-border); box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-techxp__measurements, .smil-floor-techxp__local { color: var(--sftx-white); background: linear-gradient( 135deg, var(--sftx-blue) 0%, var(--sftx-turquoise) 100% ); box-shadow: 0 18px 42px rgba(0, 128, 128, 0.2); } .smil-floor-techxp__interpretation, .smil-floor-techxp__decisions { background: var(--sftx-orange-soft); border: 1px solid #efd0b4; } .smil-floor-techxp__team, .smil-floor-techxp__journey { color: var(--sftx-white); background: linear-gradient( 135deg, var(--sftx-deep) 0%, var(--sftx-dark) 100% ); box-shadow: 0 19px 45px rgba(5, 43, 53, 0.17); } .smil-floor-techxp__noise-copy > p:not(.smil-floor-techxp__section-label), .smil-floor-techxp__paths-copy > p:not(.smil-floor-techxp__section-label) { margin: 13px 0 0; color: var(--sftx-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-techxp__interpretation-copy > p:not(.smil-floor-techxp__section-label), .smil-floor-techxp__decisions-copy > p:not(.smil-floor-techxp__section-label) { margin: 13px 0 0; color: #595850; font-size: 0.94rem; line-height: 1.65; } .smil-floor-techxp__measurements .smil-floor-techxp__section-label, .smil-floor-techxp__local .smil-floor-techxp__section-label { color: #d7fff8; } .smil-floor-techxp__team .smil-floor-techxp__section-label, .smil-floor-techxp__journey .smil-floor-techxp__section-label { color: #ffbd7a; } .smil-floor-techxp__measurements .smil-floor-techxp__section-title, .smil-floor-techxp__local .smil-floor-techxp__section-title, .smil-floor-techxp__team .smil-floor-techxp__section-title, .smil-floor-techxp__journey .smil-floor-techxp__section-title { color: var(--sftx-white); } .smil-floor-techxp__measurements-copy > p:not(.smil-floor-techxp__section-label), .smil-floor-techxp__local-copy > p:not(.smil-floor-techxp__section-label), .smil-floor-techxp__team-copy > p:not(.smil-floor-techxp__section-label), .smil-floor-techxp__journey-copy > p:not(.smil-floor-techxp__section-label) { margin: 13px 0 0; color: rgba(241, 255, 252, 0.8); font-size: 0.94rem; line-height: 1.65; } .smil-floor-techxp__local-copy strong { color: var(--sftx-white); } /* RUMORI */ .smil-floor-techxp__noise-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } .smil-floor-techxp__noise-card { min-width: 0; padding: 18px 16px; background: var(--sftx-turquoise-light); border: 1px solid #c5e7e2; border-radius: 16px; } .smil-floor-techxp__noise-card--impact { background: var(--sftx-orange-soft); border-color: #efd0b4; } .smil-floor-techxp__noise-card--vibration { color: var(--sftx-white); background: var(--sftx-dark); border-color: var(--sftx-dark); } .smil-floor-techxp__noise-card > span { display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 11px; color: var(--sftx-white); background: var(--sftx-turquoise); border-radius: 11px; font-weight: 900; } .smil-floor-techxp__noise-card--impact > span { background: var(--sftx-orange-dark); } .smil-floor-techxp__noise-card--vibration > span { color: var(--sftx-dark); background: #7fe7d9; } .smil-floor-techxp__noise-card strong { display: block; color: var(--sftx-dark); font-size: 0.89rem; font-weight: 850; } .smil-floor-techxp__noise-card--vibration .smil-floor-techxp__card-label, .smil-floor-techxp__noise-card--vibration strong { color: var(--sftx-white); } .smil-floor-techxp__noise-card > p:last-child { margin: 7px 0 0; color: #526970; font-size: 0.74rem; line-height: 1.49; } .smil-floor-techxp__noise-card--vibration > p:last-child { color: rgba(238, 255, 252, 0.7); } /* LISTE TECNICHE */ .smil-floor-techxp__measurements-list, .smil-floor-techxp__decisions-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-techxp__measurements-list > div { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.11); border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 15px; } .smil-floor-techxp__measurements-list span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sftx-dark); background: rgba(255, 255, 255, 0.92); border-radius: 10px; font-size: 0.67rem; font-weight: 900; } .smil-floor-techxp__measurements-list p { margin: 0; color: rgba(241, 255, 252, 0.7); font-size: 0.72rem; line-height: 1.47; } .smil-floor-techxp__measurements-list strong { display: block; margin-bottom: 2px; color: var(--sftx-white); font-size: 0.85rem; font-weight: 850; } .smil-floor-techxp__decisions-list > div { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.88); border: 1px solid #efd0b4; border-radius: 15px; } .smil-floor-techxp__decisions-list span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sftx-white); background: var(--sftx-orange-dark); border-radius: 10px; font-size: 0.67rem; font-weight: 900; } .smil-floor-techxp__decisions-list p { margin: 0; color: #526970; font-size: 0.72rem; line-height: 1.47; } .smil-floor-techxp__decisions-list strong { display: block; margin-bottom: 2px; color: var(--sftx-dark); font-size: 0.85rem; font-weight: 850; } /* INTERPRETAZIONE */ .smil-floor-techxp__interpretation-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; } .smil-floor-techxp__interpretation-card { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 12px; min-width: 0; padding: 17px; background: rgba(255, 255, 255, 0.88); border: 1px solid #efd0b4; border-radius: 16px; } .smil-floor-techxp__interpretation-card--correct { background: var(--sftx-turquoise-light); border-color: #c5e7e2; } .smil-floor-techxp__interpretation-card > span { display: grid; place-items: center; width: 40px; height: 40px; color: var(--sftx-white); background: var(--sftx-orange-dark); border-radius: 11px; font-weight: 900; } .smil-floor-techxp__interpretation-card--correct > span { background: var(--sftx-turquoise); } .smil-floor-techxp__interpretation-card strong { display: block; color: var(--sftx-dark); font-size: 0.87rem; font-weight: 850; } .smil-floor-techxp__interpretation-card div > p:last-child { margin: 6px 0 0; color: #526970; font-size: 0.72rem; line-height: 1.48; } /* PERCORSI */ .smil-floor-techxp__paths-grid, .smil-floor-techxp__local-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-techxp__path-card { min-width: 0; padding: 17px 15px; background: var(--sftx-turquoise-light); border: 1px solid #c5e7e2; border-radius: 15px; } .smil-floor-techxp__path-card--orange { background: var(--sftx-orange-soft); border-color: #efd0b4; } .smil-floor-techxp__path-card > span { display: grid; place-items: center; width: 39px; height: 39px; margin-bottom: 11px; color: var(--sftx-white); background: var(--sftx-blue); border-radius: 11px; font-size: 0.67rem; font-weight: 900; } .smil-floor-techxp__path-card--orange > span { background: var(--sftx-orange-dark); } .smil-floor-techxp__path-card strong { display: block; color: var(--sftx-dark); font-size: 0.87rem; font-weight: 850; } .smil-floor-techxp__path-card p { margin: 6px 0 0; color: #526970; font-size: 0.73rem; line-height: 1.48; } /* MILANO */ .smil-floor-techxp__local-card { min-width: 0; padding: 17px 15px; background: rgba(255, 255, 255, 0.11); border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 15px; } .smil-floor-techxp__local-card--orange { background: rgba(242, 138, 46, 0.2); border-color: rgba(255, 191, 126, 0.28); } .smil-floor-techxp__local-card > span { display: grid; place-items: center; width: 39px; height: 39px; margin-bottom: 11px; color: var(--sftx-dark); background: rgba(255, 255, 255, 0.92); border-radius: 11px; font-size: 0.67rem; font-weight: 900; } .smil-floor-techxp__local-card--orange > span { background: #ffb56c; } .smil-floor-techxp__local-card strong { display: block; color: var(--sftx-white); font-size: 0.87rem; font-weight: 850; } .smil-floor-techxp__local-card p { margin: 6px 0 0; color: rgba(241, 255, 252, 0.7); font-size: 0.73rem; line-height: 1.48; } /* TEAM E PERCORSO */ .smil-floor-techxp__team-list, .smil-floor-techxp__journey-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; } .smil-floor-techxp__team-list li, .smil-floor-techxp__journey-list li { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.09); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; } .smil-floor-techxp__team-list li > span, .smil-floor-techxp__journey-list li > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sftx-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-techxp__team-list li:nth-child(n + 3) > span, .smil-floor-techxp__journey-list li:nth-child(n + 3) > span { background: #ffb56c; } .smil-floor-techxp__team-list strong, .smil-floor-techxp__journey-list strong { display: block; color: var(--sftx-white); font-size: 0.85rem; font-weight: 850; } .smil-floor-techxp__team-list p, .smil-floor-techxp__journey-list p { margin: 5px 0 0; color: rgba(238, 255, 252, 0.68); font-size: 0.72rem; line-height: 1.47; } /* FAQ E AVVERTENZA */ .smil-floor-techxp__questions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 26px; } .smil-floor-techxp__question, .smil-floor-techxp__warning { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; padding: 20px 22px; border-radius: 18px; } .smil-floor-techxp__question { background: var(--sftx-white); border: 1px solid var(--sftx-border); border-left: 5px solid var(--sftx-turquoise); } .smil-floor-techxp__warning { margin-top: 25px; background: var(--sftx-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sftx-orange); } .smil-floor-techxp__question-icon, .smil-floor-techxp__warning-icon { display: grid; place-items: center; width: 49px; height: 49px; border-radius: 14px; } .smil-floor-techxp__question-icon { color: var(--sftx-blue); background: var(--sftx-turquoise-light); } .smil-floor-techxp__warning-icon { color: var(--sftx-orange-dark); background: var(--sftx-white); } .smil-floor-techxp__question-icon svg, .smil-floor-techxp__warning-icon svg { width: 26px; height: 26px; } .smil-floor-techxp__question strong, .smil-floor-techxp__warning strong { display: block; margin: 1px 0 6px; color: var(--sftx-dark); font-size: 1.02rem; font-weight: 850; line-height: 1.36; } .smil-floor-techxp__question p, .smil-floor-techxp__warning p { margin: 0; font-size: 0.9rem; line-height: 1.62; } .smil-floor-techxp__question p { color: #48646d; } .smil-floor-techxp__warning p { color: #595850; } /* CTA */ .smil-floor-techxp__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 22px 24px; color: var(--sftx-white); background: linear-gradient( 135deg, var(--sftx-blue) 0%, var(--sftx-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-techxp__cta-copy { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-techxp__cta-icon { display: grid; place-items: center; width: 48px; height: 48px; color: var(--sftx-dark); background: rgba(255, 255, 255, 0.92); border-radius: 14px; } .smil-floor-techxp__cta-icon svg { width: 25px; height: 25px; } .smil-floor-techxp__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sftx-white); font-size: 1.04rem; font-weight: 850; line-height: 1.35; } .smil-floor-techxp__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.82); font-size: 0.86rem; line-height: 1.5; } .smil-floor-techxp__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 52px; padding: 12px 19px; color: var(--sftx-white); background: linear-gradient( 135deg, var(--sftx-orange) 0%, var(--sftx-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-align: center; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-techxp__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-techxp__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-techxp__cta-button:hover svg { transform: translateX(3px); } .smil-floor-techxp__cta-button:focus-visible { outline: 3px solid var(--sftx-white); outline-offset: 4px; } /* TABLET */ @media (max-width: 1050px) { .smil-floor-techxp__header, .smil-floor-techxp__principle, .smil-floor-techxp__noise, .smil-floor-techxp__measurements, .smil-floor-techxp__interpretation, .smil-floor-techxp__paths, .smil-floor-techxp__decisions, .smil-floor-techxp__local, .smil-floor-techxp__team, .smil-floor-techxp__journey { grid-template-columns: minmax(0, 1fr); } } /* MOBILE */ @media (max-width: 760px) { .smil-floor-techxp { padding: 49px 14px 58px; } .smil-floor-techxp__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-floor-techxp__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-techxp__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-techxp__principle, .smil-floor-techxp__noise, .smil-floor-techxp__measurements, .smil-floor-techxp__interpretation, .smil-floor-techxp__paths, .smil-floor-techxp__decisions, .smil-floor-techxp__local, .smil-floor-techxp__team, .smil-floor-techxp__journey { padding: 22px 18px; border-radius: 20px; } .smil-floor-techxp__principle-flow, .smil-floor-techxp__skills-grid, .smil-floor-techxp__noise-grid, .smil-floor-techxp__measurements-list, .smil-floor-techxp__interpretation-grid, .smil-floor-techxp__paths-grid, .smil-floor-techxp__decisions-list, .smil-floor-techxp__local-grid, .smil-floor-techxp__team-list, .smil-floor-techxp__journey-list, .smil-floor-techxp__questions { grid-template-columns: minmax(0, 1fr); } .smil-floor-techxp__principle-arrow { transform: rotate(90deg); } .smil-floor-techxp__question, .smil-floor-techxp__warning { grid-template-columns: 43px minmax(0, 1fr); padding: 18px 16px; } .smil-floor-techxp__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-techxp__cta-button { width: 100%; } } /* SMARTPHONE PICCOLI */ @media (max-width: 440px) { .smil-floor-techxp__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-techxp__answer, .smil-floor-techxp__measurements-list > div, .smil-floor-techxp__interpretation-card, .smil-floor-techxp__decisions-list > div, .smil-floor-techxp__team-list li, .smil-floor-techxp__journey-list li, .smil-floor-techxp__question, .smil-floor-techxp__warning, .smil-floor-techxp__cta-copy { grid-template-columns: minmax(0, 1fr); } } /* ACCESSIBILITÀ */ @media (prefers-reduced-motion: reduce) { .smil-floor-techxp__cta-button, .smil-floor-techxp__cta-button svg { transition: none; } }#imCell_66 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_66 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_66 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_66 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H2 – DOMANDE FREQUENTI CSS AUTONOMO ========================================================= */ .smil-floor-faqhub, .smil-floor-faqhub *, .smil-floor-faqhub *::before, .smil-floor-faqhub *::after { box-sizing: border-box; } .smil-floor-faqhub { --sffq-dark: #073844; --sffq-deep: #052b35; --sffq-blue: #087c8f; --sffq-turquoise: #00a991; --sffq-turquoise-light: #dff8f4; --sffq-orange: #f28a2e; --sffq-orange-dark: #d66d0e; --sffq-orange-soft: #fff1e4; --sffq-white: #ffffff; --sffq-cream: #fffdf8; --sffq-background: #f3faf9; --sffq-text: #183640; --sffq-muted: #557078; --sffq-border: #cee5e2; position: relative; width: 100%; overflow: hidden; scroll-margin-top: 90px; padding: clamp(62px, 7vw, 102px) 20px; color: var(--sffq-text); background: radial-gradient( circle at 96% 4%, rgba(242, 138, 46, 0.09) 0, rgba(242, 138, 46, 0) 27% ), radial-gradient( circle at 3% 96%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 0) 27% ), var(--sffq-background); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-faqhub__container { width: min(1220px, 100%); margin: 0 auto; } /* INTESTAZIONE */ .smil-floor-faqhub__header { display: grid; grid-template-columns: minmax(330px, 0.84fr) minmax(420px, 1.16fr); gap: clamp(32px, 5vw, 72px); align-items: end; } .smil-floor-faqhub__heading, .smil-floor-faqhub__intro { min-width: 0; } .smil-floor-faqhub__eyebrow { display: inline-flex; margin: 0 0 13px; padding: 7px 14px; color: var(--sffq-orange-dark); background: var(--sffq-orange-soft); border: 1px solid #efd0b4; border-radius: 999px; font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-faqhub__title { margin: 0; color: var(--sffq-dark); font-size: clamp(2rem, 4.1vw, 3.55rem); font-weight: 850; line-height: 1.08; letter-spacing: -0.04em; text-wrap: balance; } .smil-floor-faqhub__intro p { margin: 0; color: var(--sffq-muted); font-size: clamp(1.03rem, 1.55vw, 1.17rem); line-height: 1.73; } .smil-floor-faqhub__intro p + p { margin-top: 11px; } .smil-floor-faqhub__intro strong { color: var(--sffq-dark); font-weight: 800; } /* TESTI VISIVI */ .smil-floor-faqhub__section-label { margin: 0 0 7px; color: var(--sffq-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-faqhub__section-title { display: block; color: var(--sffq-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* RISPOSTA PRINCIPALE */ .smil-floor-faqhub__answer { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 17px; margin-top: 34px; padding: 23px 24px; background: var(--sffq-white); border: 1px solid #efd0b4; border-left: 6px solid var(--sffq-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-faqhub__answer-icon { display: grid; place-items: center; width: 56px; height: 56px; color: var(--sffq-white); background: var(--sffq-orange-dark); border-radius: 15px; } .smil-floor-faqhub__answer-icon svg { width: 29px; height: 29px; } .smil-floor-faqhub__answer-content { min-width: 0; } .smil-floor-faqhub__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sffq-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-faqhub__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } .smil-floor-faqhub__answer-content p strong { color: var(--sffq-dark); } /* INDICE */ .smil-floor-faqhub__topics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 11px; margin-top: 26px; } .smil-floor-faqhub__topics a { display: flex; align-items: center; gap: 10px; min-height: 62px; padding: 13px 15px; color: var(--sffq-dark); background: var(--sffq-white); border: 1px solid var(--sffq-border); border-radius: 14px; font-size: 0.82rem; font-weight: 800; line-height: 1.35; text-decoration: none; box-shadow: 0 9px 24px rgba(7, 56, 68, 0.055); transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .smil-floor-faqhub__topics a span { display: grid; place-items: center; flex: 0 0 auto; width: 34px; height: 34px; color: var(--sffq-white); background: var(--sffq-blue); border-radius: 9px; font-size: 0.66rem; font-weight: 900; } .smil-floor-faqhub__topics a:last-child span { background: var(--sffq-orange-dark); } .smil-floor-faqhub__topics a:hover { transform: translateY(-2px); border-color: var(--sffq-turquoise); box-shadow: 0 13px 28px rgba(7, 56, 68, 0.09); } .smil-floor-faqhub__topics a:focus-visible { outline: 3px solid var(--sffq-orange); outline-offset: 4px; } /* GRUPPI FAQ */ .smil-floor-faqhub__group { margin-top: 34px; padding: clamp(25px, 4vw, 40px); scroll-margin-top: 95px; background: var(--sffq-white); border: 1px solid var(--sffq-border); border-radius: 23px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.07); } .smil-floor-faqhub__group--soft { background: linear-gradient( 135deg, var(--sffq-cream) 0%, var(--sffq-orange-soft) 100% ); border-color: #efd0b4; } .smil-floor-faqhub__group--dark { color: var(--sffq-white); background: radial-gradient( circle at 96% 4%, rgba(242, 138, 46, 0.2) 0, rgba(242, 138, 46, 0) 35% ), linear-gradient( 135deg, var(--sffq-deep) 0%, var(--sffq-dark) 75%, #075667 100% ); border-color: rgba(255, 255, 255, 0.12); box-shadow: 0 20px 48px rgba(5, 43, 53, 0.17); } .smil-floor-faqhub__group-header { max-width: 930px; } .smil-floor-faqhub__group-header > p:last-child { margin: 12px 0 0; color: var(--sffq-muted); font-size: 0.94rem; line-height: 1.65; } .smil-floor-faqhub__group--dark .smil-floor-faqhub__section-label { color: #ffbd7a; } .smil-floor-faqhub__group--dark .smil-floor-faqhub__section-title { color: var(--sffq-white); } .smil-floor-faqhub__group--dark .smil-floor-faqhub__group-header > p:last-child { color: rgba(238, 255, 252, 0.76); } /* FAQ */ .smil-floor-faqhub__faq-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; align-items: start; margin-top: 22px; } .smil-floor-faqhub__faq { min-width: 0; overflow: hidden; background: var(--sffq-white); border: 1px solid var(--sffq-border); border-radius: 16px; box-shadow: 0 9px 23px rgba(7, 56, 68, 0.055); } .smil-floor-faqhub__group--soft .smil-floor-faqhub__faq { border-color: #ead9c8; } .smil-floor-faqhub__group--dark .smil-floor-faqhub__faq { background: rgba(255, 255, 255, 0.09); border-color: rgba(255, 255, 255, 0.15); box-shadow: none; } .smil-floor-faqhub__faq summary { display: grid; grid-template-columns: 40px minmax(0, 1fr) 28px; gap: 12px; align-items: center; min-height: 84px; padding: 16px 17px; cursor: pointer; list-style: none; } .smil-floor-faqhub__faq summary::-webkit-details-marker { display: none; } .smil-floor-faqhub__faq summary::marker { display: none; content: ""; } .smil-floor-faqhub__faq summary:hover { background: rgba(223, 248, 244, 0.5); } .smil-floor-faqhub__group--dark .smil-floor-faqhub__faq summary:hover { background: rgba(255, 255, 255, 0.06); } .smil-floor-faqhub__faq summary:focus-visible { outline: 3px solid var(--sffq-orange); outline-offset: -3px; } .smil-floor-faqhub__faq-number { display: grid; place-items: center; width: 40px; height: 40px; color: var(--sffq-white); background: var(--sffq-blue); border-radius: 11px; font-size: 0.68rem; font-weight: 900; } .smil-floor-faqhub__group--soft .smil-floor-faqhub__faq-number { background: var(--sffq-orange-dark); } .smil-floor-faqhub__group--dark .smil-floor-faqhub__faq-number { color: var(--sffq-dark); background: #7fe7d9; } .smil-floor-faqhub__faq summary strong { color: var(--sffq-dark); font-size: 0.96rem; font-weight: 850; line-height: 1.4; } .smil-floor-faqhub__group--dark .smil-floor-faqhub__faq summary strong { color: var(--sffq-white); } .smil-floor-faqhub__faq-toggle { position: relative; display: block; width: 26px; height: 26px; border-radius: 8px; background: var(--sffq-turquoise-light); } .smil-floor-faqhub__faq-toggle::before, .smil-floor-faqhub__faq-toggle::after { position: absolute; top: 50%; left: 50%; width: 12px; height: 2px; content: ""; background: var(--sffq-blue); border-radius: 999px; transform: translate(-50%, -50%); transition: transform 180ms ease; } .smil-floor-faqhub__faq-toggle::after { transform: translate(-50%, -50%) rotate(90deg); } .smil-floor-faqhub__faq[open] .smil-floor-faqhub__faq-toggle::after { transform: translate(-50%, -50%) rotate(0); } .smil-floor-faqhub__group--dark .smil-floor-faqhub__faq-toggle { background: rgba(255, 255, 255, 0.14); } .smil-floor-faqhub__group--dark .smil-floor-faqhub__faq-toggle::before, .smil-floor-faqhub__group--dark .smil-floor-faqhub__faq-toggle::after { background: #7fe7d9; } .smil-floor-faqhub__faq-answer { padding: 0 18px 18px 69px; border-top: 1px solid rgba(206, 229, 226, 0.75); } .smil-floor-faqhub__group--dark .smil-floor-faqhub__faq-answer { border-top-color: rgba(255, 255, 255, 0.12); } .smil-floor-faqhub__faq-answer p { margin: 14px 0 0; color: #526970; font-size: 0.88rem; line-height: 1.65; } .smil-floor-faqhub__faq-answer p + p { margin-top: 9px; } .smil-floor-faqhub__faq-answer strong { color: var(--sffq-dark); font-weight: 800; } .smil-floor-faqhub__group--dark .smil-floor-faqhub__faq-answer p { color: rgba(238, 255, 252, 0.76); } .smil-floor-faqhub__group--dark .smil-floor-faqhub__faq-answer strong { color: var(--sffq-white); } /* CHIUSURA */ .smil-floor-faqhub__closing { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 16px; margin-top: 28px; padding: 22px 23px; background: var(--sffq-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sffq-orange); border-radius: 18px; } .smil-floor-faqhub__closing-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sffq-orange-dark); background: var(--sffq-white); border-radius: 14px; } .smil-floor-faqhub__closing-icon svg { width: 28px; height: 28px; } .smil-floor-faqhub__closing strong { display: block; margin: 1px 0 6px; color: var(--sffq-dark); font-size: 1.04rem; font-weight: 850; line-height: 1.38; } .smil-floor-faqhub__closing p { margin: 0; color: #595850; font-size: 0.9rem; line-height: 1.62; } /* CTA */ .smil-floor-faqhub__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 23px 24px; color: var(--sffq-white); background: linear-gradient( 135deg, var(--sffq-blue) 0%, var(--sffq-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-faqhub__cta-copy { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-faqhub__cta-icon { display: grid; place-items: center; width: 48px; height: 48px; color: var(--sffq-dark); background: rgba(255, 255, 255, 0.92); border-radius: 14px; } .smil-floor-faqhub__cta-icon svg { width: 25px; height: 25px; } .smil-floor-faqhub__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sffq-white); font-size: 1.04rem; font-weight: 850; line-height: 1.35; } .smil-floor-faqhub__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.82); font-size: 0.86rem; line-height: 1.5; } .smil-floor-faqhub__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 52px; padding: 12px 20px; color: var(--sffq-white); background: linear-gradient( 135deg, var(--sffq-orange) 0%, var(--sffq-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-align: center; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-faqhub__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-faqhub__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-faqhub__cta-button:hover svg { transform: translateX(3px); } .smil-floor-faqhub__cta-button:focus-visible { outline: 3px solid var(--sffq-white); outline-offset: 4px; } /* TABLET */ @media (max-width: 1050px) { .smil-floor-faqhub__header { grid-template-columns: minmax(0, 1fr); } .smil-floor-faqhub__topics { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* MOBILE */ @media (max-width: 760px) { .smil-floor-faqhub { padding: 50px 14px 59px; } .smil-floor-faqhub__title { font-size: clamp(2rem, 10vw, 2.9rem); } .smil-floor-faqhub__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-faqhub__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-faqhub__topics, .smil-floor-faqhub__faq-grid { grid-template-columns: minmax(0, 1fr); } .smil-floor-faqhub__group { padding: 22px 17px; border-radius: 20px; } .smil-floor-faqhub__faq summary { grid-template-columns: 38px minmax(0, 1fr) 26px; gap: 10px; min-height: 78px; padding: 14px; } .smil-floor-faqhub__faq-number { width: 38px; height: 38px; } .smil-floor-faqhub__faq-answer { padding: 0 15px 16px; } .smil-floor-faqhub__closing { grid-template-columns: 44px minmax(0, 1fr); padding: 18px 17px; } .smil-floor-faqhub__closing-icon { width: 44px; height: 44px; } .smil-floor-faqhub__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-faqhub__cta-button { width: 100%; } } /* SMARTPHONE PICCOLI */ @media (max-width: 440px) { .smil-floor-faqhub__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-faqhub__answer, .smil-floor-faqhub__closing, .smil-floor-faqhub__cta-copy { grid-template-columns: minmax(0, 1fr); } .smil-floor-faqhub__faq summary { grid-template-columns: 34px minmax(0, 1fr) 24px; padding: 13px 11px; } .smil-floor-faqhub__faq-number { width: 34px; height: 34px; } .smil-floor-faqhub__faq summary strong { font-size: 0.89rem; } } /* ACCESSIBILITÀ */ @media (prefers-reduced-motion: reduce) { .smil-floor-faqhub__topics a, .smil-floor-faqhub__faq-toggle::before, .smil-floor-faqhub__faq-toggle::after, .smil-floor-faqhub__cta-button, .smil-floor-faqhub__cta-button svg { transition: none; } }#imCell_67 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_67 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_67 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_67 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H3 – UNA DOMANDA PER OGNI FAQ CSS AUTONOMO ========================================================= */ .smil-floor-onefaq, .smil-floor-onefaq *, .smil-floor-onefaq *::before, .smil-floor-onefaq *::after { box-sizing: border-box; } .smil-floor-onefaq { --sfof-dark: #073844; --sfof-deep: #052b35; --sfof-blue: #087c8f; --sfof-turquoise: #00a991; --sfof-turquoise-light: #dff8f4; --sfof-orange: #f28a2e; --sfof-orange-dark: #d66d0e; --sfof-orange-soft: #fff1e4; --sfof-white: #ffffff; --sfof-background: #ffffff; --sfof-background-soft: #f3faf9; --sfof-text: #183640; --sfof-muted: #557078; --sfof-border: #cee5e2; position: relative; width: 100%; overflow: hidden; scroll-margin-top: 90px; padding: clamp(58px, 7vw, 96px) 20px; color: var(--sfof-text); background: radial-gradient( circle at 96% 4%, rgba(0, 169, 145, 0.08) 0, rgba(0, 169, 145, 0) 28% ), radial-gradient( circle at 3% 96%, rgba(242, 138, 46, 0.07) 0, rgba(242, 138, 46, 0) 25% ), linear-gradient( 180deg, var(--sfof-background) 0%, var(--sfof-background-soft) 100% ); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-onefaq__container { width: min(1220px, 100%); margin: 0 auto; } /* INTESTAZIONE */ .smil-floor-onefaq__header { display: grid; grid-template-columns: minmax(320px, 0.82fr) minmax(420px, 1.18fr); gap: clamp(30px, 5vw, 70px); align-items: end; } .smil-floor-onefaq__heading, .smil-floor-onefaq__intro { min-width: 0; } .smil-floor-onefaq__eyebrow { display: inline-flex; margin: 0 0 12px; padding: 7px 13px; color: var(--sfof-blue); background: var(--sfof-turquoise-light); border: 1px solid #c5e8e3; border-radius: 999px; font-size: 0.8rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; } .smil-floor-onefaq__title { margin: 0; color: var(--sfof-dark); font-size: clamp(1.9rem, 3.55vw, 3.15rem); font-weight: 850; line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; } .smil-floor-onefaq__intro p { margin: 0; color: var(--sfof-muted); font-size: clamp(1.03rem, 1.55vw, 1.17rem); line-height: 1.73; } .smil-floor-onefaq__intro p + p { margin-top: 10px; } .smil-floor-onefaq__intro strong { color: var(--sfof-dark); font-weight: 800; } /* TITOLI VISIVI */ .smil-floor-onefaq__section-label, .smil-floor-onefaq__card-label { margin: 0 0 7px; color: var(--sfof-blue); font-size: 0.75rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-onefaq__card-label { margin-bottom: 5px; font-size: 0.65rem; } .smil-floor-onefaq__section-title { display: block; color: var(--sfof-dark); font-size: clamp(1.3rem, 2.4vw, 1.95rem); font-weight: 850; line-height: 1.27; letter-spacing: -0.025em; } /* RISPOSTA DIRETTA */ .smil-floor-onefaq__answer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; margin-top: 34px; padding: 22px 24px; background: var(--sfof-white); border: 1px solid var(--sfof-border); border-left: 5px solid var(--sfof-orange); border-radius: 19px; box-shadow: 0 16px 40px rgba(7, 56, 68, 0.09); } .smil-floor-onefaq__answer-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sfof-blue); background: var(--sfof-turquoise-light); border-radius: 15px; } .smil-floor-onefaq__answer-icon svg { width: 28px; height: 28px; } .smil-floor-onefaq__answer-content > strong { display: block; margin: 1px 0 7px; color: var(--sfof-dark); font-size: clamp(1.08rem, 1.65vw, 1.25rem); font-weight: 850; line-height: 1.35; } .smil-floor-onefaq__answer-content p { margin: 0; color: #48646d; font-size: 0.98rem; line-height: 1.69; } /* INTENTI */ .smil-floor-onefaq__intents { margin-top: 35px; } .smil-floor-onefaq__intents-header { max-width: 950px; } .smil-floor-onefaq__intents-header > p:last-child { margin: 12px 0 0; color: var(--sfof-muted); font-size: 0.94rem; line-height: 1.64; } .smil-floor-onefaq__intents-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; margin-top: 22px; } .smil-floor-onefaq__intent-card { min-width: 0; padding: 20px 18px; background: var(--sfof-white); border: 1px solid var(--sfof-border); border-top: 5px solid var(--sfof-turquoise); border-radius: 18px; box-shadow: 0 12px 30px rgba(7, 56, 68, 0.065); } .smil-floor-onefaq__intent-card--orange { border-top-color: var(--sfof-orange); } .smil-floor-onefaq__intent-card > span { display: block; margin-bottom: 13px; color: rgba(214, 109, 14, 0.42); font-size: 1.17rem; font-weight: 900; } .smil-floor-onefaq__intent-card strong { display: block; color: var(--sfof-dark); font-size: 0.92rem; font-weight: 850; line-height: 1.37; } .smil-floor-onefaq__intent-card p { margin: 7px 0 0; color: var(--sfof-muted); font-size: 0.77rem; line-height: 1.51; } /* BLOCCHI PRINCIPALI */ .smil-floor-onefaq__examples, .smil-floor-onefaq__separation, .smil-floor-onefaq__limits, .smil-floor-onefaq__local, .smil-floor-onefaq__contact { display: grid; grid-template-columns: minmax(300px, 0.79fr) minmax(0, 1.21fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: 33px; padding: clamp(26px, 4vw, 42px); border-radius: 23px; } .smil-floor-onefaq__examples, .smil-floor-onefaq__local { color: var(--sfof-white); background: linear-gradient( 135deg, var(--sfof-blue) 0%, var(--sfof-turquoise) 100% ); box-shadow: 0 18px 42px rgba(0, 128, 128, 0.2); } .smil-floor-onefaq__separation { background: var(--sfof-orange-soft); border: 1px solid #efd0b4; } .smil-floor-onefaq__limits { background: var(--sfof-white); border: 1px solid var(--sfof-border); box-shadow: 0 16px 40px rgba(7, 56, 68, 0.075); } .smil-floor-onefaq__contact { color: var(--sfof-white); background: linear-gradient( 135deg, var(--sfof-deep) 0%, var(--sfof-dark) 100% ); box-shadow: 0 19px 45px rgba(5, 43, 53, 0.17); } .smil-floor-onefaq__examples .smil-floor-onefaq__section-label, .smil-floor-onefaq__local .smil-floor-onefaq__section-label { color: #d7fff8; } .smil-floor-onefaq__contact .smil-floor-onefaq__section-label { color: #ffbd7a; } .smil-floor-onefaq__examples .smil-floor-onefaq__section-title, .smil-floor-onefaq__local .smil-floor-onefaq__section-title, .smil-floor-onefaq__contact .smil-floor-onefaq__section-title { color: var(--sfof-white); } .smil-floor-onefaq__examples-copy > p:not(.smil-floor-onefaq__section-label), .smil-floor-onefaq__local-copy > p:not(.smil-floor-onefaq__section-label), .smil-floor-onefaq__contact-copy > p:not(.smil-floor-onefaq__section-label) { margin: 13px 0 0; color: rgba(241, 255, 252, 0.8); font-size: 0.94rem; line-height: 1.65; } .smil-floor-onefaq__separation-copy > p:not(.smil-floor-onefaq__section-label) { margin: 13px 0 0; color: #595850; font-size: 0.94rem; line-height: 1.65; } .smil-floor-onefaq__limits-copy > p:not(.smil-floor-onefaq__section-label) { margin: 13px 0 0; color: var(--sfof-muted); font-size: 0.94rem; line-height: 1.65; } /* ESEMPI */ .smil-floor-onefaq__examples-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-onefaq__example-card { min-width: 0; padding: 16px 15px; background: rgba(255, 255, 255, 0.11); border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 15px; } .smil-floor-onefaq__example-card--orange { background: rgba(242, 138, 46, 0.2); border-color: rgba(255, 191, 126, 0.28); } .smil-floor-onefaq__example-card > span { display: grid; place-items: center; width: 35px; height: 35px; margin-bottom: 10px; color: var(--sfof-dark); background: rgba(255, 255, 255, 0.92); border-radius: 10px; font-size: 0.67rem; font-weight: 900; } .smil-floor-onefaq__example-card--orange > span { background: #ffb56c; } .smil-floor-onefaq__example-card strong { display: block; color: var(--sfof-white); font-size: 0.86rem; font-weight: 850; line-height: 1.42; } .smil-floor-onefaq__example-card p { margin: 6px 0 0; color: rgba(241, 255, 252, 0.7); font-size: 0.72rem; line-height: 1.48; } /* SEPARAZIONE */ .smil-floor-onefaq__separation-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } .smil-floor-onefaq__separation-card { min-width: 0; padding: 18px 16px; background: rgba(255, 255, 255, 0.9); border: 1px solid #efd0b4; border-radius: 16px; } .smil-floor-onefaq__separation-card--orange { background: var(--sfof-turquoise-light); border-color: #c5e7e2; } .smil-floor-onefaq__separation-card strong { display: block; color: var(--sfof-dark); font-size: 0.84rem; font-weight: 850; line-height: 1.42; } .smil-floor-onefaq__separation-card > span { display: grid; place-items: center; width: 34px; height: 34px; margin: 10px 0; color: var(--sfof-white); background: var(--sfof-orange-dark); border-radius: 9px; font-weight: 900; } .smil-floor-onefaq__separation-card--orange > span { background: var(--sfof-blue); } .smil-floor-onefaq__separation-card > p:last-child { margin: 10px 0 0; padding-top: 10px; color: #526970; border-top: 1px solid rgba(206, 229, 226, 0.8); font-size: 0.72rem; line-height: 1.48; } /* LIMITI */ .smil-floor-onefaq__limits-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; } .smil-floor-onefaq__limit-card { min-width: 0; padding: 19px 17px; background: var(--sfof-orange-soft); border: 1px solid #efd0b4; border-radius: 17px; } .smil-floor-onefaq__limit-card--technical { background: var(--sfof-turquoise-light); border-color: #c5e7e2; } .smil-floor-onefaq__limit-card > span { display: grid; place-items: center; width: 45px; height: 42px; margin-bottom: 11px; color: var(--sfof-white); background: var(--sfof-orange-dark); border-radius: 11px; font-size: 0.66rem; font-weight: 900; } .smil-floor-onefaq__limit-card--technical > span { background: var(--sfof-blue); } .smil-floor-onefaq__limit-card strong { display: block; color: var(--sfof-dark); font-size: 0.91rem; font-weight: 850; } .smil-floor-onefaq__limit-card > p:last-child { margin: 7px 0 0; color: #526970; font-size: 0.75rem; line-height: 1.49; } /* MILANO */ .smil-floor-onefaq__local-list, .smil-floor-onefaq__contact-signals { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .smil-floor-onefaq__local-list > div, .smil-floor-onefaq__contact-signals > div { display: grid; grid-template-columns: 37px minmax(0, 1fr); gap: 11px; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.11); border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 15px; } .smil-floor-onefaq__contact-signals > div { background: rgba(255, 255, 255, 0.09); border-color: rgba(255, 255, 255, 0.15); } .smil-floor-onefaq__local-list span, .smil-floor-onefaq__contact-signals span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfof-dark); background: rgba(255, 255, 255, 0.92); border-radius: 10px; font-size: 0.67rem; font-weight: 900; } .smil-floor-onefaq__contact-signals span { background: #7fe7d9; } .smil-floor-onefaq__local-list p, .smil-floor-onefaq__contact-signals p { margin: 0; color: rgba(241, 255, 252, 0.7); font-size: 0.72rem; line-height: 1.47; } .smil-floor-onefaq__local-list strong, .smil-floor-onefaq__contact-signals strong { display: block; margin-bottom: 2px; color: var(--sfof-white); font-size: 0.85rem; font-weight: 850; } /* CHIUSURA */ .smil-floor-onefaq__closing { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 16px; margin-top: 27px; padding: 21px 23px; background: var(--sfof-orange-soft); border: 1px solid #efd0b4; border-left: 5px solid var(--sfof-orange); border-radius: 18px; } .smil-floor-onefaq__closing-icon { display: grid; place-items: center; width: 54px; height: 54px; color: var(--sfof-orange-dark); background: var(--sfof-white); border-radius: 14px; } .smil-floor-onefaq__closing-icon svg { width: 28px; height: 28px; } .smil-floor-onefaq__closing strong { display: block; margin: 1px 0 6px; color: var(--sfof-dark); font-size: 1.03rem; font-weight: 850; line-height: 1.38; } .smil-floor-onefaq__closing p { margin: 0; color: #595850; font-size: 0.9rem; line-height: 1.62; } /* CTA */ .smil-floor-onefaq__cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 22px 24px; color: var(--sfof-white); background: linear-gradient( 135deg, var(--sfof-blue) 0%, var(--sfof-turquoise) 100% ); border-radius: 20px; box-shadow: 0 16px 37px rgba(0, 128, 128, 0.2); } .smil-floor-onefaq__cta-copy { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; } .smil-floor-onefaq__cta-icon { display: grid; place-items: center; width: 48px; height: 48px; color: var(--sfof-dark); background: rgba(255, 255, 255, 0.92); border-radius: 14px; } .smil-floor-onefaq__cta-icon svg { width: 25px; height: 25px; } .smil-floor-onefaq__cta-copy strong { display: block; margin-bottom: 4px; color: var(--sfof-white); font-size: 1.04rem; font-weight: 850; line-height: 1.35; } .smil-floor-onefaq__cta-copy p { margin: 0; color: rgba(241, 255, 252, 0.82); font-size: 0.86rem; line-height: 1.5; } .smil-floor-onefaq__cta-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 9px; min-height: 52px; padding: 12px 19px; color: var(--sfof-white); background: linear-gradient( 135deg, var(--sfof-orange) 0%, var(--sfof-orange-dark) 100% ); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; font-size: 0.91rem; font-weight: 850; line-height: 1.2; text-align: center; text-decoration: none; box-shadow: 0 10px 23px rgba(112, 54, 4, 0.23); transition: transform 180ms ease, box-shadow 180ms ease; } .smil-floor-onefaq__cta-button svg { width: 19px; height: 19px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-onefaq__cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(112, 54, 4, 0.3); } .smil-floor-onefaq__cta-button:hover svg { transform: translateX(3px); } .smil-floor-onefaq__cta-button:focus-visible { outline: 3px solid var(--sfof-white); outline-offset: 4px; } /* TABLET */ @media (max-width: 1050px) { .smil-floor-onefaq__header, .smil-floor-onefaq__examples, .smil-floor-onefaq__separation, .smil-floor-onefaq__limits, .smil-floor-onefaq__local, .smil-floor-onefaq__contact { grid-template-columns: minmax(0, 1fr); } .smil-floor-onefaq__intents-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* MOBILE */ @media (max-width: 760px) { .smil-floor-onefaq { padding: 49px 14px 58px; } .smil-floor-onefaq__title { font-size: clamp(1.85rem, 9vw, 2.65rem); } .smil-floor-onefaq__answer { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 18px 17px; } .smil-floor-onefaq__answer-icon { width: 44px; height: 44px; border-radius: 12px; } .smil-floor-onefaq__examples, .smil-floor-onefaq__separation, .smil-floor-onefaq__limits, .smil-floor-onefaq__local, .smil-floor-onefaq__contact { padding: 22px 18px; border-radius: 20px; } .smil-floor-onefaq__intents-grid, .smil-floor-onefaq__examples-grid, .smil-floor-onefaq__separation-grid, .smil-floor-onefaq__limits-grid, .smil-floor-onefaq__local-list, .smil-floor-onefaq__contact-signals { grid-template-columns: minmax(0, 1fr); } .smil-floor-onefaq__closing { grid-template-columns: 44px minmax(0, 1fr); padding: 18px 17px; } .smil-floor-onefaq__closing-icon { width: 44px; height: 44px; } .smil-floor-onefaq__cta { display: grid; grid-template-columns: minmax(0, 1fr); padding: 20px 17px; } .smil-floor-onefaq__cta-button { width: 100%; } } /* SMARTPHONE PICCOLI */ @media (max-width: 440px) { .smil-floor-onefaq__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-onefaq__answer, .smil-floor-onefaq__local-list > div, .smil-floor-onefaq__contact-signals > div, .smil-floor-onefaq__closing, .smil-floor-onefaq__cta-copy { grid-template-columns: minmax(0, 1fr); } } /* ACCESSIBILITÀ */ @media (prefers-reduced-motion: reduce) { .smil-floor-onefaq__cta-button, .smil-floor-onefaq__cta-button svg { transition: none; } }#imCell_68 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_68 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_68 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_68 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H2 – RICHIEDI UNA VALUTAZIONE PER IL TUO PAVIMENTO A MILANO CSS AUTONOMO CON GOOGLE RECAPTCHA ========================================================= */ .smil-floor-contactrequest, .smil-floor-contactrequest *, .smil-floor-contactrequest *::before, .smil-floor-contactrequest *::after { box-sizing: border-box; } .smil-floor-contactrequest { --sfcr-dark: #073844; --sfcr-deep: #052b35; --sfcr-blue: #087c8f; --sfcr-turquoise: #00a991; --sfcr-green-light: #dff8f4; --sfcr-orange: #f28a2e; --sfcr-orange-dark: #d66d0e; --sfcr-orange-soft: #fff1e4; --sfcr-white: #ffffff; --sfcr-cream: #fffdf8; --sfcr-text: #183640; --sfcr-muted: #557078; --sfcr-border: #cde4e1; --sfcr-field: #f7fbfa; --sfcr-error: #b42318; --sfcr-error-soft: #fff0ee; --sfcr-success: #087f62; --sfcr-success-soft: #e5f8f2; position: relative; width: 100%; overflow: hidden; scroll-margin-top: 90px; padding: clamp(62px, 7vw, 104px) 20px; color: var(--sfcr-text); background: radial-gradient( circle at 95% 3%, rgba(242, 138, 46, 0.15) 0, rgba(242, 138, 46, 0) 28% ), radial-gradient( circle at 3% 96%, rgba(0, 169, 145, 0.16) 0, rgba(0, 169, 145, 0) 30% ), linear-gradient( 135deg, var(--sfcr-deep) 0%, var(--sfcr-dark) 56%, #075667 100% ); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .smil-floor-contactrequest__container { width: min(1220px, 100%); margin: 0 auto; } .smil-floor-contactrequest__layout { display: grid; grid-template-columns: minmax(0, 0.88fr) minmax(440px, 1.12fr); gap: clamp(34px, 5vw, 70px); align-items: start; } .smil-floor-contactrequest__content, .smil-floor-contactrequest__form-column { min-width: 0; } /* ========================================================= TESTATA ========================================================= */ .smil-floor-contactrequest__eyebrow { display: inline-flex; margin: 0 0 14px; padding: 8px 14px; color: #ffe0bf; background: rgba(242, 138, 46, 0.16); border: 1px solid rgba(255, 190, 126, 0.28); border-radius: 999px; font-size: 0.78rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.055em; text-transform: uppercase; } .smil-floor-contactrequest__title { max-width: 760px; margin: 0; color: var(--sfcr-white); font-size: clamp(2.15rem, 4.5vw, 4rem); font-weight: 850; line-height: 1.06; letter-spacing: -0.045em; text-wrap: balance; } .smil-floor-contactrequest__lead { margin: 24px 0 0; color: rgba(245, 255, 253, 0.9); font-size: clamp(1.05rem, 1.6vw, 1.2rem); line-height: 1.72; } .smil-floor-contactrequest__text { margin: 13px 0 0; color: rgba(235, 252, 249, 0.72); font-size: 0.95rem; line-height: 1.68; } .smil-floor-contactrequest__text strong { color: var(--sfcr-white); font-weight: 800; } /* ========================================================= ELEMENTI DI FIDUCIA ========================================================= */ .smil-floor-contactrequest__trust { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; margin-top: 28px; } .smil-floor-contactrequest__trust-card { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 12px; align-items: center; min-width: 0; padding: 15px; background: rgba(255, 255, 255, 0.09); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; } .smil-floor-contactrequest__trust-card > span { display: grid; place-items: center; width: 48px; height: 48px; padding: 5px; color: var(--sfcr-dark); background: #7fe7d9; border-radius: 13px; font-size: 0.67rem; font-weight: 900; text-align: center; } .smil-floor-contactrequest__trust-card:nth-child(4) > span { background: #ffb56c; } .smil-floor-contactrequest__trust-card strong { display: block; color: var(--sfcr-white); font-size: 0.87rem; font-weight: 850; line-height: 1.35; } .smil-floor-contactrequest__trust-card p { margin: 4px 0 0; color: rgba(235, 252, 249, 0.64); font-size: 0.71rem; line-height: 1.45; } /* ========================================================= PERCORSO ========================================================= */ .smil-floor-contactrequest__process { margin-top: 28px; padding: 23px; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 19px; } .smil-floor-contactrequest__visual-label { margin: 0 0 6px; color: #ffbd7a; font-size: 0.72rem; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .smil-floor-contactrequest__visual-title { display: block; color: var(--sfcr-white); font-size: clamp(1.18rem, 2vw, 1.55rem); font-weight: 850; line-height: 1.3; letter-spacing: -0.02em; } .smil-floor-contactrequest__process-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 19px 0 0; padding: 0; list-style: none; } .smil-floor-contactrequest__process-list li { display: grid; grid-template-columns: 35px minmax(0, 1fr); gap: 10px; min-width: 0; padding: 13px; background: rgba(255, 255, 255, 0.07); border: 1px solid rgba(255, 255, 255, 0.11); border-radius: 13px; } .smil-floor-contactrequest__process-list li > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--sfcr-dark); background: #7fe7d9; border-radius: 10px; font-size: 0.7rem; font-weight: 900; } .smil-floor-contactrequest__process-list li:nth-child(n + 3) > span { background: #ffb56c; } .smil-floor-contactrequest__process-list strong { display: block; color: var(--sfcr-white); font-size: 0.81rem; font-weight: 850; line-height: 1.38; } .smil-floor-contactrequest__process-list p { margin: 4px 0 0; color: rgba(235, 252, 249, 0.62); font-size: 0.68rem; line-height: 1.45; } /* ========================================================= NOTA TECNICA ========================================================= */ .smil-floor-contactrequest__technical-note { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 14px; margin-top: 18px; padding: 18px; background: rgba(242, 138, 46, 0.16); border: 1px solid rgba(255, 190, 126, 0.27); border-left: 5px solid var(--sfcr-orange); border-radius: 16px; } .smil-floor-contactrequest__technical-icon { display: grid; place-items: center; width: 50px; height: 50px; color: var(--sfcr-dark); background: #ffbd7a; border-radius: 13px; } .smil-floor-contactrequest__technical-icon svg { width: 27px; height: 27px; } .smil-floor-contactrequest__technical-note strong { display: block; color: var(--sfcr-white); font-size: 0.93rem; font-weight: 850; line-height: 1.38; } .smil-floor-contactrequest__technical-note p { margin: 6px 0 0; color: rgba(255, 239, 221, 0.73); font-size: 0.78rem; line-height: 1.54; } /* ========================================================= CARD MODULO ========================================================= */ .smil-floor-contactrequest__form-column { position: relative; } .smil-floor-contactrequest__form-card { overflow: hidden; background: var(--sfcr-white); border: 1px solid rgba(255, 255, 255, 0.45); border-radius: 24px; box-shadow: 0 28px 70px rgba(2, 28, 35, 0.34); } .smil-floor-contactrequest__form-header { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 15px; align-items: center; padding: 24px 26px; color: var(--sfcr-white); background: linear-gradient( 135deg, var(--sfcr-blue) 0%, var(--sfcr-turquoise) 100% ); } .smil-floor-contactrequest__form-icon { display: grid; place-items: center; width: 56px; height: 56px; color: var(--sfcr-dark); background: rgba(255, 255, 255, 0.92); border-radius: 16px; } .smil-floor-contactrequest__form-icon svg { width: 29px; height: 29px; } .smil-floor-contactrequest__form-header strong { display: block; color: var(--sfcr-white); font-size: 1.15rem; font-weight: 850; line-height: 1.34; } .smil-floor-contactrequest__form-header p { margin: 5px 0 0; color: rgba(241, 255, 252, 0.78); font-size: 0.81rem; line-height: 1.5; } /* ========================================================= FORM ========================================================= */ .smil-floor-contactrequest__form { padding: 25px 26px 27px; } .smil-floor-contactrequest__required-note { margin: 0 0 16px; color: var(--sfcr-muted); font-size: 0.75rem; line-height: 1.45; } .smil-floor-contactrequest__required-note span { color: var(--sfcr-orange-dark); font-weight: 900; } .smil-floor-contactrequest__form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 14px; } .smil-floor-contactrequest__field { min-width: 0; } .smil-floor-contactrequest__field--wide { grid-column: 1 / -1; } .smil-floor-contactrequest__field label { display: block; margin-bottom: 7px; color: var(--sfcr-dark); font-size: 0.79rem; font-weight: 800; line-height: 1.35; } .smil-floor-contactrequest__field label span { color: var(--sfcr-orange-dark); } .smil-floor-contactrequest__field input, .smil-floor-contactrequest__field select, .smil-floor-contactrequest__field textarea { display: block; width: 100%; min-width: 0; color: var(--sfcr-text); background: var(--sfcr-field); border: 1px solid var(--sfcr-border); border-radius: 11px; font-family: inherit; font-size: 0.88rem; line-height: 1.4; transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease; } .smil-floor-contactrequest__field input, .smil-floor-contactrequest__field select { min-height: 49px; padding: 11px 12px; } .smil-floor-contactrequest__field textarea { min-height: 132px; padding: 12px; resize: vertical; } .smil-floor-contactrequest__field input::placeholder, .smil-floor-contactrequest__field textarea::placeholder { color: #879a9f; opacity: 1; } .smil-floor-contactrequest__field input:hover, .smil-floor-contactrequest__field select:hover, .smil-floor-contactrequest__field textarea:hover { border-color: #9bcfc7; } .smil-floor-contactrequest__field input:focus, .smil-floor-contactrequest__field select:focus, .smil-floor-contactrequest__field textarea:focus { outline: none; background: var(--sfcr-white); border-color: var(--sfcr-turquoise); box-shadow: 0 0 0 4px rgba(0, 169, 145, 0.13); } /* ========================================================= PRIVACY ========================================================= */ .smil-floor-contactrequest__privacy { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 10px; align-items: start; margin-top: 19px; padding: 14px; color: var(--sfcr-muted); background: var(--sfcr-green-light); border: 1px solid #c5e7e2; border-radius: 12px; cursor: pointer; font-size: 0.76rem; line-height: 1.5; } .smil-floor-contactrequest__privacy input { width: 18px; height: 18px; margin: 2px 0 0; accent-color: var(--sfcr-turquoise); cursor: pointer; } .smil-floor-contactrequest__privacy a { color: var(--sfcr-blue); font-weight: 800; text-decoration: underline; text-underline-offset: 2px; } .smil-floor-contactrequest__privacy a:hover { color: var(--sfcr-orange-dark); } .smil-floor-contactrequest__privacy a:focus-visible, .smil-floor-contactrequest__privacy input:focus-visible { outline: 3px solid var(--sfcr-orange); outline-offset: 3px; } .smil-floor-contactrequest__privacy strong { color: var(--sfcr-orange-dark); } /* ========================================================= GOOGLE RECAPTCHA ========================================================= */ .smil-floor-contactrequest__captcha { margin-top: 18px; padding: 16px; background: var(--sfcr-field); border: 1px solid var(--sfcr-border); border-radius: 13px; } .smil-floor-contactrequest__captcha-label { margin: 0 0 10px; color: var(--sfcr-dark); font-size: 0.79rem; font-weight: 850; line-height: 1.35; } .smil-floor-contactrequest__captcha-label span { color: var(--sfcr-orange-dark); } .smil-floor-contactrequest__captcha-box { width: 100%; min-height: 78px; display: flex; align-items: center; justify-content: flex-start; overflow: visible; } .smil-floor-contactrequest__captcha-box .g-recaptcha { transform-origin: left top; } .smil-floor-contactrequest__captcha-note { margin: 9px 0 0; color: var(--sfcr-muted); font-size: 0.7rem; line-height: 1.45; } /* ========================================================= STATO DEL MODULO ========================================================= */ .smil-floor-contactrequest__status { min-height: 0; margin: 0; padding: 0; color: var(--sfcr-muted); font-size: 0.75rem; font-weight: 750; line-height: 1.45; } .smil-floor-contactrequest__status:not(:empty) { margin-top: 15px; padding: 11px 13px; border-radius: 10px; } .smil-floor-contactrequest__status.is-loading { color: var(--sfcr-blue); background: var(--sfcr-green-light); border: 1px solid #c5e7e2; } .smil-floor-contactrequest__status.is-error { color: var(--sfcr-error); background: var(--sfcr-error-soft); border: 1px solid #f2c1bb; } .smil-floor-contactrequest__status.is-success { color: var(--sfcr-success); background: var(--sfcr-success-soft); border: 1px solid #bce7d9; } /* ========================================================= PULSANTE ========================================================= */ .smil-floor-contactrequest__submit { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 56px; margin-top: 18px; padding: 13px 20px; color: var(--sfcr-white); background: linear-gradient( 135deg, var(--sfcr-orange) 0%, var(--sfcr-orange-dark) 100% ); border: 0; border-radius: 13px; cursor: pointer; font-family: inherit; font-size: 0.96rem; font-weight: 850; line-height: 1.25; box-shadow: 0 12px 26px rgba(146, 70, 4, 0.25); transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease, opacity 180ms ease; } .smil-floor-contactrequest__submit svg { width: 20px; height: 20px; fill: currentColor; transition: transform 180ms ease; } .smil-floor-contactrequest__submit:hover:not(:disabled) { transform: translateY(-2px); filter: saturate(1.06); box-shadow: 0 16px 31px rgba(146, 70, 4, 0.32); } .smil-floor-contactrequest__submit:hover:not(:disabled) svg { transform: translateX(3px); } .smil-floor-contactrequest__submit:focus-visible { outline: 3px solid var(--sfcr-dark); outline-offset: 4px; } .smil-floor-contactrequest__submit:disabled { cursor: wait; opacity: 0.7; transform: none; box-shadow: none; } .smil-floor-contactrequest__submit[aria-busy="true"] svg { animation: smil-floor-contactrequest-spin 900ms linear infinite; } @keyframes smil-floor-contactrequest-spin { to { transform: rotate(360deg); } } .smil-floor-contactrequest__submit-note { margin: 10px 0 0; color: #71868c; font-size: 0.7rem; line-height: 1.45; text-align: center; } /* ========================================================= HONEYPOT ========================================================= */ .smil-floor-contactrequest__honeypot { position: absolute !important; top: auto !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1040px) { .smil-floor-contactrequest__layout { grid-template-columns: minmax(0, 1fr); } .smil-floor-contactrequest__content { max-width: 850px; } .smil-floor-contactrequest__form-column { width: min(760px, 100%); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 720px) { .smil-floor-contactrequest { padding: 52px 14px 62px; } .smil-floor-contactrequest__title { font-size: clamp(2.05rem, 10vw, 3rem); } .smil-floor-contactrequest__trust, .smil-floor-contactrequest__process-list, .smil-floor-contactrequest__form-grid { grid-template-columns: minmax(0, 1fr); } .smil-floor-contactrequest__field--wide { grid-column: auto; } .smil-floor-contactrequest__form-header { grid-template-columns: 48px minmax(0, 1fr); padding: 20px 18px; } .smil-floor-contactrequest__form-icon { width: 48px; height: 48px; border-radius: 13px; } .smil-floor-contactrequest__form { padding: 21px 17px 23px; } .smil-floor-contactrequest__process { padding: 20px 17px; } .smil-floor-contactrequest__technical-note { grid-template-columns: 44px minmax(0, 1fr); padding: 17px; } .smil-floor-contactrequest__technical-icon { width: 44px; height: 44px; } } /* ========================================================= RECAPTCHA SU SCHERMI PICCOLI ========================================================= */ @media (max-width: 390px) { .smil-floor-contactrequest__captcha { padding: 13px 10px; } .smil-floor-contactrequest__captcha-box { min-height: 70px; } .smil-floor-contactrequest__captcha-box .g-recaptcha { transform: scale(0.88); } } @media (max-width: 340px) { .smil-floor-contactrequest__captcha-box { min-height: 64px; } .smil-floor-contactrequest__captcha-box .g-recaptcha { transform: scale(0.8); } } /* ========================================================= SMARTPHONE PICCOLI ========================================================= */ @media (max-width: 440px) { .smil-floor-contactrequest__eyebrow { width: 100%; justify-content: center; border-radius: 12px; text-align: center; } .smil-floor-contactrequest__trust-card, .smil-floor-contactrequest__process-list li, .smil-floor-contactrequest__technical-note, .smil-floor-contactrequest__form-header { grid-template-columns: minmax(0, 1fr); } .smil-floor-contactrequest__trust-card > span, .smil-floor-contactrequest__process-list li > span { margin-bottom: 2px; } .smil-floor-contactrequest__privacy { grid-template-columns: 18px minmax(0, 1fr); } } /* ========================================================= RIDUZIONE DELLE ANIMAZIONI ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-floor-contactrequest__field input, .smil-floor-contactrequest__field select, .smil-floor-contactrequest__field textarea, .smil-floor-contactrequest__submit, .smil-floor-contactrequest__submit svg { transition: none; } .smil-floor-contactrequest__submit[aria-busy="true"] svg { animation: none; } }#imCell_69 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1721_69 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_69 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_69 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= VARIABILI GRAFICHE SORGEDIL FOOTER PAVIMENTO MILANO, BOTTOM BAR E TORNA SU ========================================================= */ :root { --smil-white: #ffffff; --smil-blue-dark: #073b5c; --smil-blue: #075f82; --smil-teal: #12aaa0; --smil-orange: #ff8500; --smil-orange-dark: #e87000; --smil-orange-soft: #fff1d8; --smil-green: #18b957; --smil-green-dark: #07933d; --smil-text: #24343d; --smil-title: #073b5c; --smil-muted: #60717a; --smil-border: #d9e4e8; --smil-aqua-soft: #dcf5f3; --smil-radius-medium: 18px; --smil-shadow: 0 18px 45px rgba(7, 59, 92, 0.18); --smil-shadow-small: 0 8px 22px rgba(7, 59, 92, 0.18); --smil-orange-shadow: 0 10px 24px rgba(255, 133, 0, 0.30); --smil-green-shadow: 0 10px 24px rgba(7, 147, 61, 0.28); } /* ========================================================= BOX SIZING ========================================================= */ .smil-milan-footer, .smil-milan-footer *, .smil-milan-footer *::before, .smil-milan-footer *::after, .smil-mobile-bottom, .smil-mobile-bottom *, .smil-mobile-bottom *::before, .smil-mobile-bottom *::after, .smil-back-to-top, .smil-back-to-top *, .smil-back-to-top *::before, .smil-back-to-top *::after { box-sizing: border-box; } /* ========================================================= FOOTER ISOLAMENTO ACUSTICO PAVIMENTO MILANO ========================================================= */ .smil-milan-footer { position: relative; width: 100%; padding: clamp(54px, 6vw, 82px) 0 0; color: var(--smil-white); background: radial-gradient( circle at 8% 0%, rgba(18, 170, 160, 0.22), transparent 31% ), radial-gradient( circle at 94% 10%, rgba(255, 133, 0, 0.14), transparent 28% ), linear-gradient( 135deg, var(--smil-blue-dark) 0%, var(--smil-blue) 64%, var(--smil-teal) 100% ); border-top: 7px solid var(--smil-orange); } .smil-milan-footer__container { width: min(100% - 48px, 1160px); margin-inline: auto; } /* ========================================================= CTA SUPERIORE ========================================================= */ .smil-milan-footer__cta { margin-bottom: 32px; padding: clamp(23px, 3vw, 32px); display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 30px; color: var(--smil-text); background: var(--smil-white); border: 1px solid var(--smil-border); border-left: 7px solid var(--smil-orange); border-radius: var(--smil-radius-medium); box-shadow: var(--smil-shadow); } .smil-milan-footer__eyebrow { width: fit-content; margin: 0 0 9px; padding: 6px 11px; color: var(--smil-white); background: var(--smil-teal); border-radius: 999px; font-size: 0.63rem; font-weight: 900; letter-spacing: 0.04em; line-height: 1.3; text-transform: uppercase; } .smil-milan-footer__cta h2 { margin: 0 0 9px; color: var(--smil-title); font-size: clamp(1.3rem, 2.7vw, 2rem); font-weight: 900; letter-spacing: -0.025em; line-height: 1.24; } .smil-milan-footer__cta-content > p:last-child { max-width: 730px; margin: 0; color: var(--smil-muted); font-size: 0.86rem; line-height: 1.58; } .smil-milan-footer__cta-content > p:last-child strong { color: var(--smil-title); font-weight: 900; } .smil-milan-footer__cta-actions { min-width: 290px; display: grid; gap: 10px; } .smil-milan-footer__cta-primary, .smil-milan-footer__cta-phone { min-height: 52px; padding: 12px 17px; display: flex; align-items: center; justify-content: center; border-radius: 11px; text-align: center; text-decoration: none !important; transition: transform 180ms ease, box-shadow 180ms ease; } .smil-milan-footer__cta-primary { gap: 8px; color: var(--smil-white) !important; background: linear-gradient( 135deg, var(--smil-orange) 0%, var(--smil-orange-dark) 100% ); box-shadow: var(--smil-orange-shadow); font-size: 0.81rem; font-weight: 900; } .smil-milan-footer__cta-phone { flex-direction: column; color: var(--smil-green-dark) !important; background: var(--smil-white); border: 2px solid var(--smil-green); } .smil-milan-footer__cta-phone small { margin-bottom: 2px; color: var(--smil-teal); font-size: 0.58rem; font-weight: 900; letter-spacing: 0.04em; line-height: 1.2; text-transform: uppercase; } .smil-milan-footer__cta-phone strong { color: var(--smil-green-dark); font-size: 1rem; font-weight: 950; line-height: 1.2; } .smil-milan-footer__cta-primary:hover, .smil-milan-footer__cta-phone:hover { transform: translateY(-2px); } /* ========================================================= GRIGLIA PRINCIPALE ========================================================= */ .smil-milan-footer__main { padding: 28px 0 31px; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(190px, 0.95fr) minmax(190px, 0.9fr) minmax(180px, 0.8fr); align-items: start; gap: 28px; border-top: 1px solid rgba(255, 255, 255, 0.20); border-bottom: 1px solid rgba(255, 255, 255, 0.20); } /* ========================================================= AZIENDA ========================================================= */ .smil-milan-footer__company { min-width: 0; } .smil-milan-footer__brand { width: fit-content; margin-bottom: 16px; display: flex; align-items: center; gap: 13px; color: var(--smil-white) !important; text-decoration: none !important; } .smil-milan-footer__logo { display: block; width: 94px; height: auto; padding: 6px; object-fit: contain; background: var(--smil-white); border-radius: 11px; } .smil-milan-footer__brand-text small { display: block; margin-bottom: 3px; color: var(--smil-orange-soft); font-size: 0.59rem; font-weight: 900; letter-spacing: 0.05em; line-height: 1.3; text-transform: uppercase; } .smil-milan-footer__brand-text strong { display: block; color: var(--smil-white); font-size: 0.92rem; font-weight: 900; line-height: 1.3; } .smil-milan-footer__company > p { max-width: 380px; margin: 0 0 10px; color: var(--smil-aqua-soft); font-size: 0.76rem; line-height: 1.55; } .smil-milan-footer__experience { width: fit-content; margin-top: 15px; padding: 9px 11px; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 9px; background: rgba(255, 255, 255, 0.10); border: 1px solid rgba(255, 255, 255, 0.20); border-radius: 10px; } .smil-milan-footer__experience > span { width: 43px; height: 31px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-orange); border-radius: 8px; font-size: 0.62rem; font-weight: 950; } .smil-milan-footer__experience p { margin: 0; color: var(--smil-white); font-size: 0.65rem; font-weight: 800; line-height: 1.4; } /* ========================================================= TITOLI DELLE COLONNE ========================================================= */ .smil-milan-footer__nav h3, .smil-milan-footer__contacts h3, .smil-milan-footer__useful h3 { position: relative; margin: 0 0 16px; padding-bottom: 9px; color: var(--smil-white); font-size: 0.82rem; font-weight: 900; line-height: 1.35; } .smil-milan-footer__nav h3::after, .smil-milan-footer__contacts h3::after, .smil-milan-footer__useful h3::after { content: ""; position: absolute; left: 0; bottom: 0; width: 39px; height: 3px; background: var(--smil-orange); border-radius: 999px; } /* ========================================================= LINK DEL FOOTER ========================================================= */ .smil-milan-footer__nav ul, .smil-milan-footer__useful ul { margin: 0; padding: 0; display: grid; gap: 9px; list-style: none; } .smil-milan-footer__nav li, .smil-milan-footer__useful li { position: relative; padding-left: 15px; } .smil-milan-footer__nav li::before, .smil-milan-footer__useful li::before { content: "›"; position: absolute; left: 0; top: 0; color: var(--smil-orange); font-size: 0.9rem; font-weight: 950; line-height: 1.3; } .smil-milan-footer__nav a, .smil-milan-footer__useful a { color: var(--smil-aqua-soft) !important; font-size: 0.7rem; font-weight: 750; line-height: 1.45; text-decoration: none !important; transition: color 160ms ease, transform 160ms ease; } .smil-milan-footer__nav a:hover, .smil-milan-footer__useful a:hover { color: var(--smil-white) !important; text-decoration: underline !important; } .smil-milan-footer__nav a[aria-current="page"] { color: var(--smil-white) !important; font-weight: 950; text-decoration: underline !important; text-decoration-color: var(--smil-orange) !important; text-underline-offset: 4px; } /* ========================================================= CONTATTI ========================================================= */ .smil-milan-footer__contacts address { margin: 0 0 15px; display: grid; gap: 9px; font-style: normal; } .smil-milan-footer__contact-link { min-width: 0; padding: 10px; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 10px; color: var(--smil-white) !important; background: rgba(255, 255, 255, 0.10); border: 1px solid rgba(255, 255, 255, 0.20); border-radius: 10px; text-decoration: none !important; transition: background 160ms ease, transform 160ms ease; } .smil-milan-footer__contact-link:hover { transform: translateY(-2px); background: rgba(255, 255, 255, 0.16); } .smil-milan-footer__contact-icon { width: 31px; height: 31px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: var(--smil-orange); border-radius: 8px; font-size: 0.66rem; font-weight: 950; } .smil-milan-footer__contact-link small { display: block; margin-bottom: 2px; color: var(--smil-orange-soft); font-size: 0.56rem; font-weight: 900; letter-spacing: 0.035em; line-height: 1.3; text-transform: uppercase; } .smil-milan-footer__contact-link strong { display: block; color: var(--smil-white); font-size: 0.75rem; font-weight: 900; line-height: 1.35; overflow-wrap: anywhere; } .smil-milan-footer__area { margin: 0 0 7px; color: var(--smil-aqua-soft); font-size: 0.69rem; line-height: 1.5; } .smil-milan-footer__area strong { color: var(--smil-white); } .smil-milan-footer__area-note { margin: 0; color: var(--smil-aqua-soft); font-size: 0.61rem; line-height: 1.45; } /* ========================================================= NOTA TECNICA ========================================================= */ .smil-milan-footer__notice { margin: 24px 0; padding: 18px 20px; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 14px; background: rgba(255, 255, 255, 0.10); border: 1px solid rgba(255, 255, 255, 0.20); border-left: 5px solid var(--smil-orange); border-radius: 13px; } .smil-milan-footer__notice-symbol { width: 37px; height: 37px; display: flex; align-items: center; justify-content: center; color: var(--smil-title); background: var(--smil-orange-soft); border: 2px solid var(--smil-orange); border-radius: 50%; font-family: Georgia, serif; font-size: 0.9rem; font-weight: 900; } .smil-milan-footer__notice h3 { margin: 0 0 5px; color: var(--smil-white); font-size: 0.82rem; font-weight: 900; line-height: 1.35; } .smil-milan-footer__notice p { margin: 0; color: var(--smil-aqua-soft); font-size: 0.7rem; line-height: 1.5; } /* ========================================================= CHIUSURA ========================================================= */ .smil-milan-footer__bottom { min-height: 72px; padding: 17px 0; display: flex; align-items: center; justify-content: center; } .smil-milan-footer__legal { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px; color: var(--smil-aqua-soft); font-size: 0.65rem; line-height: 1.45; text-align: center; } .smil-milan-footer__legal strong { color: var(--smil-white); font-weight: 900; } /* ========================================================= FRECCIA FLUTTUANTE TORNA SU ========================================================= */ .smil-back-to-top { --smil-back-top-bottom: 24px; position: fixed !important; right: clamp(14px, 2vw, 28px); bottom: var(--smil-back-top-bottom); z-index: 2147483001 !important; width: 58px; height: 58px; padding: 0; display: inline-flex !important; align-items: center; justify-content: center; color: var(--smil-white) !important; background: linear-gradient( 135deg, var(--smil-orange) 0%, var(--smil-orange-dark) 100% ) !important; border: 3px solid var(--smil-orange-soft) !important; border-radius: 50% !important; box-shadow: var(--smil-orange-shadow), 0 0 0 5px rgba(255, 133, 0, 0.12); 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-back-to-top.is-visible { pointer-events: auto; opacity: 1; visibility: visible; transform: translateY(0) scale(1); } .smil-back-to-top__icon { display: block; width: 26px; height: 26px; color: var(--smil-white); pointer-events: none; } .smil-back-to-top__label { position: absolute; top: 50%; right: calc(100% + 11px); min-width: 78px; padding: 7px 10px; color: var(--smil-white); background: var(--smil-blue-dark); border: 1px solid var(--smil-blue); border-radius: 8px; box-shadow: var(--smil-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-back-to-top__label::after { content: ""; 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(--smil-blue-dark); transform: translateY(-50%); } .smil-back-to-top:hover, .smil-back-to-top:focus, .smil-back-to-top:active, .smil-back-to-top:visited { color: var(--smil-white) !important; text-decoration: none !important; } .smil-back-to-top:hover, .smil-back-to-top:focus-visible { background: linear-gradient( 135deg, var(--smil-orange-dark) 0%, var(--smil-orange) 100% ) !important; transform: translateY(-4px) scale(1.04); box-shadow: 0 15px 30px rgba(255, 133, 0, 0.36), 0 0 0 6px rgba(255, 133, 0, 0.14); } .smil-back-to-top:hover .smil-back-to-top__label, .smil-back-to-top:focus-visible .smil-back-to-top__label { opacity: 1; visibility: visible; transform: translate(0, -50%); } .smil-back-to-top:focus-visible { outline: 3px solid var(--smil-white) !important; outline-offset: 4px; } /* ========================================================= DESTINAZIONI DI SCORRIMENTO ========================================================= */ #isolamento-acustico-pavimento-milano, #menu-pagine-isolamento-milano, #contact-form-basso, #richiedi-valutazione-pavimento-milano, #quando-serve-isolamento-acustico-pavimento, #soluzioni-insonorizzazione-pavimenti-milano, #sopralluogo-analitico-progetto-pavimento-milano, #isolamento-acustico-pavimento-milano-provincia, #perche-scegliere-sorgedil-pavimento-milano, #domande-frequenti-isolamento-acustico-pavimento-milano, #trustpilot-sorgedil { scroll-margin-top: 18px; } /* ========================================================= FOOTER TABLET ========================================================= */ @media (max-width: 980px) { .smil-milan-footer__cta { grid-template-columns: 1fr; } .smil-milan-footer__cta-actions { min-width: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); } .smil-milan-footer__main { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ========================================================= FOOTER SMARTPHONE ========================================================= */ @media (max-width: 720px) { .smil-milan-footer { padding-top: 48px; } .smil-milan-footer__container { width: min(100% - 28px, 1160px); } .smil-milan-footer__cta { padding: 21px 18px; gap: 20px; } .smil-milan-footer__cta-actions { grid-template-columns: 1fr; } .smil-milan-footer__main { grid-template-columns: 1fr; gap: 27px; } .smil-milan-footer__company > p { max-width: none; } .smil-milan-footer__notice { grid-template-columns: 1fr; padding: 18px; } .smil-milan-footer__bottom { padding: 18px 0 22px; } .smil-back-to-top { right: 14px; width: 50px; height: 50px; border-width: 2px !important; box-shadow: var(--smil-orange-shadow), 0 0 0 4px rgba(255, 133, 0, 0.12); } .smil-back-to-top__icon { width: 23px; height: 23px; } .smil-back-to-top__label { display: none; } } /* ========================================================= ACCESSIBILITÀ FOOTER ========================================================= */ .smil-milan-footer a:focus-visible { outline: 3px solid var(--smil-orange-soft); outline-offset: 4px; } /* ========================================================= BOTTOM BAR FISSA ========================================================= */ .smil-mobile-bottom { display: none !important; } /* ========================================================= BOTTOM BAR TABLET E SMARTPHONE ========================================================= */ @media (max-width: 980px) { body { padding-bottom: calc(86px + env(safe-area-inset-bottom, 0px)) !important; } .smil-mobile-bottom { position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0 !important; z-index: 2147483000 !important; width: 100%; min-height: calc(76px + env(safe-area-inset-bottom, 0px)); padding: 8px 10px calc(8px + env(safe-area-inset-bottom, 0px)); display: block !important; color: var(--smil-text); background: var(--smil-white) !important; border-top: 1px solid var(--smil-border); box-shadow: 0 -10px 28px rgba(7, 59, 92, 0.16); visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; isolation: isolate; } .smil-mobile-bottom__inner { width: min(100%, 820px); margin-inline: auto; display: grid; grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr); align-items: stretch; gap: 9px; pointer-events: auto !important; } .smil-mobile-bottom__button { position: relative; z-index: 2; min-width: 0; min-height: 58px; padding: 8px 12px; display: grid !important; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 8px; color: var(--smil-white) !important; border-radius: 15px !important; text-decoration: none !important; text-align: left; 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-mobile-bottom__button--phone { background: linear-gradient( 135deg, var(--smil-green) 0%, var(--smil-green-dark) 100% ) !important; border: 2px solid var(--smil-green) !important; box-shadow: inset 0 -4px 0 rgba(7, 147, 61, 0.34), var(--smil-green-shadow); } .smil-mobile-bottom__button--contact { background: linear-gradient( 135deg, var(--smil-orange) 0%, var(--smil-orange-dark) 100% ) !important; border: 2px solid var(--smil-orange) !important; box-shadow: inset 0 -4px 0 rgba(232, 112, 0, 0.35), var(--smil-orange-shadow); } .smil-mobile-bottom__button:hover, .smil-mobile-bottom__button:focus, .smil-mobile-bottom__button:active, .smil-mobile-bottom__button:visited { color: var(--smil-white) !important; text-decoration: none !important; } .smil-mobile-bottom__button:hover, .smil-mobile-bottom__button:focus-visible { transform: translateY(-2px); } .smil-mobile-bottom__button--phone:hover, .smil-mobile-bottom__button--phone:focus-visible { background: linear-gradient( 135deg, var(--smil-green-dark) 0%, var(--smil-green) 100% ) !important; } .smil-mobile-bottom__button--contact:hover, .smil-mobile-bottom__button--contact:focus-visible { background: linear-gradient( 135deg, var(--smil-orange-dark) 0%, var(--smil-orange) 100% ) !important; } .smil-mobile-bottom__button:focus-visible { outline: 3px solid var(--smil-white) !important; outline-offset: -6px; } .smil-mobile-bottom__icon { width: 34px; height: 34px; flex: 0 0 34px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-white); background: rgba(255, 255, 255, 0.14); border: 1px solid rgba(255, 255, 255, 0.24); border-radius: 10px; pointer-events: none; } .smil-mobile-bottom__icon svg { display: block; width: 20px; height: 20px; } .smil-mobile-bottom__copy { min-width: 0; pointer-events: none; } .smil-mobile-bottom__copy small { display: block; margin-bottom: 1px; color: var(--smil-white) !important; font-size: 0.56rem; font-weight: 750; line-height: 1.2; opacity: 0.88; } .smil-mobile-bottom__copy strong { display: block; color: var(--smil-white) !important; font-size: clamp(0.74rem, 2.3vw, 0.9rem); font-weight: 900; line-height: 1.18; overflow-wrap: anywhere; } .smil-mobile-bottom__arrow { width: 27px; height: 27px; flex: 0 0 27px; display: inline-flex; align-items: center; justify-content: center; color: var(--smil-orange-dark); background: var(--smil-white); border-radius: 50%; font-size: 0.9rem; font-weight: 950; line-height: 1; pointer-events: none; } .smil-back-to-top { bottom: calc( 88px + env(safe-area-inset-bottom, 0px) ) !important; } } /* ========================================================= SMARTPHONE ========================================================= */ @media (max-width: 600px) { body { padding-bottom: calc(79px + env(safe-area-inset-bottom, 0px)) !important; } .smil-mobile-bottom { min-height: calc(70px + env(safe-area-inset-bottom, 0px)); padding: 7px 8px calc(7px + env(safe-area-inset-bottom, 0px)); } .smil-mobile-bottom__inner { gap: 7px; } .smil-mobile-bottom__button { min-height: 55px; padding: 7px 9px; gap: 7px; border-radius: 13px !important; } .smil-mobile-bottom__icon { width: 31px; height: 31px; flex-basis: 31px; border-radius: 9px; } .smil-mobile-bottom__icon svg { width: 18px; height: 18px; } .smil-mobile-bottom__copy small { display: none; } .smil-mobile-bottom__copy strong { font-size: clamp(0.72rem, 3.4vw, 0.86rem); text-align: center; } .smil-mobile-bottom__arrow { width: 24px; height: 24px; flex-basis: 24px; font-size: 0.8rem; } .smil-back-to-top { bottom: calc( 80px + env(safe-area-inset-bottom, 0px) ) !important; } } /* ========================================================= SMARTPHONE MOLTO PICCOLI ========================================================= */ @media (max-width: 390px) { .smil-mobile-bottom__button { grid-template-columns: auto minmax(0, 1fr); padding-inline: 8px; } .smil-mobile-bottom__button--contact .smil-mobile-bottom__arrow { display: none; } .smil-mobile-bottom__copy strong { font-size: 0.7rem; } } /* ========================================================= DESKTOP: BOTTOM BAR NASCOSTA ========================================================= */ @media (min-width: 981px) { .smil-mobile-bottom { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } } /* ========================================================= RIDUZIONE DEL MOVIMENTO ========================================================= */ @media (prefers-reduced-motion: reduce) { .smil-milan-footer__cta-primary, .smil-milan-footer__cta-phone, .smil-milan-footer__contact-link, .smil-mobile-bottom__button, .smil-back-to-top, .smil-back-to-top__label { transition: none; } .smil-milan-footer__cta-primary:hover, .smil-milan-footer__cta-phone:hover, .smil-milan-footer__contact-link:hover, .smil-mobile-bottom__button:hover, .smil-mobile-bottom__button:focus-visible, .smil-back-to-top:hover, .smil-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_18, #imCell_19, #imCell_20, #imCell_21, #imCell_22, #imCell_23, #imCell_24, #imCell_25, #imCell_26, #imCell_27, #imCell_28, #imCell_29, #imCell_30, #imCell_31, #imCell_32, #imCell_33, #imCell_34, #imCell_35, #imCell_36, #imCell_37, #imCell_38, #imCell_39, #imCell_40, #imCell_41, #imCell_42, #imCell_43, #imCell_44, #imCell_45, #imCell_46, #imCell_47, #imCell_48, #imCell_49, #imCell_50, #imCell_51, #imCell_52, #imCell_53, #imCell_54, #imCell_55, #imCell_56, #imCell_57, #imCell_58, #imCell_59, #imCell_60, #imCell_61, #imCell_62, #imCell_63, #imCell_64, #imCell_65, #imCell_66, #imCell_67, #imCell_68, #imCell_69, .imPageRow { margin-inline-start: -50px; margin-inline-end: -50px; } #imBreadcrumb { width: 1086px; margin-inline-start: 6px; margin-inline-end: 6px; } #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_1721_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_2 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_2 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_02 { 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_2 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_3 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_3 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_03 { 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_3 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_4 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_4 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_04 { 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_4 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_5 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_5 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_05 { 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_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_1721_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_1721_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_1721_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_1721_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_1721_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_1721_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_1721_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_1721_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_1721_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_1721_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_1721_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_1721_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_18 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_18 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_18 { 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_18 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_19 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_19 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_19 { 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_19 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_20 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_20 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_20 { 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_20 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_21 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_21 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_21 { 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_21 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_22 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_22 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_22 { 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_22 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_23 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_23 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_23 { 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_23 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_24 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_24 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_24 { 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_24 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_25 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_25 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_25 { 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_25 { 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_1721_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_1721_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_1721_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_1721_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_1721_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; } #imCell_31 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_31 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_31 { 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_31 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_33 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_33 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_33 { 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_33 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_34 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_34 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_34 { 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_34 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_35 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_35 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_35 { 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_35 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_36 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_36 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_36 { 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_36 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_37 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_37 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_37 { 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_37 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_32 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_32 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_32 { 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_32 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_38 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_38 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_38 { 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_38 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_39 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_39 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_39 { 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_39 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_40 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_40 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_40 { 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_40 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_41 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_41 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_41 { 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_41 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_42 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_42 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_42 { 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_42 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_43 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_43 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_43 { 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_43 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_44 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_44 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_44 { 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_44 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_46 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_46 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_46 { 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_46 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_47 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_47 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_47 { 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_47 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_48 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_48 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_48 { 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_48 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_49 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_49 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_49 { 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_49 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_50 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_50 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_50 { 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_50 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_51 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_51 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_51 { 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_51 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_52 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_52 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_52 { 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_52 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_53 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_53 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_53 { 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_53 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_54 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_54 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_54 { 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_54 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_45 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_45 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_45 { 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_45 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_55 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_55 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_55 { 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_55 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_56 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_56 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_56 { 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_56 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_57 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_57 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_57 { 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_57 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_58 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_58 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_58 { 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_58 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_59 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_59 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_59 { 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_59 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_60 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_60 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_60 { 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_60 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_61 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_61 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_61 { 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_61 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_62 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_62 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_62 { 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_62 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_63 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_63 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_63 { 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_63 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_64 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_64 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_64 { 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_64 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_65 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_65 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_65 { 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_65 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_66 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_66 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_66 { 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_66 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_67 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_67 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_67 { 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_67 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_68 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_68 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_68 { 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_68 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_69 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_69 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_69 { 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_69 { 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_18, #imCell_19, #imCell_20, #imCell_21, #imCell_22, #imCell_23, #imCell_24, #imCell_25, #imCell_26, #imCell_27, #imCell_28, #imCell_29, #imCell_30, #imCell_31, #imCell_32, #imCell_33, #imCell_34, #imCell_35, #imCell_36, #imCell_37, #imCell_38, #imCell_39, #imCell_40, #imCell_41, #imCell_42, #imCell_43, #imCell_44, #imCell_45, #imCell_46, #imCell_47, #imCell_48, #imCell_49, #imCell_50, #imCell_51, #imCell_52, #imCell_53, #imCell_54, #imCell_55, #imCell_56, #imCell_57, #imCell_58, #imCell_59, #imCell_60, #imCell_61, #imCell_62, #imCell_63, #imCell_64, #imCell_65, #imCell_66, #imCell_67, #imCell_68, #imCell_69, .imPageRow { margin-inline-start: -10px; margin-inline-end: -10px; } #imBreadcrumb { width: 686px; margin-inline-start: 6px; margin-inline-end: 6px; } #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_1721_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_2 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_2 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_02 { 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_2 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_3 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_3 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_03 { 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_3 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_4 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_4 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_04 { 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_4 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_5 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_5 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_05 { 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_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_1721_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_1721_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_1721_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_1721_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_1721_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_1721_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_1721_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_1721_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_1721_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_1721_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_1721_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_1721_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_18 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_18 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_18 { 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_18 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_19 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_19 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_19 { 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_19 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_20 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_20 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_20 { 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_20 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_21 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_21 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_21 { 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_21 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_22 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_22 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_22 { 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_22 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_23 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_23 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_23 { 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_23 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_24 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_24 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_24 { 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_24 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_25 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_25 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_25 { 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_25 { 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_1721_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_1721_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_1721_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_1721_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_1721_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; } #imCell_31 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_31 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_31 { 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_31 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_33 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_33 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_33 { 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_33 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_34 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_34 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_34 { 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_34 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_35 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_35 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_35 { 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_35 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_36 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_36 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_36 { 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_36 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_37 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_37 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_37 { 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_37 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_32 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_32 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_32 { 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_32 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_38 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_38 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_38 { 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_38 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_39 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_39 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_39 { 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_39 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_40 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_40 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_40 { 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_40 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_41 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_41 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_41 { 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_41 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_42 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_42 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_42 { 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_42 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_43 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_43 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_43 { 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_43 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_44 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_44 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_44 { 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_44 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_46 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_46 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_46 { 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_46 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_47 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_47 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_47 { 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_47 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_48 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_48 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_48 { 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_48 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_49 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_49 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_49 { 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_49 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_50 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_50 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_50 { 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_50 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_51 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_51 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_51 { 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_51 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_52 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_52 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_52 { 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_52 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_53 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_53 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_53 { 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_53 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_54 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_54 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_54 { 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_54 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_45 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_45 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_45 { 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_45 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_55 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_55 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_55 { 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_55 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_56 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_56 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_56 { 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_56 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_57 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_57 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_57 { 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_57 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_58 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_58 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_58 { 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_58 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_59 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_59 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_59 { 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_59 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_60 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_60 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_60 { 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_60 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_61 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_61 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_61 { 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_61 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_62 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_62 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_62 { 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_62 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_63 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_63 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_63 { 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_63 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_64 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_64 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_64 { 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_64 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_65 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_65 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_65 { 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_65 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_66 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_66 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_66 { 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_66 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_67 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_67 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_67 { 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_67 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_68 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_68 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_68 { 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_68 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_69 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_69 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_69 { 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_69 { 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_18, #imCell_19, #imCell_20, #imCell_21, #imCell_22, #imCell_23, #imCell_24, #imCell_25, #imCell_26, #imCell_27, #imCell_28, #imCell_29, #imCell_30, #imCell_31, #imCell_32, #imCell_33, #imCell_34, #imCell_35, #imCell_36, #imCell_37, #imCell_38, #imCell_39, #imCell_40, #imCell_41, #imCell_42, #imCell_43, #imCell_44, #imCell_45, #imCell_46, #imCell_47, #imCell_48, #imCell_49, #imCell_50, #imCell_51, #imCell_52, #imCell_53, #imCell_54, #imCell_55, #imCell_56, #imCell_57, #imCell_58, #imCell_59, #imCell_60, #imCell_61, #imCell_62, #imCell_63, #imCell_64, #imCell_65, #imCell_66, #imCell_67, #imCell_68, #imCell_69, .imPageRow { margin-inline-start: -10px; margin-inline-end: -10px; } #imBreadcrumb { width: 446px; margin-inline-start: 6px; margin-inline-end: 6px; } #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_1721_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_2 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_2 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_02 { 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_2 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_3 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_3 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_03 { 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_3 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_4 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_4 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_04 { 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_4 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_5 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_5 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_05 { 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_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_1721_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_1721_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_1721_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_1721_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_1721_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_1721_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_1721_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_1721_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_1721_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_1721_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_1721_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_1721_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_18 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_18 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_18 { 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_18 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_19 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_19 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_19 { 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_19 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_20 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_20 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_20 { 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_20 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_21 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_21 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_21 { 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_21 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_22 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_22 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_22 { 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_22 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_23 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_23 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_23 { 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_23 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_24 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_24 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_24 { 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_24 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_25 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_25 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_25 { 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_25 { 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_1721_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_1721_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_1721_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_1721_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_1721_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; } #imCell_31 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_31 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_31 { 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_31 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_33 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_33 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_33 { 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_33 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_34 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_34 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_34 { 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_34 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_35 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_35 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_35 { 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_35 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_36 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_36 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_36 { 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_36 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_37 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_37 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_37 { 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_37 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_32 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_32 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_32 { 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_32 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_38 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_38 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_38 { 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_38 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_39 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_39 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_39 { 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_39 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_40 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_40 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_40 { 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_40 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_41 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_41 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_41 { 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_41 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_42 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_42 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_42 { 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_42 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_43 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_43 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_43 { 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_43 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_44 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_44 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_44 { 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_44 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_46 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_46 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_46 { 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_46 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_47 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_47 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_47 { 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_47 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_48 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_48 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_48 { 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_48 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_49 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_49 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_49 { 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_49 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_50 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_50 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_50 { 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_50 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_51 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_51 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_51 { 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_51 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_52 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_52 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_52 { 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_52 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_53 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_53 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_53 { 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_53 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_54 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_54 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_54 { 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_54 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_45 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_45 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_45 { 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_45 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_55 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_55 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_55 { 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_55 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_56 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_56 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_56 { 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_56 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_57 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_57 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_57 { 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_57 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_58 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_58 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_58 { 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_58 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_59 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_59 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_59 { 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_59 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_60 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_60 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_60 { 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_60 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_61 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_61 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_61 { 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_61 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_62 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_62 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_62 { 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_62 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_63 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_63 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_63 { 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_63 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_64 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_64 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_64 { 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_64 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_65 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_65 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_65 { 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_65 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_66 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_66 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_66 { 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_66 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_67 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_67 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_67 { 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_67 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_68 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_68 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_68 { 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_68 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_69 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_69 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_69 { 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_69 { 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_18, #imCell_19, #imCell_20, #imCell_21, #imCell_22, #imCell_23, #imCell_24, #imCell_25, #imCell_26, #imCell_27, #imCell_28, #imCell_29, #imCell_30, #imCell_31, #imCell_32, #imCell_33, #imCell_34, #imCell_35, #imCell_36, #imCell_37, #imCell_38, #imCell_39, #imCell_40, #imCell_41, #imCell_42, #imCell_43, #imCell_44, #imCell_45, #imCell_46, #imCell_47, #imCell_48, #imCell_49, #imCell_50, #imCell_51, #imCell_52, #imCell_53, #imCell_54, #imCell_55, #imCell_56, #imCell_57, #imCell_58, #imCell_59, #imCell_60, #imCell_61, #imCell_62, #imCell_63, #imCell_64, #imCell_65, #imCell_66, #imCell_67, #imCell_68, #imCell_69, .imPageRow { margin-inline-start: -10px; margin-inline-end: -10px; } #imBreadcrumb { width: 100%; margin-inline-start: 0px; margin-inline-end: 0px; } #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_1721_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_2 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_2 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_02 { 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_2 { box-sizing: border-box; } #imCell_3 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_3 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_03 { 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_3 { box-sizing: border-box; } #imCell_4 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_4 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_04 { 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_4 { box-sizing: border-box; } #imCell_5 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_5 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_05 { 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_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_1721_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_1721_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_1721_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_1721_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_1721_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_1721_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_1721_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_1721_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_1721_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_1721_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_1721_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_1721_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_18 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_18 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_18 { 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_18 { box-sizing: border-box; } #imCell_19 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_19 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_19 { 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_19 { box-sizing: border-box; } #imCell_20 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_20 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_20 { 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_20 { box-sizing: border-box; } #imCell_21 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_21 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_21 { 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_21 { box-sizing: border-box; } #imCell_22 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_22 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_22 { 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_22 { box-sizing: border-box; } #imCell_23 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_23 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_23 { 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_23 { box-sizing: border-box; } #imCell_24 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_24 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_24 { 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_24 { box-sizing: border-box; } #imCell_25 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_25 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_25 { 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_25 { 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_1721_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_1721_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_1721_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_1721_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_1721_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; } #imCell_31 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_31 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_31 { 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_31 { box-sizing: border-box; } #imCell_33 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_33 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_33 { 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_33 { box-sizing: border-box; } #imCell_34 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_34 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_34 { 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_34 { box-sizing: border-box; } #imCell_35 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_35 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_35 { 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_35 { box-sizing: border-box; } #imCell_36 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_36 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_36 { 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_36 { box-sizing: border-box; } #imCell_37 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_37 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_37 { 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_37 { box-sizing: border-box; } #imCell_32 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_32 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_32 { 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_32 { box-sizing: border-box; } #imCell_38 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_38 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_38 { 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_38 { box-sizing: border-box; } #imCell_39 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_39 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_39 { 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_39 { box-sizing: border-box; } #imCell_40 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_40 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_40 { 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_40 { box-sizing: border-box; } #imCell_41 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_41 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_41 { 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_41 { box-sizing: border-box; } #imCell_42 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_42 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_42 { 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_42 { box-sizing: border-box; } #imCell_43 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_43 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_43 { 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_43 { box-sizing: border-box; } #imCell_44 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_44 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_44 { 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_44 { box-sizing: border-box; } #imCell_46 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_46 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_46 { 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_46 { box-sizing: border-box; } #imCell_47 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_47 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_47 { 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_47 { box-sizing: border-box; } #imCell_48 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_48 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_48 { 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_48 { box-sizing: border-box; } #imCell_49 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_49 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_49 { 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_49 { box-sizing: border-box; } #imCell_50 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_50 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_50 { 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_50 { box-sizing: border-box; } #imCell_51 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_51 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_51 { 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_51 { box-sizing: border-box; } #imCell_52 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_52 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_52 { 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_52 { box-sizing: border-box; } #imCell_53 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_53 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_53 { 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_53 { box-sizing: border-box; } #imCell_54 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_54 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_54 { 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_54 { box-sizing: border-box; } #imCell_45 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_45 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_45 { 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_45 { box-sizing: border-box; } #imCell_55 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_55 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_55 { 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_55 { box-sizing: border-box; } #imCell_56 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_56 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_56 { 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_56 { box-sizing: border-box; } #imCell_57 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_57 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_57 { 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_57 { box-sizing: border-box; } #imCell_58 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_58 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_58 { 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_58 { box-sizing: border-box; } #imCell_59 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_59 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_59 { 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_59 { box-sizing: border-box; } #imCell_60 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_60 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_60 { 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_60 { box-sizing: border-box; } #imCell_61 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_61 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_61 { 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_61 { box-sizing: border-box; } #imCell_62 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_62 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_62 { 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_62 { box-sizing: border-box; } #imCell_63 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_63 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_63 { 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_63 { box-sizing: border-box; } #imCell_64 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_64 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_64 { 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_64 { box-sizing: border-box; } #imCell_65 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_65 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_65 { 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_65 { box-sizing: border-box; } #imCell_66 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_66 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_66 { 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_66 { box-sizing: border-box; } #imCell_67 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_67 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_67 { 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_67 { box-sizing: border-box; } #imCell_68 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_68 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_68 { 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_68 { box-sizing: border-box; } #imCell_69 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_69 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1721_69 { 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_69 { 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 }