#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 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_75 { 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_7 { display: grid; grid-column: 1 / 15; grid-row: 7 / 8; } #imCell_8 { display: grid; grid-column: 1 / 15; grid-row: 8 / 9; } #imCell_9 { display: grid; grid-column: 1 / 15; grid-row: 9 / 10; } #imCell_10 { display: grid; grid-column: 1 / 15; grid-row: 10 / 11; } #imCell_11 { display: grid; grid-column: 1 / 15; grid-row: 11 / 12; } #imCell_12 { display: grid; grid-column: 1 / 15; grid-row: 12 / 13; } #imCell_6 { 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_32 { display: grid; grid-column: 1 / 15; grid-row: 33 / 34; } #imCell_33 { display: grid; grid-column: 1 / 15; grid-row: 34 / 35; } #imCell_34 { display: grid; grid-column: 1 / 15; grid-row: 35 / 36; } #imCell_35 { display: grid; grid-column: 1 / 15; grid-row: 36 / 37; } #imCell_36 { display: grid; grid-column: 1 / 15; grid-row: 37 / 38; } #imCell_37 { 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_45 { display: grid; grid-column: 1 / 15; grid-row: 46 / 47; } #imCell_46 { display: grid; grid-column: 1 / 15; grid-row: 47 / 48; } #imCell_47 { display: grid; grid-column: 1 / 15; grid-row: 48 / 49; } #imCell_48 { display: grid; grid-column: 1 / 15; grid-row: 49 / 50; } #imCell_49 { display: grid; grid-column: 1 / 15; grid-row: 50 / 51; } #imCell_51 { display: grid; grid-column: 1 / 15; grid-row: 51 / 52; } #imCell_50 { display: grid; grid-column: 1 / 15; grid-row: 52 / 53; } #imCell_52 { display: grid; grid-column: 1 / 15; grid-row: 53 / 54; } #imCell_54 { display: grid; grid-column: 1 / 15; grid-row: 54 / 55; } #imCell_55 { display: grid; grid-column: 1 / 15; grid-row: 55 / 56; } #imCell_56 { display: grid; grid-column: 1 / 15; grid-row: 56 / 57; } #imCell_57 { display: grid; grid-column: 1 / 15; grid-row: 57 / 58; } #imCell_58 { display: grid; grid-column: 1 / 15; grid-row: 58 / 59; } #imCell_59 { display: grid; grid-column: 1 / 15; grid-row: 59 / 60; } #imCell_60 { display: grid; grid-column: 1 / 15; grid-row: 60 / 61; } #imCell_61 { display: grid; grid-column: 1 / 15; grid-row: 61 / 62; } #imCell_62 { display: grid; grid-column: 1 / 15; grid-row: 62 / 63; } #imCell_63 { display: grid; grid-column: 1 / 15; grid-row: 63 / 64; } #imCell_64 { display: grid; grid-column: 1 / 15; grid-row: 64 / 65; } #imCell_65 { display: grid; grid-column: 1 / 15; grid-row: 65 / 66; } #imCell_67 { display: grid; grid-column: 1 / 15; grid-row: 66 / 67; } #imCell_68 { display: grid; grid-column: 1 / 15; grid-row: 67 / 68; } #imCell_69 { display: grid; grid-column: 1 / 15; grid-row: 68 / 69; } #imCell_70 { display: grid; grid-column: 1 / 15; grid-row: 69 / 70; } #imCell_71 { display: grid; grid-column: 1 / 15; grid-row: 70 / 71; } #imCell_72 { display: grid; grid-column: 1 / 15; grid-row: 71 / 72; } #imCell_73 { display: grid; grid-column: 1 / 15; grid-row: 72 / 73; } #imCell_74 { display: grid; grid-column: 1 / 15; grid-row: 73 / 74; } #imCell_66 { display: grid; grid-column: 1 / 15; grid-row: 74 / 75; } #imCell_76 { display: grid; grid-column: 1 / 15; grid-row: 75 / 76; } #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; } #imPageRow_70 { display: block; grid-column: 2 / 14; grid-row: 71 / 72; } #imPageRow_71 { display: block; grid-column: 2 / 14; grid-row: 72 / 73; } #imPageRow_72 { display: block; grid-column: 2 / 14; grid-row: 73 / 74; } #imPageRow_73 { display: block; grid-column: 2 / 14; grid-row: 74 / 75; } #imPageRow_74 { display: block; grid-column: 2 / 14; grid-row: 75 / 76; } @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 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_75 { 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_7 { display: grid; grid-column: 1 / 15; grid-row: 7 / 8; } #imCell_8 { display: grid; grid-column: 1 / 15; grid-row: 8 / 9; } #imCell_9 { display: grid; grid-column: 1 / 15; grid-row: 9 / 10; } #imCell_10 { display: grid; grid-column: 1 / 15; grid-row: 10 / 11; } #imCell_11 { display: grid; grid-column: 1 / 15; grid-row: 11 / 12; } #imCell_12 { display: grid; grid-column: 1 / 15; grid-row: 12 / 13; } #imCell_6 { 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_32 { display: grid; grid-column: 1 / 15; grid-row: 33 / 34; } #imCell_33 { display: grid; grid-column: 1 / 15; grid-row: 34 / 35; } #imCell_34 { display: grid; grid-column: 1 / 15; grid-row: 35 / 36; } #imCell_35 { display: grid; grid-column: 1 / 15; grid-row: 36 / 37; } #imCell_36 { display: grid; grid-column: 1 / 15; grid-row: 37 / 38; } #imCell_37 { 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_45 { display: grid; grid-column: 1 / 15; grid-row: 46 / 47; } #imCell_46 { display: grid; grid-column: 1 / 15; grid-row: 47 / 48; } #imCell_47 { display: grid; grid-column: 1 / 15; grid-row: 48 / 49; } #imCell_48 { display: grid; grid-column: 1 / 15; grid-row: 49 / 50; } #imCell_49 { display: grid; grid-column: 1 / 15; grid-row: 50 / 51; } #imCell_51 { display: grid; grid-column: 1 / 15; grid-row: 51 / 52; } #imCell_50 { display: grid; grid-column: 1 / 15; grid-row: 52 / 53; } #imCell_52 { display: grid; grid-column: 1 / 15; grid-row: 53 / 54; } #imCell_54 { display: grid; grid-column: 1 / 15; grid-row: 54 / 55; } #imCell_55 { display: grid; grid-column: 1 / 15; grid-row: 55 / 56; } #imCell_56 { display: grid; grid-column: 1 / 15; grid-row: 56 / 57; } #imCell_57 { display: grid; grid-column: 1 / 15; grid-row: 57 / 58; } #imCell_58 { display: grid; grid-column: 1 / 15; grid-row: 58 / 59; } #imCell_59 { display: grid; grid-column: 1 / 15; grid-row: 59 / 60; } #imCell_60 { display: grid; grid-column: 1 / 15; grid-row: 60 / 61; } #imCell_61 { display: grid; grid-column: 1 / 15; grid-row: 61 / 62; } #imCell_62 { display: grid; grid-column: 1 / 15; grid-row: 62 / 63; } #imCell_63 { display: grid; grid-column: 1 / 15; grid-row: 63 / 64; } #imCell_64 { display: grid; grid-column: 1 / 15; grid-row: 64 / 65; } #imCell_65 { display: grid; grid-column: 1 / 15; grid-row: 65 / 66; } #imCell_67 { display: grid; grid-column: 1 / 15; grid-row: 66 / 67; } #imCell_68 { display: grid; grid-column: 1 / 15; grid-row: 67 / 68; } #imCell_69 { display: grid; grid-column: 1 / 15; grid-row: 68 / 69; } #imCell_70 { display: grid; grid-column: 1 / 15; grid-row: 69 / 70; } #imCell_71 { display: grid; grid-column: 1 / 15; grid-row: 70 / 71; } #imCell_72 { display: grid; grid-column: 1 / 15; grid-row: 71 / 72; } #imCell_73 { display: grid; grid-column: 1 / 15; grid-row: 72 / 73; } #imCell_74 { display: grid; grid-column: 1 / 15; grid-row: 73 / 74; } #imCell_66 { display: grid; grid-column: 1 / 15; grid-row: 74 / 75; } #imCell_76 { display: grid; grid-column: 1 / 15; grid-row: 75 / 76; } #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; } #imPageRow_70 { display: block; grid-column: 2 / 14; grid-row: 71 / 72; } #imPageRow_71 { display: block; grid-column: 2 / 14; grid-row: 72 / 73; } #imPageRow_72 { display: block; grid-column: 2 / 14; grid-row: 73 / 74; } #imPageRow_73 { display: block; grid-column: 2 / 14; grid-row: 74 / 75; } #imPageRow_74 { display: block; grid-column: 2 / 14; grid-row: 75 / 76; } } @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 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_75 { 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_7 { display: grid; grid-column: 1 / 15; grid-row: 7 / 8; } #imCell_8 { display: grid; grid-column: 1 / 15; grid-row: 8 / 9; } #imCell_9 { display: grid; grid-column: 1 / 15; grid-row: 9 / 10; } #imCell_10 { display: grid; grid-column: 1 / 15; grid-row: 10 / 11; } #imCell_11 { display: grid; grid-column: 1 / 15; grid-row: 11 / 12; } #imCell_12 { display: grid; grid-column: 1 / 15; grid-row: 12 / 13; } #imCell_6 { 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_32 { display: grid; grid-column: 1 / 15; grid-row: 33 / 34; } #imCell_33 { display: grid; grid-column: 1 / 15; grid-row: 34 / 35; } #imCell_34 { display: grid; grid-column: 1 / 15; grid-row: 35 / 36; } #imCell_35 { display: grid; grid-column: 1 / 15; grid-row: 36 / 37; } #imCell_36 { display: grid; grid-column: 1 / 15; grid-row: 37 / 38; } #imCell_37 { 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_45 { display: grid; grid-column: 1 / 15; grid-row: 46 / 47; } #imCell_46 { display: grid; grid-column: 1 / 15; grid-row: 47 / 48; } #imCell_47 { display: grid; grid-column: 1 / 15; grid-row: 48 / 49; } #imCell_48 { display: grid; grid-column: 1 / 15; grid-row: 49 / 50; } #imCell_49 { display: grid; grid-column: 1 / 15; grid-row: 50 / 51; } #imCell_51 { display: grid; grid-column: 1 / 15; grid-row: 51 / 52; } #imCell_50 { display: grid; grid-column: 1 / 15; grid-row: 52 / 53; } #imCell_52 { display: grid; grid-column: 1 / 15; grid-row: 53 / 54; } #imCell_54 { display: grid; grid-column: 1 / 15; grid-row: 54 / 55; } #imCell_55 { display: grid; grid-column: 1 / 15; grid-row: 55 / 56; } #imCell_56 { display: grid; grid-column: 1 / 15; grid-row: 56 / 57; } #imCell_57 { display: grid; grid-column: 1 / 15; grid-row: 57 / 58; } #imCell_58 { display: grid; grid-column: 1 / 15; grid-row: 58 / 59; } #imCell_59 { display: grid; grid-column: 1 / 15; grid-row: 59 / 60; } #imCell_60 { display: grid; grid-column: 1 / 15; grid-row: 60 / 61; } #imCell_61 { display: grid; grid-column: 1 / 15; grid-row: 61 / 62; } #imCell_62 { display: grid; grid-column: 1 / 15; grid-row: 62 / 63; } #imCell_63 { display: grid; grid-column: 1 / 15; grid-row: 63 / 64; } #imCell_64 { display: grid; grid-column: 1 / 15; grid-row: 64 / 65; } #imCell_65 { display: grid; grid-column: 1 / 15; grid-row: 65 / 66; } #imCell_67 { display: grid; grid-column: 1 / 15; grid-row: 66 / 67; } #imCell_68 { display: grid; grid-column: 1 / 15; grid-row: 67 / 68; } #imCell_69 { display: grid; grid-column: 1 / 15; grid-row: 68 / 69; } #imCell_70 { display: grid; grid-column: 1 / 15; grid-row: 69 / 70; } #imCell_71 { display: grid; grid-column: 1 / 15; grid-row: 70 / 71; } #imCell_72 { display: grid; grid-column: 1 / 15; grid-row: 71 / 72; } #imCell_73 { display: grid; grid-column: 1 / 15; grid-row: 72 / 73; } #imCell_74 { display: grid; grid-column: 1 / 15; grid-row: 73 / 74; } #imCell_66 { display: grid; grid-column: 1 / 15; grid-row: 74 / 75; } #imCell_76 { display: grid; grid-column: 1 / 15; grid-row: 75 / 76; } #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; } #imPageRow_70 { display: block; grid-column: 2 / 14; grid-row: 71 / 72; } #imPageRow_71 { display: block; grid-column: 2 / 14; grid-row: 72 / 73; } #imPageRow_72 { display: block; grid-column: 2 / 14; grid-row: 73 / 74; } #imPageRow_73 { display: block; grid-column: 2 / 14; grid-row: 74 / 75; } #imPageRow_74 { display: block; grid-column: 2 / 14; grid-row: 75 / 76; } } @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 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_75 { 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_7 { display: grid; grid-column: 1 / 15; grid-row: 7 / 8; } #imCell_8 { display: grid; grid-column: 1 / 15; grid-row: 8 / 9; } #imCell_9 { display: grid; grid-column: 1 / 15; grid-row: 9 / 10; } #imCell_10 { display: grid; grid-column: 1 / 15; grid-row: 10 / 11; } #imCell_11 { display: grid; grid-column: 1 / 15; grid-row: 11 / 12; } #imCell_12 { display: grid; grid-column: 1 / 15; grid-row: 12 / 13; } #imCell_6 { 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_32 { display: grid; grid-column: 1 / 15; grid-row: 33 / 34; } #imCell_33 { display: grid; grid-column: 1 / 15; grid-row: 34 / 35; } #imCell_34 { display: grid; grid-column: 1 / 15; grid-row: 35 / 36; } #imCell_35 { display: grid; grid-column: 1 / 15; grid-row: 36 / 37; } #imCell_36 { display: grid; grid-column: 1 / 15; grid-row: 37 / 38; } #imCell_37 { 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_45 { display: grid; grid-column: 1 / 15; grid-row: 46 / 47; } #imCell_46 { display: grid; grid-column: 1 / 15; grid-row: 47 / 48; } #imCell_47 { display: grid; grid-column: 1 / 15; grid-row: 48 / 49; } #imCell_48 { display: grid; grid-column: 1 / 15; grid-row: 49 / 50; } #imCell_49 { display: grid; grid-column: 1 / 15; grid-row: 50 / 51; } #imCell_51 { display: grid; grid-column: 1 / 15; grid-row: 51 / 52; } #imCell_50 { display: grid; grid-column: 1 / 15; grid-row: 52 / 53; } #imCell_52 { display: grid; grid-column: 1 / 15; grid-row: 53 / 54; } #imCell_54 { display: grid; grid-column: 1 / 15; grid-row: 54 / 55; } #imCell_55 { display: grid; grid-column: 1 / 15; grid-row: 55 / 56; } #imCell_56 { display: grid; grid-column: 1 / 15; grid-row: 56 / 57; } #imCell_57 { display: grid; grid-column: 1 / 15; grid-row: 57 / 58; } #imCell_58 { display: grid; grid-column: 1 / 15; grid-row: 58 / 59; } #imCell_59 { display: grid; grid-column: 1 / 15; grid-row: 59 / 60; } #imCell_60 { display: grid; grid-column: 1 / 15; grid-row: 60 / 61; } #imCell_61 { display: grid; grid-column: 1 / 15; grid-row: 61 / 62; } #imCell_62 { display: grid; grid-column: 1 / 15; grid-row: 62 / 63; } #imCell_63 { display: grid; grid-column: 1 / 15; grid-row: 63 / 64; } #imCell_64 { display: grid; grid-column: 1 / 15; grid-row: 64 / 65; } #imCell_65 { display: grid; grid-column: 1 / 15; grid-row: 65 / 66; } #imCell_67 { display: grid; grid-column: 1 / 15; grid-row: 66 / 67; } #imCell_68 { display: grid; grid-column: 1 / 15; grid-row: 67 / 68; } #imCell_69 { display: grid; grid-column: 1 / 15; grid-row: 68 / 69; } #imCell_70 { display: grid; grid-column: 1 / 15; grid-row: 69 / 70; } #imCell_71 { display: grid; grid-column: 1 / 15; grid-row: 70 / 71; } #imCell_72 { display: grid; grid-column: 1 / 15; grid-row: 71 / 72; } #imCell_73 { display: grid; grid-column: 1 / 15; grid-row: 72 / 73; } #imCell_74 { display: grid; grid-column: 1 / 15; grid-row: 73 / 74; } #imCell_66 { display: grid; grid-column: 1 / 15; grid-row: 74 / 75; } #imCell_76 { display: grid; grid-column: 1 / 15; grid-row: 75 / 76; } #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; } #imPageRow_70 { display: block; grid-column: 2 / 14; grid-row: 71 / 72; } #imPageRow_71 { display: block; grid-column: 2 / 14; grid-row: 72 / 73; } #imPageRow_72 { display: block; grid-column: 2 / 14; grid-row: 73 / 74; } #imPageRow_73 { display: block; grid-column: 2 / 14; grid-row: 74 / 75; } #imPageRow_74 { display: block; grid-column: 2 / 14; grid-row: 75 / 76; } } #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_75 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_75 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_75 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_75 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #menu-pagine-isolamento-roma { --sar-ln-dark: #073b46; --sar-ln-deep: #042d36; --sar-ln-blue: #087fa7; --sar-ln-teal: #08a9a8; --sar-ln-cyan: #16bfd0; --sar-ln-orange: #f58220; --sar-ln-green: #15ad56; --sar-ln-white: #ffffff; --sar-ln-light: #eef8fa; --sar-ln-soft: #f7fcfd; --sar-ln-text: #123f49; --sar-ln-muted: #5d757d; --sar-ln-line: rgba(7, 59, 70, 0.14); position: relative; z-index: 200; width: 100%; overflow: visible; border-bottom: 1px solid var(--sar-ln-line); background: var(--sar-ln-white); color: var(--sar-ln-text); box-shadow: 0 8px 22px rgba(4, 45, 54, 0.07); } #menu-pagine-isolamento-roma, #menu-pagine-isolamento-roma *, #menu-pagine-isolamento-roma *::before, #menu-pagine-isolamento-roma *::after { box-sizing: border-box; } #menu-pagine-isolamento-roma [hidden] { display: none; } .sar-localnav__bar { position: relative; z-index: 2; width: 100%; background: linear-gradient( 90deg, #ffffff 0%, #f5fbfc 100% ); } .sar-localnav__bar-inner { display: flex; gap: 26px; align-items: center; justify-content: space-between; width: min(100% - 40px, 1220px); min-height: 66px; margin-inline: auto; } .sar-localnav__brand { display: inline-flex; gap: 12px; align-items: center; flex: 0 0 auto; color: var(--sar-ln-text); text-decoration: none; } .sar-localnav__brand-logo-wrap { display: grid; flex: 0 0 auto; place-items: center; width: 58px; height: 48px; padding: 3px; } .sar-localnav__brand-logo { display: block; width: 54px; height: auto; object-fit: contain; } .sar-localnav__brand-copy { display: grid; gap: 2px; } .sar-localnav__brand-copy small { color: var(--sar-ln-teal); font-size: 8px; font-weight: 900; line-height: 1.2; letter-spacing: 0.09em; text-transform: uppercase; } .sar-localnav__brand-copy strong { color: var(--sar-ln-dark); font-size: 14px; font-weight: 900; line-height: 1.3; } .sar-localnav__desktop-controls { display: flex; gap: 7px; align-items: center; justify-content: flex-end; } .sar-localnav__overview, .sar-localnav__toggle { display: inline-flex; gap: 8px; align-items: center; justify-content: center; min-height: 42px; padding: 10px 14px; border: 1px solid transparent; border-radius: 10px; background: transparent; color: var(--sar-ln-dark); font: inherit; font-size: 12px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; cursor: pointer; } .sar-localnav__overview:hover, .sar-localnav__toggle:hover, .sar-localnav__toggle[aria-expanded="true"] { border-color: rgba(0, 143, 163, 0.2); background: var(--sar-ln-light); color: var(--sar-ln-teal); } .sar-localnav__overview.is-current { border-color: var(--sar-ln-teal); background: var(--sar-ln-teal); color: var(--sar-ln-white); } .sar-localnav__arrow { width: 8px; height: 8px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform 180ms ease; } .sar-localnav__toggle[aria-expanded="true"] .sar-localnav__arrow { transform: translateY(2px) rotate(225deg); } .sar-localnav__desktop-panel { position: relative; z-index: 1; width: 100%; overflow: visible; border-top: 1px solid var(--sar-ln-line); background: linear-gradient( 180deg, #ffffff 0%, #f4fbfc 100% ); box-shadow: inset 0 8px 18px rgba(4, 45, 54, 0.025); } .sar-localnav__panel-inner { width: min(100% - 40px, 1220px); margin-inline: auto; padding: 16px 0 18px; } .sar-localnav__panel-heading { display: flex; gap: 10px; align-items: center; margin-bottom: 11px; } .sar-localnav__panel-badge { display: grid; flex: 0 0 auto; place-items: center; width: 30px; height: 30px; border-radius: 9px; color: var(--sar-ln-white); font-size: 9px; font-weight: 900; line-height: 1; } .sar-localnav__panel-badge--orange { background: var(--sar-ln-orange); } .sar-localnav__panel-badge--teal { background: var(--sar-ln-teal); } .sar-localnav__panel-heading div { display: grid; gap: 2px; } .sar-localnav__panel-heading p { margin: 0; color: var(--sar-ln-teal); font-size: 8px; font-weight: 900; line-height: 1.2; letter-spacing: 0.08em; text-transform: uppercase; } .sar-localnav__panel-heading strong { color: var(--sar-ln-dark); font-size: 13px; font-weight: 900; line-height: 1.35; } .sar-localnav__grid { display: grid; gap: 9px; margin: 0; padding: 0; list-style: none; } .sar-localnav__grid--services { grid-template-columns: repeat(5, minmax(0, 1fr)); } .sar-localnav__grid--guides { grid-template-columns: repeat(4, minmax(0, 1fr)); } .sar-localnav__grid li { min-width: 0; } .sar-localnav__grid a { display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 10px; align-items: center; width: 100%; min-height: 72px; padding: 10px 11px; border: 1px solid var(--sar-ln-line); border-radius: 12px; background: var(--sar-ln-white); color: var(--sar-ln-text); text-decoration: none; box-shadow: 0 7px 18px rgba(4, 45, 54, 0.045); transition: border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease, transform 180ms ease; } .sar-localnav__grid a:hover { border-color: rgba(0, 143, 163, 0.38); background: var(--sar-ln-light); box-shadow: 0 10px 24px rgba(4, 45, 54, 0.08); transform: translateY(-2px); } .sar-localnav__code { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; color: var(--sar-ln-white); font-size: 9px; font-weight: 900; line-height: 1; } .sar-localnav__code--blue { background: var(--sar-ln-blue); } .sar-localnav__code--deep { background: var(--sar-ln-deep); } .sar-localnav__code--orange { background: var(--sar-ln-orange); } .sar-localnav__code--green { background: var(--sar-ln-green); } .sar-localnav__code--teal { background: var(--sar-ln-teal); } .sar-localnav__item-copy { display: grid; gap: 3px; min-width: 0; text-align: center; } .sar-localnav__item-copy strong { color: var(--sar-ln-dark); font-size: 11px; font-weight: 900; line-height: 1.32; overflow-wrap: anywhere; } .sar-localnav__item-copy small { color: var(--sar-ln-muted); font-size: 9px; font-weight: 650; line-height: 1.4; overflow-wrap: anywhere; } .sar-localnav__mobile-toggle { display: none; gap: 10px; align-items: center; min-height: 42px; padding: 9px 12px; border: 1px solid var(--sar-ln-line); border-radius: 10px; background: var(--sar-ln-light); color: var(--sar-ln-dark); font: inherit; font-size: 11px; font-weight: 900; line-height: 1.3; cursor: pointer; } .sar-localnav__hamburger { display: grid; gap: 3px; width: 18px; } .sar-localnav__hamburger i { display: block; width: 18px; height: 2px; border-radius: 999px; background: currentColor; transition: opacity 180ms ease, transform 180ms ease; } .sar-localnav__mobile-toggle[aria-expanded="true"] .sar-localnav__hamburger i:first-child { transform: translateY(5px) rotate(45deg); } .sar-localnav__mobile-toggle[aria-expanded="true"] .sar-localnav__hamburger i:nth-child(2) { opacity: 0; } .sar-localnav__mobile-toggle[aria-expanded="true"] .sar-localnav__hamburger i:last-child { transform: translateY(-5px) rotate(-45deg); } .sar-localnav__mobile-panel { position: relative; z-index: 1; width: 100%; border-top: 1px solid var(--sar-ln-line); background: linear-gradient( 180deg, #ffffff 0%, #f5fbfc 100% ); } .sar-localnav__mobile-inner { display: grid; gap: 10px; width: min(100% - 32px, 920px); margin-inline: auto; padding: 14px 0 17px; } .sar-localnav__mobile-home { display: flex; gap: 12px; align-items: center; min-height: 58px; padding: 8px 12px; border: 1px solid var(--sar-ln-line); border-radius: 10px; background: var(--sar-ln-white); color: var(--sar-ln-dark); font-size: 12px; line-height: 1.35; text-decoration: none; } .sar-localnav__mobile-logo-wrap { display: grid; flex: 0 0 auto; place-items: center; width: 58px; height: 44px; padding: 2px; border-radius: 8px; background: var(--sar-ln-white); } .sar-localnav__mobile-logo { display: block; width: 53px; height: auto; object-fit: contain; } .sar-localnav__mobile-home strong { font-weight: 900; } .sar-localnav__mobile-home.is-current { border-color: rgba(0, 143, 163, 0.28); background: var(--sar-ln-light); } .sar-localnav__mobile-group { overflow: hidden; border: 1px solid var(--sar-ln-line); border-radius: 11px; background: var(--sar-ln-white); } .sar-localnav__mobile-group summary { display: flex; gap: 14px; align-items: center; justify-content: space-between; min-height: 49px; padding: 11px 13px; color: var(--sar-ln-dark); font-size: 12px; font-weight: 850; line-height: 1.35; cursor: pointer; list-style: none; } .sar-localnav__mobile-group summary::-webkit-details-marker { display: none; } .sar-localnav__plus { position: relative; display: block; flex: 0 0 auto; width: 26px; height: 26px; border-radius: 8px; background: var(--sar-ln-light); } .sar-localnav__plus::before, .sar-localnav__plus::after { position: absolute; top: 50%; left: 50%; width: 11px; height: 2px; border-radius: 999px; background: var(--sar-ln-teal); content: ""; transform: translate(-50%, -50%); } .sar-localnav__plus::after { transform: translate(-50%, -50%) rotate(90deg); } .sar-localnav__mobile-group[open] .sar-localnav__plus { background: var(--sar-ln-teal); } .sar-localnav__mobile-group[open] .sar-localnav__plus::before, .sar-localnav__mobile-group[open] .sar-localnav__plus::after { background: var(--sar-ln-white); } .sar-localnav__mobile-group[open] .sar-localnav__plus::after { transform: translate(-50%, -50%) rotate(0deg); } .sar-localnav__mobile-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; padding: 9px; border-top: 1px solid var(--sar-ln-line); background: var(--sar-ln-soft); } .sar-localnav__mobile-links a { display: flex; min-height: 45px; align-items: center; padding: 9px 11px; border: 1px solid var(--sar-ln-line); border-radius: 9px; background: var(--sar-ln-white); color: var(--sar-ln-dark); font-size: 11px; font-weight: 800; line-height: 1.4; text-decoration: none; } .sar-localnav__mobile-links a:hover { border-color: rgba(0, 143, 163, 0.36); color: var(--sar-ln-teal); } .sar-localnav__brand:focus-visible, .sar-localnav__overview:focus-visible, .sar-localnav__toggle:focus-visible, .sar-localnav__grid a:focus-visible, .sar-localnav__mobile-toggle:focus-visible, .sar-localnav__mobile-home:focus-visible, .sar-localnav__mobile-group summary:focus-visible, .sar-localnav__mobile-links a:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.5); outline-offset: 3px; } @media (min-width: 1021px) and (max-width: 1280px) { .sar-localnav__grid--services { grid-template-columns: repeat(3, minmax(0, 1fr)); } .sar-localnav__grid--guides { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 1020px) { .sar-localnav__bar-inner { width: min(100% - 32px, 920px); min-height: 64px; } .sar-localnav__desktop-controls, .sar-localnav__desktop-panel { display: none; } .sar-localnav__mobile-toggle { display: inline-flex; } .sar-localnav__brand-logo-wrap { width: 54px; height: 44px; } .sar-localnav__brand-logo { width: 50px; } .sar-localnav__brand-copy strong { font-size: 13px; } } @media (max-width: 640px) { .sar-localnav__bar-inner { width: min(100% - 24px, 920px); min-height: 60px; } .sar-localnav__brand { gap: 8px; } .sar-localnav__brand-logo-wrap { width: 48px; height: 40px; } .sar-localnav__brand-logo { width: 45px; } .sar-localnav__brand-copy small { display: none; } .sar-localnav__brand-copy strong { font-size: 11px; } .sar-localnav__mobile-toggle { min-height: 39px; padding: 8px 10px; font-size: 10px; } .sar-localnav__mobile-inner { width: min(100% - 24px, 920px); padding-block: 12px 14px; } .sar-localnav__mobile-links { grid-template-columns: 1fr; } } @media (max-width: 380px) { .sar-localnav__brand-logo-wrap { width: 44px; height: 37px; } .sar-localnav__brand-logo { width: 41px; } .sar-localnav__brand-copy strong { max-width: 135px; font-size: 10px; } .sar-localnav__mobile-toggle > span:first-child { display: none; } } @media (prefers-reduced-motion: reduce) { .sar-localnav__arrow, .sar-localnav__grid a, .sar-localnav__hamburger i { transition: none; } .sar-localnav__grid a:hover { transform: none; } }#imCell_2 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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; } /* ========================================================= HERO — ISOLAMENTO ACUSTICO ROMA Tutte le classi sono isolate con prefisso sar- ========================================================= */ #hero-isolamento-acustico-roma { --sar-dark: #073b46; --sar-dark-deep: #042d36; --sar-teal: #008fa3; --sar-turquoise: #16bfd0; --sar-orange: #f58220; --sar-orange-dark: #df6810; --sar-green: #2e9b67; --sar-cream: #fff8ed; --sar-light-blue: #eaf9fc; --sar-white: #ffffff; --sar-text: #18343b; --sar-muted: #587078; --sar-border: rgba(7, 59, 70, 0.13); --sar-shadow: 0 22px 60px rgba(4, 45, 54, 0.16); position: relative; width: 100%; overflow: hidden; background: linear-gradient( 118deg, var(--sar-cream) 0%, #ffffff 47%, var(--sar-light-blue) 100% ); color: var(--sar-text); isolation: isolate; } #hero-isolamento-acustico-roma, #hero-isolamento-acustico-roma *, #hero-isolamento-acustico-roma *::before, #hero-isolamento-acustico-roma *::after { box-sizing: border-box; } /* ========================================================= SFONDO DECORATIVO ========================================================= */ .sar-hero__background { position: absolute; z-index: -2; inset: 0; pointer-events: none; } .sar-hero__background::before { content: ""; position: absolute; top: -180px; right: -130px; width: 520px; height: 520px; border-radius: 50%; background: rgba(22, 191, 208, 0.12); filter: blur(2px); } .sar-hero__background::after { content: ""; position: absolute; bottom: -270px; left: -220px; width: 550px; height: 550px; border-radius: 50%; background: rgba(245, 130, 32, 0.08); } /* ========================================================= CONTENITORE ========================================================= */ .sar-hero__container { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(420px, 0.96fr); gap: clamp(42px, 6vw, 88px); align-items: center; width: min(100% - 40px, 1240px); min-height: 720px; margin-inline: auto; padding-block: clamp(72px, 8vw, 112px); } /* ========================================================= CONTENUTO TESTUALE ========================================================= */ .sar-hero__content { position: relative; z-index: 2; min-width: 0; } .sar-hero__eyebrow { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 17px; padding: 8px 14px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(255, 255, 255, 0.76); color: var(--sar-dark); font-size: 13px; font-weight: 800; line-height: 1.3; letter-spacing: 0.045em; text-transform: uppercase; box-shadow: 0 8px 24px rgba(7, 59, 70, 0.06); } .sar-hero__eyebrow-dot { flex: 0 0 auto; width: 9px; height: 9px; border-radius: 50%; background: var(--sar-orange); box-shadow: 0 0 0 5px rgba(245, 130, 32, 0.13); } .sar-hero__title { max-width: 820px; margin: 0; color: var(--sar-dark-deep); font-size: clamp(42px, 5.2vw, 72px); font-weight: 900; line-height: 0.99; letter-spacing: -0.048em; text-wrap: balance; } .sar-hero__title span { display: block; margin-top: 10px; color: var(--sar-teal); font-size: 0.72em; line-height: 1.08; letter-spacing: -0.032em; } .sar-hero__answer { max-width: 720px; margin: 25px 0 0; color: var(--sar-text); font-size: clamp(17px, 1.45vw, 20px); font-weight: 500; line-height: 1.68; } /* ========================================================= ELENCO SERVIZI ========================================================= */ .sar-hero__services { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 14px; max-width: 750px; margin: 27px 0 0; padding: 0; list-style: none; } .sar-hero__service { display: flex; align-items: flex-start; gap: 10px; min-width: 0; padding: 11px 13px; border: 1px solid var(--sar-border); border-radius: 12px; background: rgba(255, 255, 255, 0.76); color: var(--sar-dark); font-size: 15px; font-weight: 750; line-height: 1.4; box-shadow: 0 7px 22px rgba(7, 59, 70, 0.045); } .sar-hero__service--featured { grid-column: 1 / -1; border-color: rgba(0, 143, 163, 0.26); background: rgba(234, 249, 252, 0.92); } .sar-hero__check { display: inline-grid; flex: 0 0 auto; place-items: center; width: 22px; height: 22px; margin-top: 1px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-green); font-size: 14px; font-weight: 900; } /* ========================================================= PULSANTI ========================================================= */ .sar-hero__actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; max-width: 820px; margin-top: 29px; } .sar-hero__button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 54px; padding: 14px 22px; border: 2px solid transparent; border-radius: 13px; font-family: inherit; font-size: 16px; font-weight: 850; line-height: 1.2; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease, color 180ms ease; } .sar-hero__button:hover { transform: translateY(-2px); } .sar-hero__button:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.42); outline-offset: 4px; } .sar-hero__button--primary { background: var(--sar-orange); color: var(--sar-white); box-shadow: 0 13px 30px rgba(245, 130, 32, 0.27); } .sar-hero__button--primary:hover { background: var(--sar-orange-dark); box-shadow: 0 17px 36px rgba(245, 130, 32, 0.32); } .sar-hero__button--whatsapp { border-color: #25d366; background: #25d366; color: var(--sar-white); box-shadow: 0 13px 30px rgba(37, 211, 102, 0.24); } .sar-hero__button--whatsapp:hover { border-color: #1ebe5d; background: #1ebe5d; box-shadow: 0 17px 36px rgba(37, 211, 102, 0.31); } .sar-hero__button--phone { border-color: rgba(7, 59, 70, 0.18); background: var(--sar-white); color: var(--sar-dark); box-shadow: 0 10px 25px rgba(7, 59, 70, 0.08); } .sar-hero__button--phone:hover { border-color: var(--sar-teal); color: var(--sar-teal); box-shadow: 0 14px 31px rgba(7, 59, 70, 0.12); } .sar-hero__phone-text { display: grid; gap: 1px; } .sar-hero__phone-text strong { font-size: 15px; font-weight: 900; } .sar-hero__button-icon, .sar-hero__phone-icon { flex: 0 0 auto; } .sar-hero__contact-note { max-width: 680px; margin: 15px 0 0; color: var(--sar-muted); font-size: 14px; font-weight: 600; line-height: 1.55; } /* ========================================================= ELEMENTI DI FIDUCIA ========================================================= */ .sar-hero__trust { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 760px; margin-top: 29px; padding-top: 23px; border-top: 1px solid rgba(7, 59, 70, 0.13); } .sar-hero__trust-item { position: relative; min-width: 0; padding: 0 18px; } .sar-hero__trust-item:first-child { padding-left: 0; } .sar-hero__trust-item:not(:last-child)::after { content: ""; position: absolute; top: 4px; right: 0; width: 1px; height: 42px; background: rgba(7, 59, 70, 0.13); } .sar-hero__trust-item strong { display: block; color: var(--sar-dark); font-size: 15px; font-weight: 900; line-height: 1.3; } .sar-hero__trust-item span { display: block; margin-top: 3px; color: var(--sar-muted); font-size: 12px; font-weight: 650; line-height: 1.4; } /* ========================================================= IMMAGINE ========================================================= */ .sar-hero__media { position: relative; min-width: 0; } .sar-hero__image-frame { position: relative; z-index: 2; overflow: hidden; width: 100%; aspect-ratio: 1200 / 630; border: 8px solid rgba(255, 255, 255, 0.92); border-radius: 28px; background: var(--sar-dark); box-shadow: var(--sar-shadow); transform: rotate(1deg); } .sar-hero__image { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .sar-hero__image-overlay { position: absolute; inset: 0; background: linear-gradient( 180deg, rgba(4, 45, 54, 0.02) 35%, rgba(4, 45, 54, 0.72) 100% ); pointer-events: none; } .sar-hero__image-card { position: absolute; right: 20px; bottom: 20px; left: 20px; padding: 18px 19px; border: 1px solid rgba(255, 255, 255, 0.26); border-radius: 17px; background: rgba(4, 45, 54, 0.86); color: var(--sar-white); box-shadow: 0 15px 35px rgba(0, 0, 0, 0.18); backdrop-filter: blur(8px); } .sar-hero__image-card-label { display: block; margin-bottom: 5px; color: #8ce8f1; font-size: 11px; font-weight: 900; line-height: 1.3; letter-spacing: 0.08em; text-transform: uppercase; } .sar-hero__image-card strong { display: block; font-size: clamp(18px, 2vw, 24px); font-weight: 900; line-height: 1.15; } .sar-hero__image-card p { margin: 7px 0 0; color: rgba(255, 255, 255, 0.88); font-size: 13px; font-weight: 550; line-height: 1.5; } /* ========================================================= DECORAZIONI IMMAGINE ========================================================= */ .sar-hero__decor { position: absolute; z-index: 1; border-radius: 50%; pointer-events: none; } .sar-hero__decor--one { top: -32px; right: -26px; width: 115px; height: 115px; background: rgba(22, 191, 208, 0.28); } .sar-hero__decor--two { bottom: -35px; left: -35px; width: 145px; height: 145px; background: rgba(245, 130, 32, 0.2); } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1050px) { .sar-hero__container { grid-template-columns: 1fr; gap: 48px; min-height: auto; padding-block: 72px; } .sar-hero__content { max-width: 850px; margin-inline: auto; text-align: center; } .sar-hero__eyebrow { justify-content: center; } .sar-hero__title, .sar-hero__answer, .sar-hero__services, .sar-hero__contact-note, .sar-hero__trust { margin-right: auto; margin-left: auto; } .sar-hero__actions { width: 100%; margin-right: auto; margin-left: auto; } .sar-hero__service { text-align: left; } .sar-hero__media { width: min(100%, 820px); margin-inline: auto; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 700px) { .sar-hero__container { width: min(100% - 28px, 1240px); gap: 38px; padding-block: 52px 58px; } .sar-hero__eyebrow { padding: 7px 11px; font-size: 10px; letter-spacing: 0.035em; } .sar-hero__title { font-size: clamp(37px, 11.5vw, 52px); line-height: 1; } .sar-hero__title span { margin-top: 8px; font-size: 0.7em; } .sar-hero__answer { margin-top: 20px; font-size: 16px; line-height: 1.62; } .sar-hero__services { grid-template-columns: 1fr; margin-top: 23px; } .sar-hero__service--featured { grid-column: auto; } .sar-hero__actions { grid-template-columns: 1fr; gap: 11px; max-width: none; margin-top: 24px; } .sar-hero__button { width: 100%; min-height: 55px; } .sar-hero__contact-note { margin-top: 13px; font-size: 13px; } .sar-hero__trust { grid-template-columns: 1fr; gap: 14px; margin-top: 23px; padding-top: 19px; text-align: left; } .sar-hero__trust-item, .sar-hero__trust-item:first-child { padding: 0 0 0 16px; border-left: 3px solid rgba(0, 143, 163, 0.25); } .sar-hero__trust-item:not(:last-child)::after { display: none; } .sar-hero__image-frame { border-width: 5px; border-radius: 21px; transform: none; } .sar-hero__image-card { right: 10px; bottom: 10px; left: 10px; padding: 13px 14px; border-radius: 13px; } .sar-hero__image-card strong { font-size: 17px; } .sar-hero__image-card p { display: none; } .sar-hero__decor--one { top: -21px; right: -12px; width: 78px; height: 78px; } .sar-hero__decor--two { bottom: -24px; left: -15px; width: 92px; height: 92px; } } /* ========================================================= SCHERMI MOLTO PICCOLI ========================================================= */ @media (max-width: 390px) { .sar-hero__container { width: min(100% - 22px, 1240px); } .sar-hero__title { font-size: 35px; } .sar-hero__service { padding: 10px 11px; font-size: 14px; } } /* ========================================================= ACCESSIBILITÀ: MOVIMENTO RIDOTTO ========================================================= */ @media (prefers-reduced-motion: reduce) { .sar-hero__button { transition: none; } .sar-hero__button:hover { transform: none; } }#imCell_3 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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-roma { --sar-toc-dark: #073b46; --sar-toc-deep: #042d36; --sar-toc-blue: #087fa7; --sar-toc-teal: #08a9a8; --sar-toc-orange: #f58220; --sar-toc-green: #15ad56; --sar-toc-white: #ffffff; --sar-toc-light: #eef8fa; --sar-toc-soft: #f8fcfd; --sar-toc-text: #123f49; --sar-toc-muted: #607982; --sar-toc-line: rgba(7, 59, 70, 0.14); width: 100%; padding: clamp(34px, 5vw, 58px) 0; background: linear-gradient( 180deg, #ffffff 0%, #f7fcfd 100% ); color: var(--sar-toc-text); } #indice-isolamento-acustico-roma, #indice-isolamento-acustico-roma *, #indice-isolamento-acustico-roma *::before, #indice-isolamento-acustico-roma *::after { box-sizing: border-box; } .sar-toc__container { width: min(100% - 40px, 1160px); margin-inline: auto; } .sar-toc__header { display: grid; grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1.28fr); gap: clamp(28px, 5vw, 60px); align-items: center; padding-bottom: 22px; border-bottom: 1px solid var(--sar-toc-line); } .sar-toc__heading { display: flex; gap: 13px; align-items: center; } .sar-toc__heading-badge, .sar-toc__group-badge { display: grid; flex: 0 0 auto; place-items: center; width: 32px; height: 32px; border-radius: 9px; background: var(--sar-toc-orange); color: var(--sar-toc-white); font-size: 9px; font-weight: 900; line-height: 1; } .sar-toc__eyebrow { margin: 0 0 4px; color: var(--sar-toc-teal); font-size: 9px; font-weight: 900; line-height: 1.25; letter-spacing: 0.09em; text-transform: uppercase; } .sar-toc__title { margin: 0; color: var(--sar-toc-deep); font-size: clamp(31px, 4vw, 46px); font-weight: 900; line-height: 1.08; letter-spacing: -0.038em; } .sar-toc__direct-answer { margin: 0; color: var(--sar-toc-muted); font-size: 14px; font-weight: 650; line-height: 1.68; } .sar-toc__desktop { display: block; margin-top: 22px; } .sar-toc__compact { display: none; } .sar-toc__nav { display: grid; gap: 24px; } .sar-toc__group { min-width: 0; } .sar-toc__group-heading { display: flex; gap: 10px; align-items: center; margin-bottom: 10px; } .sar-toc__group-badge--orange { background: var(--sar-toc-orange); } .sar-toc__group-badge--teal { background: var(--sar-toc-teal); } .sar-toc__group-heading div { display: grid; gap: 2px; } .sar-toc__group-heading p { margin: 0; color: var(--sar-toc-teal); font-size: 8px; font-weight: 900; line-height: 1.25; letter-spacing: 0.08em; text-transform: uppercase; } .sar-toc__group-heading h3 { margin: 0; color: var(--sar-toc-dark); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-toc__grid { display: grid; gap: 9px; margin: 0; padding: 0; list-style: none; } .sar-toc__grid--contents { grid-template-columns: repeat(3, minmax(0, 1fr)); } .sar-toc__grid--solutions { grid-template-columns: repeat(5, minmax(0, 1fr)); } .sar-toc__grid li { min-width: 0; } .sar-toc__card { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 10px; align-items: center; width: 100%; min-height: 74px; padding: 10px 12px; border: 1px solid var(--sar-toc-line); border-radius: 13px; background: var(--sar-toc-light); color: var(--sar-toc-text); text-decoration: none; transition: border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease, transform 180ms ease; } .sar-toc__card:hover { border-color: rgba(8, 169, 168, 0.42); background: var(--sar-toc-white); box-shadow: 0 9px 22px rgba(4, 45, 54, 0.08); transform: translateY(-2px); } .sar-toc__card--current { border-color: var(--sar-toc-teal); background: linear-gradient( 135deg, #087f9a, #06a7aa ); color: var(--sar-toc-white); box-shadow: 0 10px 24px rgba(4, 88, 104, 0.16); } .sar-toc__card--contact { border-color: rgba(245, 130, 32, 0.48); background: #fff8ed; } .sar-toc__number { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 10px; color: var(--sar-toc-white); font-size: 10px; font-weight: 900; line-height: 1; } .sar-toc__number--orange { background: var(--sar-toc-orange); } .sar-toc__number--blue { background: var(--sar-toc-blue); } .sar-toc__number--deep { background: var(--sar-toc-deep); } .sar-toc__number--teal { background: var(--sar-toc-teal); } .sar-toc__number--green { background: var(--sar-toc-green); } .sar-toc__card-copy { display: grid; gap: 4px; min-width: 0; text-align: center; } .sar-toc__card-copy strong { color: inherit; font-size: 11px; font-weight: 900; line-height: 1.3; overflow-wrap: anywhere; } .sar-toc__card-copy small { color: var(--sar-toc-muted); font-size: 9px; font-weight: 650; line-height: 1.38; overflow-wrap: anywhere; } .sar-toc__card--current .sar-toc__card-copy small { color: rgba(255, 255, 255, 0.84); } .sar-toc__summary { display: grid; grid-template-columns: 36px minmax(0, 1fr) 30px; gap: 11px; align-items: center; min-height: 68px; padding: 11px 13px; color: var(--sar-toc-dark); cursor: pointer; list-style: none; } .sar-toc__summary::-webkit-details-marker { display: none; } .sar-toc__summary-icon { display: grid; gap: 3px; place-content: center; width: 36px; height: 36px; border-radius: 10px; background: var(--sar-toc-teal); } .sar-toc__summary-icon span { display: block; width: 17px; height: 2px; border-radius: 999px; background: var(--sar-toc-white); } .sar-toc__summary-copy { display: grid; gap: 3px; min-width: 0; } .sar-toc__summary-copy strong { color: var(--sar-toc-dark); font-size: 13px; font-weight: 900; line-height: 1.35; } .sar-toc__summary-copy small { color: var(--sar-toc-muted); font-size: 10px; font-weight: 650; line-height: 1.4; } .sar-toc__summary-state { position: relative; display: block; width: 30px; height: 30px; border-radius: 9px; background: var(--sar-toc-light); } .sar-toc__summary-state::before, .sar-toc__summary-state::after { position: absolute; top: 50%; left: 50%; width: 12px; height: 2px; border-radius: 999px; background: var(--sar-toc-teal); content: ""; transform: translate(-50%, -50%); } .sar-toc__summary-state::after { transform: translate(-50%, -50%) rotate(90deg); } .sar-toc__compact[open] .sar-toc__summary-state { background: var(--sar-toc-teal); } .sar-toc__compact[open] .sar-toc__summary-state::before, .sar-toc__compact[open] .sar-toc__summary-state::after { background: var(--sar-toc-white); } .sar-toc__compact[open] .sar-toc__summary-state::after { transform: translate(-50%, -50%) rotate(0deg); } .sar-toc__compact[open] .sar-toc__summary { border-bottom: 1px solid var(--sar-toc-line); background: var(--sar-toc-soft); } .sar-toc__compact-body { padding: 15px; } .sar-toc__card:focus-visible, .sar-toc__summary:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.5); outline-offset: 3px; } @media (min-width: 1021px) and (max-width: 1220px) { .sar-toc__grid--contents { grid-template-columns: repeat(3, minmax(0, 1fr)); } .sar-toc__grid--solutions { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 1020px) { #indice-isolamento-acustico-roma { padding: 30px 0; } .sar-toc__container { width: min(100% - 32px, 920px); } .sar-toc__header { grid-template-columns: 1fr; gap: 13px; padding-bottom: 17px; } .sar-toc__title { font-size: clamp(29px, 6vw, 40px); } .sar-toc__direct-answer { font-size: 13px; line-height: 1.62; } .sar-toc__desktop { display: none; } .sar-toc__compact { display: block; overflow: hidden; margin-top: 14px; border: 1px solid var(--sar-toc-line); border-radius: 14px; background: var(--sar-toc-white); box-shadow: 0 9px 24px rgba(4, 45, 54, 0.07); } .sar-toc__grid--compact { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-toc__card { min-height: 72px; } } @media (max-width: 640px) { #indice-isolamento-acustico-roma { padding: 26px 0; } .sar-toc__container { width: min(100% - 24px, 920px); } .sar-toc__heading { align-items: flex-start; } .sar-toc__heading-badge { width: 30px; height: 30px; } .sar-toc__title { font-size: 30px; } .sar-toc__direct-answer { font-size: 12px; line-height: 1.58; } .sar-toc__summary { grid-template-columns: 34px minmax(0, 1fr) 28px; min-height: 64px; padding: 10px 11px; } .sar-toc__summary-icon { width: 34px; height: 34px; } .sar-toc__summary-copy strong { font-size: 12px; } .sar-toc__summary-copy small { font-size: 9px; } .sar-toc__compact-body { padding: 11px; } .sar-toc__nav { gap: 19px; } .sar-toc__group-heading h3 { font-size: 10px; } .sar-toc__grid--compact { grid-template-columns: 1fr; } .sar-toc__card { grid-template-columns: 36px minmax(0, 1fr); min-height: 68px; padding: 9px 10px; } .sar-toc__number { width: 36px; height: 36px; } .sar-toc__card-copy { text-align: left; } .sar-toc__card-copy strong { font-size: 11px; } } @media (prefers-reduced-motion: reduce) { .sar-toc__card { transition: none; } .sar-toc__card:hover { transform: none; } }#imCell_4 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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; } /* ========================================================= QUANDO SERVE L'ISOLAMENTO ACUSTICO A ROMA Classi isolate con prefisso sar-need ========================================================= */ #quando-serve-isolamento-acustico-roma { --sar-need-dark: #073b46; --sar-need-dark-deep: #042d36; --sar-need-teal: #008fa3; --sar-need-turquoise: #16bfd0; --sar-need-orange: #f58220; --sar-need-orange-dark: #dc6913; --sar-need-green: #2e9b67; --sar-need-white: #ffffff; --sar-need-cream: #fff8ed; --sar-need-light: #f1fbfc; --sar-need-text: #18343b; --sar-need-muted: #597179; --sar-need-border: rgba(7, 59, 70, 0.12); --sar-need-shadow: 0 18px 48px rgba(4, 45, 54, 0.1); position: relative; width: 100%; overflow: hidden; padding: clamp(70px, 8vw, 112px) 0; background: linear-gradient( 180deg, #ffffff 0%, var(--sar-need-light) 100% ); color: var(--sar-need-text); } #quando-serve-isolamento-acustico-roma, #quando-serve-isolamento-acustico-roma *, #quando-serve-isolamento-acustico-roma *::before, #quando-serve-isolamento-acustico-roma *::after { box-sizing: border-box; } /* ========================================================= CONTENITORE ========================================================= */ .sar-need__container { width: min(100% - 40px, 1240px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .sar-need__header { max-width: 940px; margin: 0 auto 46px; text-align: center; } .sar-need__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 15px; padding: 8px 14px; border: 1px solid rgba(0, 143, 163, 0.18); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-need-teal); font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .sar-need__title { margin: 0; color: var(--sar-need-dark-deep); font-size: clamp(34px, 4.4vw, 58px); font-weight: 900; line-height: 1.08; letter-spacing: -0.038em; text-wrap: balance; } .sar-need__title span { color: var(--sar-need-teal); } .sar-need__direct-answer { max-width: 880px; margin: 23px auto 0; color: var(--sar-need-dark); font-size: clamp(18px, 1.7vw, 21px); font-weight: 700; line-height: 1.65; } .sar-need__intro { max-width: 870px; margin: 17px auto 0; color: var(--sar-need-muted); font-size: 16px; font-weight: 500; line-height: 1.75; } /* ========================================================= GRIGLIA DELLE SITUAZIONI ========================================================= */ .sar-need__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .sar-need__card { position: relative; display: flex; align-items: flex-start; gap: 18px; min-width: 0; padding: clamp(23px, 3vw, 32px); overflow: hidden; border: 1px solid var(--sar-need-border); border-radius: 22px; background: rgba(255, 255, 255, 0.94); box-shadow: 0 12px 36px rgba(4, 45, 54, 0.065); transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .sar-need__card::after { content: ""; position: absolute; top: 0; right: 0; width: 105px; height: 105px; border-radius: 0 0 0 100%; background: rgba(22, 191, 208, 0.055); pointer-events: none; } .sar-need__card:hover { transform: translateY(-3px); border-color: rgba(0, 143, 163, 0.27); box-shadow: var(--sar-need-shadow); } .sar-need__card--wide { grid-column: 1 / -1; } .sar-need__icon { position: relative; z-index: 1; display: grid; flex: 0 0 auto; place-items: center; width: 56px; height: 56px; border-radius: 17px; background: rgba(22, 191, 208, 0.11); color: var(--sar-need-teal); } .sar-need__card:nth-child(2) .sar-need__icon, .sar-need__card:nth-child(4) .sar-need__icon { background: rgba(245, 130, 32, 0.12); color: var(--sar-need-orange); } .sar-need__card:nth-child(3) .sar-need__icon { background: rgba(46, 155, 103, 0.11); color: var(--sar-need-green); } .sar-need__card-content { position: relative; z-index: 1; min-width: 0; } .sar-need__card-title { margin: 0; color: var(--sar-need-dark); font-size: clamp(19px, 2vw, 24px); font-weight: 900; line-height: 1.25; letter-spacing: -0.018em; } .sar-need__card p { margin: 11px 0 0; color: var(--sar-need-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } .sar-need__keyword { display: inline-flex; align-items: center; margin-top: 16px; padding: 6px 10px; border-radius: 8px; background: var(--sar-need-cream); color: var(--sar-need-dark); font-size: 12px; font-weight: 800; line-height: 1.35; } /* ========================================================= BLOCCO DECISIONALE ========================================================= */ .sar-need__decision { display: grid; grid-template-columns: minmax(0, 1.18fr) minmax(330px, 0.82fr); gap: clamp(28px, 5vw, 60px); align-items: center; margin-top: clamp(42px, 6vw, 72px); padding: clamp(30px, 5vw, 58px); border-radius: 28px; background: linear-gradient( 130deg, var(--sar-need-dark-deep) 0%, var(--sar-need-dark) 62%, #075667 100% ); box-shadow: 0 24px 65px rgba(4, 45, 54, 0.19); } .sar-need__decision-label { margin: 0 0 10px; color: #81e3ec; font-size: 12px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-need__decision-title { max-width: 680px; margin: 0; color: var(--sar-need-white); font-size: clamp(27px, 3.2vw, 43px); font-weight: 900; line-height: 1.13; letter-spacing: -0.03em; text-wrap: balance; } .sar-need__decision-text { max-width: 720px; margin: 17px 0 0; color: rgba(255, 255, 255, 0.86); font-size: 16px; font-weight: 500; line-height: 1.72; } .sar-need__decision-list { display: grid; gap: 10px; margin: 22px 0 0; padding: 0; list-style: none; } .sar-need__decision-list li { position: relative; padding-left: 29px; color: rgba(255, 255, 255, 0.92); font-size: 14px; font-weight: 650; line-height: 1.5; } .sar-need__decision-list li::before { content: "✓"; position: absolute; top: 0; left: 0; display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: rgba(129, 227, 236, 0.14); color: #81e3ec; font-size: 12px; font-weight: 900; } /* ========================================================= CALL TO ACTION ========================================================= */ .sar-need__cta { padding: clamp(24px, 3.5vw, 35px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 22px; background: rgba(255, 255, 255, 0.97); box-shadow: 0 17px 42px rgba(0, 0, 0, 0.16); } .sar-need__cta-small { display: block; margin-bottom: 8px; color: var(--sar-need-orange); font-size: 12px; font-weight: 900; line-height: 1.35; letter-spacing: 0.055em; text-transform: uppercase; } .sar-need__cta-title { display: block; color: var(--sar-need-dark-deep); font-size: clamp(21px, 2.2vw, 28px); font-weight: 900; line-height: 1.22; } .sar-need__cta-text { margin: 13px 0 0; color: var(--sar-need-muted); font-size: 14px; font-weight: 500; line-height: 1.65; } .sar-need__cta-actions { display: grid; gap: 10px; margin-top: 21px; } .sar-need__cta-button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; width: 100%; min-height: 53px; padding: 13px 18px; border: 2px solid transparent; border-radius: 12px; font-size: 15px; font-weight: 850; line-height: 1.25; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, color 180ms ease, box-shadow 180ms ease; } .sar-need__cta-button:hover { transform: translateY(-2px); } .sar-need__cta-button:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.44); outline-offset: 4px; } .sar-need__cta-button--primary { background: var(--sar-need-orange); color: var(--sar-need-white); box-shadow: 0 12px 27px rgba(245, 130, 32, 0.25); } .sar-need__cta-button--primary:hover { background: var(--sar-need-orange-dark); box-shadow: 0 16px 31px rgba(245, 130, 32, 0.31); } .sar-need__cta-button--whatsapp { border-color: #25d366; background: #25d366; color: var(--sar-need-white); box-shadow: 0 12px 28px rgba(37, 211, 102, 0.22); } .sar-need__cta-button--whatsapp:hover { border-color: #1ebe5d; background: #1ebe5d; box-shadow: 0 14px 30px rgba(37, 211, 102, 0.3); } .sar-need__cta-button--phone { border-color: rgba(7, 59, 70, 0.22); background: var(--sar-need-white); color: var(--sar-need-dark); box-shadow: 0 10px 24px rgba(4, 45, 54, 0.09); } .sar-need__cta-button--phone:hover { border-color: rgba(0, 143, 163, 0.42); background: var(--sar-need-light); box-shadow: 0 13px 27px rgba(4, 45, 54, 0.13); } .sar-need__cta-button--phone span { display: grid; gap: 1px; } .sar-need__cta-button--phone strong { font-size: 15px; font-weight: 900; } .sar-need__cta-note { display: block; margin-top: 11px; color: var(--sar-need-muted); font-size: 11px; font-weight: 650; line-height: 1.45; text-align: center; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 980px) { .sar-need__decision { grid-template-columns: 1fr; } .sar-need__cta { max-width: 620px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 720px) { #quando-serve-isolamento-acustico-roma { padding: 58px 0; } .sar-need__container { width: min(100% - 28px, 1240px); } .sar-need__header { margin-bottom: 32px; text-align: left; } .sar-need__eyebrow { justify-content: flex-start; padding: 7px 11px; font-size: 10px; } .sar-need__title { font-size: clamp(32px, 9.6vw, 43px); } .sar-need__title span { display: block; margin-top: 4px; } .sar-need__direct-answer { margin-top: 18px; font-size: 17px; line-height: 1.6; } .sar-need__intro { margin-top: 14px; font-size: 15px; line-height: 1.68; } .sar-need__grid { grid-template-columns: 1fr; gap: 15px; } .sar-need__card, .sar-need__card--wide { grid-column: auto; } .sar-need__card { gap: 14px; padding: 21px 18px; border-radius: 18px; } .sar-need__icon { width: 47px; height: 47px; border-radius: 14px; } .sar-need__icon svg { width: 25px; height: 25px; } .sar-need__card-title { font-size: 19px; } .sar-need__card p { font-size: 14px; line-height: 1.65; } .sar-need__keyword { font-size: 11px; } .sar-need__decision { margin-top: 37px; padding: 27px 20px; border-radius: 22px; } .sar-need__decision-title { font-size: 27px; } .sar-need__decision-text { font-size: 15px; line-height: 1.66; } .sar-need__cta { width: 100%; max-width: none; padding: 23px 19px; border-radius: 18px; } .sar-need__cta-button { width: 100%; } } /* ========================================================= SCHERMI MOLTO PICCOLI ========================================================= */ @media (max-width: 430px) { .sar-need__card { display: block; } .sar-need__icon { margin-bottom: 15px; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sar-need__card, .sar-need__cta-button { transition: none; } .sar-need__card:hover, .sar-need__cta-button:hover { transform: none; } } #imCell_5 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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; } /* ========================================================= H3 — RUMORI PROVENIENTI DAI VICINI Classi isolate con prefisso sar-nei ========================================================= */ #rumori-provenienti-dai-vicini-roma { --sar-nei-dark: #073b46; --sar-nei-dark-deep: #042d36; --sar-nei-teal: #008fa3; --sar-nei-turquoise: #16bfd0; --sar-nei-orange: #f58220; --sar-nei-orange-dark: #dc6913; --sar-nei-green: #2e9b67; --sar-nei-white: #ffffff; --sar-nei-cream: #fff8ed; --sar-nei-light: #eefafd; --sar-nei-text: #18343b; --sar-nei-muted: #587078; --sar-nei-border: rgba(7, 59, 70, 0.13); --sar-nei-shadow: 0 20px 55px rgba(4, 45, 54, 0.11); position: relative; width: 100%; overflow: hidden; padding: clamp(65px, 8vw, 105px) 0; background: radial-gradient( circle at 100% 0%, rgba(22, 191, 208, 0.12), transparent 31% ), linear-gradient( 180deg, #ffffff 0%, #f7fcfd 100% ); color: var(--sar-nei-text); } #rumori-provenienti-dai-vicini-roma, #rumori-provenienti-dai-vicini-roma *, #rumori-provenienti-dai-vicini-roma *::before, #rumori-provenienti-dai-vicini-roma *::after { box-sizing: border-box; } /* ========================================================= CONTENITORE ========================================================= */ .sar-nei__container { width: min(100% - 40px, 1240px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .sar-nei__header { max-width: 970px; margin: 0 auto 45px; text-align: center; } .sar-nei__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 15px; padding: 8px 14px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-nei-teal); font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; } .sar-nei__title { margin: 0; color: var(--sar-nei-dark-deep); font-size: clamp(31px, 4vw, 51px); font-weight: 900; line-height: 1.1; letter-spacing: -0.037em; text-wrap: balance; } .sar-nei__title span { color: var(--sar-nei-teal); } .sar-nei__direct-answer { max-width: 900px; margin: 22px auto 0; color: var(--sar-nei-dark); font-size: clamp(18px, 1.65vw, 21px); font-weight: 700; line-height: 1.65; } /* ========================================================= CONTENUTO PRINCIPALE ========================================================= */ .sar-nei__main { display: grid; grid-template-columns: minmax(0, 1.18fr) minmax(330px, 0.82fr); gap: clamp(28px, 5vw, 58px); align-items: start; } .sar-nei__content { min-width: 0; } .sar-nei__subtitle { margin: 0; color: var(--sar-nei-dark); font-size: clamp(24px, 2.7vw, 34px); font-weight: 900; line-height: 1.2; letter-spacing: -0.025em; } .sar-nei__content > p { margin: 17px 0 0; color: var(--sar-nei-muted); font-size: 16px; font-weight: 500; line-height: 1.75; } /* ========================================================= ELENCO RUMORI ========================================================= */ .sar-nei__signals { margin-top: 29px; padding: clamp(22px, 3vw, 31px); border: 1px solid var(--sar-nei-border); border-radius: 21px; background: var(--sar-nei-white); box-shadow: 0 13px 38px rgba(4, 45, 54, 0.065); } .sar-nei__signals-title { margin: 0 0 17px; color: var(--sar-nei-dark); font-size: 20px; font-weight: 900; line-height: 1.3; } .sar-nei__signals-list { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; } .sar-nei__signals-list li { display: flex; align-items: flex-start; gap: 11px; color: var(--sar-nei-text); font-size: 14px; font-weight: 650; line-height: 1.55; } .sar-nei__check { display: inline-grid; flex: 0 0 auto; place-items: center; width: 22px; height: 22px; margin-top: 1px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-nei-green); font-size: 13px; font-weight: 900; } /* ========================================================= PANNELLO DIAGNOSTICO ========================================================= */ .sar-nei__diagnosis { position: sticky; top: 25px; overflow: hidden; padding: clamp(26px, 4vw, 40px); border-radius: 25px; background: linear-gradient( 145deg, var(--sar-nei-dark-deep) 0%, var(--sar-nei-dark) 67%, #075768 100% ); color: var(--sar-nei-white); box-shadow: 0 23px 60px rgba(4, 45, 54, 0.2); } .sar-nei__diagnosis::after { content: ""; position: absolute; top: -70px; right: -70px; width: 180px; height: 180px; border-radius: 50%; background: rgba(22, 191, 208, 0.16); } .sar-nei__diagnosis-icon { position: relative; z-index: 1; display: grid; place-items: center; width: 64px; height: 64px; margin-bottom: 21px; border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 19px; background: rgba(255, 255, 255, 0.1); color: #8be5ed; } .sar-nei__diagnosis-label { position: relative; z-index: 1; margin: 0 0 8px; color: #8be5ed; font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.075em; text-transform: uppercase; } .sar-nei__diagnosis-title { position: relative; z-index: 1; display: block; color: var(--sar-nei-white); font-size: clamp(22px, 2.3vw, 29px); font-weight: 900; line-height: 1.25; } .sar-nei__diagnosis-text { position: relative; z-index: 1; margin: 17px 0 0; color: rgba(255, 255, 255, 0.86); font-size: 15px; font-weight: 500; line-height: 1.7; } .sar-nei__diagnosis-note { position: relative; z-index: 1; display: flex; align-items: flex-start; gap: 11px; margin-top: 23px; padding: 15px; border: 1px solid rgba(245, 130, 32, 0.3); border-radius: 15px; background: rgba(245, 130, 32, 0.11); } .sar-nei__diagnosis-note > span { display: grid; flex: 0 0 auto; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: var(--sar-nei-orange); color: var(--sar-nei-white); font-size: 14px; font-weight: 900; } .sar-nei__diagnosis-note p { margin: 0; color: rgba(255, 255, 255, 0.9); font-size: 13px; font-weight: 600; line-height: 1.55; } /* ========================================================= CONFRONTO SOLUZIONI ========================================================= */ .sar-nei__comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: clamp(43px, 6vw, 70px); } .sar-nei__option { position: relative; overflow: hidden; padding: clamp(26px, 4vw, 40px); border: 1px solid var(--sar-nei-border); border-radius: 24px; background: var(--sar-nei-white); box-shadow: 0 15px 45px rgba(4, 45, 54, 0.07); } .sar-nei__option--complete { border-color: rgba(0, 143, 163, 0.22); background: linear-gradient( 145deg, #ffffff 0%, var(--sar-nei-light) 100% ); } .sar-nei__option-number { display: inline-flex; margin-bottom: 17px; color: var(--sar-nei-orange); font-size: 13px; font-weight: 900; line-height: 1; letter-spacing: 0.07em; } .sar-nei__option--complete .sar-nei__option-number { color: var(--sar-nei-teal); } .sar-nei__option-title { max-width: 490px; margin: 0; color: var(--sar-nei-dark); font-size: clamp(22px, 2.4vw, 30px); font-weight: 900; line-height: 1.22; letter-spacing: -0.022em; } .sar-nei__option p { margin: 15px 0 0; color: var(--sar-nei-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } .sar-nei__internal-link { display: inline-flex; align-items: center; gap: 9px; margin-top: 21px; color: var(--sar-nei-teal); font-size: 14px; font-weight: 850; line-height: 1.4; text-decoration: none; } .sar-nei__internal-link:hover { text-decoration: underline; text-underline-offset: 4px; } .sar-nei__internal-link:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.35); outline-offset: 4px; border-radius: 4px; } /* ========================================================= PERCORSO ========================================================= */ .sar-nei__process { display: grid; grid-template-columns: minmax(270px, 0.72fr) minmax(0, 1.28fr); gap: clamp(30px, 5vw, 62px); align-items: start; margin-top: clamp(45px, 7vw, 78px); padding: clamp(30px, 5vw, 55px); border: 1px solid var(--sar-nei-border); border-radius: 27px; background: var(--sar-nei-cream); } .sar-nei__process-label { margin: 0 0 9px; color: var(--sar-nei-orange); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-nei__process-title { margin: 0; color: var(--sar-nei-dark-deep); font-size: clamp(26px, 3vw, 38px); font-weight: 900; line-height: 1.17; letter-spacing: -0.027em; } .sar-nei__process-heading > p:last-child { margin: 16px 0 0; color: var(--sar-nei-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } .sar-nei__steps { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; } .sar-nei__step { display: flex; align-items: flex-start; gap: 15px; padding: 18px; border: 1px solid rgba(7, 59, 70, 0.1); border-radius: 16px; background: rgba(255, 255, 255, 0.88); } .sar-nei__step-number { display: grid; flex: 0 0 auto; place-items: center; width: 34px; height: 34px; border-radius: 11px; background: var(--sar-nei-dark); color: var(--sar-nei-white); font-size: 13px; font-weight: 900; } .sar-nei__step strong { display: block; color: var(--sar-nei-dark); font-size: 16px; font-weight: 900; line-height: 1.3; } .sar-nei__step p { margin: 5px 0 0; color: var(--sar-nei-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } /* ========================================================= CTA FINALE ========================================================= */ .sar-nei__cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 35px; align-items: center; margin-top: clamp(43px, 6vw, 70px); padding: clamp(28px, 5vw, 51px); border-radius: 27px; background: linear-gradient( 130deg, var(--sar-nei-dark-deep) 0%, var(--sar-nei-dark) 65%, #07596a 100% ); box-shadow: 0 22px 60px rgba(4, 45, 54, 0.18); } .sar-nei__cta-label { margin: 0 0 8px; color: #87e5ed; font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-nei__cta-title { max-width: 760px; margin: 0; color: var(--sar-nei-white); font-size: clamp(25px, 3vw, 39px); font-weight: 900; line-height: 1.17; letter-spacing: -0.028em; text-wrap: balance; } .sar-nei__cta-text { max-width: 790px; margin: 14px 0 0; color: rgba(255, 255, 255, 0.84); font-size: 15px; font-weight: 500; line-height: 1.68; } .sar-nei__cta-actions { display: grid; gap: 11px; min-width: 245px; } .sar-nei__button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 53px; padding: 13px 19px; border: 2px solid transparent; border-radius: 12px; font-size: 14px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, color 180ms ease; } .sar-nei__button:hover { transform: translateY(-2px); } .sar-nei__button:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; } .sar-nei__button--primary { background: var(--sar-nei-orange); color: var(--sar-nei-white); } .sar-nei__button--primary:hover { background: var(--sar-nei-orange-dark); } .sar-nei__button--whatsapp { border-color: #25d366; background: #25d366; color: var(--sar-nei-white); box-shadow: 0 12px 28px rgba(37, 211, 102, 0.22); } .sar-nei__button--whatsapp:hover { border-color: #1ebe5d; background: #1ebe5d; box-shadow: 0 14px 30px rgba(37, 211, 102, 0.3); } .sar-nei__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-nei-white); } .sar-nei__button--phone:hover { border-color: rgba(255, 255, 255, 0.55); background: rgba(255, 255, 255, 0.15); } .sar-nei__button--phone span { display: grid; gap: 1px; } .sar-nei__button--phone strong { font-size: 15px; font-weight: 900; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 980px) { .sar-nei__main { grid-template-columns: 1fr; } .sar-nei__diagnosis { position: relative; top: auto; } .sar-nei__process { grid-template-columns: 1fr; } .sar-nei__cta { grid-template-columns: 1fr; } .sar-nei__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); min-width: 0; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 720px) { #rumori-provenienti-dai-vicini-roma { padding: 57px 0; } .sar-nei__container { width: min(100% - 28px, 1240px); } .sar-nei__header { margin-bottom: 32px; text-align: left; } .sar-nei__eyebrow { justify-content: flex-start; padding: 7px 11px; font-size: 10px; } .sar-nei__title { font-size: clamp(30px, 9vw, 42px); } .sar-nei__title span { display: block; margin-top: 4px; } .sar-nei__direct-answer { margin-top: 18px; font-size: 17px; line-height: 1.6; } .sar-nei__subtitle { font-size: 25px; } .sar-nei__content > p { font-size: 15px; line-height: 1.68; } .sar-nei__signals { padding: 21px 18px; border-radius: 18px; } .sar-nei__diagnosis { padding: 25px 20px; border-radius: 21px; } .sar-nei__comparison { grid-template-columns: 1fr; margin-top: 37px; } .sar-nei__option { padding: 25px 20px; border-radius: 20px; } .sar-nei__process { margin-top: 39px; padding: 26px 19px; border-radius: 21px; } .sar-nei__step { padding: 16px 14px; } .sar-nei__cta { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-nei__cta-actions { grid-template-columns: 1fr; } .sar-nei__button { width: 100%; } } /* ========================================================= SCHERMI MOLTO PICCOLI ========================================================= */ @media (max-width: 390px) { .sar-nei__signals-list li { font-size: 13px; } .sar-nei__diagnosis-title { font-size: 21px; } .sar-nei__internal-link { align-items: flex-start; font-size: 13px; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sar-nei__button { transition: none; } .sar-nei__button:hover { transform: none; } }#imCell_7 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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; } /* ========================================================= H3 — RUMORI DAL PIANO SUPERIORE Classi isolate con prefisso sar-up ========================================================= */ #rumori-dal-piano-superiore-roma { --sar-up-dark: #073b46; --sar-up-dark-deep: #042d36; --sar-up-teal: #008fa3; --sar-up-turquoise: #16bfd0; --sar-up-orange: #f58220; --sar-up-orange-dark: #db6813; --sar-up-green: #2e9b67; --sar-up-white: #ffffff; --sar-up-cream: #fff8ed; --sar-up-light: #eefafd; --sar-up-text: #18343b; --sar-up-muted: #587078; --sar-up-border: rgba(7, 59, 70, 0.13); --sar-up-shadow: 0 20px 55px rgba(4, 45, 54, 0.11); position: relative; width: 100%; overflow: hidden; padding: clamp(68px, 8vw, 108px) 0; background: radial-gradient( circle at 0% 5%, rgba(245, 130, 32, 0.08), transparent 28% ), linear-gradient( 180deg, #ffffff 0%, #f5fbfc 100% ); color: var(--sar-up-text); } #rumori-dal-piano-superiore-roma, #rumori-dal-piano-superiore-roma *, #rumori-dal-piano-superiore-roma *::before, #rumori-dal-piano-superiore-roma *::after { box-sizing: border-box; } /* ========================================================= CONTENITORE ========================================================= */ .sar-up__container { width: min(100% - 40px, 1240px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .sar-up__header { max-width: 970px; margin: 0 auto 47px; text-align: center; } .sar-up__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 15px; padding: 8px 14px; border: 1px solid rgba(245, 130, 32, 0.22); border-radius: 999px; background: rgba(245, 130, 32, 0.08); color: var(--sar-up-orange); font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.055em; text-transform: uppercase; } .sar-up__title { margin: 0; color: var(--sar-up-dark-deep); font-size: clamp(31px, 4vw, 52px); font-weight: 900; line-height: 1.1; letter-spacing: -0.037em; text-wrap: balance; } .sar-up__title span { color: var(--sar-up-teal); } .sar-up__direct-answer { max-width: 910px; margin: 22px auto 0; color: var(--sar-up-dark); font-size: clamp(18px, 1.65vw, 21px); font-weight: 700; line-height: 1.65; } .sar-up__intro { max-width: 890px; margin: 17px auto 0; color: var(--sar-up-muted); font-size: 16px; font-weight: 500; line-height: 1.75; } /* ========================================================= TIPOLOGIE DI RUMORE ========================================================= */ .sar-up__types { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .sar-up__type { position: relative; display: flex; align-items: flex-start; gap: 19px; min-width: 0; overflow: hidden; padding: clamp(24px, 4vw, 38px); border: 1px solid var(--sar-up-border); border-radius: 24px; background: rgba(255, 255, 255, 0.96); box-shadow: 0 15px 44px rgba(4, 45, 54, 0.075); } .sar-up__type::after { content: ""; position: absolute; right: -55px; bottom: -55px; width: 145px; height: 145px; border-radius: 50%; background: rgba(245, 130, 32, 0.055); pointer-events: none; } .sar-up__type--airborne::after { background: rgba(22, 191, 208, 0.07); } .sar-up__type-icon { position: relative; z-index: 1; display: grid; flex: 0 0 auto; place-items: center; width: 61px; height: 61px; border-radius: 18px; background: rgba(245, 130, 32, 0.12); color: var(--sar-up-orange); } .sar-up__type--airborne .sar-up__type-icon { background: rgba(22, 191, 208, 0.11); color: var(--sar-up-teal); } .sar-up__type-content { position: relative; z-index: 1; min-width: 0; } .sar-up__type-label { margin: 0 0 7px; color: var(--sar-up-orange); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-up__type--airborne .sar-up__type-label { color: var(--sar-up-teal); } .sar-up__type-title { margin: 0; color: var(--sar-up-dark); font-size: clamp(21px, 2.4vw, 29px); font-weight: 900; line-height: 1.24; letter-spacing: -0.021em; } .sar-up__type-content > p:not(.sar-up__type-label) { margin: 13px 0 0; color: var(--sar-up-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } .sar-up__type-list { display: grid; gap: 8px; margin: 18px 0 0; padding: 0; list-style: none; } .sar-up__type-list li { position: relative; padding-left: 22px; color: var(--sar-up-text); font-size: 13px; font-weight: 650; line-height: 1.5; } .sar-up__type-list li::before { content: "✓"; position: absolute; top: 0; left: 0; color: var(--sar-up-green); font-weight: 900; } /* ========================================================= TRASMISSIONE DEL RUMORE ========================================================= */ .sar-up__transmission { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr); gap: clamp(30px, 5vw, 62px); align-items: center; margin-top: clamp(45px, 7vw, 76px); padding: clamp(30px, 5vw, 56px); border-radius: 28px; background: linear-gradient( 135deg, var(--sar-up-dark-deep) 0%, var(--sar-up-dark) 67%, #075667 100% ); box-shadow: 0 23px 65px rgba(4, 45, 54, 0.19); } .sar-up__section-label { margin: 0 0 9px; color: var(--sar-up-orange); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-up__transmission .sar-up__section-label { color: #83e4ec; } .sar-up__section-title { margin: 0; color: var(--sar-up-dark-deep); font-size: clamp(26px, 3.2vw, 42px); font-weight: 900; line-height: 1.16; letter-spacing: -0.029em; text-wrap: balance; } .sar-up__transmission .sar-up__section-title { color: var(--sar-up-white); } .sar-up__transmission-content > p:not(.sar-up__section-label) { margin: 16px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-up__important { display: flex; align-items: flex-start; gap: 12px; margin-top: 23px; padding: 16px; border: 1px solid rgba(245, 130, 32, 0.32); border-radius: 15px; background: rgba(245, 130, 32, 0.11); } .sar-up__important-icon { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: var(--sar-up-orange); color: var(--sar-up-white); font-size: 15px; font-weight: 900; } .sar-up__important p { margin: 0; color: rgba(255, 255, 255, 0.92); font-size: 13px; font-weight: 650; line-height: 1.58; } /* ========================================================= DIAGRAMMA ========================================================= */ .sar-up__diagram { overflow: hidden; padding: 20px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 22px; background: rgba(255, 255, 255, 0.96); box-shadow: 0 17px 42px rgba(0, 0, 0, 0.15); } .sar-up__diagram-floor { position: relative; display: flex; align-items: center; justify-content: center; min-height: 105px; border-radius: 14px; background: var(--sar-up-light); color: var(--sar-up-dark); font-size: 14px; font-weight: 850; } .sar-up__diagram-floor--upper { border: 1px solid rgba(245, 130, 32, 0.18); background: var(--sar-up-cream); } .sar-up__diagram-floor--lower { justify-content: space-between; gap: 8px; border: 1px solid rgba(0, 143, 163, 0.17); } .sar-up__diagram-room { text-align: center; } .sar-up__diagram-noise { position: absolute; top: 15px; right: 16px; display: flex; gap: 5px; color: var(--sar-up-orange); font-size: 18px; font-weight: 900; } .sar-up__diagram-slab { display: grid; place-items: center; min-height: 42px; margin: 6px 0; border-radius: 8px; background: var(--sar-up-dark); color: var(--sar-up-white); font-size: 12px; font-weight: 850; letter-spacing: 0.025em; } .sar-up__diagram-paths { display: flex; justify-content: space-around; height: 45px; color: var(--sar-up-orange); } .sar-up__diagram-arrow { font-size: 30px; font-weight: 900; line-height: 1; } .sar-up__diagram-wall { display: grid; align-self: stretch; place-items: center; width: 61px; border-radius: 10px; background: rgba(0, 143, 163, 0.12); color: var(--sar-up-teal); font-size: 10px; font-weight: 900; text-transform: uppercase; writing-mode: vertical-rl; } .sar-up__diagram-caption { margin: 15px 0 0; color: var(--sar-up-muted); font-size: 12px; font-weight: 650; line-height: 1.5; text-align: center; } /* ========================================================= SOLUZIONE SORGEDIL ========================================================= */ .sar-up__solution { margin-top: clamp(46px, 7vw, 78px); } .sar-up__solution-heading { max-width: 900px; } .sar-up__solution-heading > p:not(.sar-up__section-label) { margin: 17px 0 0; color: var(--sar-up-muted); font-size: 16px; font-weight: 500; line-height: 1.73; } .sar-up__solution-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 31px; } .sar-up__solution-item { min-width: 0; padding: 24px 20px; border: 1px solid var(--sar-up-border); border-radius: 19px; background: var(--sar-up-white); box-shadow: 0 12px 34px rgba(4, 45, 54, 0.065); } .sar-up__solution-number { display: inline-flex; margin-bottom: 13px; color: var(--sar-up-orange); font-size: 12px; font-weight: 900; letter-spacing: 0.065em; } .sar-up__solution-item h5 { margin: 0; color: var(--sar-up-dark); font-size: 18px; font-weight: 900; line-height: 1.3; } .sar-up__solution-item p { margin: 10px 0 0; color: var(--sar-up-muted); font-size: 13px; font-weight: 500; line-height: 1.62; } .sar-up__internal-link { display: inline-flex; align-items: center; gap: 9px; margin-top: 25px; color: var(--sar-up-teal); font-size: 15px; font-weight: 850; line-height: 1.4; text-decoration: none; } .sar-up__internal-link:hover { text-decoration: underline; text-underline-offset: 4px; } .sar-up__internal-link:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.38); outline-offset: 4px; border-radius: 5px; } /* ========================================================= SCELTA TRA SOFFITTO E STANZA COMPLETA ========================================================= */ .sar-up__choice { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: clamp(45px, 7vw, 75px); } .sar-up__choice-card { display: flex; align-items: flex-start; gap: 17px; padding: clamp(25px, 4vw, 38px); border: 1px solid var(--sar-up-border); border-radius: 23px; background: var(--sar-up-cream); } .sar-up__choice-card--complete { border-color: rgba(0, 143, 163, 0.22); background: var(--sar-up-light); } .sar-up__choice-icon { display: grid; flex: 0 0 auto; place-items: center; width: 43px; height: 43px; border-radius: 14px; background: var(--sar-up-orange); color: var(--sar-up-white); font-size: 15px; font-weight: 900; } .sar-up__choice-card--complete .sar-up__choice-icon { background: var(--sar-up-teal); } .sar-up__choice-card h4 { margin: 0; color: var(--sar-up-dark); font-size: clamp(21px, 2.3vw, 29px); font-weight: 900; line-height: 1.24; } .sar-up__choice-card p { margin: 13px 0 0; color: var(--sar-up-muted); font-size: 14px; font-weight: 500; line-height: 1.68; } .sar-up__choice-card a { display: inline-flex; margin-top: 16px; color: var(--sar-up-teal); font-size: 13px; font-weight: 850; line-height: 1.4; text-decoration: none; } .sar-up__choice-card a:hover { text-decoration: underline; text-underline-offset: 4px; } /* ========================================================= SOPRALLUOGO ========================================================= */ .sar-up__assessment { display: grid; grid-template-columns: minmax(0, 1fr) minmax(330px, 0.78fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: clamp(45px, 7vw, 76px); padding: clamp(30px, 5vw, 55px); border: 1px solid var(--sar-up-border); border-radius: 27px; background: var(--sar-up-white); box-shadow: var(--sar-up-shadow); } .sar-up__assessment-content > p:not(.sar-up__section-label) { margin: 16px 0 0; color: var(--sar-up-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-up__assessment-list { display: grid; gap: 11px; margin: 0; padding: 0; list-style: none; } .sar-up__assessment-list li { display: flex; align-items: flex-start; gap: 11px; padding: 12px 14px; border-radius: 12px; background: var(--sar-up-light); color: var(--sar-up-dark); font-size: 13px; font-weight: 700; line-height: 1.5; } .sar-up__assessment-list li span { display: grid; flex: 0 0 auto; place-items: center; width: 21px; height: 21px; border-radius: 50%; background: rgba(46, 155, 103, 0.14); color: var(--sar-up-green); font-size: 12px; font-weight: 900; } /* ========================================================= CTA FINALE ========================================================= */ .sar-up__cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 36px; align-items: center; margin-top: clamp(45px, 7vw, 74px); padding: clamp(29px, 5vw, 52px); border-radius: 27px; background: linear-gradient( 132deg, var(--sar-up-dark-deep) 0%, var(--sar-up-dark) 66%, #07596a 100% ); box-shadow: 0 23px 62px rgba(4, 45, 54, 0.19); } .sar-up__cta-label { margin: 0 0 8px; color: #86e4ec; font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-up__cta-title { max-width: 780px; margin: 0; color: var(--sar-up-white); font-size: clamp(25px, 3vw, 39px); font-weight: 900; line-height: 1.17; letter-spacing: -0.028em; text-wrap: balance; } .sar-up__cta-text { max-width: 800px; margin: 14px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 15px; font-weight: 500; line-height: 1.68; } .sar-up__cta-actions { display: grid; gap: 11px; min-width: 260px; } .sar-up__button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 54px; padding: 13px 19px; border: 2px solid transparent; border-radius: 12px; font-size: 14px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, color 180ms ease, box-shadow 180ms ease; } .sar-up__button:hover { transform: translateY(-2px); } .sar-up__button:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; } .sar-up__button--primary { background: var(--sar-up-orange); color: var(--sar-up-white); box-shadow: 0 12px 28px rgba(245, 130, 32, 0.26); } .sar-up__button--primary:hover { background: var(--sar-up-orange-dark); } .sar-up__button--whatsapp { border-color: #25d366; background: #25d366; color: var(--sar-up-white); box-shadow: 0 12px 28px rgba(37, 211, 102, 0.22); } .sar-up__button--whatsapp:hover { border-color: #1ebe5d; background: #1ebe5d; box-shadow: 0 14px 30px rgba(37, 211, 102, 0.3); } .sar-up__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-up-white); } .sar-up__button--phone:hover { border-color: rgba(255, 255, 255, 0.53); background: rgba(255, 255, 255, 0.15); } .sar-up__button--phone span { display: grid; gap: 1px; } .sar-up__button--phone strong { font-size: 15px; font-weight: 900; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1050px) { .sar-up__solution-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-up__transmission { grid-template-columns: 1fr; } .sar-up__diagram { width: min(100%, 680px); } .sar-up__assessment { grid-template-columns: 1fr; } .sar-up__cta { grid-template-columns: 1fr; } .sar-up__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); min-width: 0; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 720px) { #rumori-dal-piano-superiore-roma { padding: 57px 0; } .sar-up__container { width: min(100% - 28px, 1240px); } .sar-up__header { margin-bottom: 32px; text-align: left; } .sar-up__eyebrow { justify-content: flex-start; padding: 7px 11px; font-size: 10px; } .sar-up__title { font-size: clamp(30px, 9vw, 42px); } .sar-up__title span { display: block; margin-top: 4px; } .sar-up__direct-answer { margin-top: 18px; font-size: 17px; line-height: 1.6; } .sar-up__intro { font-size: 15px; line-height: 1.68; } .sar-up__types { grid-template-columns: 1fr; gap: 15px; } .sar-up__type { gap: 14px; padding: 22px 18px; border-radius: 19px; } .sar-up__type-icon { width: 49px; height: 49px; border-radius: 14px; } .sar-up__type-icon svg { width: 27px; height: 27px; } .sar-up__type-title { font-size: 20px; } .sar-up__transmission { margin-top: 38px; padding: 27px 20px; border-radius: 22px; } .sar-up__section-title { font-size: 27px; } .sar-up__diagram { padding: 14px; border-radius: 17px; } .sar-up__diagram-floor { min-height: 85px; font-size: 12px; } .sar-up__diagram-wall { width: 45px; font-size: 8px; } .sar-up__solution { margin-top: 41px; } .sar-up__solution-heading > p:not(.sar-up__section-label) { font-size: 15px; line-height: 1.68; } .sar-up__solution-grid { grid-template-columns: 1fr; gap: 13px; margin-top: 24px; } .sar-up__solution-item { padding: 21px 18px; } .sar-up__choice { grid-template-columns: 1fr; margin-top: 39px; } .sar-up__choice-card { padding: 23px 18px; border-radius: 19px; } .sar-up__assessment { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-up__cta { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-up__cta-actions { grid-template-columns: 1fr; } .sar-up__button { width: 100%; } } /* ========================================================= SCHERMI PICCOLI ========================================================= */ @media (max-width: 440px) { .sar-up__type { display: block; } .sar-up__type-icon { margin-bottom: 15px; } .sar-up__choice-card { display: block; } .sar-up__choice-icon { margin-bottom: 15px; } .sar-up__diagram-wall { display: none; } .sar-up__diagram-floor--lower { justify-content: center; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sar-up__button { transition: none; } .sar-up__button:hover { transform: none; } }#imCell_8 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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; } /* ========================================================= H3 — RUMORI PROVENIENTI DAL PIANO INFERIORE Classi isolate con prefisso sar-low ========================================================= */ #rumori-dal-piano-inferiore-roma { --sar-low-dark: #073b46; --sar-low-dark-deep: #042d36; --sar-low-teal: #008fa3; --sar-low-turquoise: #16bfd0; --sar-low-orange: #f58220; --sar-low-orange-dark: #dc6813; --sar-low-green: #2e9b67; --sar-low-white: #ffffff; --sar-low-cream: #fff8ed; --sar-low-light: #eefafd; --sar-low-text: #18343b; --sar-low-muted: #587078; --sar-low-border: rgba(7, 59, 70, 0.13); --sar-low-shadow: 0 20px 55px rgba(4, 45, 54, 0.11); position: relative; width: 100%; overflow: hidden; padding: clamp(68px, 8vw, 108px) 0; background: radial-gradient( circle at 100% 5%, rgba(22, 191, 208, 0.1), transparent 28% ), linear-gradient( 180deg, #ffffff 0%, #f7fcfd 100% ); color: var(--sar-low-text); } #rumori-dal-piano-inferiore-roma, #rumori-dal-piano-inferiore-roma *, #rumori-dal-piano-inferiore-roma *::before, #rumori-dal-piano-inferiore-roma *::after { box-sizing: border-box; } /* ========================================================= CONTENITORE ========================================================= */ .sar-low__container { width: min(100% - 40px, 1240px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .sar-low__header { max-width: 970px; margin: 0 auto 47px; text-align: center; } .sar-low__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 15px; padding: 8px 14px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-low-teal); font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.055em; text-transform: uppercase; } .sar-low__title { margin: 0; color: var(--sar-low-dark-deep); font-size: clamp(31px, 4vw, 52px); font-weight: 900; line-height: 1.1; letter-spacing: -0.037em; text-wrap: balance; } .sar-low__title span { color: var(--sar-low-teal); } .sar-low__direct-answer { max-width: 910px; margin: 22px auto 0; color: var(--sar-low-dark); font-size: clamp(18px, 1.65vw, 21px); font-weight: 700; line-height: 1.65; } .sar-low__intro { max-width: 890px; margin: 17px auto 0; color: var(--sar-low-muted); font-size: 16px; font-weight: 500; line-height: 1.75; } /* ========================================================= TITOLI INTERNI ========================================================= */ .sar-low__section-label { margin: 0 0 9px; color: var(--sar-low-orange); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-low__section-title { margin: 0; color: var(--sar-low-dark-deep); font-size: clamp(26px, 3.2vw, 42px); font-weight: 900; line-height: 1.16; letter-spacing: -0.029em; text-wrap: balance; } /* ========================================================= CONTENUTO PRINCIPALE ========================================================= */ .sar-low__main { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(340px, 0.88fr); gap: clamp(30px, 5vw, 60px); align-items: start; } .sar-low__content > p:not(.sar-low__section-label) { margin: 16px 0 0; color: var(--sar-low-muted); font-size: 16px; font-weight: 500; line-height: 1.73; } /* ========================================================= ELENCO RUMORI ========================================================= */ .sar-low__noise-list { display: grid; gap: 11px; margin: 26px 0 0; padding: 22px; border: 1px solid var(--sar-low-border); border-radius: 19px; background: var(--sar-low-white); box-shadow: 0 13px 38px rgba(4, 45, 54, 0.065); list-style: none; } .sar-low__noise-list li { display: flex; align-items: flex-start; gap: 11px; color: var(--sar-low-text); font-size: 14px; font-weight: 650; line-height: 1.55; } .sar-low__check { display: inline-grid; flex: 0 0 auto; place-items: center; width: 22px; height: 22px; margin-top: 1px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-low-green); font-size: 13px; font-weight: 900; } /* ========================================================= BLOCCO DIAGNOSTICO ========================================================= */ .sar-low__focus { position: sticky; top: 25px; overflow: hidden; padding: clamp(27px, 4vw, 41px); border-radius: 25px; background: linear-gradient( 145deg, var(--sar-low-dark-deep) 0%, var(--sar-low-dark) 67%, #075768 100% ); color: var(--sar-low-white); box-shadow: 0 23px 60px rgba(4, 45, 54, 0.2); } .sar-low__focus::after { content: ""; position: absolute; top: -75px; right: -75px; width: 190px; height: 190px; border-radius: 50%; background: rgba(22, 191, 208, 0.16); } .sar-low__focus-icon { position: relative; z-index: 1; display: grid; place-items: center; width: 65px; height: 65px; margin-bottom: 21px; border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 19px; background: rgba(255, 255, 255, 0.1); color: #8be5ed; } .sar-low__focus-label { position: relative; z-index: 1; margin: 0 0 8px; color: #8be5ed; font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.075em; text-transform: uppercase; } .sar-low__focus-title { position: relative; z-index: 1; display: block; color: var(--sar-low-white); font-size: clamp(22px, 2.3vw, 29px); font-weight: 900; line-height: 1.25; } .sar-low__focus-text { position: relative; z-index: 1; margin: 17px 0 0; color: rgba(255, 255, 255, 0.86); font-size: 15px; font-weight: 500; line-height: 1.7; } .sar-low__focus-note { position: relative; z-index: 1; display: flex; align-items: flex-start; gap: 11px; margin-top: 23px; padding: 15px; border: 1px solid rgba(245, 130, 32, 0.3); border-radius: 15px; background: rgba(245, 130, 32, 0.11); } .sar-low__focus-note > span { display: grid; flex: 0 0 auto; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: var(--sar-low-orange); color: var(--sar-low-white); font-size: 14px; font-weight: 900; } .sar-low__focus-note p { margin: 0; color: rgba(255, 255, 255, 0.9); font-size: 13px; font-weight: 650; line-height: 1.55; } /* ========================================================= VIE DI TRASMISSIONE ========================================================= */ .sar-low__routes { margin-top: clamp(47px, 7vw, 78px); padding: clamp(30px, 5vw, 56px); border-radius: 28px; background: var(--sar-low-cream); } .sar-low__routes-heading { max-width: 900px; } .sar-low__routes-heading > p:not(.sar-low__section-label) { margin: 16px 0 0; color: var(--sar-low-muted); font-size: 16px; font-weight: 500; line-height: 1.72; } .sar-low__routes-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 30px; } .sar-low__route { min-width: 0; padding: 23px 20px; border: 1px solid var(--sar-low-border); border-radius: 18px; background: rgba(255, 255, 255, 0.92); box-shadow: 0 10px 30px rgba(4, 45, 54, 0.055); } .sar-low__route-number { display: inline-flex; margin-bottom: 13px; color: var(--sar-low-orange); font-size: 12px; font-weight: 900; letter-spacing: 0.065em; } .sar-low__route h5 { margin: 0; color: var(--sar-low-dark); font-size: 18px; font-weight: 900; line-height: 1.3; } .sar-low__route p { margin: 10px 0 0; color: var(--sar-low-muted); font-size: 13px; font-weight: 500; line-height: 1.62; } /* ========================================================= SOLUZIONE PAVIMENTO ========================================================= */ .sar-low__solution { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(330px, 0.9fr); gap: clamp(30px, 5vw, 60px); align-items: center; margin-top: clamp(47px, 7vw, 78px); } .sar-low__solution-content > p:not(.sar-low__section-label) { margin: 16px 0 0; color: var(--sar-low-muted); font-size: 16px; font-weight: 500; line-height: 1.72; } .sar-low__internal-link { display: inline-flex; align-items: center; gap: 9px; margin-top: 23px; color: var(--sar-low-teal); font-size: 15px; font-weight: 850; line-height: 1.4; text-decoration: none; } .sar-low__internal-link:hover { text-decoration: underline; text-underline-offset: 4px; } .sar-low__internal-link:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.38); outline-offset: 4px; border-radius: 5px; } .sar-low__solution-card { padding: clamp(25px, 4vw, 38px); border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 23px; background: linear-gradient( 145deg, #ffffff 0%, var(--sar-low-light) 100% ); box-shadow: var(--sar-low-shadow); } .sar-low__solution-card-label { margin: 0 0 17px; color: var(--sar-low-dark); font-size: 20px; font-weight: 900; line-height: 1.35; } .sar-low__solution-list { display: grid; gap: 11px; margin: 0; padding: 0; list-style: none; } .sar-low__solution-list li { display: flex; align-items: flex-start; gap: 10px; color: var(--sar-low-text); font-size: 14px; font-weight: 650; line-height: 1.5; } .sar-low__solution-list li span { display: grid; flex: 0 0 auto; place-items: center; width: 21px; height: 21px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-low-green); font-size: 12px; font-weight: 900; } /* ========================================================= SCELTA INTERVENTO ========================================================= */ .sar-low__choice { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: clamp(47px, 7vw, 77px); } .sar-low__choice-card { padding: clamp(26px, 4vw, 39px); border: 1px solid var(--sar-low-border); border-radius: 23px; background: var(--sar-low-white); box-shadow: 0 15px 44px rgba(4, 45, 54, 0.07); } .sar-low__choice-card--complete { border-color: rgba(0, 143, 163, 0.22); background: var(--sar-low-light); } .sar-low__choice-tag { display: inline-flex; margin-bottom: 15px; padding: 6px 10px; border-radius: 8px; background: rgba(245, 130, 32, 0.11); color: var(--sar-low-orange); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.055em; text-transform: uppercase; } .sar-low__choice-card--complete .sar-low__choice-tag { background: rgba(0, 143, 163, 0.1); color: var(--sar-low-teal); } .sar-low__choice-card h4 { margin: 0; color: var(--sar-low-dark); font-size: clamp(22px, 2.5vw, 30px); font-weight: 900; line-height: 1.23; letter-spacing: -0.022em; } .sar-low__choice-card p { margin: 14px 0 0; color: var(--sar-low-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } .sar-low__choice-card a { display: inline-flex; margin-top: 17px; color: var(--sar-low-teal); font-size: 14px; font-weight: 850; line-height: 1.4; text-decoration: none; } .sar-low__choice-card a:hover { text-decoration: underline; text-underline-offset: 4px; } /* ========================================================= SOPRALLUOGO ========================================================= */ .sar-low__assessment { display: grid; grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr); gap: clamp(30px, 5vw, 62px); align-items: start; margin-top: clamp(47px, 7vw, 78px); padding: clamp(30px, 5vw, 56px); border: 1px solid var(--sar-low-border); border-radius: 27px; background: var(--sar-low-white); box-shadow: var(--sar-low-shadow); } .sar-low__assessment-heading > p:not(.sar-low__section-label) { margin: 16px 0 0; color: var(--sar-low-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-low__steps { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; } .sar-low__step { display: flex; align-items: flex-start; gap: 15px; padding: 18px; border: 1px solid rgba(7, 59, 70, 0.1); border-radius: 16px; background: var(--sar-low-light); } .sar-low__step-number { display: grid; flex: 0 0 auto; place-items: center; width: 34px; height: 34px; border-radius: 11px; background: var(--sar-low-dark); color: var(--sar-low-white); font-size: 13px; font-weight: 900; } .sar-low__step strong { display: block; color: var(--sar-low-dark); font-size: 16px; font-weight: 900; line-height: 1.3; } .sar-low__step p { margin: 5px 0 0; color: var(--sar-low-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } /* ========================================================= CTA FINALE ========================================================= */ .sar-low__cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 36px; align-items: center; margin-top: clamp(47px, 7vw, 76px); padding: clamp(29px, 5vw, 52px); border-radius: 27px; background: linear-gradient( 132deg, var(--sar-low-dark-deep) 0%, var(--sar-low-dark) 66%, #07596a 100% ); box-shadow: 0 23px 62px rgba(4, 45, 54, 0.19); } .sar-low__cta-label { margin: 0 0 8px; color: #86e4ec; font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-low__cta-title { max-width: 790px; margin: 0; color: var(--sar-low-white); font-size: clamp(25px, 3vw, 39px); font-weight: 900; line-height: 1.17; letter-spacing: -0.028em; text-wrap: balance; } .sar-low__cta-text { max-width: 810px; margin: 14px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 15px; font-weight: 500; line-height: 1.68; } .sar-low__cta-actions { display: grid; gap: 11px; min-width: 260px; } .sar-low__button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 54px; padding: 13px 19px; border: 2px solid transparent; border-radius: 12px; font-size: 14px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, color 180ms ease, box-shadow 180ms ease; } .sar-low__button:hover { transform: translateY(-2px); } .sar-low__button:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; } .sar-low__button--primary { background: var(--sar-low-orange); color: var(--sar-low-white); box-shadow: 0 12px 28px rgba(245, 130, 32, 0.26); } .sar-low__button--primary:hover { background: var(--sar-low-orange-dark); } .sar-low__button--whatsapp { border-color: #25d366; background: #25d366; color: var(--sar-low-white); box-shadow: 0 12px 28px rgba(37, 211, 102, 0.22); } .sar-low__button--whatsapp:hover { border-color: #1ebe5d; background: #1ebe5d; box-shadow: 0 14px 30px rgba(37, 211, 102, 0.3); } .sar-low__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-low-white); } .sar-low__button--phone:hover { border-color: rgba(255, 255, 255, 0.53); background: rgba(255, 255, 255, 0.15); } .sar-low__button--phone span { display: grid; gap: 1px; } .sar-low__button--phone strong { font-size: 15px; font-weight: 900; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1050px) { .sar-low__routes-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-low__solution { grid-template-columns: 1fr; } .sar-low__solution-card { max-width: 720px; } .sar-low__assessment { grid-template-columns: 1fr; } .sar-low__cta { grid-template-columns: 1fr; } .sar-low__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); min-width: 0; } } /* ========================================================= TABLET PICCOLO E MOBILE ========================================================= */ @media (max-width: 780px) { .sar-low__main { grid-template-columns: 1fr; } .sar-low__focus { position: relative; top: auto; } .sar-low__choice { grid-template-columns: 1fr; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 720px) { #rumori-dal-piano-inferiore-roma { padding: 57px 0; } .sar-low__container { width: min(100% - 28px, 1240px); } .sar-low__header { margin-bottom: 32px; text-align: left; } .sar-low__eyebrow { justify-content: flex-start; padding: 7px 11px; font-size: 10px; } .sar-low__title { font-size: clamp(30px, 9vw, 42px); } .sar-low__title span { display: block; margin-top: 4px; } .sar-low__direct-answer { margin-top: 18px; font-size: 17px; line-height: 1.6; } .sar-low__intro { font-size: 15px; line-height: 1.68; } .sar-low__section-title { font-size: 27px; } .sar-low__content > p:not(.sar-low__section-label) { font-size: 15px; line-height: 1.68; } .sar-low__noise-list { padding: 20px 17px; border-radius: 17px; } .sar-low__focus { padding: 25px 20px; border-radius: 21px; } .sar-low__routes { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-low__routes-grid { grid-template-columns: 1fr; gap: 13px; margin-top: 24px; } .sar-low__route { padding: 21px 18px; } .sar-low__solution { margin-top: 40px; } .sar-low__solution-content > p:not(.sar-low__section-label) { font-size: 15px; line-height: 1.68; } .sar-low__solution-card { padding: 23px 19px; border-radius: 19px; } .sar-low__choice { margin-top: 39px; } .sar-low__choice-card { padding: 24px 19px; border-radius: 19px; } .sar-low__assessment { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-low__step { padding: 16px 14px; } .sar-low__cta { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-low__cta-actions { grid-template-columns: 1fr; } .sar-low__button { width: 100%; } } /* ========================================================= SCHERMI MOLTO PICCOLI ========================================================= */ @media (max-width: 420px) { .sar-low__focus-title { font-size: 21px; } .sar-low__noise-list li, .sar-low__solution-list li { font-size: 13px; } .sar-low__internal-link { align-items: flex-start; font-size: 13px; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sar-low__button { transition: none; } .sar-low__button:hover { transform: none; } }#imCell_9 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_09 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_9 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_9 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H3 — TRAFFICO, STRADA, TRENI E RUMORI ESTERNI Classi isolate con prefisso sar-ext ========================================================= */ #traffico-strada-treni-rumori-esterni-roma { --sar-ext-dark: #073b46; --sar-ext-dark-deep: #042d36; --sar-ext-teal: #008fa3; --sar-ext-turquoise: #16bfd0; --sar-ext-orange: #f58220; --sar-ext-orange-dark: #dc6813; --sar-ext-green: #2e9b67; --sar-ext-red: #c95542; --sar-ext-white: #ffffff; --sar-ext-cream: #fff8ed; --sar-ext-light: #eefafd; --sar-ext-text: #18343b; --sar-ext-muted: #587078; --sar-ext-border: rgba(7, 59, 70, 0.13); --sar-ext-shadow: 0 20px 55px rgba(4, 45, 54, 0.11); position: relative; width: 100%; overflow: hidden; padding: clamp(68px, 8vw, 108px) 0; background: radial-gradient( circle at 0% 4%, rgba(245, 130, 32, 0.08), transparent 27% ), linear-gradient( 180deg, #ffffff 0%, #f6fcfd 100% ); color: var(--sar-ext-text); } #traffico-strada-treni-rumori-esterni-roma, #traffico-strada-treni-rumori-esterni-roma *, #traffico-strada-treni-rumori-esterni-roma *::before, #traffico-strada-treni-rumori-esterni-roma *::after { box-sizing: border-box; } /* ========================================================= CONTENITORE ========================================================= */ .sar-ext__container { width: min(100% - 40px, 1240px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .sar-ext__header { max-width: 980px; margin: 0 auto 47px; text-align: center; } .sar-ext__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 15px; padding: 8px 14px; border: 1px solid rgba(245, 130, 32, 0.22); border-radius: 999px; background: rgba(245, 130, 32, 0.08); color: var(--sar-ext-orange); font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.055em; text-transform: uppercase; } .sar-ext__title { margin: 0; color: var(--sar-ext-dark-deep); font-size: clamp(31px, 4vw, 52px); font-weight: 900; line-height: 1.1; letter-spacing: -0.037em; text-wrap: balance; } .sar-ext__title span { color: var(--sar-ext-teal); } .sar-ext__direct-answer { max-width: 920px; margin: 22px auto 0; color: var(--sar-ext-dark); font-size: clamp(18px, 1.65vw, 21px); font-weight: 700; line-height: 1.65; } .sar-ext__intro { max-width: 900px; margin: 17px auto 0; color: var(--sar-ext-muted); font-size: 16px; font-weight: 500; line-height: 1.75; } /* ========================================================= TITOLI INTERNI ========================================================= */ .sar-ext__section-label { margin: 0 0 9px; color: var(--sar-ext-orange); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-ext__section-title { margin: 0; color: var(--sar-ext-dark-deep); font-size: clamp(26px, 3.2vw, 42px); font-weight: 900; line-height: 1.16; letter-spacing: -0.029em; text-wrap: balance; } /* ========================================================= FONTI DI RUMORE ========================================================= */ .sar-ext__sources { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; } .sar-ext__source { min-width: 0; padding: 25px 21px; border: 1px solid var(--sar-ext-border); border-radius: 20px; background: var(--sar-ext-white); box-shadow: 0 13px 38px rgba(4, 45, 54, 0.065); } .sar-ext__source-icon { display: grid; place-items: center; width: 57px; height: 57px; margin-bottom: 18px; border-radius: 17px; background: rgba(245, 130, 32, 0.11); color: var(--sar-ext-orange); } .sar-ext__source:nth-child(2) .sar-ext__source-icon, .sar-ext__source:nth-child(4) .sar-ext__source-icon { background: rgba(22, 191, 208, 0.11); color: var(--sar-ext-teal); } .sar-ext__source-title { margin: 0; color: var(--sar-ext-dark); font-size: 19px; font-weight: 900; line-height: 1.3; } .sar-ext__source p { margin: 11px 0 0; color: var(--sar-ext-muted); font-size: 13px; font-weight: 500; line-height: 1.65; } /* ========================================================= PUNTO DI INGRESSO ========================================================= */ .sar-ext__entry { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(390px, 0.98fr); gap: clamp(30px, 5vw, 62px); align-items: center; margin-top: clamp(47px, 7vw, 78px); padding: clamp(30px, 5vw, 56px); border-radius: 28px; background: linear-gradient( 135deg, var(--sar-ext-dark-deep) 0%, var(--sar-ext-dark) 67%, #075667 100% ); box-shadow: 0 23px 65px rgba(4, 45, 54, 0.19); } .sar-ext__entry .sar-ext__section-label { color: #88e7ef; } .sar-ext__entry .sar-ext__section-title { color: var(--sar-ext-white); } .sar-ext__entry-content > p:not(.sar-ext__section-label) { margin: 16px 0 0; color: rgba(255, 255, 255, 0.86); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-ext__principle { display: flex; align-items: flex-start; gap: 12px; margin-top: 23px; padding: 16px; border: 1px solid rgba(245, 130, 32, 0.32); border-radius: 15px; background: rgba(245, 130, 32, 0.11); } .sar-ext__principle-icon { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: var(--sar-ext-orange); color: var(--sar-ext-white); font-size: 15px; font-weight: 900; } .sar-ext__principle p { margin: 0; color: rgba(255, 255, 255, 0.92); font-size: 13px; font-weight: 650; line-height: 1.58; } /* ========================================================= TABELLA SEMPRE COMPLETAMENTE VISIBILE Nessuno scorrimento orizzontale su desktop, tablet o mobile ========================================================= */ .sar-ext__table-wrap { width: 100%; max-width: 100%; min-width: 0; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 20px; background: var(--sar-ext-white); box-shadow: 0 17px 42px rgba(0, 0, 0, 0.15); } .sar-ext__table { width: 100%; max-width: 100%; min-width: 0; border-collapse: collapse; table-layout: fixed; color: var(--sar-ext-text); } .sar-ext__table caption { width: 100%; max-width: 100%; padding: 18px 20px; border-bottom: 1px solid var(--sar-ext-border); color: var(--sar-ext-dark); font-size: 17px; font-weight: 900; line-height: 1.4; text-align: left; white-space: normal; overflow-wrap: anywhere; } .sar-ext__table th, .sar-ext__table td { min-width: 0; padding: 13px 17px; border-bottom: 1px solid rgba(7, 59, 70, 0.09); font-size: 13px; line-height: 1.5; text-align: left; vertical-align: top; white-space: normal; overflow-wrap: anywhere; word-break: normal; hyphens: auto; } .sar-ext__table thead th:first-child, .sar-ext__table tbody th { width: 31%; } .sar-ext__table thead th:last-child, .sar-ext__table tbody td { width: 69%; } .sar-ext__table thead th { background: var(--sar-ext-light); color: var(--sar-ext-dark); font-weight: 900; } .sar-ext__table tbody th { color: var(--sar-ext-teal); font-weight: 900; } .sar-ext__table tbody td { color: var(--sar-ext-muted); font-weight: 550; } .sar-ext__table tbody tr:last-child th, .sar-ext__table tbody tr:last-child td { border-bottom: 0; } /* ========================================================= TABELLA A SCHEDE SU SMARTPHONE Ogni riga resta visibile per intero senza barra orizzontale ========================================================= */ @media (max-width: 720px) { .sar-ext__table-wrap { overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; } .sar-ext__table, .sar-ext__table tbody { display: block; width: 100%; max-width: 100%; } .sar-ext__table caption { display: block; margin-bottom: 14px; padding: 0; border: 0; color: var(--sar-ext-white); font-size: 15px; line-height: 1.5; } .sar-ext__table thead { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; } .sar-ext__table tbody tr { display: block; width: 100%; max-width: 100%; margin-bottom: 13px; overflow: hidden; border: 1px solid var(--sar-ext-border); border-radius: 15px; background: var(--sar-ext-white); box-shadow: 0 9px 25px rgba(0, 0, 0, 0.1); } .sar-ext__table tbody tr:last-child { margin-bottom: 0; } .sar-ext__table tbody th, .sar-ext__table tbody td { display: grid; grid-template-columns: minmax(105px, 34%) minmax(0, 1fr); gap: 12px; width: 100%; max-width: 100%; padding: 13px 14px; border: 0; border-bottom: 1px solid rgba(7, 59, 70, 0.09); font-size: 13px; line-height: 1.5; } .sar-ext__table tbody tr > *:last-child { border-bottom: 0; } .sar-ext__table tbody th::before, .sar-ext__table tbody td::before { content: attr(data-label); min-width: 0; color: var(--sar-ext-dark); font-size: 10px; font-weight: 900; line-height: 1.4; letter-spacing: 0.025em; text-transform: uppercase; overflow-wrap: anywhere; } .sar-ext__table tbody th { background: var(--sar-ext-light); color: var(--sar-ext-teal); } .sar-ext__table tbody td { background: var(--sar-ext-white); } } @media (max-width: 460px) { .sar-ext__table tbody th, .sar-ext__table tbody td { grid-template-columns: 1fr; gap: 5px; } } /* ========================================================= FINESTRE ANTIRUMORE ========================================================= */ .sar-ext__windows { margin-top: clamp(47px, 7vw, 79px); } .sar-ext__windows-heading { max-width: 910px; } .sar-ext__windows-heading > p:not(.sar-ext__section-label) { margin: 16px 0 0; color: var(--sar-ext-muted); font-size: 16px; font-weight: 500; line-height: 1.72; } .sar-ext__windows-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 30px; } .sar-ext__windows-item { min-width: 0; padding: 23px 20px; border: 1px solid var(--sar-ext-border); border-radius: 18px; background: var(--sar-ext-white); box-shadow: 0 11px 32px rgba(4, 45, 54, 0.06); } .sar-ext__windows-number { display: inline-flex; margin-bottom: 13px; color: var(--sar-ext-orange); font-size: 12px; font-weight: 900; letter-spacing: 0.065em; } .sar-ext__windows-item h5 { margin: 0; color: var(--sar-ext-dark); font-size: 18px; font-weight: 900; line-height: 1.3; } .sar-ext__windows-item p { margin: 10px 0 0; color: var(--sar-ext-muted); font-size: 13px; font-weight: 500; line-height: 1.62; } .sar-ext__internal-link { display: inline-flex; align-items: center; gap: 9px; margin-top: 25px; color: var(--sar-ext-teal); font-size: 15px; font-weight: 850; line-height: 1.4; text-decoration: none; } .sar-ext__internal-link:hover { text-decoration: underline; text-underline-offset: 4px; } .sar-ext__internal-link:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.38); outline-offset: 4px; border-radius: 5px; } /* ========================================================= SERRAMENTO O INTERVENTO PIÙ COMPLETO ========================================================= */ .sar-ext__choice { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: clamp(47px, 7vw, 77px); } .sar-ext__choice-card { padding: clamp(26px, 4vw, 39px); border: 1px solid var(--sar-ext-border); border-radius: 23px; background: var(--sar-ext-cream); } .sar-ext__choice-card--complete { border-color: rgba(0, 143, 163, 0.22); background: var(--sar-ext-light); } .sar-ext__choice-tag { display: inline-flex; margin-bottom: 15px; padding: 6px 10px; border-radius: 8px; background: rgba(245, 130, 32, 0.11); color: var(--sar-ext-orange); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.055em; text-transform: uppercase; } .sar-ext__choice-card--complete .sar-ext__choice-tag { background: rgba(0, 143, 163, 0.1); color: var(--sar-ext-teal); } .sar-ext__choice-card h4 { margin: 0; color: var(--sar-ext-dark); font-size: clamp(22px, 2.5vw, 30px); font-weight: 900; line-height: 1.23; letter-spacing: -0.022em; } .sar-ext__choice-card p { margin: 14px 0 0; color: var(--sar-ext-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } .sar-ext__choice-card a { display: inline-flex; margin-top: 17px; color: var(--sar-ext-teal); font-size: 14px; font-weight: 850; line-height: 1.4; text-decoration: none; } .sar-ext__choice-card a:hover { text-decoration: underline; text-underline-offset: 4px; } /* ========================================================= ERRORI ========================================================= */ .sar-ext__mistakes { display: grid; grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr); gap: clamp(30px, 5vw, 62px); align-items: start; margin-top: clamp(47px, 7vw, 78px); padding: clamp(30px, 5vw, 55px); border: 1px solid var(--sar-ext-border); border-radius: 27px; background: var(--sar-ext-white); box-shadow: var(--sar-ext-shadow); } .sar-ext__mistakes-heading > p:not(.sar-ext__section-label) { margin: 16px 0 0; color: var(--sar-ext-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-ext__mistakes-list { display: grid; gap: 13px; margin: 0; padding: 0; list-style: none; } .sar-ext__mistakes-list li { display: flex; align-items: flex-start; gap: 13px; padding: 17px; border: 1px solid rgba(201, 85, 66, 0.14); border-radius: 15px; background: rgba(201, 85, 66, 0.045); } .sar-ext__mistakes-list li > span { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: rgba(201, 85, 66, 0.13); color: var(--sar-ext-red); font-size: 17px; font-weight: 900; } .sar-ext__mistakes-list strong { display: block; color: var(--sar-ext-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-ext__mistakes-list p { margin: 5px 0 0; color: var(--sar-ext-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } /* ========================================================= CTA FINALE ========================================================= */ .sar-ext__cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 36px; align-items: center; margin-top: clamp(47px, 7vw, 76px); padding: clamp(29px, 5vw, 52px); border-radius: 27px; background: linear-gradient( 132deg, var(--sar-ext-dark-deep) 0%, var(--sar-ext-dark) 66%, #07596a 100% ); box-shadow: 0 23px 62px rgba(4, 45, 54, 0.19); } .sar-ext__cta-label { margin: 0 0 8px; color: #86e4ec; font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-ext__cta-title { max-width: 790px; margin: 0; color: var(--sar-ext-white); font-size: clamp(25px, 3vw, 39px); font-weight: 900; line-height: 1.17; letter-spacing: -0.028em; text-wrap: balance; } .sar-ext__cta-text { max-width: 810px; margin: 14px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 15px; font-weight: 500; line-height: 1.68; } .sar-ext__cta-actions { display: grid; gap: 11px; min-width: 260px; } .sar-ext__button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 54px; padding: 13px 19px; border: 2px solid transparent; border-radius: 12px; font-size: 14px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, color 180ms ease, box-shadow 180ms ease; } .sar-ext__button:hover { transform: translateY(-2px); } .sar-ext__button:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; } .sar-ext__button--primary { background: var(--sar-ext-orange); color: var(--sar-ext-white); box-shadow: 0 12px 28px rgba(245, 130, 32, 0.26); } .sar-ext__button--primary:hover { background: var(--sar-ext-orange-dark); } .sar-ext__button--whatsapp { border-color: #25d366; background: #25d366; color: var(--sar-ext-white); box-shadow: 0 12px 28px rgba(37, 211, 102, 0.22); } .sar-ext__button--whatsapp:hover { border-color: #1ebe5d; background: #1ebe5d; box-shadow: 0 14px 30px rgba(37, 211, 102, 0.3); } .sar-ext__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-ext-white); } .sar-ext__button--phone:hover { border-color: rgba(255, 255, 255, 0.53); background: rgba(255, 255, 255, 0.15); } .sar-ext__button--phone span { display: grid; gap: 1px; } .sar-ext__button--phone strong { font-size: 15px; font-weight: 900; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1080px) { .sar-ext__sources, .sar-ext__windows-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-ext__entry { grid-template-columns: 1fr; } .sar-ext__table-wrap { width: min(100%, 760px); } .sar-ext__mistakes { grid-template-columns: 1fr; } .sar-ext__cta { grid-template-columns: 1fr; } .sar-ext__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); min-width: 0; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 720px) { #traffico-strada-treni-rumori-esterni-roma { padding: 57px 0; } .sar-ext__container { width: min(100% - 28px, 1240px); } .sar-ext__header { margin-bottom: 32px; text-align: left; } .sar-ext__eyebrow { justify-content: flex-start; padding: 7px 11px; font-size: 10px; } .sar-ext__title { font-size: clamp(30px, 9vw, 42px); } .sar-ext__title span { display: block; margin-top: 4px; } .sar-ext__direct-answer { margin-top: 18px; font-size: 17px; line-height: 1.6; } .sar-ext__intro { font-size: 15px; line-height: 1.68; } .sar-ext__section-title { font-size: 27px; } .sar-ext__sources, .sar-ext__windows-grid { grid-template-columns: 1fr; gap: 13px; } .sar-ext__source { padding: 21px 18px; border-radius: 18px; } .sar-ext__source-icon { width: 50px; height: 50px; margin-bottom: 14px; border-radius: 14px; } .sar-ext__entry { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-ext__windows { margin-top: 40px; } .sar-ext__windows-heading > p:not(.sar-ext__section-label) { font-size: 15px; line-height: 1.68; } .sar-ext__windows-grid { margin-top: 24px; } .sar-ext__windows-item { padding: 21px 18px; } .sar-ext__choice { grid-template-columns: 1fr; margin-top: 39px; } .sar-ext__choice-card { padding: 24px 19px; border-radius: 19px; } .sar-ext__mistakes { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-ext__cta { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-ext__cta-actions { grid-template-columns: 1fr; } .sar-ext__button { width: 100%; } } /* ========================================================= SCHERMI MOLTO PICCOLI ========================================================= */ @media (max-width: 420px) { .sar-ext__source-title { font-size: 18px; } .sar-ext__internal-link { align-items: flex-start; font-size: 13px; } .sar-ext__table caption { font-size: 15px; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sar-ext__button { transition: none; } .sar-ext__button:hover { transform: none; } }#imCell_10 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_10 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_10 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_10 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H3 — IMPIANTI, SCARICHI E VIBRAZIONI Classi isolate con prefisso sar-imp ========================================================= */ #impianti-scarichi-vibrazioni-roma { --sar-imp-dark: #073b46; --sar-imp-dark-deep: #042d36; --sar-imp-teal: #008fa3; --sar-imp-turquoise: #16bfd0; --sar-imp-orange: #f58220; --sar-imp-orange-dark: #dc6813; --sar-imp-green: #2e9b67; --sar-imp-white: #ffffff; --sar-imp-cream: #fff8ed; --sar-imp-light: #eefafd; --sar-imp-text: #18343b; --sar-imp-muted: #587078; --sar-imp-border: rgba(7, 59, 70, 0.13); --sar-imp-shadow: 0 20px 55px rgba(4, 45, 54, 0.11); position: relative; width: 100%; overflow: hidden; padding: clamp(68px, 8vw, 108px) 0; background: radial-gradient( circle at 100% 2%, rgba(22, 191, 208, 0.1), transparent 27% ), linear-gradient( 180deg, #ffffff 0%, #f6fcfd 100% ); color: var(--sar-imp-text); } #impianti-scarichi-vibrazioni-roma, #impianti-scarichi-vibrazioni-roma *, #impianti-scarichi-vibrazioni-roma *::before, #impianti-scarichi-vibrazioni-roma *::after { box-sizing: border-box; } /* ========================================================= CONTENITORE ========================================================= */ .sar-imp__container { width: min(100% - 40px, 1240px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .sar-imp__header { max-width: 980px; margin: 0 auto 47px; text-align: center; } .sar-imp__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 15px; padding: 8px 14px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-imp-teal); font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.055em; text-transform: uppercase; } .sar-imp__title { margin: 0; color: var(--sar-imp-dark-deep); font-size: clamp(31px, 4vw, 52px); font-weight: 900; line-height: 1.1; letter-spacing: -0.037em; text-wrap: balance; } .sar-imp__title span { color: var(--sar-imp-teal); } .sar-imp__direct-answer { max-width: 930px; margin: 22px auto 0; color: var(--sar-imp-dark); font-size: clamp(18px, 1.65vw, 21px); font-weight: 700; line-height: 1.65; } .sar-imp__intro { max-width: 900px; margin: 17px auto 0; color: var(--sar-imp-muted); font-size: 16px; font-weight: 500; line-height: 1.75; } /* ========================================================= TITOLI INTERNI ========================================================= */ .sar-imp__section-label { margin: 0 0 9px; color: var(--sar-imp-orange); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-imp__section-title { margin: 0; color: var(--sar-imp-dark-deep); font-size: clamp(26px, 3.2vw, 42px); font-weight: 900; line-height: 1.16; letter-spacing: -0.029em; text-wrap: balance; } /* ========================================================= SORGENTI ========================================================= */ .sar-imp__sources { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; } .sar-imp__source { min-width: 0; padding: 25px 21px; border: 1px solid var(--sar-imp-border); border-radius: 20px; background: var(--sar-imp-white); box-shadow: 0 13px 38px rgba(4, 45, 54, 0.065); } .sar-imp__source-icon { display: grid; place-items: center; width: 57px; height: 57px; margin-bottom: 18px; border-radius: 17px; background: rgba(22, 191, 208, 0.11); color: var(--sar-imp-teal); } .sar-imp__source:nth-child(2) .sar-imp__source-icon, .sar-imp__source:nth-child(4) .sar-imp__source-icon { background: rgba(245, 130, 32, 0.11); color: var(--sar-imp-orange); } .sar-imp__source-title { margin: 0; color: var(--sar-imp-dark); font-size: 19px; font-weight: 900; line-height: 1.3; } .sar-imp__source p { margin: 11px 0 0; color: var(--sar-imp-muted); font-size: 13px; font-weight: 500; line-height: 1.65; } /* ========================================================= RUMORE AEREO E VIBRAZIONE ========================================================= */ .sar-imp__difference { margin-top: clamp(47px, 7vw, 78px); padding: clamp(30px, 5vw, 56px); border-radius: 28px; background: linear-gradient( 135deg, var(--sar-imp-dark-deep) 0%, var(--sar-imp-dark) 67%, #075667 100% ); box-shadow: 0 23px 65px rgba(4, 45, 54, 0.19); } .sar-imp__difference-heading { max-width: 920px; } .sar-imp__difference .sar-imp__section-label { color: #87e5ed; } .sar-imp__difference .sar-imp__section-title { color: var(--sar-imp-white); } .sar-imp__difference-heading > p:not(.sar-imp__section-label) { margin: 16px 0 0; color: rgba(255, 255, 255, 0.86); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-imp__difference-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 29px; } .sar-imp__difference-card { padding: clamp(24px, 4vw, 36px); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 21px; background: rgba(255, 255, 255, 0.96); box-shadow: 0 16px 40px rgba(0, 0, 0, 0.13); } .sar-imp__difference-icon { display: grid; place-items: center; width: 61px; height: 61px; margin-bottom: 18px; border-radius: 18px; background: rgba(22, 191, 208, 0.11); color: var(--sar-imp-teal); } .sar-imp__difference-card--vibration .sar-imp__difference-icon { background: rgba(245, 130, 32, 0.12); color: var(--sar-imp-orange); } .sar-imp__difference-label { margin: 0 0 7px; color: var(--sar-imp-teal); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-imp__difference-card--vibration .sar-imp__difference-label { color: var(--sar-imp-orange); } .sar-imp__difference-card h5 { margin: 0; color: var(--sar-imp-dark); font-size: clamp(21px, 2.3vw, 28px); font-weight: 900; line-height: 1.25; } .sar-imp__difference-card > p:last-child { margin: 13px 0 0; color: var(--sar-imp-muted); font-size: 14px; font-weight: 500; line-height: 1.68; } /* ========================================================= SEGNALI ========================================================= */ .sar-imp__signals { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: clamp(30px, 5vw, 62px); align-items: center; margin-top: clamp(47px, 7vw, 78px); padding: clamp(30px, 5vw, 55px); border: 1px solid var(--sar-imp-border); border-radius: 27px; background: var(--sar-imp-white); box-shadow: var(--sar-imp-shadow); } .sar-imp__signals-content > p:not(.sar-imp__section-label) { margin: 16px 0 0; color: var(--sar-imp-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-imp__signals-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; } .sar-imp__signals-list li { display: flex; align-items: flex-start; gap: 10px; padding: 15px; border-radius: 14px; background: var(--sar-imp-light); } .sar-imp__signals-list li > span { display: grid; flex: 0 0 auto; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-imp-green); font-size: 12px; font-weight: 900; } .sar-imp__signals-list p { margin: 0; color: var(--sar-imp-dark); font-size: 13px; font-weight: 700; line-height: 1.52; } /* ========================================================= AVVERTIMENTO ========================================================= */ .sar-imp__warning { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 21px; align-items: start; margin-top: clamp(47px, 7vw, 76px); padding: clamp(28px, 5vw, 47px); border: 1px solid rgba(245, 130, 32, 0.22); border-radius: 25px; background: var(--sar-imp-cream); } .sar-imp__warning-icon { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 18px; background: var(--sar-imp-orange); color: var(--sar-imp-white); font-size: 28px; font-weight: 900; } .sar-imp__warning-label { margin: 0 0 8px; color: var(--sar-imp-orange); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-imp__warning-title { max-width: 930px; margin: 0; color: var(--sar-imp-dark); font-size: clamp(24px, 3vw, 37px); font-weight: 900; line-height: 1.19; letter-spacing: -0.027em; } .sar-imp__warning-content > p:not(.sar-imp__warning-label) { margin: 15px 0 0; color: var(--sar-imp-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } /* ========================================================= SOPRALLUOGO ========================================================= */ .sar-imp__assessment { display: grid; grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr); gap: clamp(30px, 5vw, 62px); align-items: start; margin-top: clamp(47px, 7vw, 78px); } .sar-imp__assessment-heading > p:not(.sar-imp__section-label) { margin: 16px 0 0; color: var(--sar-imp-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-imp__steps { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; } .sar-imp__step { display: flex; align-items: flex-start; gap: 15px; padding: 18px; border: 1px solid rgba(7, 59, 70, 0.1); border-radius: 16px; background: var(--sar-imp-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-imp__step-number { display: grid; flex: 0 0 auto; place-items: center; width: 34px; height: 34px; border-radius: 11px; background: var(--sar-imp-dark); color: var(--sar-imp-white); font-size: 13px; font-weight: 900; } .sar-imp__step strong { display: block; color: var(--sar-imp-dark); font-size: 16px; font-weight: 900; line-height: 1.3; } .sar-imp__step p { margin: 5px 0 0; color: var(--sar-imp-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } /* ========================================================= STRATEGIE ========================================================= */ .sar-imp__strategies { margin-top: clamp(47px, 7vw, 78px); padding: clamp(30px, 5vw, 55px); border-radius: 27px; background: var(--sar-imp-light); } .sar-imp__strategies-heading { max-width: 850px; } .sar-imp__strategies-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 29px; } .sar-imp__strategy { min-width: 0; padding: 23px 20px; border: 1px solid var(--sar-imp-border); border-radius: 18px; background: var(--sar-imp-white); box-shadow: 0 10px 30px rgba(4, 45, 54, 0.055); } .sar-imp__strategy-number { display: inline-flex; margin-bottom: 13px; color: var(--sar-imp-orange); font-size: 12px; font-weight: 900; letter-spacing: 0.065em; } .sar-imp__strategy h5 { margin: 0; color: var(--sar-imp-dark); font-size: 18px; font-weight: 900; line-height: 1.3; } .sar-imp__strategy p { margin: 10px 0 0; color: var(--sar-imp-muted); font-size: 13px; font-weight: 500; line-height: 1.62; } /* ========================================================= INTERVENTO PARZIALE O COMPLETO ========================================================= */ .sar-imp__choice { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: clamp(47px, 7vw, 77px); } .sar-imp__choice-card { padding: clamp(26px, 4vw, 39px); border: 1px solid var(--sar-imp-border); border-radius: 23px; background: var(--sar-imp-white); box-shadow: 0 15px 44px rgba(4, 45, 54, 0.07); } .sar-imp__choice-card--complete { border-color: rgba(0, 143, 163, 0.22); background: var(--sar-imp-light); } .sar-imp__choice-tag { display: inline-flex; margin-bottom: 15px; padding: 6px 10px; border-radius: 8px; background: rgba(245, 130, 32, 0.11); color: var(--sar-imp-orange); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.055em; text-transform: uppercase; } .sar-imp__choice-card--complete .sar-imp__choice-tag { background: rgba(0, 143, 163, 0.1); color: var(--sar-imp-teal); } .sar-imp__choice-card h4 { margin: 0; color: var(--sar-imp-dark); font-size: clamp(22px, 2.5vw, 30px); font-weight: 900; line-height: 1.23; letter-spacing: -0.022em; } .sar-imp__choice-card p { margin: 14px 0 0; color: var(--sar-imp-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } .sar-imp__choice-card a { display: inline-flex; margin-top: 17px; color: var(--sar-imp-teal); font-size: 14px; font-weight: 850; line-height: 1.4; text-decoration: none; } .sar-imp__choice-card a:hover { text-decoration: underline; text-underline-offset: 4px; } /* ========================================================= CTA FINALE ========================================================= */ .sar-imp__cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 36px; align-items: center; margin-top: clamp(47px, 7vw, 76px); padding: clamp(29px, 5vw, 52px); border-radius: 27px; background: linear-gradient( 132deg, var(--sar-imp-dark-deep) 0%, var(--sar-imp-dark) 66%, #07596a 100% ); box-shadow: 0 23px 62px rgba(4, 45, 54, 0.19); } .sar-imp__cta-label { margin: 0 0 8px; color: #86e4ec; font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-imp__cta-title { max-width: 800px; margin: 0; color: var(--sar-imp-white); font-size: clamp(25px, 3vw, 39px); font-weight: 900; line-height: 1.17; letter-spacing: -0.028em; text-wrap: balance; } .sar-imp__cta-text { max-width: 820px; margin: 14px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 15px; font-weight: 500; line-height: 1.68; } .sar-imp__cta-actions { display: grid; gap: 11px; min-width: 260px; } .sar-imp__button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 54px; padding: 13px 19px; border: 2px solid transparent; border-radius: 12px; font-size: 14px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, color 180ms ease, box-shadow 180ms ease; } .sar-imp__button:hover { transform: translateY(-2px); } .sar-imp__button:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; } .sar-imp__button--primary { background: var(--sar-imp-orange); color: var(--sar-imp-white); box-shadow: 0 12px 28px rgba(245, 130, 32, 0.26); } .sar-imp__button--primary:hover { background: var(--sar-imp-orange-dark); } .sar-imp__button--whatsapp { border-color: #25d366; background: #25d366; color: var(--sar-imp-white); box-shadow: 0 12px 28px rgba(37, 211, 102, 0.22); } .sar-imp__button--whatsapp:hover { border-color: #1ebe5d; background: #1ebe5d; box-shadow: 0 14px 30px rgba(37, 211, 102, 0.3); } .sar-imp__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-imp-white); } .sar-imp__button--phone:hover { border-color: rgba(255, 255, 255, 0.53); background: rgba(255, 255, 255, 0.15); } .sar-imp__button--phone span { display: grid; gap: 1px; } .sar-imp__button--phone strong { font-size: 15px; font-weight: 900; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1080px) { .sar-imp__sources, .sar-imp__strategies-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-imp__signals, .sar-imp__assessment { grid-template-columns: 1fr; } .sar-imp__cta { grid-template-columns: 1fr; } .sar-imp__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); min-width: 0; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 720px) { #impianti-scarichi-vibrazioni-roma { padding: 57px 0; } .sar-imp__container { width: min(100% - 28px, 1240px); } .sar-imp__header { margin-bottom: 32px; text-align: left; } .sar-imp__eyebrow { justify-content: flex-start; padding: 7px 11px; font-size: 10px; } .sar-imp__title { font-size: clamp(30px, 9vw, 42px); } .sar-imp__title span { display: block; margin-top: 4px; } .sar-imp__direct-answer { margin-top: 18px; font-size: 17px; line-height: 1.6; } .sar-imp__intro { font-size: 15px; line-height: 1.68; } .sar-imp__section-title { font-size: 27px; } .sar-imp__sources, .sar-imp__strategies-grid { grid-template-columns: 1fr; gap: 13px; } .sar-imp__source { padding: 21px 18px; border-radius: 18px; } .sar-imp__source-icon { width: 50px; height: 50px; margin-bottom: 14px; border-radius: 14px; } .sar-imp__difference { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-imp__difference-grid { grid-template-columns: 1fr; gap: 14px; margin-top: 23px; } .sar-imp__difference-card { padding: 23px 19px; border-radius: 18px; } .sar-imp__signals { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-imp__signals-list { grid-template-columns: 1fr; } .sar-imp__warning { grid-template-columns: 1fr; margin-top: 39px; padding: 25px 20px; border-radius: 20px; } .sar-imp__warning-icon { width: 51px; height: 51px; border-radius: 15px; } .sar-imp__assessment { margin-top: 39px; } .sar-imp__step { padding: 16px 14px; } .sar-imp__strategies { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-imp__strategies-grid { margin-top: 23px; } .sar-imp__strategy { padding: 21px 18px; } .sar-imp__choice { grid-template-columns: 1fr; margin-top: 39px; } .sar-imp__choice-card { padding: 24px 19px; border-radius: 19px; } .sar-imp__cta { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-imp__cta-actions { grid-template-columns: 1fr; } .sar-imp__button { width: 100%; } } /* ========================================================= SCHERMI MOLTO PICCOLI ========================================================= */ @media (max-width: 420px) { .sar-imp__source-title { font-size: 18px; } .sar-imp__difference-card h5 { font-size: 20px; } .sar-imp__signals-list p { font-size: 12px; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sar-imp__button { transition: none; } .sar-imp__button:hover { transform: none; } }#imCell_11 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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; } /* ========================================================= H2 — DA DOVE ENTRA IL RUMORE IN UN APPARTAMENTO Pagina: isolamento-acustico-roma.html Classi isolate con prefisso sar-entry ========================================================= */ #da-dove-entra-rumore { --sar-entry-dark: #073b46; --sar-entry-dark-deep: #042d36; --sar-entry-teal: #008fa3; --sar-entry-turquoise: #16bfd0; --sar-entry-orange: #f58220; --sar-entry-orange-dark: #dc6813; --sar-entry-green: #2e9b67; --sar-entry-red: #c95542; --sar-entry-white: #ffffff; --sar-entry-cream: #fff8ed; --sar-entry-light: #eefafd; --sar-entry-text: #18343b; --sar-entry-muted: #587078; --sar-entry-border: rgba(7, 59, 70, 0.13); --sar-entry-shadow: 0 20px 55px rgba(4, 45, 54, 0.11); position: relative; width: 100%; overflow: hidden; padding: clamp(70px, 8vw, 110px) 0; background: radial-gradient( circle at 100% 0%, rgba(22, 191, 208, 0.1), transparent 27% ), linear-gradient( 180deg, #ffffff 0%, #f6fcfd 100% ); color: var(--sar-entry-text); } #da-dove-entra-rumore, #da-dove-entra-rumore *, #da-dove-entra-rumore *::before, #da-dove-entra-rumore *::after { box-sizing: border-box; } /* ========================================================= CONTENITORE ========================================================= */ .sar-entry__container { width: min(100% - 40px, 1240px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .sar-entry__header { max-width: 990px; margin: 0 auto 48px; text-align: center; } .sar-entry__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 15px; padding: 8px 14px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-entry-teal); font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.055em; text-transform: uppercase; } .sar-entry__title { margin: 0; color: var(--sar-entry-dark-deep); font-size: clamp(34px, 4.5vw, 59px); font-weight: 900; line-height: 1.08; letter-spacing: -0.04em; text-wrap: balance; } .sar-entry__title span { color: var(--sar-entry-teal); } .sar-entry__direct-answer { max-width: 930px; margin: 23px auto 0; color: var(--sar-entry-dark); font-size: clamp(18px, 1.7vw, 21px); font-weight: 700; line-height: 1.65; } .sar-entry__intro { max-width: 900px; margin: 17px auto 0; color: var(--sar-entry-muted); font-size: 16px; font-weight: 500; line-height: 1.75; } /* ========================================================= LABEL ========================================================= */ .sar-entry__section-label { margin: 0 0 9px; color: var(--sar-entry-orange); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } /* ========================================================= PRINCIPIO CENTRALE ========================================================= */ .sar-entry__overview { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(340px, 0.95fr); gap: clamp(30px, 5vw, 62px); align-items: center; padding: clamp(31px, 5vw, 57px); border-radius: 28px; background: linear-gradient( 135deg, var(--sar-entry-dark-deep) 0%, var(--sar-entry-dark) 67%, #075667 100% ); box-shadow: 0 23px 65px rgba(4, 45, 54, 0.19); } .sar-entry__overview .sar-entry__section-label { color: #88e6ee; } .sar-entry__overview-title { margin: 0; color: var(--sar-entry-white); font-size: clamp(27px, 3.3vw, 43px); font-weight: 900; line-height: 1.16; letter-spacing: -0.03em; text-wrap: balance; } .sar-entry__overview-content > p:not(.sar-entry__section-label) { margin: 16px 0 0; color: rgba(255, 255, 255, 0.86); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-entry__highlight { display: flex; align-items: flex-start; gap: 12px; margin-top: 23px; padding: 16px; border: 1px solid rgba(245, 130, 32, 0.32); border-radius: 15px; background: rgba(245, 130, 32, 0.11); } .sar-entry__highlight-icon { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: var(--sar-entry-orange); color: var(--sar-entry-white); font-size: 15px; font-weight: 900; } .sar-entry__highlight p { margin: 0; color: rgba(255, 255, 255, 0.93); font-size: 13px; font-weight: 700; line-height: 1.58; } /* ========================================================= DIAGRAMMA ========================================================= */ .sar-entry__diagram { width: 100%; min-width: 0; overflow: hidden; padding: 19px; border: 1px solid rgba(255, 255, 255, 0.19); border-radius: 22px; background: rgba(255, 255, 255, 0.97); box-shadow: 0 17px 42px rgba(0, 0, 0, 0.15); } .sar-entry__diagram-neighbour { display: grid; place-items: center; min-height: 45px; border-radius: 10px; background: var(--sar-entry-cream); color: var(--sar-entry-dark); font-size: 12px; font-weight: 850; } .sar-entry__diagram-arrow { height: 35px; color: var(--sar-entry-orange); font-size: 27px; font-weight: 900; line-height: 35px; text-align: center; } .sar-entry__diagram-arrow--up { color: var(--sar-entry-teal); } .sar-entry__diagram-room { position: relative; display: grid; place-items: center; min-height: 245px; border: 7px solid var(--sar-entry-dark); background: var(--sar-entry-light); } .sar-entry__diagram-center { display: grid; place-items: center; width: 145px; min-height: 100px; padding: 15px; border-radius: 18px; background: var(--sar-entry-white); box-shadow: 0 12px 28px rgba(4, 45, 54, 0.1); text-align: center; } .sar-entry__diagram-center strong { color: var(--sar-entry-dark); font-size: 20px; font-weight: 900; } .sar-entry__diagram-center span { margin-top: 3px; color: var(--sar-entry-muted); font-size: 11px; font-weight: 700; } .sar-entry__diagram-waves { margin-top: 7px; color: var(--sar-entry-orange); font-size: 17px; font-weight: 900; } .sar-entry__diagram-label { position: absolute; padding: 5px 8px; border-radius: 7px; background: var(--sar-entry-dark); color: var(--sar-entry-white); font-size: 9px; font-weight: 900; letter-spacing: 0.04em; text-transform: uppercase; } .sar-entry__diagram-label--ceiling { top: 8px; left: 50%; transform: translateX(-50%); } .sar-entry__diagram-label--floor { bottom: 8px; left: 50%; transform: translateX(-50%); } .sar-entry__diagram-label--left { top: 50%; left: 6px; transform: translateY(-50%); writing-mode: vertical-rl; } .sar-entry__diagram-label--right { top: 50%; right: 6px; transform: translateY(-50%); writing-mode: vertical-rl; } .sar-entry__diagram-window { position: absolute; top: 38%; right: -7px; display: grid; place-items: center; width: 45px; height: 70px; border: 5px solid var(--sar-entry-teal); background: #dff6fa; color: var(--sar-entry-teal); font-size: 8px; font-weight: 900; text-transform: uppercase; writing-mode: vertical-rl; } .sar-entry__diagram-caption { margin: 14px 0 0; color: var(--sar-entry-muted); font-size: 12px; font-weight: 650; line-height: 1.5; text-align: center; } /* ========================================================= VIE DI TRASMISSIONE ========================================================= */ .sar-entry__paths { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: clamp(48px, 7vw, 79px); } .sar-entry__path { min-width: 0; padding: clamp(26px, 4vw, 39px); border: 1px solid var(--sar-entry-border); border-radius: 23px; background: var(--sar-entry-white); box-shadow: 0 15px 44px rgba(4, 45, 54, 0.07); } .sar-entry__path-top { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 18px; } .sar-entry__path-number { color: var(--sar-entry-orange); font-size: 13px; font-weight: 900; letter-spacing: 0.07em; } .sar-entry__path-icon { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 17px; background: rgba(245, 130, 32, 0.11); color: var(--sar-entry-orange); } .sar-entry__path--teal .sar-entry__path-number, .sar-entry__path--teal .sar-entry__path-icon { color: var(--sar-entry-teal); } .sar-entry__path--teal .sar-entry__path-icon { background: rgba(22, 191, 208, 0.11); } .sar-entry__path--orange .sar-entry__path-icon { background: var(--sar-entry-cream); } .sar-entry__path--green .sar-entry__path-number, .sar-entry__path--green .sar-entry__path-icon { color: var(--sar-entry-green); } .sar-entry__path--green .sar-entry__path-icon { background: rgba(46, 155, 103, 0.11); } .sar-entry__path-title { margin: 0; color: var(--sar-entry-dark); font-size: clamp(22px, 2.5vw, 30px); font-weight: 900; line-height: 1.23; letter-spacing: -0.023em; } .sar-entry__path > p { margin: 14px 0 0; color: var(--sar-entry-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } .sar-entry__path-links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 19px; } .sar-entry__path-links a, .sar-entry__path-link { display: inline-flex; margin-top: 19px; padding: 7px 10px; border-radius: 8px; background: var(--sar-entry-light); color: var(--sar-entry-teal); font-size: 12px; font-weight: 850; line-height: 1.4; text-decoration: none; } .sar-entry__path-links a { margin-top: 0; } .sar-entry__path-links a:hover, .sar-entry__path-link:hover { text-decoration: underline; text-underline-offset: 3px; } /* ========================================================= BLOCCO TABELLA RESPONSIVE ========================================================= */ .sar-entry__symptoms { margin-top: clamp(48px, 7vw, 79px); padding: clamp(30px, 5vw, 55px); border-radius: 27px; background: var(--sar-entry-cream); } .sar-entry__symptoms-heading { max-width: 900px; margin: 0 auto 29px; text-align: center; } .sar-entry__symptoms-title { margin: 0; color: var(--sar-entry-dark); font-size: clamp(26px, 3.1vw, 40px); font-weight: 900; line-height: 1.18; letter-spacing: -0.028em; text-wrap: balance; } .sar-entry__symptoms-heading > p:not(.sar-entry__section-label) { max-width: 810px; margin: 16px auto 0; color: var(--sar-entry-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } /* Il contenitore non deve produrre scorrimento orizzontale */ .sar-entry__table-container { width: 100%; min-width: 0; overflow: hidden; border: 1px solid var(--sar-entry-border); border-radius: 19px; background: var(--sar-entry-white); box-shadow: 0 13px 36px rgba(4, 45, 54, 0.08); } /* Tabella desktop completamente adattabile */ .sar-entry__table { width: 100%; max-width: 100%; border-collapse: collapse; table-layout: fixed; } .sar-entry__table-col--noise { width: 27%; } .sar-entry__table-col--origin { width: 28%; } .sar-entry__table-col--elements { width: 45%; } .sar-entry__table caption { width: 100%; padding: 19px 21px; border-bottom: 1px solid var(--sar-entry-border); color: var(--sar-entry-dark); font-size: 16px; font-weight: 900; line-height: 1.45; text-align: left; overflow-wrap: anywhere; } .sar-entry__table th, .sar-entry__table td { padding: 16px 17px; border-bottom: 1px solid rgba(7, 59, 70, 0.1); font-size: 13px; line-height: 1.55; text-align: left; vertical-align: top; white-space: normal; overflow-wrap: anywhere; word-break: normal; hyphens: auto; } .sar-entry__table thead th { background: var(--sar-entry-light); color: var(--sar-entry-dark); font-weight: 900; } .sar-entry__table tbody th { color: var(--sar-entry-teal); font-weight: 900; } .sar-entry__table tbody td { color: var(--sar-entry-muted); font-weight: 550; } .sar-entry__table tbody tr:nth-child(even) { background: rgba(238, 250, 253, 0.33); } .sar-entry__table tbody tr:last-child th, .sar-entry__table tbody tr:last-child td { border-bottom: 0; } /* ========================================================= ERRORE FREQUENTE ========================================================= */ .sar-entry__mistake { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 22px; align-items: start; margin-top: clamp(48px, 7vw, 77px); padding: clamp(28px, 5vw, 47px); border: 1px solid rgba(201, 85, 66, 0.18); border-radius: 25px; background: rgba(201, 85, 66, 0.05); } .sar-entry__mistake-icon { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 18px; background: var(--sar-entry-red); color: var(--sar-entry-white); font-size: 29px; font-weight: 900; } .sar-entry__mistake-label { margin: 0 0 8px; color: var(--sar-entry-red); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-entry__mistake-title { max-width: 930px; margin: 0; color: var(--sar-entry-dark); font-size: clamp(24px, 3vw, 37px); font-weight: 900; line-height: 1.19; letter-spacing: -0.027em; } .sar-entry__mistake-content > p:not(.sar-entry__mistake-label) { margin: 15px 0 0; color: var(--sar-entry-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } /* ========================================================= METODO ========================================================= */ .sar-entry__method { display: grid; grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr); gap: clamp(30px, 5vw, 62px); align-items: start; margin-top: clamp(48px, 7vw, 79px); } .sar-entry__method-title { margin: 0; color: var(--sar-entry-dark-deep); font-size: clamp(27px, 3.2vw, 42px); font-weight: 900; line-height: 1.16; letter-spacing: -0.029em; } .sar-entry__method-heading > p:not(.sar-entry__section-label) { margin: 16px 0 0; color: var(--sar-entry-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-entry__steps { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; } .sar-entry__step { display: flex; align-items: flex-start; gap: 15px; padding: 18px; border: 1px solid var(--sar-entry-border); border-radius: 16px; background: var(--sar-entry-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-entry__step-number { display: grid; flex: 0 0 auto; place-items: center; width: 34px; height: 34px; border-radius: 11px; background: var(--sar-entry-dark); color: var(--sar-entry-white); font-size: 13px; font-weight: 900; } .sar-entry__step strong { display: block; color: var(--sar-entry-dark); font-size: 16px; font-weight: 900; line-height: 1.3; } .sar-entry__step p { margin: 5px 0 0; color: var(--sar-entry-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } /* ========================================================= CTA FINALE ========================================================= */ .sar-entry__cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 36px; align-items: center; margin-top: clamp(48px, 7vw, 77px); padding: clamp(29px, 5vw, 52px); border-radius: 27px; background: linear-gradient( 132deg, var(--sar-entry-dark-deep) 0%, var(--sar-entry-dark) 66%, #07596a 100% ); box-shadow: 0 23px 62px rgba(4, 45, 54, 0.19); } .sar-entry__cta-label { margin: 0 0 8px; color: #86e4ec; font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-entry__cta-title { max-width: 800px; margin: 0; color: var(--sar-entry-white); font-size: clamp(25px, 3vw, 39px); font-weight: 900; line-height: 1.17; letter-spacing: -0.028em; text-wrap: balance; } .sar-entry__cta-text { max-width: 820px; margin: 14px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 15px; font-weight: 500; line-height: 1.68; } .sar-entry__cta-actions { display: grid; gap: 11px; min-width: 260px; } .sar-entry__button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 54px; padding: 13px 19px; border: 2px solid transparent; border-radius: 12px; font-size: 14px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, color 180ms ease, box-shadow 180ms ease; } .sar-entry__button:hover { transform: translateY(-2px); } .sar-entry__button:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; } .sar-entry__button--primary { background: var(--sar-entry-orange); color: var(--sar-entry-white); box-shadow: 0 12px 28px rgba(245, 130, 32, 0.26); } .sar-entry__button--primary:hover { background: var(--sar-entry-orange-dark); } .sar-entry__button--whatsapp { border-color: #25d366; background: #25d366; color: var(--sar-entry-white); box-shadow: 0 12px 28px rgba(37, 211, 102, 0.22); } .sar-entry__button--whatsapp:hover { border-color: #1ebe5d; background: #1ebe5d; box-shadow: 0 14px 30px rgba(37, 211, 102, 0.3); } .sar-entry__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-entry-white); } .sar-entry__button--phone:hover { border-color: rgba(255, 255, 255, 0.53); background: rgba(255, 255, 255, 0.15); } .sar-entry__button--phone span { display: grid; gap: 1px; } .sar-entry__button--phone strong { font-size: 15px; font-weight: 900; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1050px) { .sar-entry__overview, .sar-entry__method { grid-template-columns: 1fr; } .sar-entry__diagram { width: min(100%, 690px); margin-inline: auto; } .sar-entry__cta { grid-template-columns: 1fr; } .sar-entry__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); min-width: 0; } } /* ========================================================= TABELLA RESPONSIVE A SCHEDE Nessuno scorrimento orizzontale ========================================================= */ @media (max-width: 760px) { .sar-entry__table-container { overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; } .sar-entry__table, .sar-entry__table tbody { display: block; width: 100%; } .sar-entry__table colgroup { display: none; } .sar-entry__table caption { display: block; margin-bottom: 14px; padding: 0; border: 0; color: var(--sar-entry-dark); font-size: 15px; text-align: left; } .sar-entry__table thead { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; } .sar-entry__table tbody tr { display: block; width: 100%; margin-bottom: 14px; overflow: hidden; border: 1px solid var(--sar-entry-border); border-radius: 16px; background: var(--sar-entry-white); box-shadow: 0 9px 25px rgba(4, 45, 54, 0.06); } .sar-entry__table tbody tr:last-child { margin-bottom: 0; } .sar-entry__table tbody th, .sar-entry__table tbody td { display: grid; grid-template-columns: minmax(110px, 37%) minmax(0, 1fr); gap: 14px; width: 100%; padding: 13px 15px; border: 0; border-bottom: 1px solid rgba(7, 59, 70, 0.09); font-size: 13px; line-height: 1.5; text-align: left; } .sar-entry__table tbody tr > *:last-child { border-bottom: 0; } .sar-entry__table tbody th::before, .sar-entry__table tbody td::before { content: attr(data-label); color: var(--sar-entry-dark); font-size: 11px; font-weight: 900; line-height: 1.4; letter-spacing: 0.025em; text-transform: uppercase; } .sar-entry__table tbody th { background: var(--sar-entry-light); color: var(--sar-entry-teal); } .sar-entry__table tbody td { background: var(--sar-entry-white); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 720px) { #da-dove-entra-rumore { padding: 57px 0; } .sar-entry__container { width: min(100% - 28px, 1240px); } .sar-entry__header { margin-bottom: 32px; text-align: left; } .sar-entry__eyebrow { justify-content: flex-start; padding: 7px 11px; font-size: 10px; } .sar-entry__title { font-size: clamp(32px, 9.5vw, 44px); } .sar-entry__title span { display: block; margin-top: 4px; } .sar-entry__direct-answer { margin-top: 18px; font-size: 17px; line-height: 1.6; } .sar-entry__intro { font-size: 15px; line-height: 1.68; } .sar-entry__overview { padding: 27px 20px; border-radius: 21px; } .sar-entry__overview-title { font-size: 27px; } .sar-entry__diagram { padding: 14px; border-radius: 17px; } .sar-entry__diagram-room { min-height: 210px; border-width: 5px; } .sar-entry__paths { grid-template-columns: 1fr; gap: 14px; margin-top: 39px; } .sar-entry__path { padding: 23px 19px; border-radius: 19px; } .sar-entry__path-title { font-size: 22px; } .sar-entry__symptoms { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-entry__symptoms-heading { margin-bottom: 23px; text-align: left; } .sar-entry__symptoms-heading > p:not(.sar-entry__section-label) { margin-left: 0; } .sar-entry__symptoms-title { font-size: 27px; } .sar-entry__mistake { grid-template-columns: 1fr; margin-top: 39px; padding: 25px 20px; border-radius: 20px; } .sar-entry__mistake-icon { width: 51px; height: 51px; border-radius: 15px; } .sar-entry__method { margin-top: 39px; } .sar-entry__method-title { font-size: 27px; } .sar-entry__step { padding: 16px 14px; } .sar-entry__cta { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-entry__cta-actions { grid-template-columns: 1fr; } .sar-entry__button { width: 100%; } } /* ========================================================= SCHERMI MOLTO PICCOLI ========================================================= */ @media (max-width: 460px) { .sar-entry__table tbody th, .sar-entry__table tbody td { grid-template-columns: 1fr; gap: 5px; } .sar-entry__table tbody th::before, .sar-entry__table tbody td::before { font-size: 10px; } } @media (max-width: 420px) { .sar-entry__diagram-center { width: 120px; } .sar-entry__diagram-window { width: 37px; } .sar-entry__path-links { display: grid; } .sar-entry__path-links a { width: fit-content; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sar-entry__button { transition: none; } .sar-entry__button:hover { transform: none; } }#imCell_12 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_12 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_12 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_12 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H3 — TRASMISSIONE DIRETTA ATTRAVERSO PARETI E SOLAI Pagina: isolamento-acustico-roma.html Classi isolate con prefisso sar-dir ========================================================= */ #trasmissione-diretta-pareti-solai-roma { --sar-dir-dark: #073b46; --sar-dir-dark-deep: #042d36; --sar-dir-teal: #008fa3; --sar-dir-turquoise: #16bfd0; --sar-dir-orange: #f58220; --sar-dir-orange-dark: #dc6813; --sar-dir-green: #2e9b67; --sar-dir-white: #ffffff; --sar-dir-cream: #fff8ed; --sar-dir-light: #eefafd; --sar-dir-text: #18343b; --sar-dir-muted: #587078; --sar-dir-border: rgba(7, 59, 70, 0.13); --sar-dir-shadow: 0 20px 55px rgba(4, 45, 54, 0.11); position: relative; width: 100%; overflow: hidden; padding: clamp(68px, 8vw, 108px) 0; background: radial-gradient( circle at 100% 2%, rgba(22, 191, 208, 0.1), transparent 28% ), linear-gradient( 180deg, #ffffff 0%, #f6fcfd 100% ); color: var(--sar-dir-text); } #trasmissione-diretta-pareti-solai-roma, #trasmissione-diretta-pareti-solai-roma *, #trasmissione-diretta-pareti-solai-roma *::before, #trasmissione-diretta-pareti-solai-roma *::after { box-sizing: border-box; } /* ========================================================= CONTENITORE ========================================================= */ .sar-dir__container { width: min(100% - 40px, 1240px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .sar-dir__header { max-width: 980px; margin: 0 auto 47px; text-align: center; } .sar-dir__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 15px; padding: 8px 14px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-dir-teal); font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.055em; text-transform: uppercase; } .sar-dir__title { margin: 0; color: var(--sar-dir-dark-deep); font-size: clamp(31px, 4vw, 52px); font-weight: 900; line-height: 1.1; letter-spacing: -0.037em; text-wrap: balance; } .sar-dir__title span { color: var(--sar-dir-teal); } .sar-dir__direct-answer { max-width: 920px; margin: 22px auto 0; color: var(--sar-dir-dark); font-size: clamp(18px, 1.65vw, 21px); font-weight: 700; line-height: 1.65; } .sar-dir__intro { max-width: 900px; margin: 17px auto 0; color: var(--sar-dir-muted); font-size: 16px; font-weight: 500; line-height: 1.75; } /* ========================================================= TITOLI INTERNI ========================================================= */ .sar-dir__section-label { margin: 0 0 9px; color: var(--sar-dir-orange); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-dir__section-title { margin: 0; color: var(--sar-dir-dark-deep); font-size: clamp(26px, 3.2vw, 42px); font-weight: 900; line-height: 1.16; letter-spacing: -0.029em; text-wrap: balance; } /* ========================================================= PRINCIPIO DELLA TRASMISSIONE DIRETTA ========================================================= */ .sar-dir__principle { display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(390px, 0.96fr); gap: clamp(30px, 5vw, 62px); align-items: center; padding: clamp(31px, 5vw, 57px); border-radius: 28px; background: linear-gradient( 135deg, var(--sar-dir-dark-deep) 0%, var(--sar-dir-dark) 67%, #075667 100% ); box-shadow: 0 23px 65px rgba(4, 45, 54, 0.19); } .sar-dir__principle .sar-dir__section-label { color: #88e6ee; } .sar-dir__principle .sar-dir__section-title { color: var(--sar-dir-white); } .sar-dir__principle-content > p:not(.sar-dir__section-label) { margin: 16px 0 0; color: rgba(255, 255, 255, 0.86); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-dir__principle-note { display: flex; align-items: flex-start; gap: 12px; margin-top: 23px; padding: 16px; border: 1px solid rgba(245, 130, 32, 0.32); border-radius: 15px; background: rgba(245, 130, 32, 0.11); } .sar-dir__principle-icon { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: var(--sar-dir-orange); color: var(--sar-dir-white); font-size: 15px; font-weight: 900; } .sar-dir__principle-note p { margin: 0; color: rgba(255, 255, 255, 0.93); font-size: 13px; font-weight: 700; line-height: 1.58; } /* ========================================================= DIAGRAMMA ========================================================= */ .sar-dir__diagram { display: grid; grid-template-columns: minmax(90px, 1fr) auto minmax(70px, 0.42fr) auto minmax(90px, 1fr); gap: 10px; align-items: center; width: 100%; min-width: 0; padding: 19px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 22px; background: rgba(255, 255, 255, 0.97); box-shadow: 0 17px 42px rgba(0, 0, 0, 0.15); } .sar-dir__diagram-room { display: grid; place-items: center; min-width: 0; min-height: 220px; padding: 18px 10px; border-radius: 15px; background: var(--sar-dir-light); text-align: center; } .sar-dir__diagram-room-label { color: var(--sar-dir-dark); font-size: 12px; font-weight: 900; line-height: 1.4; } .sar-dir__diagram-source, .sar-dir__diagram-receiver { display: grid; place-items: center; width: 68px; height: 68px; margin-top: 18px; border-radius: 20px; background: var(--sar-dir-white); color: var(--sar-dir-orange); box-shadow: 0 10px 27px rgba(4, 45, 54, 0.1); } .sar-dir__diagram-receiver { color: var(--sar-dir-teal); } .sar-dir__diagram-caption { margin-top: 13px; color: var(--sar-dir-muted); font-size: 10px; font-weight: 750; line-height: 1.4; } .sar-dir__diagram-waves { color: var(--sar-dir-orange); font-size: 19px; font-weight: 900; white-space: nowrap; } .sar-dir__diagram-wall { display: grid; place-items: center; min-width: 62px; min-height: 240px; padding: 10px; border-radius: 9px; background: repeating-linear-gradient( 45deg, var(--sar-dir-dark), var(--sar-dir-dark) 10px, #0a5361 10px, #0a5361 20px ); color: var(--sar-dir-white); text-align: center; } .sar-dir__diagram-wall span { font-size: 10px; font-weight: 900; line-height: 1.4; text-transform: uppercase; writing-mode: vertical-rl; } /* ========================================================= SUPERFICI ========================================================= */ .sar-dir__surfaces { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: clamp(47px, 7vw, 78px); } .sar-dir__surface { min-width: 0; padding: clamp(25px, 3.5vw, 36px); border: 1px solid var(--sar-dir-border); border-radius: 22px; background: var(--sar-dir-white); box-shadow: 0 14px 41px rgba(4, 45, 54, 0.07); } .sar-dir__surface-top { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 18px; } .sar-dir__surface-number { color: var(--sar-dir-orange); font-size: 13px; font-weight: 900; letter-spacing: 0.07em; } .sar-dir__surface-icon { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 17px; background: rgba(245, 130, 32, 0.11); color: var(--sar-dir-orange); } .sar-dir__surface--ceiling .sar-dir__surface-number, .sar-dir__surface--ceiling .sar-dir__surface-icon { color: var(--sar-dir-teal); } .sar-dir__surface--ceiling .sar-dir__surface-icon { background: rgba(22, 191, 208, 0.11); } .sar-dir__surface--floor .sar-dir__surface-number, .sar-dir__surface--floor .sar-dir__surface-icon { color: var(--sar-dir-green); } .sar-dir__surface--floor .sar-dir__surface-icon { background: rgba(46, 155, 103, 0.11); } .sar-dir__surface-title { margin: 0; color: var(--sar-dir-dark); font-size: clamp(21px, 2.2vw, 27px); font-weight: 900; line-height: 1.24; letter-spacing: -0.022em; } .sar-dir__surface > p { margin: 14px 0 0; color: var(--sar-dir-muted); font-size: 14px; font-weight: 500; line-height: 1.68; } .sar-dir__internal-link { display: inline-flex; align-items: center; gap: 8px; margin-top: 20px; color: var(--sar-dir-teal); font-size: 13px; font-weight: 850; line-height: 1.45; text-decoration: none; } .sar-dir__internal-link:hover { text-decoration: underline; text-underline-offset: 4px; } .sar-dir__internal-link:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.38); outline-offset: 4px; border-radius: 5px; } /* ========================================================= SEGNALI ========================================================= */ .sar-dir__signals { display: grid; grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr); gap: clamp(30px, 5vw, 62px); align-items: center; margin-top: clamp(47px, 7vw, 78px); padding: clamp(30px, 5vw, 55px); border: 1px solid var(--sar-dir-border); border-radius: 27px; background: var(--sar-dir-cream); } .sar-dir__signals-heading > p:not(.sar-dir__section-label) { margin: 16px 0 0; color: var(--sar-dir-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-dir__signals-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; } .sar-dir__signals-list li { display: flex; align-items: flex-start; gap: 10px; padding: 15px; border: 1px solid rgba(7, 59, 70, 0.08); border-radius: 14px; background: rgba(255, 255, 255, 0.88); } .sar-dir__signals-list li > span { display: grid; flex: 0 0 auto; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-dir-green); font-size: 12px; font-weight: 900; } .sar-dir__signals-list p { margin: 0; color: var(--sar-dir-dark); font-size: 13px; font-weight: 700; line-height: 1.52; } /* ========================================================= INTERVENTO LOCALIZZATO O COMPLETO ========================================================= */ .sar-dir__decision { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: clamp(47px, 7vw, 77px); } .sar-dir__decision-card { padding: clamp(26px, 4vw, 39px); border: 1px solid var(--sar-dir-border); border-radius: 23px; background: var(--sar-dir-white); box-shadow: 0 15px 44px rgba(4, 45, 54, 0.07); } .sar-dir__decision-card--complete { border-color: rgba(0, 143, 163, 0.22); background: var(--sar-dir-light); } .sar-dir__decision-tag { display: inline-flex; margin-bottom: 15px; padding: 6px 10px; border-radius: 8px; background: rgba(245, 130, 32, 0.11); color: var(--sar-dir-orange); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.055em; text-transform: uppercase; } .sar-dir__decision-card--complete .sar-dir__decision-tag { background: rgba(0, 143, 163, 0.1); color: var(--sar-dir-teal); } .sar-dir__decision-card h4 { margin: 0; color: var(--sar-dir-dark); font-size: clamp(22px, 2.5vw, 30px); font-weight: 900; line-height: 1.23; letter-spacing: -0.022em; } .sar-dir__decision-card p { margin: 14px 0 0; color: var(--sar-dir-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } .sar-dir__decision-card a { display: inline-flex; margin-top: 17px; color: var(--sar-dir-teal); font-size: 14px; font-weight: 850; line-height: 1.4; text-decoration: none; } .sar-dir__decision-card a:hover { text-decoration: underline; text-underline-offset: 4px; } /* ========================================================= PROGETTAZIONE ========================================================= */ .sar-dir__project { margin-top: clamp(47px, 7vw, 78px); padding: clamp(30px, 5vw, 56px); border-radius: 28px; background: linear-gradient( 135deg, var(--sar-dir-dark-deep) 0%, var(--sar-dir-dark) 67%, #075667 100% ); box-shadow: 0 23px 65px rgba(4, 45, 54, 0.19); } .sar-dir__project-content { max-width: 910px; } .sar-dir__project .sar-dir__section-label { color: #88e6ee; } .sar-dir__project .sar-dir__section-title { color: var(--sar-dir-white); } .sar-dir__project-content > p:not(.sar-dir__section-label) { margin: 16px 0 0; color: rgba(255, 255, 255, 0.86); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-dir__project-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 29px; } .sar-dir__project-item { min-width: 0; padding: 22px 19px; border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 18px; background: rgba(255, 255, 255, 0.96); } .sar-dir__project-item > span { display: inline-flex; margin-bottom: 12px; color: var(--sar-dir-orange); font-size: 12px; font-weight: 900; letter-spacing: 0.065em; } .sar-dir__project-item h5 { margin: 0; color: var(--sar-dir-dark); font-size: 18px; font-weight: 900; line-height: 1.3; } .sar-dir__project-item p { margin: 9px 0 0; color: var(--sar-dir-muted); font-size: 13px; font-weight: 500; line-height: 1.6; } /* ========================================================= SOPRALLUOGO ANALITICO ========================================================= */ .sar-dir__assessment { display: grid; grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr); gap: clamp(30px, 5vw, 62px); align-items: start; margin-top: clamp(47px, 7vw, 78px); } .sar-dir__assessment-heading > p:not(.sar-dir__section-label) { margin: 16px 0 0; color: var(--sar-dir-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-dir__steps { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; } .sar-dir__step { display: flex; align-items: flex-start; gap: 15px; padding: 18px; border: 1px solid var(--sar-dir-border); border-radius: 16px; background: var(--sar-dir-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-dir__step-number { display: grid; flex: 0 0 auto; place-items: center; width: 34px; height: 34px; border-radius: 11px; background: var(--sar-dir-dark); color: var(--sar-dir-white); font-size: 13px; font-weight: 900; } .sar-dir__step strong { display: block; color: var(--sar-dir-dark); font-size: 16px; font-weight: 900; line-height: 1.3; } .sar-dir__step p { margin: 5px 0 0; color: var(--sar-dir-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } /* ========================================================= CTA FINALE ========================================================= */ .sar-dir__cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 36px; align-items: center; margin-top: clamp(47px, 7vw, 76px); padding: clamp(29px, 5vw, 52px); border-radius: 27px; background: linear-gradient( 132deg, var(--sar-dir-dark-deep) 0%, var(--sar-dir-dark) 66%, #07596a 100% ); box-shadow: 0 23px 62px rgba(4, 45, 54, 0.19); } .sar-dir__cta-label { margin: 0 0 8px; color: #86e4ec; font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-dir__cta-title { max-width: 800px; margin: 0; color: var(--sar-dir-white); font-size: clamp(25px, 3vw, 39px); font-weight: 900; line-height: 1.17; letter-spacing: -0.028em; text-wrap: balance; } .sar-dir__cta-text { max-width: 820px; margin: 14px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 15px; font-weight: 500; line-height: 1.68; } .sar-dir__cta-actions { display: grid; gap: 11px; min-width: 260px; } .sar-dir__button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 54px; padding: 13px 19px; border: 2px solid transparent; border-radius: 12px; font-size: 14px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, color 180ms ease, box-shadow 180ms ease; } .sar-dir__button:hover { transform: translateY(-2px); } .sar-dir__button:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; } .sar-dir__button--primary { background: var(--sar-dir-orange); color: var(--sar-dir-white); box-shadow: 0 12px 28px rgba(245, 130, 32, 0.26); } .sar-dir__button--primary:hover { background: var(--sar-dir-orange-dark); } .sar-dir__button--whatsapp { border-color: #25d366; background: #25d366; color: var(--sar-dir-white); box-shadow: 0 12px 28px rgba(37, 211, 102, 0.22); } .sar-dir__button--whatsapp:hover { border-color: #1ebe5d; background: #1ebe5d; box-shadow: 0 14px 30px rgba(37, 211, 102, 0.3); } .sar-dir__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-dir-white); } .sar-dir__button--phone:hover { border-color: rgba(255, 255, 255, 0.53); background: rgba(255, 255, 255, 0.15); } .sar-dir__button--phone span { display: grid; gap: 1px; } .sar-dir__button--phone strong { font-size: 15px; font-weight: 900; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1080px) { .sar-dir__principle, .sar-dir__signals, .sar-dir__assessment { grid-template-columns: 1fr; } .sar-dir__diagram { width: min(100%, 760px); margin-inline: auto; } .sar-dir__surfaces { grid-template-columns: 1fr; } .sar-dir__surface { max-width: 850px; } .sar-dir__project-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-dir__cta { grid-template-columns: 1fr; } .sar-dir__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); min-width: 0; } } /* ========================================================= TABLET PICCOLO ========================================================= */ @media (max-width: 820px) { .sar-dir__decision { grid-template-columns: 1fr; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 720px) { #trasmissione-diretta-pareti-solai-roma { padding: 57px 0; } .sar-dir__container { width: min(100% - 28px, 1240px); } .sar-dir__header { margin-bottom: 32px; text-align: left; } .sar-dir__eyebrow { justify-content: flex-start; padding: 7px 11px; font-size: 10px; } .sar-dir__title { font-size: clamp(30px, 9vw, 42px); } .sar-dir__title span { display: block; margin-top: 4px; } .sar-dir__direct-answer { margin-top: 18px; font-size: 17px; line-height: 1.6; } .sar-dir__intro { font-size: 15px; line-height: 1.68; } .sar-dir__section-title { font-size: 27px; } .sar-dir__principle { padding: 27px 20px; border-radius: 21px; } .sar-dir__diagram { grid-template-columns: 1fr; gap: 10px; padding: 15px; border-radius: 18px; } .sar-dir__diagram-room { min-height: 150px; } .sar-dir__diagram-wall { min-height: 57px; min-width: 0; } .sar-dir__diagram-wall span { writing-mode: horizontal-tb; } .sar-dir__diagram-waves { transform: rotate(90deg); text-align: center; } .sar-dir__surfaces { gap: 14px; margin-top: 39px; } .sar-dir__surface { padding: 23px 19px; border-radius: 19px; } .sar-dir__surface-title { font-size: 22px; } .sar-dir__signals { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-dir__signals-list { grid-template-columns: 1fr; } .sar-dir__decision { margin-top: 39px; } .sar-dir__decision-card { padding: 24px 19px; border-radius: 19px; } .sar-dir__project { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-dir__project-grid { grid-template-columns: 1fr; gap: 13px; margin-top: 23px; } .sar-dir__project-item { padding: 20px 18px; } .sar-dir__assessment { margin-top: 39px; } .sar-dir__step { padding: 16px 14px; } .sar-dir__cta { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-dir__cta-actions { grid-template-columns: 1fr; } .sar-dir__button { width: 100%; } } /* ========================================================= SCHERMI MOLTO PICCOLI ========================================================= */ @media (max-width: 420px) { .sar-dir__internal-link { align-items: flex-start; font-size: 12px; } .sar-dir__signals-list p { font-size: 12px; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sar-dir__button { transition: none; } .sar-dir__button:hover { transform: none; } }#imCell_6 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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; } /* ========================================================= H3 — TRASMISSIONE LATERALE ATTRAVERSO LE STRUTTURE Pagina: isolamento-acustico-roma.html Classi isolate con prefisso sar-flank ========================================================= */ #trasmissione-laterale-strutture-roma { --sar-flank-dark: #073b46; --sar-flank-dark-deep: #042d36; --sar-flank-teal: #008fa3; --sar-flank-turquoise: #16bfd0; --sar-flank-orange: #f58220; --sar-flank-orange-dark: #dc6813; --sar-flank-green: #2e9b67; --sar-flank-white: #ffffff; --sar-flank-cream: #fff8ed; --sar-flank-light: #eefafd; --sar-flank-text: #18343b; --sar-flank-muted: #587078; --sar-flank-border: rgba(7, 59, 70, 0.13); --sar-flank-shadow: 0 20px 55px rgba(4, 45, 54, 0.11); position: relative; width: 100%; overflow: hidden; padding: clamp(68px, 8vw, 108px) 0; background: radial-gradient( circle at 0% 3%, rgba(245, 130, 32, 0.08), transparent 28% ), linear-gradient( 180deg, #ffffff 0%, #f6fcfd 100% ); color: var(--sar-flank-text); } #trasmissione-laterale-strutture-roma, #trasmissione-laterale-strutture-roma *, #trasmissione-laterale-strutture-roma *::before, #trasmissione-laterale-strutture-roma *::after { box-sizing: border-box; } /* ========================================================= CONTENITORE ========================================================= */ .sar-flank__container { width: min(100% - 40px, 1240px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .sar-flank__header { max-width: 980px; margin: 0 auto 47px; text-align: center; } .sar-flank__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 15px; padding: 8px 14px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-flank-teal); font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.055em; text-transform: uppercase; } .sar-flank__title { margin: 0; color: var(--sar-flank-dark-deep); font-size: clamp(31px, 4vw, 52px); font-weight: 900; line-height: 1.1; letter-spacing: -0.037em; text-wrap: balance; } .sar-flank__title span { color: var(--sar-flank-teal); } .sar-flank__direct-answer { max-width: 930px; margin: 22px auto 0; color: var(--sar-flank-dark); font-size: clamp(18px, 1.65vw, 21px); font-weight: 700; line-height: 1.65; } .sar-flank__intro { max-width: 900px; margin: 17px auto 0; color: var(--sar-flank-muted); font-size: 16px; font-weight: 500; line-height: 1.75; } /* ========================================================= TITOLI INTERNI ========================================================= */ .sar-flank__section-label { margin: 0 0 9px; color: var(--sar-flank-orange); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-flank__section-title { margin: 0; color: var(--sar-flank-dark-deep); font-size: clamp(26px, 3.2vw, 42px); font-weight: 900; line-height: 1.16; letter-spacing: -0.029em; text-wrap: balance; } /* ========================================================= PRINCIPIO CENTRALE ========================================================= */ .sar-flank__principle { display: grid; grid-template-columns: minmax(0, 1.03fr) minmax(370px, 0.97fr); gap: clamp(30px, 5vw, 62px); align-items: center; padding: clamp(31px, 5vw, 57px); border-radius: 28px; background: linear-gradient( 135deg, var(--sar-flank-dark-deep) 0%, var(--sar-flank-dark) 67%, #075667 100% ); box-shadow: 0 23px 65px rgba(4, 45, 54, 0.19); } .sar-flank__principle .sar-flank__section-label { color: #88e6ee; } .sar-flank__principle .sar-flank__section-title { color: var(--sar-flank-white); } .sar-flank__principle-content > p:not(.sar-flank__section-label) { margin: 16px 0 0; color: rgba(255, 255, 255, 0.86); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-flank__principle-note { display: flex; align-items: flex-start; gap: 12px; margin-top: 23px; padding: 16px; border: 1px solid rgba(245, 130, 32, 0.32); border-radius: 15px; background: rgba(245, 130, 32, 0.11); } .sar-flank__principle-icon { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: var(--sar-flank-orange); color: var(--sar-flank-white); font-size: 15px; font-weight: 900; } .sar-flank__principle-note p { margin: 0; color: rgba(255, 255, 255, 0.93); font-size: 13px; font-weight: 700; line-height: 1.58; } /* ========================================================= DIAGRAMMA ========================================================= */ .sar-flank__diagram { width: 100%; min-width: 0; padding: 18px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 22px; background: rgba(255, 255, 255, 0.97); box-shadow: 0 17px 42px rgba(0, 0, 0, 0.15); } .sar-flank__diagram-source { display: flex; align-items: center; justify-content: space-between; gap: 15px; min-height: 65px; padding: 13px 16px; border-radius: 13px; background: var(--sar-flank-cream); } .sar-flank__diagram-label { color: var(--sar-flank-dark); font-size: 12px; font-weight: 900; } .sar-flank__diagram-speaker { display: grid; place-items: center; width: 51px; height: 51px; border-radius: 15px; background: var(--sar-flank-white); color: var(--sar-flank-orange); box-shadow: 0 8px 21px rgba(4, 45, 54, 0.09); } .sar-flank__diagram-building { position: relative; margin-top: 13px; padding: 37px 29px; border-radius: 15px; background: var(--sar-flank-light); } .sar-flank__diagram-ceiling, .sar-flank__diagram-floor { display: grid; place-items: center; min-height: 35px; border-radius: 8px; background: var(--sar-flank-dark); color: var(--sar-flank-white); font-size: 10px; font-weight: 900; text-transform: uppercase; } .sar-flank__diagram-middle { display: grid; grid-template-columns: 50px 44px minmax(0, 1fr) 50px; gap: 6px; min-height: 185px; margin: 6px 0; } .sar-flank__diagram-side { display: grid; place-items: center; border-radius: 8px; background: rgba(0, 143, 163, 0.13); color: var(--sar-flank-teal); font-size: 9px; font-weight: 900; text-align: center; text-transform: uppercase; writing-mode: vertical-rl; } .sar-flank__diagram-divider { display: grid; place-items: center; border-radius: 7px; background: repeating-linear-gradient( 45deg, var(--sar-flank-dark), var(--sar-flank-dark) 8px, #0a5361 8px, #0a5361 16px ); color: var(--sar-flank-white); font-size: 8px; font-weight: 900; text-align: center; text-transform: uppercase; writing-mode: vertical-rl; } .sar-flank__diagram-room { display: grid; align-content: center; justify-items: center; min-width: 0; padding: 14px; border-radius: 12px; background: var(--sar-flank-white); text-align: center; box-shadow: 0 9px 25px rgba(4, 45, 54, 0.08); } .sar-flank__diagram-room strong { color: var(--sar-flank-dark); font-size: 16px; font-weight: 900; } .sar-flank__diagram-room span { margin-top: 4px; color: var(--sar-flank-muted); font-size: 10px; font-weight: 700; line-height: 1.4; } .sar-flank__diagram-waves { margin-top: 8px; color: var(--sar-flank-orange); font-size: 17px; font-weight: 900; } .sar-flank__diagram-path { position: absolute; color: var(--sar-flank-orange); font-size: 25px; font-weight: 900; } .sar-flank__diagram-path--top { top: 8px; left: 43%; } .sar-flank__diagram-path--bottom { bottom: 8px; left: 43%; } .sar-flank__diagram-path--side { top: 48%; left: 6px; } .sar-flank__diagram-caption { margin: 14px 0 0; color: var(--sar-flank-muted); font-size: 12px; font-weight: 650; line-height: 1.5; text-align: center; } /* ========================================================= PERCORSI LATERALI ========================================================= */ .sar-flank__routes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: clamp(47px, 7vw, 78px); } .sar-flank__route { min-width: 0; padding: clamp(25px, 4vw, 38px); border: 1px solid var(--sar-flank-border); border-radius: 22px; background: var(--sar-flank-white); box-shadow: 0 14px 41px rgba(4, 45, 54, 0.07); } .sar-flank__route-top { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 18px; } .sar-flank__route-number { color: var(--sar-flank-orange); font-size: 13px; font-weight: 900; letter-spacing: 0.07em; } .sar-flank__route-icon { display: grid; place-items: center; width: 57px; height: 57px; border-radius: 17px; background: rgba(245, 130, 32, 0.11); color: var(--sar-flank-orange); } .sar-flank__route--teal .sar-flank__route-number, .sar-flank__route--teal .sar-flank__route-icon { color: var(--sar-flank-teal); } .sar-flank__route--teal .sar-flank__route-icon { background: rgba(22, 191, 208, 0.11); } .sar-flank__route--green .sar-flank__route-number, .sar-flank__route--green .sar-flank__route-icon { color: var(--sar-flank-green); } .sar-flank__route--green .sar-flank__route-icon { background: rgba(46, 155, 103, 0.11); } .sar-flank__route-title { margin: 0; color: var(--sar-flank-dark); font-size: clamp(22px, 2.4vw, 29px); font-weight: 900; line-height: 1.23; letter-spacing: -0.022em; } .sar-flank__route > p { margin: 14px 0 0; color: var(--sar-flank-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } /* ========================================================= AVVERTIMENTO ========================================================= */ .sar-flank__warning { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 22px; align-items: start; margin-top: clamp(47px, 7vw, 77px); padding: clamp(28px, 5vw, 47px); border: 1px solid rgba(245, 130, 32, 0.22); border-radius: 25px; background: var(--sar-flank-cream); } .sar-flank__warning-icon { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 18px; background: var(--sar-flank-orange); color: var(--sar-flank-white); font-size: 28px; font-weight: 900; } .sar-flank__warning-label { margin: 0 0 8px; color: var(--sar-flank-orange); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-flank__warning-title { max-width: 930px; margin: 0; color: var(--sar-flank-dark); font-size: clamp(24px, 3vw, 37px); font-weight: 900; line-height: 1.19; letter-spacing: -0.027em; } .sar-flank__warning-content > p:not(.sar-flank__warning-label) { margin: 15px 0 0; color: var(--sar-flank-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } /* ========================================================= SEGNALI ========================================================= */ .sar-flank__signals { display: grid; grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr); gap: clamp(30px, 5vw, 62px); align-items: center; margin-top: clamp(47px, 7vw, 78px); padding: clamp(30px, 5vw, 55px); border: 1px solid var(--sar-flank-border); border-radius: 27px; background: var(--sar-flank-white); box-shadow: var(--sar-flank-shadow); } .sar-flank__signals-heading > p:not(.sar-flank__section-label) { margin: 16px 0 0; color: var(--sar-flank-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-flank__signals-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; } .sar-flank__signals-list li { display: flex; align-items: flex-start; gap: 10px; padding: 15px; border-radius: 14px; background: var(--sar-flank-light); } .sar-flank__signals-list li > span { display: grid; flex: 0 0 auto; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-flank-green); font-size: 12px; font-weight: 900; } .sar-flank__signals-list p { margin: 0; color: var(--sar-flank-dark); font-size: 13px; font-weight: 700; line-height: 1.52; } /* ========================================================= PROGETTAZIONE ========================================================= */ .sar-flank__project { margin-top: clamp(47px, 7vw, 78px); padding: clamp(30px, 5vw, 56px); border-radius: 28px; background: linear-gradient( 135deg, var(--sar-flank-dark-deep) 0%, var(--sar-flank-dark) 67%, #075667 100% ); box-shadow: 0 23px 65px rgba(4, 45, 54, 0.19); } .sar-flank__project-heading { max-width: 920px; } .sar-flank__project .sar-flank__section-label { color: #88e6ee; } .sar-flank__project .sar-flank__section-title { color: var(--sar-flank-white); } .sar-flank__project-heading > p:not(.sar-flank__section-label) { margin: 16px 0 0; color: rgba(255, 255, 255, 0.86); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-flank__project-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 29px; } .sar-flank__project-item { min-width: 0; padding: 22px 19px; border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 18px; background: rgba(255, 255, 255, 0.96); } .sar-flank__project-item > span { display: inline-flex; margin-bottom: 12px; color: var(--sar-flank-orange); font-size: 12px; font-weight: 900; letter-spacing: 0.065em; } .sar-flank__project-item h5 { margin: 0; color: var(--sar-flank-dark); font-size: 18px; font-weight: 900; line-height: 1.3; } .sar-flank__project-item p { margin: 9px 0 0; color: var(--sar-flank-muted); font-size: 13px; font-weight: 500; line-height: 1.6; } /* ========================================================= INTERVENTO PARZIALE O COMPLETO ========================================================= */ .sar-flank__decision { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: clamp(47px, 7vw, 77px); } .sar-flank__decision-card { padding: clamp(26px, 4vw, 39px); border: 1px solid var(--sar-flank-border); border-radius: 23px; background: var(--sar-flank-white); box-shadow: 0 15px 44px rgba(4, 45, 54, 0.07); } .sar-flank__decision-card--complete { border-color: rgba(0, 143, 163, 0.22); background: var(--sar-flank-light); } .sar-flank__decision-tag { display: inline-flex; margin-bottom: 15px; padding: 6px 10px; border-radius: 8px; background: rgba(245, 130, 32, 0.11); color: var(--sar-flank-orange); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.055em; text-transform: uppercase; } .sar-flank__decision-card--complete .sar-flank__decision-tag { background: rgba(0, 143, 163, 0.1); color: var(--sar-flank-teal); } .sar-flank__decision-card h4 { margin: 0; color: var(--sar-flank-dark); font-size: clamp(22px, 2.5vw, 30px); font-weight: 900; line-height: 1.23; letter-spacing: -0.022em; } .sar-flank__decision-card p { margin: 14px 0 0; color: var(--sar-flank-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } .sar-flank__decision-card a { display: inline-flex; margin-top: 17px; color: var(--sar-flank-teal); font-size: 14px; font-weight: 850; line-height: 1.4; text-decoration: none; } .sar-flank__decision-card a:hover { text-decoration: underline; text-underline-offset: 4px; } /* ========================================================= SOPRALLUOGO ========================================================= */ .sar-flank__assessment { display: grid; grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr); gap: clamp(30px, 5vw, 62px); align-items: start; margin-top: clamp(47px, 7vw, 78px); } .sar-flank__assessment-heading > p:not(.sar-flank__section-label) { margin: 16px 0 0; color: var(--sar-flank-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-flank__steps { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; } .sar-flank__step { display: flex; align-items: flex-start; gap: 15px; padding: 18px; border: 1px solid var(--sar-flank-border); border-radius: 16px; background: var(--sar-flank-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-flank__step-number { display: grid; flex: 0 0 auto; place-items: center; width: 34px; height: 34px; border-radius: 11px; background: var(--sar-flank-dark); color: var(--sar-flank-white); font-size: 13px; font-weight: 900; } .sar-flank__step strong { display: block; color: var(--sar-flank-dark); font-size: 16px; font-weight: 900; line-height: 1.3; } .sar-flank__step p { margin: 5px 0 0; color: var(--sar-flank-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } /* ========================================================= CTA ========================================================= */ .sar-flank__cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 36px; align-items: center; margin-top: clamp(47px, 7vw, 76px); padding: clamp(29px, 5vw, 52px); border-radius: 27px; background: linear-gradient( 132deg, var(--sar-flank-dark-deep) 0%, var(--sar-flank-dark) 66%, #07596a 100% ); box-shadow: 0 23px 62px rgba(4, 45, 54, 0.19); } .sar-flank__cta-label { margin: 0 0 8px; color: #86e4ec; font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-flank__cta-title { max-width: 800px; margin: 0; color: var(--sar-flank-white); font-size: clamp(25px, 3vw, 39px); font-weight: 900; line-height: 1.17; letter-spacing: -0.028em; text-wrap: balance; } .sar-flank__cta-text { max-width: 820px; margin: 14px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 15px; font-weight: 500; line-height: 1.68; } .sar-flank__cta-actions { display: grid; gap: 11px; min-width: 260px; } .sar-flank__button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 54px; padding: 13px 19px; border: 2px solid transparent; border-radius: 12px; font-size: 14px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, color 180ms ease, box-shadow 180ms ease; } .sar-flank__button:hover { transform: translateY(-2px); } .sar-flank__button:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; } .sar-flank__button--primary { background: var(--sar-flank-orange); color: var(--sar-flank-white); box-shadow: 0 12px 28px rgba(245, 130, 32, 0.26); } .sar-flank__button--primary:hover { background: var(--sar-flank-orange-dark); } .sar-flank__button--whatsapp { border-color: #25d366; background: #25d366; color: var(--sar-flank-white); box-shadow: 0 12px 28px rgba(37, 211, 102, 0.22); } .sar-flank__button--whatsapp:hover { border-color: #1ebe5d; background: #1ebe5d; box-shadow: 0 14px 30px rgba(37, 211, 102, 0.3); } .sar-flank__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-flank-white); } .sar-flank__button--phone:hover { border-color: rgba(255, 255, 255, 0.53); background: rgba(255, 255, 255, 0.15); } .sar-flank__button--phone span { display: grid; gap: 1px; } .sar-flank__button--phone strong { font-size: 15px; font-weight: 900; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1080px) { .sar-flank__principle, .sar-flank__signals, .sar-flank__assessment { grid-template-columns: 1fr; } .sar-flank__diagram { width: min(100%, 730px); margin-inline: auto; } .sar-flank__project-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-flank__cta { grid-template-columns: 1fr; } .sar-flank__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); min-width: 0; } } /* ========================================================= TABLET PICCOLO ========================================================= */ @media (max-width: 820px) { .sar-flank__routes, .sar-flank__decision { grid-template-columns: 1fr; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 720px) { #trasmissione-laterale-strutture-roma { padding: 57px 0; } .sar-flank__container { width: min(100% - 28px, 1240px); } .sar-flank__header { margin-bottom: 32px; text-align: left; } .sar-flank__eyebrow { justify-content: flex-start; padding: 7px 11px; font-size: 10px; } .sar-flank__title { font-size: clamp(30px, 9vw, 42px); } .sar-flank__title span { display: block; margin-top: 4px; } .sar-flank__direct-answer { margin-top: 18px; font-size: 17px; line-height: 1.6; } .sar-flank__intro { font-size: 15px; line-height: 1.68; } .sar-flank__section-title { font-size: 27px; } .sar-flank__principle { padding: 27px 20px; border-radius: 21px; } .sar-flank__diagram { padding: 14px; border-radius: 18px; } .sar-flank__diagram-building { padding: 32px 14px; } .sar-flank__diagram-middle { grid-template-columns: 36px 35px minmax(0, 1fr) 36px; min-height: 165px; } .sar-flank__diagram-side, .sar-flank__diagram-divider { font-size: 7px; } .sar-flank__diagram-room strong { font-size: 14px; } .sar-flank__routes { gap: 14px; margin-top: 39px; } .sar-flank__route { padding: 23px 19px; border-radius: 19px; } .sar-flank__route-title { font-size: 22px; } .sar-flank__warning { grid-template-columns: 1fr; margin-top: 39px; padding: 25px 20px; border-radius: 20px; } .sar-flank__warning-icon { width: 51px; height: 51px; border-radius: 15px; } .sar-flank__signals { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-flank__signals-list { grid-template-columns: 1fr; } .sar-flank__project { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-flank__project-grid { grid-template-columns: 1fr; gap: 13px; margin-top: 23px; } .sar-flank__project-item { padding: 20px 18px; } .sar-flank__decision { margin-top: 39px; } .sar-flank__decision-card { padding: 24px 19px; border-radius: 19px; } .sar-flank__assessment { margin-top: 39px; } .sar-flank__step { padding: 16px 14px; } .sar-flank__cta { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-flank__cta-actions { grid-template-columns: 1fr; } .sar-flank__button { width: 100%; } } /* ========================================================= SCHERMI MOLTO PICCOLI ========================================================= */ @media (max-width: 430px) { .sar-flank__diagram-source { display: grid; justify-items: center; text-align: center; } .sar-flank__diagram-middle { grid-template-columns: 29px 28px minmax(0, 1fr) 29px; } .sar-flank__diagram-room { padding: 9px; } .sar-flank__signals-list p { font-size: 12px; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sar-flank__button { transition: none; } .sar-flank__button:hover { transform: none; } }#imCell_13 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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; } /* ========================================================= H3 — FINESTRE, CASSONETTI E PUNTI DEBOLI DELLA FACCIATA Pagina: isolamento-acustico-roma.html Classi isolate con prefisso sar-fac ========================================================= */ #finestre-cassonetti-facciata-roma { --sar-fac-dark: #073b46; --sar-fac-dark-deep: #042d36; --sar-fac-teal: #008fa3; --sar-fac-turquoise: #16bfd0; --sar-fac-orange: #f58220; --sar-fac-orange-dark: #dc6813; --sar-fac-green: #2e9b67; --sar-fac-white: #ffffff; --sar-fac-cream: #fff8ed; --sar-fac-light: #eefafd; --sar-fac-text: #18343b; --sar-fac-muted: #587078; --sar-fac-border: rgba(7, 59, 70, 0.13); --sar-fac-shadow: 0 20px 55px rgba(4, 45, 54, 0.11); position: relative; width: 100%; overflow: hidden; padding: clamp(68px, 8vw, 108px) 0; background: radial-gradient( circle at 100% 2%, rgba(22, 191, 208, 0.1), transparent 28% ), linear-gradient( 180deg, #ffffff 0%, #f6fcfd 100% ); color: var(--sar-fac-text); } #finestre-cassonetti-facciata-roma, #finestre-cassonetti-facciata-roma *, #finestre-cassonetti-facciata-roma *::before, #finestre-cassonetti-facciata-roma *::after { box-sizing: border-box; } /* ========================================================= CONTENITORE ========================================================= */ .sar-fac__container { width: min(100% - 40px, 1240px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .sar-fac__header { max-width: 990px; margin: 0 auto 47px; text-align: center; } .sar-fac__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 15px; padding: 8px 14px; border: 1px solid rgba(245, 130, 32, 0.22); border-radius: 999px; background: rgba(245, 130, 32, 0.08); color: var(--sar-fac-orange); font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.055em; text-transform: uppercase; } .sar-fac__title { margin: 0; color: var(--sar-fac-dark-deep); font-size: clamp(31px, 4vw, 52px); font-weight: 900; line-height: 1.1; letter-spacing: -0.037em; text-wrap: balance; } .sar-fac__title span { color: var(--sar-fac-teal); } .sar-fac__direct-answer { max-width: 930px; margin: 22px auto 0; color: var(--sar-fac-dark); font-size: clamp(18px, 1.65vw, 21px); font-weight: 700; line-height: 1.65; } .sar-fac__intro { max-width: 900px; margin: 17px auto 0; color: var(--sar-fac-muted); font-size: 16px; font-weight: 500; line-height: 1.75; } /* ========================================================= TITOLI INTERNI ========================================================= */ .sar-fac__section-label { margin: 0 0 9px; color: var(--sar-fac-orange); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-fac__section-title { margin: 0; color: var(--sar-fac-dark-deep); font-size: clamp(26px, 3.2vw, 42px); font-weight: 900; line-height: 1.16; letter-spacing: -0.029em; text-wrap: balance; } /* ========================================================= PRINCIPIO CENTRALE ========================================================= */ .sar-fac__principle { display: grid; grid-template-columns: minmax(0, 1.03fr) minmax(370px, 0.97fr); gap: clamp(30px, 5vw, 62px); align-items: center; padding: clamp(31px, 5vw, 57px); border-radius: 28px; background: linear-gradient( 135deg, var(--sar-fac-dark-deep) 0%, var(--sar-fac-dark) 67%, #075667 100% ); box-shadow: 0 23px 65px rgba(4, 45, 54, 0.19); } .sar-fac__principle .sar-fac__section-label { color: #88e6ee; } .sar-fac__principle .sar-fac__section-title { color: var(--sar-fac-white); } .sar-fac__principle-content > p:not(.sar-fac__section-label) { margin: 16px 0 0; color: rgba(255, 255, 255, 0.86); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-fac__principle-note { display: flex; align-items: flex-start; gap: 12px; margin-top: 23px; padding: 16px; border: 1px solid rgba(245, 130, 32, 0.32); border-radius: 15px; background: rgba(245, 130, 32, 0.11); } .sar-fac__principle-icon { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: var(--sar-fac-orange); color: var(--sar-fac-white); font-size: 15px; font-weight: 900; } .sar-fac__principle-note p { margin: 0; color: rgba(255, 255, 255, 0.93); font-size: 13px; font-weight: 700; line-height: 1.58; } /* ========================================================= DIAGRAMMA VANO FINESTRA ========================================================= */ .sar-fac__diagram { width: 100%; min-width: 0; padding: 18px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 22px; background: rgba(255, 255, 255, 0.97); box-shadow: 0 17px 42px rgba(0, 0, 0, 0.15); } .sar-fac__diagram-outside { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 52px; padding: 12px 14px; border-radius: 11px; background: var(--sar-fac-cream); color: var(--sar-fac-dark); font-size: 12px; font-weight: 900; } .sar-fac__diagram-noise { color: var(--sar-fac-orange); font-size: 17px; font-weight: 900; white-space: nowrap; } .sar-fac__diagram-wall { display: grid; grid-template-columns: 1fr; gap: 7px; margin-top: 10px; padding: 16px; border-radius: 14px; background: var(--sar-fac-light); } .sar-fac__diagram-box { display: grid; place-items: center; min-height: 48px; border: 4px solid var(--sar-fac-dark); border-radius: 8px; background: var(--sar-fac-white); color: var(--sar-fac-dark); font-size: 10px; font-weight: 900; text-transform: uppercase; } .sar-fac__diagram-window { position: relative; display: grid; place-items: center; min-height: 170px; border: 12px solid var(--sar-fac-dark); border-radius: 5px; background: #dff6fa; } .sar-fac__diagram-glass { display: grid; place-items: center; width: 67%; height: 93px; border: 5px solid var(--sar-fac-teal); background: rgba(255, 255, 255, 0.55); color: var(--sar-fac-teal); font-size: 12px; font-weight: 900; text-transform: uppercase; } .sar-fac__diagram-frame, .sar-fac__diagram-joint { position: absolute; padding: 4px 7px; border-radius: 6px; font-size: 8px; font-weight: 900; text-transform: uppercase; } .sar-fac__diagram-frame { background: var(--sar-fac-dark); color: var(--sar-fac-white); } .sar-fac__diagram-frame--top { top: 6px; left: 50%; transform: translateX(-50%); } .sar-fac__diagram-frame--bottom { bottom: 6px; left: 50%; transform: translateX(-50%); } .sar-fac__diagram-joint { background: var(--sar-fac-orange); color: var(--sar-fac-white); writing-mode: vertical-rl; } .sar-fac__diagram-joint--left { top: 50%; left: -8px; transform: translateY(-50%); } .sar-fac__diagram-joint--right { top: 50%; right: -8px; transform: translateY(-50%); } .sar-fac__diagram-facade { display: grid; place-items: center; min-height: 37px; border-radius: 7px; background: repeating-linear-gradient( 45deg, var(--sar-fac-dark), var(--sar-fac-dark) 9px, #0a5361 9px, #0a5361 18px ); color: var(--sar-fac-white); font-size: 9px; font-weight: 900; text-transform: uppercase; } .sar-fac__diagram-inside { display: grid; place-items: center; min-height: 43px; margin-top: 10px; border-radius: 9px; background: rgba(46, 155, 103, 0.1); color: var(--sar-fac-green); font-size: 11px; font-weight: 900; } .sar-fac__diagram-caption { margin: 14px 0 0; color: var(--sar-fac-muted); font-size: 12px; font-weight: 650; line-height: 1.5; text-align: center; } /* ========================================================= ELEMENTI DEL VANO ========================================================= */ .sar-fac__elements { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: clamp(47px, 7vw, 78px); } .sar-fac__element { min-width: 0; padding: clamp(25px, 4vw, 38px); border: 1px solid var(--sar-fac-border); border-radius: 22px; background: var(--sar-fac-white); box-shadow: 0 14px 41px rgba(4, 45, 54, 0.07); } .sar-fac__element-top { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 18px; } .sar-fac__element-number { color: var(--sar-fac-orange); font-size: 13px; font-weight: 900; letter-spacing: 0.07em; } .sar-fac__element-icon { display: grid; place-items: center; width: 57px; height: 57px; border-radius: 17px; background: rgba(245, 130, 32, 0.11); color: var(--sar-fac-orange); } .sar-fac__element--teal .sar-fac__element-number, .sar-fac__element--teal .sar-fac__element-icon { color: var(--sar-fac-teal); } .sar-fac__element--teal .sar-fac__element-icon { background: rgba(22, 191, 208, 0.11); } .sar-fac__element--green .sar-fac__element-number, .sar-fac__element--green .sar-fac__element-icon { color: var(--sar-fac-green); } .sar-fac__element--green .sar-fac__element-icon { background: rgba(46, 155, 103, 0.11); } .sar-fac__element-title { margin: 0; color: var(--sar-fac-dark); font-size: clamp(22px, 2.4vw, 29px); font-weight: 900; line-height: 1.23; letter-spacing: -0.022em; } .sar-fac__element > p { margin: 14px 0 0; color: var(--sar-fac-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } /* ========================================================= SEGNALI ========================================================= */ .sar-fac__signals { display: grid; grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr); gap: clamp(30px, 5vw, 62px); align-items: center; margin-top: clamp(47px, 7vw, 78px); padding: clamp(30px, 5vw, 55px); border: 1px solid var(--sar-fac-border); border-radius: 27px; background: var(--sar-fac-cream); } .sar-fac__signals-heading > p:not(.sar-fac__section-label) { margin: 16px 0 0; color: var(--sar-fac-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-fac__signals-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; } .sar-fac__signals-list li { display: flex; align-items: flex-start; gap: 10px; padding: 15px; border: 1px solid rgba(7, 59, 70, 0.08); border-radius: 14px; background: rgba(255, 255, 255, 0.9); } .sar-fac__signals-list li > span { display: grid; flex: 0 0 auto; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-fac-green); font-size: 12px; font-weight: 900; } .sar-fac__signals-list p { margin: 0; color: var(--sar-fac-dark); font-size: 13px; font-weight: 700; line-height: 1.52; } /* ========================================================= AVVERTIMENTO ========================================================= */ .sar-fac__warning { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 22px; align-items: start; margin-top: clamp(47px, 7vw, 77px); padding: clamp(28px, 5vw, 47px); border: 1px solid rgba(245, 130, 32, 0.22); border-radius: 25px; background: var(--sar-fac-white); box-shadow: var(--sar-fac-shadow); } .sar-fac__warning-icon { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 18px; background: var(--sar-fac-orange); color: var(--sar-fac-white); font-size: 28px; font-weight: 900; } .sar-fac__warning-label { margin: 0 0 8px; color: var(--sar-fac-orange); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-fac__warning-title { max-width: 930px; margin: 0; color: var(--sar-fac-dark); font-size: clamp(24px, 3vw, 37px); font-weight: 900; line-height: 1.19; letter-spacing: -0.027em; } .sar-fac__warning-content > p:not(.sar-fac__warning-label) { margin: 15px 0 0; color: var(--sar-fac-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } /* ========================================================= SOLUZIONI ========================================================= */ .sar-fac__solutions { margin-top: clamp(47px, 7vw, 78px); padding: clamp(30px, 5vw, 56px); border-radius: 28px; background: linear-gradient( 135deg, var(--sar-fac-dark-deep) 0%, var(--sar-fac-dark) 67%, #075667 100% ); box-shadow: 0 23px 65px rgba(4, 45, 54, 0.19); } .sar-fac__solutions-heading { max-width: 920px; } .sar-fac__solutions .sar-fac__section-label { color: #88e6ee; } .sar-fac__solutions .sar-fac__section-title { color: var(--sar-fac-white); } .sar-fac__solutions-heading > p:not(.sar-fac__section-label) { margin: 16px 0 0; color: rgba(255, 255, 255, 0.86); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-fac__solutions-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 29px; } .sar-fac__solution { min-width: 0; padding: 22px 19px; border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 18px; background: rgba(255, 255, 255, 0.96); } .sar-fac__solution-number { display: inline-flex; margin-bottom: 12px; color: var(--sar-fac-orange); font-size: 12px; font-weight: 900; letter-spacing: 0.065em; } .sar-fac__solution h5 { margin: 0; color: var(--sar-fac-dark); font-size: 18px; font-weight: 900; line-height: 1.3; } .sar-fac__solution p { margin: 9px 0 0; color: var(--sar-fac-muted); font-size: 13px; font-weight: 500; line-height: 1.6; } .sar-fac__internal-link { display: inline-flex; align-items: center; gap: 9px; margin-top: 25px; color: #8ce8f1; font-size: 15px; font-weight: 850; line-height: 1.4; text-decoration: none; } .sar-fac__internal-link:hover { text-decoration: underline; text-underline-offset: 4px; } .sar-fac__internal-link:focus-visible { outline: 3px solid rgba(255, 255, 255, 0.45); outline-offset: 4px; border-radius: 5px; } /* ========================================================= INTERVENTO LOCALIZZATO O COMPLETO ========================================================= */ .sar-fac__decision { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: clamp(47px, 7vw, 77px); } .sar-fac__decision-card { padding: clamp(26px, 4vw, 39px); border: 1px solid var(--sar-fac-border); border-radius: 23px; background: var(--sar-fac-white); box-shadow: 0 15px 44px rgba(4, 45, 54, 0.07); } .sar-fac__decision-card--complete { border-color: rgba(0, 143, 163, 0.22); background: var(--sar-fac-light); } .sar-fac__decision-tag { display: inline-flex; margin-bottom: 15px; padding: 6px 10px; border-radius: 8px; background: rgba(245, 130, 32, 0.11); color: var(--sar-fac-orange); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.055em; text-transform: uppercase; } .sar-fac__decision-card--complete .sar-fac__decision-tag { background: rgba(0, 143, 163, 0.1); color: var(--sar-fac-teal); } .sar-fac__decision-card h4 { margin: 0; color: var(--sar-fac-dark); font-size: clamp(22px, 2.5vw, 30px); font-weight: 900; line-height: 1.23; letter-spacing: -0.022em; } .sar-fac__decision-card p { margin: 14px 0 0; color: var(--sar-fac-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } .sar-fac__decision-card a { display: inline-flex; margin-top: 17px; color: var(--sar-fac-teal); font-size: 14px; font-weight: 850; line-height: 1.4; text-decoration: none; } .sar-fac__decision-card a:hover { text-decoration: underline; text-underline-offset: 4px; } /* ========================================================= SOPRALLUOGO ========================================================= */ .sar-fac__assessment { display: grid; grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr); gap: clamp(30px, 5vw, 62px); align-items: start; margin-top: clamp(47px, 7vw, 78px); } .sar-fac__assessment-heading > p:not(.sar-fac__section-label) { margin: 16px 0 0; color: var(--sar-fac-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-fac__steps { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; } .sar-fac__step { display: flex; align-items: flex-start; gap: 15px; padding: 18px; border: 1px solid var(--sar-fac-border); border-radius: 16px; background: var(--sar-fac-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-fac__step-number { display: grid; flex: 0 0 auto; place-items: center; width: 34px; height: 34px; border-radius: 11px; background: var(--sar-fac-dark); color: var(--sar-fac-white); font-size: 13px; font-weight: 900; } .sar-fac__step strong { display: block; color: var(--sar-fac-dark); font-size: 16px; font-weight: 900; line-height: 1.3; } .sar-fac__step p { margin: 5px 0 0; color: var(--sar-fac-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } /* ========================================================= CTA FINALE ========================================================= */ .sar-fac__cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 36px; align-items: center; margin-top: clamp(47px, 7vw, 76px); padding: clamp(29px, 5vw, 52px); border-radius: 27px; background: linear-gradient( 132deg, var(--sar-fac-dark-deep) 0%, var(--sar-fac-dark) 66%, #07596a 100% ); box-shadow: 0 23px 62px rgba(4, 45, 54, 0.19); } .sar-fac__cta-label { margin: 0 0 8px; color: #86e4ec; font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-fac__cta-title { max-width: 800px; margin: 0; color: var(--sar-fac-white); font-size: clamp(25px, 3vw, 39px); font-weight: 900; line-height: 1.17; letter-spacing: -0.028em; text-wrap: balance; } .sar-fac__cta-text { max-width: 820px; margin: 14px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 15px; font-weight: 500; line-height: 1.68; } .sar-fac__cta-actions { display: grid; gap: 11px; min-width: 260px; } .sar-fac__button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 54px; padding: 13px 19px; border: 2px solid transparent; border-radius: 12px; font-size: 14px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, color 180ms ease, box-shadow 180ms ease; } .sar-fac__button:hover { transform: translateY(-2px); } .sar-fac__button:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; } .sar-fac__button--primary { background: var(--sar-fac-orange); color: var(--sar-fac-white); box-shadow: 0 12px 28px rgba(245, 130, 32, 0.26); } .sar-fac__button--primary:hover { background: var(--sar-fac-orange-dark); } .sar-fac__button--whatsapp { border-color: #25d366; background: #25d366; color: var(--sar-fac-white); box-shadow: 0 12px 28px rgba(37, 211, 102, 0.22); } .sar-fac__button--whatsapp:hover { border-color: #1ebe5d; background: #1ebe5d; box-shadow: 0 14px 30px rgba(37, 211, 102, 0.3); } .sar-fac__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-fac-white); } .sar-fac__button--phone:hover { border-color: rgba(255, 255, 255, 0.53); background: rgba(255, 255, 255, 0.15); } .sar-fac__button--phone span { display: grid; gap: 1px; } .sar-fac__button--phone strong { font-size: 15px; font-weight: 900; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1080px) { .sar-fac__principle, .sar-fac__signals, .sar-fac__assessment { grid-template-columns: 1fr; } .sar-fac__diagram { width: min(100%, 700px); margin-inline: auto; } .sar-fac__solutions-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-fac__cta { grid-template-columns: 1fr; } .sar-fac__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); min-width: 0; } } /* ========================================================= TABLET PICCOLO ========================================================= */ @media (max-width: 820px) { .sar-fac__elements, .sar-fac__decision { grid-template-columns: 1fr; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 720px) { #finestre-cassonetti-facciata-roma { padding: 57px 0; } .sar-fac__container { width: min(100% - 28px, 1240px); } .sar-fac__header { margin-bottom: 32px; text-align: left; } .sar-fac__eyebrow { justify-content: flex-start; padding: 7px 11px; font-size: 10px; } .sar-fac__title { font-size: clamp(30px, 9vw, 42px); } .sar-fac__title span { display: block; margin-top: 4px; } .sar-fac__direct-answer { margin-top: 18px; font-size: 17px; line-height: 1.6; } .sar-fac__intro { font-size: 15px; line-height: 1.68; } .sar-fac__section-title { font-size: 27px; } .sar-fac__principle { padding: 27px 20px; border-radius: 21px; } .sar-fac__diagram { padding: 14px; border-radius: 18px; } .sar-fac__diagram-window { min-height: 145px; } .sar-fac__diagram-glass { height: 78px; } .sar-fac__elements { gap: 14px; margin-top: 39px; } .sar-fac__element { padding: 23px 19px; border-radius: 19px; } .sar-fac__element-title { font-size: 22px; } .sar-fac__signals { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-fac__signals-list { grid-template-columns: 1fr; } .sar-fac__warning { grid-template-columns: 1fr; margin-top: 39px; padding: 25px 20px; border-radius: 20px; } .sar-fac__warning-icon { width: 51px; height: 51px; border-radius: 15px; } .sar-fac__solutions { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-fac__solutions-grid { grid-template-columns: 1fr; gap: 13px; margin-top: 23px; } .sar-fac__solution { padding: 20px 18px; } .sar-fac__decision { margin-top: 39px; } .sar-fac__decision-card { padding: 24px 19px; border-radius: 19px; } .sar-fac__assessment { margin-top: 39px; } .sar-fac__step { padding: 16px 14px; } .sar-fac__cta { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-fac__cta-actions { grid-template-columns: 1fr; } .sar-fac__button { width: 100%; } } /* ========================================================= SCHERMI MOLTO PICCOLI ========================================================= */ @media (max-width: 430px) { .sar-fac__diagram-outside { display: grid; justify-items: center; text-align: center; } .sar-fac__diagram-noise { white-space: normal; } .sar-fac__signals-list p { font-size: 12px; } .sar-fac__internal-link { align-items: flex-start; font-size: 13px; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sar-fac__button { transition: none; } .sar-fac__button:hover { transform: none; } }#imCell_14 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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; } /* ========================================================= H3 — PONTI ACUSTICI, GIUNZIONI E ATTRAVERSAMENTI Pagina: isolamento-acustico-roma.html Classi isolate con prefisso sar-bridge ========================================================= */ #ponti-acustici-giunzioni-impianti-roma { --sar-bridge-dark: #073b46; --sar-bridge-dark-deep: #042d36; --sar-bridge-teal: #008fa3; --sar-bridge-turquoise: #16bfd0; --sar-bridge-orange: #f58220; --sar-bridge-orange-dark: #dc6813; --sar-bridge-green: #2e9b67; --sar-bridge-red: #c95542; --sar-bridge-white: #ffffff; --sar-bridge-cream: #fff8ed; --sar-bridge-light: #eefafd; --sar-bridge-text: #18343b; --sar-bridge-muted: #587078; --sar-bridge-border: rgba(7, 59, 70, 0.13); --sar-bridge-shadow: 0 20px 55px rgba(4, 45, 54, 0.11); position: relative; width: 100%; overflow: hidden; padding: clamp(68px, 8vw, 108px) 0; background: radial-gradient( circle at 0% 2%, rgba(245, 130, 32, 0.08), transparent 28% ), linear-gradient( 180deg, #ffffff 0%, #f6fcfd 100% ); color: var(--sar-bridge-text); } #ponti-acustici-giunzioni-impianti-roma, #ponti-acustici-giunzioni-impianti-roma *, #ponti-acustici-giunzioni-impianti-roma *::before, #ponti-acustici-giunzioni-impianti-roma *::after { box-sizing: border-box; } /* ========================================================= CONTENITORE ========================================================= */ .sar-bridge__container { width: min(100% - 40px, 1240px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .sar-bridge__header { max-width: 990px; margin: 0 auto 47px; text-align: center; } .sar-bridge__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 15px; padding: 8px 14px; border: 1px solid rgba(245, 130, 32, 0.22); border-radius: 999px; background: rgba(245, 130, 32, 0.08); color: var(--sar-bridge-orange); font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.055em; text-transform: uppercase; } .sar-bridge__title { margin: 0; color: var(--sar-bridge-dark-deep); font-size: clamp(31px, 4vw, 52px); font-weight: 900; line-height: 1.1; letter-spacing: -0.037em; text-wrap: balance; } .sar-bridge__title span { color: var(--sar-bridge-teal); } .sar-bridge__direct-answer { max-width: 930px; margin: 22px auto 0; color: var(--sar-bridge-dark); font-size: clamp(18px, 1.65vw, 21px); font-weight: 700; line-height: 1.65; } .sar-bridge__intro { max-width: 900px; margin: 17px auto 0; color: var(--sar-bridge-muted); font-size: 16px; font-weight: 500; line-height: 1.75; } /* ========================================================= TITOLI INTERNI ========================================================= */ .sar-bridge__section-label { margin: 0 0 9px; color: var(--sar-bridge-orange); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-bridge__section-title { margin: 0; color: var(--sar-bridge-dark-deep); font-size: clamp(26px, 3.2vw, 42px); font-weight: 900; line-height: 1.16; letter-spacing: -0.029em; text-wrap: balance; } /* ========================================================= PRINCIPIO CENTRALE ========================================================= */ .sar-bridge__principle { display: grid; grid-template-columns: minmax(0, 1.03fr) minmax(380px, 0.97fr); gap: clamp(30px, 5vw, 62px); align-items: center; padding: clamp(31px, 5vw, 57px); border-radius: 28px; background: linear-gradient( 135deg, var(--sar-bridge-dark-deep) 0%, var(--sar-bridge-dark) 67%, #075667 100% ); box-shadow: 0 23px 65px rgba(4, 45, 54, 0.19); } .sar-bridge__principle .sar-bridge__section-label { color: #88e6ee; } .sar-bridge__principle .sar-bridge__section-title { color: var(--sar-bridge-white); } .sar-bridge__principle-content > p:not(.sar-bridge__section-label) { margin: 16px 0 0; color: rgba(255, 255, 255, 0.86); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-bridge__principle-note { display: flex; align-items: flex-start; gap: 12px; margin-top: 23px; padding: 16px; border: 1px solid rgba(245, 130, 32, 0.32); border-radius: 15px; background: rgba(245, 130, 32, 0.11); } .sar-bridge__principle-icon { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: var(--sar-bridge-orange); color: var(--sar-bridge-white); font-size: 15px; font-weight: 900; } .sar-bridge__principle-note p { margin: 0; color: rgba(255, 255, 255, 0.93); font-size: 13px; font-weight: 700; line-height: 1.58; } /* ========================================================= DIAGRAMMA ========================================================= */ .sar-bridge__diagram { width: 100%; min-width: 0; padding: 18px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 22px; background: rgba(255, 255, 255, 0.97); box-shadow: 0 17px 42px rgba(0, 0, 0, 0.15); } .sar-bridge__diagram-source, .sar-bridge__diagram-result { display: flex; align-items: center; justify-content: space-between; gap: 13px; min-height: 52px; padding: 12px 14px; border-radius: 11px; background: var(--sar-bridge-cream); color: var(--sar-bridge-dark); font-size: 12px; font-weight: 900; } .sar-bridge__diagram-noise { color: var(--sar-bridge-orange); font-size: 17px; font-weight: 900; white-space: nowrap; } .sar-bridge__diagram-system { display: grid; gap: 7px; margin: 10px 0; } .sar-bridge__diagram-junction { display: grid; place-items: center; min-height: 35px; border-radius: 8px; background: var(--sar-bridge-dark); color: var(--sar-bridge-white); font-size: 9px; font-weight: 900; line-height: 1.35; text-align: center; text-transform: uppercase; } .sar-bridge__diagram-wall { position: relative; min-height: 250px; overflow: hidden; border: 10px solid var(--sar-bridge-dark); border-radius: 7px; background: repeating-linear-gradient( 45deg, #e8f8fa, #e8f8fa 13px, #d9f1f5 13px, #d9f1f5 26px ); } .sar-bridge__diagram-wall-label { position: absolute; top: 50%; left: 50%; padding: 8px 11px; border-radius: 9px; background: var(--sar-bridge-white); color: var(--sar-bridge-dark); font-size: 11px; font-weight: 900; line-height: 1.35; text-align: center; transform: translate(-50%, -50%); box-shadow: 0 8px 22px rgba(4, 45, 54, 0.1); } .sar-bridge__diagram-point { position: absolute; display: flex; align-items: center; gap: 6px; padding: 6px 8px; border: 2px solid var(--sar-bridge-orange); border-radius: 8px; background: var(--sar-bridge-white); color: var(--sar-bridge-dark); font-size: 8px; font-weight: 900; line-height: 1.25; } .sar-bridge__diagram-point--socket { top: 22%; left: 7%; } .sar-bridge__diagram-point--pipe { top: 20%; right: 6%; } .sar-bridge__diagram-point--gap { bottom: 15%; left: 8%; } .sar-bridge__diagram-point--rigid { right: 6%; bottom: 13%; } .sar-bridge__diagram-marker { display: grid; flex: 0 0 auto; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: var(--sar-bridge-orange); color: var(--sar-bridge-white); font-size: 10px; font-weight: 900; } .sar-bridge__diagram-result { display: grid; justify-items: center; background: rgba(46, 155, 103, 0.1); color: var(--sar-bridge-green); text-align: center; } .sar-bridge__diagram-result p { margin: 3px 0 0; color: var(--sar-bridge-muted); font-size: 10px; font-weight: 650; } .sar-bridge__diagram-legend { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 14px 0 0; padding: 0; list-style: none; } .sar-bridge__diagram-legend li { display: flex; align-items: flex-start; gap: 7px; color: var(--sar-bridge-muted); font-size: 10px; font-weight: 650; line-height: 1.4; } .sar-bridge__diagram-legend li > span { display: grid; flex: 0 0 auto; place-items: center; width: 19px; height: 19px; border-radius: 50%; background: var(--sar-bridge-orange); color: var(--sar-bridge-white); font-size: 9px; font-weight: 900; } /* ========================================================= TRE PROBLEMI ========================================================= */ .sar-bridge__problems { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: clamp(47px, 7vw, 78px); } .sar-bridge__problem { min-width: 0; padding: clamp(25px, 3.5vw, 36px); border: 1px solid var(--sar-bridge-border); border-radius: 22px; background: var(--sar-bridge-white); box-shadow: 0 14px 41px rgba(4, 45, 54, 0.07); } .sar-bridge__problem-top { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 18px; } .sar-bridge__problem-number { color: var(--sar-bridge-orange); font-size: 13px; font-weight: 900; letter-spacing: 0.07em; } .sar-bridge__problem-icon { display: grid; place-items: center; width: 57px; height: 57px; border-radius: 17px; background: rgba(245, 130, 32, 0.11); color: var(--sar-bridge-orange); } .sar-bridge__problem--teal .sar-bridge__problem-number, .sar-bridge__problem--teal .sar-bridge__problem-icon { color: var(--sar-bridge-teal); } .sar-bridge__problem--teal .sar-bridge__problem-icon { background: rgba(22, 191, 208, 0.11); } .sar-bridge__problem-title { margin: 0; color: var(--sar-bridge-dark); font-size: clamp(22px, 2.3vw, 28px); font-weight: 900; line-height: 1.23; letter-spacing: -0.022em; } .sar-bridge__problem > p { margin: 14px 0 0; color: var(--sar-bridge-muted); font-size: 14px; font-weight: 500; line-height: 1.68; } /* ========================================================= TABELLA RESPONSIVE ========================================================= */ .sar-bridge__analysis { margin-top: clamp(47px, 7vw, 78px); padding: clamp(30px, 5vw, 55px); border-radius: 27px; background: var(--sar-bridge-cream); } .sar-bridge__analysis-heading { max-width: 920px; margin: 0 auto 29px; text-align: center; } .sar-bridge__analysis-heading > p:not(.sar-bridge__section-label) { max-width: 820px; margin: 16px auto 0; color: var(--sar-bridge-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-bridge__table-container { width: 100%; min-width: 0; overflow: hidden; border: 1px solid var(--sar-bridge-border); border-radius: 19px; background: var(--sar-bridge-white); box-shadow: 0 13px 36px rgba(4, 45, 54, 0.08); } .sar-bridge__table { width: 100%; max-width: 100%; border-collapse: collapse; table-layout: fixed; } .sar-bridge__table-col--point { width: 25%; } .sar-bridge__table-col--effect { width: 34%; } .sar-bridge__table-col--check { width: 41%; } .sar-bridge__table caption { width: 100%; padding: 19px 21px; border-bottom: 1px solid var(--sar-bridge-border); color: var(--sar-bridge-dark); font-size: 16px; font-weight: 900; line-height: 1.45; text-align: left; overflow-wrap: anywhere; } .sar-bridge__table th, .sar-bridge__table td { padding: 16px 17px; border-bottom: 1px solid rgba(7, 59, 70, 0.1); font-size: 13px; line-height: 1.55; text-align: left; vertical-align: top; white-space: normal; overflow-wrap: anywhere; word-break: normal; hyphens: auto; } .sar-bridge__table thead th { background: var(--sar-bridge-light); color: var(--sar-bridge-dark); font-weight: 900; } .sar-bridge__table tbody th { color: var(--sar-bridge-teal); font-weight: 900; } .sar-bridge__table tbody td { color: var(--sar-bridge-muted); font-weight: 550; } .sar-bridge__table tbody tr:nth-child(even) { background: rgba(238, 250, 253, 0.33); } .sar-bridge__table tbody tr:last-child th, .sar-bridge__table tbody tr:last-child td { border-bottom: 0; } /* ========================================================= FOCUS PRESE ELETTRICHE ========================================================= */ .sar-bridge__focus { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: clamp(30px, 5vw, 62px); align-items: center; margin-top: clamp(47px, 7vw, 78px); padding: clamp(30px, 5vw, 55px); border: 1px solid var(--sar-bridge-border); border-radius: 27px; background: var(--sar-bridge-white); box-shadow: var(--sar-bridge-shadow); } .sar-bridge__focus-content > p:not(.sar-bridge__section-label) { margin: 16px 0 0; color: var(--sar-bridge-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-bridge__focus-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; } .sar-bridge__focus-list li { display: flex; align-items: flex-start; gap: 10px; padding: 15px; border-radius: 14px; background: var(--sar-bridge-light); } .sar-bridge__focus-list li > span { display: grid; flex: 0 0 auto; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-bridge-green); font-size: 12px; font-weight: 900; } .sar-bridge__focus-list p { margin: 0; color: var(--sar-bridge-dark); font-size: 13px; font-weight: 700; line-height: 1.52; } /* ========================================================= AVVERTIMENTO ========================================================= */ .sar-bridge__warning { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 22px; align-items: start; margin-top: clamp(47px, 7vw, 77px); padding: clamp(28px, 5vw, 47px); border: 1px solid rgba(201, 85, 66, 0.18); border-radius: 25px; background: rgba(201, 85, 66, 0.05); } .sar-bridge__warning-icon { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 18px; background: var(--sar-bridge-red); color: var(--sar-bridge-white); font-size: 29px; font-weight: 900; } .sar-bridge__warning-label { margin: 0 0 8px; color: var(--sar-bridge-red); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-bridge__warning-title { max-width: 930px; margin: 0; color: var(--sar-bridge-dark); font-size: clamp(24px, 3vw, 37px); font-weight: 900; line-height: 1.19; letter-spacing: -0.027em; } .sar-bridge__warning-content > p:not(.sar-bridge__warning-label) { margin: 15px 0 0; color: var(--sar-bridge-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } /* ========================================================= PROGETTAZIONE ========================================================= */ .sar-bridge__project { margin-top: clamp(47px, 7vw, 78px); padding: clamp(30px, 5vw, 56px); border-radius: 28px; background: linear-gradient( 135deg, var(--sar-bridge-dark-deep) 0%, var(--sar-bridge-dark) 67%, #075667 100% ); box-shadow: 0 23px 65px rgba(4, 45, 54, 0.19); } .sar-bridge__project-heading { max-width: 920px; } .sar-bridge__project .sar-bridge__section-label { color: #88e6ee; } .sar-bridge__project .sar-bridge__section-title { color: var(--sar-bridge-white); } .sar-bridge__project-heading > p:not(.sar-bridge__section-label) { margin: 16px 0 0; color: rgba(255, 255, 255, 0.86); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-bridge__project-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 29px; } .sar-bridge__project-item { min-width: 0; padding: 22px 19px; border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 18px; background: rgba(255, 255, 255, 0.96); } .sar-bridge__project-item > span { display: inline-flex; margin-bottom: 12px; color: var(--sar-bridge-orange); font-size: 12px; font-weight: 900; letter-spacing: 0.065em; } .sar-bridge__project-item h5 { margin: 0; color: var(--sar-bridge-dark); font-size: 18px; font-weight: 900; line-height: 1.3; } .sar-bridge__project-item p { margin: 9px 0 0; color: var(--sar-bridge-muted); font-size: 13px; font-weight: 500; line-height: 1.6; } /* ========================================================= SOPRALLUOGO ========================================================= */ .sar-bridge__assessment { display: grid; grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr); gap: clamp(30px, 5vw, 62px); align-items: start; margin-top: clamp(47px, 7vw, 78px); } .sar-bridge__assessment-heading > p:not(.sar-bridge__section-label) { margin: 16px 0 0; color: var(--sar-bridge-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-bridge__steps { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; } .sar-bridge__step { display: flex; align-items: flex-start; gap: 15px; padding: 18px; border: 1px solid var(--sar-bridge-border); border-radius: 16px; background: var(--sar-bridge-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-bridge__step-number { display: grid; flex: 0 0 auto; place-items: center; width: 34px; height: 34px; border-radius: 11px; background: var(--sar-bridge-dark); color: var(--sar-bridge-white); font-size: 13px; font-weight: 900; } .sar-bridge__step strong { display: block; color: var(--sar-bridge-dark); font-size: 16px; font-weight: 900; line-height: 1.3; } .sar-bridge__step p { margin: 5px 0 0; color: var(--sar-bridge-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } /* ========================================================= LINK INTERNO ========================================================= */ .sar-bridge__links { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-top: clamp(47px, 7vw, 76px); padding: clamp(25px, 4vw, 38px); border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 23px; background: var(--sar-bridge-light); } .sar-bridge__links-label { margin: 0 0 7px; color: var(--sar-bridge-teal); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.065em; text-transform: uppercase; } .sar-bridge__links h4 { max-width: 680px; margin: 0; color: var(--sar-bridge-dark); font-size: clamp(21px, 2.5vw, 29px); font-weight: 900; line-height: 1.25; } .sar-bridge__links > a { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 9px; min-height: 49px; padding: 12px 17px; border-radius: 11px; background: var(--sar-bridge-teal); color: var(--sar-bridge-white); font-size: 13px; font-weight: 850; line-height: 1.4; text-align: center; text-decoration: none; } .sar-bridge__links > a:hover { background: var(--sar-bridge-dark); } /* ========================================================= CTA ========================================================= */ .sar-bridge__cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 36px; align-items: center; margin-top: clamp(47px, 7vw, 76px); padding: clamp(29px, 5vw, 52px); border-radius: 27px; background: linear-gradient( 132deg, var(--sar-bridge-dark-deep) 0%, var(--sar-bridge-dark) 66%, #07596a 100% ); box-shadow: 0 23px 62px rgba(4, 45, 54, 0.19); } .sar-bridge__cta-label { margin: 0 0 8px; color: #86e4ec; font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-bridge__cta-title { max-width: 800px; margin: 0; color: var(--sar-bridge-white); font-size: clamp(25px, 3vw, 39px); font-weight: 900; line-height: 1.17; letter-spacing: -0.028em; text-wrap: balance; } .sar-bridge__cta-text { max-width: 820px; margin: 14px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 15px; font-weight: 500; line-height: 1.68; } .sar-bridge__cta-actions { display: grid; gap: 11px; min-width: 260px; } .sar-bridge__button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 54px; padding: 13px 19px; border: 2px solid transparent; border-radius: 12px; font-size: 14px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, color 180ms ease, box-shadow 180ms ease; } .sar-bridge__button:hover { transform: translateY(-2px); } .sar-bridge__button:focus-visible, .sar-bridge__links > a:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; } .sar-bridge__button--primary { background: var(--sar-bridge-orange); color: var(--sar-bridge-white); box-shadow: 0 12px 28px rgba(245, 130, 32, 0.26); } .sar-bridge__button--primary:hover { background: var(--sar-bridge-orange-dark); } .sar-bridge__button--whatsapp { border-color: #25d366; background: #25d366; color: var(--sar-bridge-white); box-shadow: 0 12px 28px rgba(37, 211, 102, 0.22); } .sar-bridge__button--whatsapp:hover { border-color: #1ebe5d; background: #1ebe5d; box-shadow: 0 14px 30px rgba(37, 211, 102, 0.3); } .sar-bridge__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-bridge-white); } .sar-bridge__button--phone:hover { border-color: rgba(255, 255, 255, 0.53); background: rgba(255, 255, 255, 0.15); } .sar-bridge__button--phone span { display: grid; gap: 1px; } .sar-bridge__button--phone strong { font-size: 15px; font-weight: 900; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1080px) { .sar-bridge__principle, .sar-bridge__focus, .sar-bridge__assessment { grid-template-columns: 1fr; } .sar-bridge__diagram { width: min(100%, 720px); margin-inline: auto; } .sar-bridge__problems { grid-template-columns: 1fr; } .sar-bridge__problem { max-width: 900px; } .sar-bridge__project-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-bridge__cta { grid-template-columns: 1fr; } .sar-bridge__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); min-width: 0; } } /* ========================================================= TABELLA RESPONSIVE A SCHEDE ========================================================= */ @media (max-width: 760px) { .sar-bridge__table-container { overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; } .sar-bridge__table, .sar-bridge__table tbody { display: block; width: 100%; } .sar-bridge__table colgroup { display: none; } .sar-bridge__table caption { display: block; margin-bottom: 14px; padding: 0; border: 0; color: var(--sar-bridge-dark); font-size: 15px; text-align: left; } .sar-bridge__table thead { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; } .sar-bridge__table tbody tr { display: block; width: 100%; margin-bottom: 14px; overflow: hidden; border: 1px solid var(--sar-bridge-border); border-radius: 16px; background: var(--sar-bridge-white); box-shadow: 0 9px 25px rgba(4, 45, 54, 0.06); } .sar-bridge__table tbody tr:last-child { margin-bottom: 0; } .sar-bridge__table tbody th, .sar-bridge__table tbody td { display: grid; grid-template-columns: minmax(115px, 35%) minmax(0, 1fr); gap: 14px; width: 100%; padding: 13px 15px; border: 0; border-bottom: 1px solid rgba(7, 59, 70, 0.09); font-size: 13px; line-height: 1.5; text-align: left; } .sar-bridge__table tbody tr > *:last-child { border-bottom: 0; } .sar-bridge__table tbody th::before, .sar-bridge__table tbody td::before { content: attr(data-label); color: var(--sar-bridge-dark); font-size: 10px; font-weight: 900; line-height: 1.4; letter-spacing: 0.025em; text-transform: uppercase; } .sar-bridge__table tbody th { background: var(--sar-bridge-light); color: var(--sar-bridge-teal); } .sar-bridge__table tbody td { background: var(--sar-bridge-white); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 720px) { #ponti-acustici-giunzioni-impianti-roma { padding: 57px 0; } .sar-bridge__container { width: min(100% - 28px, 1240px); } .sar-bridge__header { margin-bottom: 32px; text-align: left; } .sar-bridge__eyebrow { justify-content: flex-start; padding: 7px 11px; font-size: 10px; } .sar-bridge__title { font-size: clamp(30px, 9vw, 42px); } .sar-bridge__title span { display: block; margin-top: 4px; } .sar-bridge__direct-answer { margin-top: 18px; font-size: 17px; line-height: 1.6; } .sar-bridge__intro { font-size: 15px; line-height: 1.68; } .sar-bridge__section-title { font-size: 27px; } .sar-bridge__principle { padding: 27px 20px; border-radius: 21px; } .sar-bridge__diagram { padding: 14px; border-radius: 18px; } .sar-bridge__diagram-wall { min-height: 270px; } .sar-bridge__diagram-legend { grid-template-columns: 1fr; } .sar-bridge__problems { gap: 14px; margin-top: 39px; } .sar-bridge__problem { padding: 23px 19px; border-radius: 19px; } .sar-bridge__problem-title { font-size: 22px; } .sar-bridge__analysis { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-bridge__analysis-heading { margin-bottom: 23px; text-align: left; } .sar-bridge__analysis-heading > p:not(.sar-bridge__section-label) { margin-left: 0; } .sar-bridge__focus { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-bridge__focus-list { grid-template-columns: 1fr; } .sar-bridge__warning { grid-template-columns: 1fr; margin-top: 39px; padding: 25px 20px; border-radius: 20px; } .sar-bridge__warning-icon { width: 51px; height: 51px; border-radius: 15px; } .sar-bridge__project { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-bridge__project-grid { grid-template-columns: 1fr; gap: 13px; margin-top: 23px; } .sar-bridge__project-item { padding: 20px 18px; } .sar-bridge__assessment { margin-top: 39px; } .sar-bridge__step { padding: 16px 14px; } .sar-bridge__links { display: grid; margin-top: 39px; padding: 24px 19px; border-radius: 19px; } .sar-bridge__links > a { width: 100%; } .sar-bridge__cta { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-bridge__cta-actions { grid-template-columns: 1fr; } .sar-bridge__button { width: 100%; } } /* ========================================================= SCHERMI PICCOLI ========================================================= */ @media (max-width: 460px) { .sar-bridge__table tbody th, .sar-bridge__table tbody td { grid-template-columns: 1fr; gap: 5px; } .sar-bridge__diagram-source { display: grid; justify-items: center; text-align: center; } .sar-bridge__diagram-noise { white-space: normal; } .sar-bridge__diagram-point { max-width: 95px; } .sar-bridge__diagram-point strong { font-size: 7px; } .sar-bridge__diagram-wall-label { max-width: 115px; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sar-bridge__button { transition: none; } .sar-bridge__button:hover { transform: none; } }#imCell_15 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_15 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_15 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_15 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } /* ========================================================= H2 — SOLUZIONI DI ISOLAMENTO ACUSTICO PER CASE A ROMA Pagina: isolamento-acustico-roma.html Classi isolate con prefisso sar-sol ========================================================= */ #soluzioni-isolamento-acustico-roma { --sar-sol-dark: #073b46; --sar-sol-dark-deep: #042d36; --sar-sol-teal: #008fa3; --sar-sol-turquoise: #16bfd0; --sar-sol-orange: #f58220; --sar-sol-orange-dark: #dc6813; --sar-sol-green: #2e9b67; --sar-sol-white: #ffffff; --sar-sol-cream: #fff8ed; --sar-sol-light: #eefafd; --sar-sol-text: #18343b; --sar-sol-muted: #587078; --sar-sol-border: rgba(7, 59, 70, 0.13); --sar-sol-shadow: 0 20px 55px rgba(4, 45, 54, 0.11); position: relative; width: 100%; overflow: hidden; padding: clamp(70px, 8vw, 110px) 0; background: radial-gradient( circle at 100% 0%, rgba(22, 191, 208, 0.1), transparent 28% ), radial-gradient( circle at 0% 45%, rgba(245, 130, 32, 0.06), transparent 25% ), linear-gradient( 180deg, #ffffff 0%, #f6fcfd 100% ); color: var(--sar-sol-text); } #soluzioni-isolamento-acustico-roma, #soluzioni-isolamento-acustico-roma *, #soluzioni-isolamento-acustico-roma *::before, #soluzioni-isolamento-acustico-roma *::after { box-sizing: border-box; } /* ========================================================= CONTENITORE ========================================================= */ .sar-sol__container { width: min(100% - 40px, 1240px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .sar-sol__header { max-width: 1000px; margin: 0 auto 49px; text-align: center; } .sar-sol__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 15px; padding: 8px 14px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-sol-teal); font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.055em; text-transform: uppercase; } .sar-sol__title { margin: 0; color: var(--sar-sol-dark-deep); font-size: clamp(34px, 4.5vw, 59px); font-weight: 900; line-height: 1.08; letter-spacing: -0.04em; text-wrap: balance; } .sar-sol__title span { color: var(--sar-sol-teal); } .sar-sol__direct-answer { max-width: 940px; margin: 23px auto 0; color: var(--sar-sol-dark); font-size: clamp(18px, 1.7vw, 21px); font-weight: 700; line-height: 1.65; } .sar-sol__intro { max-width: 900px; margin: 17px auto 0; color: var(--sar-sol-muted); font-size: 16px; font-weight: 500; line-height: 1.75; } /* ========================================================= TITOLI INTERNI ========================================================= */ .sar-sol__section-label { margin: 0 0 9px; color: var(--sar-sol-orange); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-sol__section-title { margin: 0; color: var(--sar-sol-dark-deep); font-size: clamp(27px, 3.2vw, 42px); font-weight: 900; line-height: 1.16; letter-spacing: -0.029em; text-wrap: balance; } /* ========================================================= GRIGLIA SCHEDE ========================================================= */ .sar-sol__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } /* ========================================================= SCHEDA BASE ========================================================= */ .sar-sol__card { position: relative; display: flex; min-width: 0; flex-direction: column; overflow: hidden; padding: clamp(26px, 4vw, 39px); border: 1px solid var(--sar-sol-border); border-radius: 24px; background: var(--sar-sol-white); box-shadow: 0 16px 46px rgba(4, 45, 54, 0.075); transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .sar-sol__card::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: var(--sar-sol-orange); } .sar-sol__card:hover { transform: translateY(-4px); border-color: rgba(0, 143, 163, 0.22); box-shadow: 0 22px 58px rgba(4, 45, 54, 0.12); } .sar-sol__card--ceiling::before { background: var(--sar-sol-teal); } .sar-sol__card--floor::before { background: var(--sar-sol-green); } .sar-sol__card--windows::before { background: linear-gradient( 90deg, var(--sar-sol-orange), var(--sar-sol-turquoise) ); } .sar-sol__card-top { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 19px; } .sar-sol__card-number { color: var(--sar-sol-orange); font-size: 13px; font-weight: 900; letter-spacing: 0.07em; } .sar-sol__card-icon { display: grid; flex: 0 0 auto; place-items: center; width: 62px; height: 62px; border-radius: 18px; background: rgba(245, 130, 32, 0.11); color: var(--sar-sol-orange); } .sar-sol__card--ceiling .sar-sol__card-number, .sar-sol__card--ceiling .sar-sol__card-icon { color: var(--sar-sol-teal); } .sar-sol__card--ceiling .sar-sol__card-icon { background: rgba(22, 191, 208, 0.11); } .sar-sol__card--floor .sar-sol__card-number, .sar-sol__card--floor .sar-sol__card-icon { color: var(--sar-sol-green); } .sar-sol__card--floor .sar-sol__card-icon { background: rgba(46, 155, 103, 0.11); } .sar-sol__card--windows .sar-sol__card-icon { background: linear-gradient( 145deg, rgba(245, 130, 32, 0.11), rgba(22, 191, 208, 0.12) ); color: var(--sar-sol-teal); } .sar-sol__card-label { margin: 0 0 8px; color: var(--sar-sol-teal); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.06em; text-transform: uppercase; } .sar-sol__card-title { margin: 0; color: var(--sar-sol-dark); font-size: clamp(24px, 2.7vw, 33px); font-weight: 900; line-height: 1.19; letter-spacing: -0.027em; text-wrap: balance; } .sar-sol__card-text { margin: 14px 0 0; color: var(--sar-sol-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } /* ========================================================= ELENCHI DELLE SCHEDE ========================================================= */ .sar-sol__card-list { display: grid; gap: 10px; margin: 22px 0 0; padding: 0; list-style: none; } .sar-sol__card-list li { display: flex; align-items: flex-start; gap: 10px; color: var(--sar-sol-dark); font-size: 13px; font-weight: 700; line-height: 1.5; } .sar-sol__card-list li > span { display: grid; flex: 0 0 auto; place-items: center; width: 21px; height: 21px; margin-top: 1px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-sol-green); font-size: 12px; font-weight: 900; } /* ========================================================= LINK DELLE SCHEDE ========================================================= */ .sar-sol__card-link { display: inline-flex; align-items: center; align-self: flex-start; gap: 9px; margin-top: auto; padding-top: 24px; color: var(--sar-sol-teal); font-size: 14px; font-weight: 850; line-height: 1.45; text-decoration: none; } .sar-sol__card-link svg { flex: 0 0 auto; transition: transform 180ms ease; } .sar-sol__card-link:hover { text-decoration: underline; text-underline-offset: 4px; } .sar-sol__card-link:hover svg { transform: translateX(4px); } .sar-sol__card-link:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.38); outline-offset: 5px; border-radius: 5px; } /* ========================================================= SCHEDA STANZA COMPLETA ========================================================= */ .sar-sol__card--complete { grid-column: 1 / -1; border-color: rgba(22, 191, 208, 0.22); background: radial-gradient( circle at 100% 0%, rgba(22, 191, 208, 0.2), transparent 32% ), linear-gradient( 135deg, var(--sar-sol-dark-deep) 0%, var(--sar-sol-dark) 69%, #07596a 100% ); color: var(--sar-sol-white); box-shadow: 0 24px 64px rgba(4, 45, 54, 0.2); } .sar-sol__card--complete::before { height: 6px; background: linear-gradient( 90deg, var(--sar-sol-orange), var(--sar-sol-turquoise), var(--sar-sol-green) ); } .sar-sol__card--complete:hover { border-color: rgba(22, 191, 208, 0.4); box-shadow: 0 29px 72px rgba(4, 45, 54, 0.25); } .sar-sol__card-featured-label { display: inline-flex; align-self: flex-start; margin-bottom: 15px; padding: 7px 11px; border: 1px solid rgba(255, 255, 255, 0.19); border-radius: 999px; background: rgba(255, 255, 255, 0.1); color: #91e9f0; font-size: 10px; font-weight: 900; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; } .sar-sol__card--complete .sar-sol__card-number { color: #91e9f0; } .sar-sol__card--complete .sar-sol__card-icon { border: 1px solid rgba(255, 255, 255, 0.17); background: rgba(255, 255, 255, 0.11); color: var(--sar-sol-white); } .sar-sol__complete-layout { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(310px, 0.9fr); gap: clamp(30px, 5vw, 62px); align-items: start; } .sar-sol__card--complete .sar-sol__card-label { color: #91e9f0; } .sar-sol__card--complete .sar-sol__card-title { color: var(--sar-sol-white); font-size: clamp(27px, 3.4vw, 44px); } .sar-sol__card--complete .sar-sol__card-text { color: rgba(255, 255, 255, 0.86); } .sar-sol__complete-side { padding: 24px; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 19px; background: rgba(255, 255, 255, 0.09); } .sar-sol__complete-side-title { margin: 0 0 16px; color: var(--sar-sol-white); font-size: 18px; font-weight: 900; line-height: 1.35; } .sar-sol__complete-side .sar-sol__card-list { margin-top: 0; } .sar-sol__complete-side .sar-sol__card-list li { color: rgba(255, 255, 255, 0.9); } .sar-sol__complete-side .sar-sol__card-list li > span { background: rgba(134, 228, 236, 0.15); color: #91e9f0; } .sar-sol__card-link--featured { color: #91e9f0; font-size: 15px; } /* ========================================================= COME SCEGLIERE ========================================================= */ .sar-sol__choice { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: clamp(30px, 5vw, 62px); align-items: start; margin-top: clamp(49px, 7vw, 80px); padding: clamp(30px, 5vw, 56px); border: 1px solid var(--sar-sol-border); border-radius: 28px; background: var(--sar-sol-cream); } .sar-sol__choice-heading > p:not(.sar-sol__section-label) { margin: 16px 0 0; color: var(--sar-sol-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-sol__choice-steps { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; } .sar-sol__choice-step { display: flex; align-items: flex-start; gap: 15px; padding: 18px; border: 1px solid rgba(7, 59, 70, 0.09); border-radius: 16px; background: rgba(255, 255, 255, 0.92); box-shadow: 0 9px 27px rgba(4, 45, 54, 0.055); } .sar-sol__choice-number { display: grid; flex: 0 0 auto; place-items: center; width: 36px; height: 36px; border-radius: 11px; background: var(--sar-sol-dark); color: var(--sar-sol-white); font-size: 13px; font-weight: 900; } .sar-sol__choice-step strong { display: block; color: var(--sar-sol-dark); font-size: 16px; font-weight: 900; line-height: 1.3; } .sar-sol__choice-step p { margin: 5px 0 0; color: var(--sar-sol-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } /* ========================================================= MESSAGGIO DIAGNOSTICO ========================================================= */ .sar-sol__diagnosis { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 22px; align-items: start; margin-top: clamp(49px, 7vw, 78px); padding: clamp(28px, 5vw, 47px); border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 25px; background: linear-gradient( 135deg, var(--sar-sol-white), var(--sar-sol-light) ); box-shadow: var(--sar-sol-shadow); } .sar-sol__diagnosis-icon { display: grid; place-items: center; width: 59px; height: 59px; border-radius: 18px; background: var(--sar-sol-teal); color: var(--sar-sol-white); font-size: 27px; font-weight: 900; } .sar-sol__diagnosis-label { margin: 0 0 8px; color: var(--sar-sol-teal); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-sol__diagnosis-title { max-width: 950px; margin: 0; color: var(--sar-sol-dark); font-size: clamp(24px, 3vw, 38px); font-weight: 900; line-height: 1.19; letter-spacing: -0.027em; text-wrap: balance; } .sar-sol__diagnosis-content > p:not(.sar-sol__diagnosis-label) { margin: 15px 0 0; color: var(--sar-sol-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } /* ========================================================= CTA FINALE ========================================================= */ .sar-sol__cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 36px; align-items: center; margin-top: clamp(49px, 7vw, 78px); padding: clamp(29px, 5vw, 52px); border-radius: 27px; background: linear-gradient( 132deg, var(--sar-sol-dark-deep) 0%, var(--sar-sol-dark) 66%, #07596a 100% ); box-shadow: 0 23px 62px rgba(4, 45, 54, 0.19); } .sar-sol__cta-label { margin: 0 0 8px; color: #86e4ec; font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-sol__cta-title { max-width: 810px; margin: 0; color: var(--sar-sol-white); font-size: clamp(25px, 3vw, 39px); font-weight: 900; line-height: 1.17; letter-spacing: -0.028em; text-wrap: balance; } .sar-sol__cta-text { max-width: 830px; margin: 14px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 15px; font-weight: 500; line-height: 1.68; } .sar-sol__cta-actions { display: grid; gap: 11px; min-width: 260px; } .sar-sol__button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 54px; padding: 13px 19px; border: 2px solid transparent; border-radius: 12px; font-size: 14px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, color 180ms ease, box-shadow 180ms ease; } .sar-sol__button:hover { transform: translateY(-2px); } .sar-sol__button:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; } .sar-sol__button--primary { background: var(--sar-sol-orange); color: var(--sar-sol-white); box-shadow: 0 12px 28px rgba(245, 130, 32, 0.26); } .sar-sol__button--primary:hover { background: var(--sar-sol-orange-dark); } .sar-sol__button--whatsapp { border-color: #25d366; background: #25d366; color: var(--sar-sol-white); box-shadow: 0 12px 28px rgba(37, 211, 102, 0.22); } .sar-sol__button--whatsapp:hover { border-color: #1ebe5d; background: #1ebe5d; box-shadow: 0 14px 30px rgba(37, 211, 102, 0.3); } .sar-sol__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-sol-white); } .sar-sol__button--phone:hover { border-color: rgba(255, 255, 255, 0.53); background: rgba(255, 255, 255, 0.15); } .sar-sol__button--phone span { display: grid; gap: 1px; } .sar-sol__button--phone strong { font-size: 15px; font-weight: 900; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1080px) { .sar-sol__choice { grid-template-columns: 1fr; } .sar-sol__cta { grid-template-columns: 1fr; } .sar-sol__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); min-width: 0; } } /* ========================================================= TABLET PICCOLO ========================================================= */ @media (max-width: 850px) { .sar-sol__grid { grid-template-columns: 1fr; } .sar-sol__card--complete { grid-column: auto; } .sar-sol__complete-layout { grid-template-columns: 1fr; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 720px) { #soluzioni-isolamento-acustico-roma { padding: 57px 0; } .sar-sol__container { width: min(100% - 28px, 1240px); } .sar-sol__header { margin-bottom: 33px; text-align: left; } .sar-sol__eyebrow { justify-content: flex-start; padding: 7px 11px; font-size: 10px; } .sar-sol__title { font-size: clamp(32px, 9.5vw, 44px); } .sar-sol__title span { display: block; margin-top: 4px; } .sar-sol__direct-answer { margin-top: 18px; font-size: 17px; line-height: 1.6; } .sar-sol__intro { font-size: 15px; line-height: 1.68; } .sar-sol__grid { gap: 14px; } .sar-sol__card { padding: 24px 19px; border-radius: 20px; } .sar-sol__card:hover { transform: none; } .sar-sol__card-icon { width: 55px; height: 55px; border-radius: 16px; } .sar-sol__card-title { font-size: 24px; } .sar-sol__card-text { font-size: 14px; line-height: 1.66; } .sar-sol__card-link { align-items: flex-start; font-size: 13px; } .sar-sol__card--complete { padding: 25px 20px; } .sar-sol__card--complete .sar-sol__card-title { font-size: 28px; } .sar-sol__complete-side { padding: 20px 17px; border-radius: 17px; } .sar-sol__choice { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-sol__section-title { font-size: 27px; } .sar-sol__choice-step { padding: 16px 14px; } .sar-sol__diagnosis { grid-template-columns: 1fr; margin-top: 39px; padding: 25px 20px; border-radius: 20px; } .sar-sol__diagnosis-icon { width: 51px; height: 51px; border-radius: 15px; } .sar-sol__cta { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-sol__cta-actions { grid-template-columns: 1fr; } .sar-sol__button { width: 100%; } } /* ========================================================= SCHERMI MOLTO PICCOLI ========================================================= */ @media (max-width: 430px) { .sar-sol__card-list li { font-size: 12px; } .sar-sol__choice-step { gap: 12px; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sar-sol__card, .sar-sol__card-link svg, .sar-sol__button { transition: none; } .sar-sol__card:hover, .sar-sol__button:hover { transform: none; } .sar-sol__card-link:hover svg { transform: none; } }#imCell_16 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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; } /* ========================================================= H3 — ISOLAMENTO ACUSTICO DELLE PARETI A ROMA CON VIDEO TECNICO E TRASCRIZIONE Classi isolate con prefisso sar-wall ========================================================= */ #isolamento-acustico-pareti-roma { --sar-wall-dark: #073b46; --sar-wall-dark-deep: #042d36; --sar-wall-teal: #008fa3; --sar-wall-turquoise: #16bfd0; --sar-wall-orange: #f58220; --sar-wall-orange-dark: #dc6813; --sar-wall-green: #2e9b67; --sar-wall-red: #c95542; --sar-wall-white: #ffffff; --sar-wall-cream: #fff8ed; --sar-wall-light: #eefafd; --sar-wall-text: #18343b; --sar-wall-muted: #587078; --sar-wall-border: rgba(7, 59, 70, 0.13); --sar-wall-shadow: 0 20px 55px rgba(4, 45, 54, 0.11); position: relative; width: 100%; overflow: hidden; padding: clamp(68px, 8vw, 108px) 0; background: radial-gradient( circle at 0% 2%, rgba(245, 130, 32, 0.08), transparent 28% ), radial-gradient( circle at 100% 48%, rgba(22, 191, 208, 0.08), transparent 26% ), linear-gradient( 180deg, #ffffff 0%, #f6fcfd 100% ); color: var(--sar-wall-text); } #isolamento-acustico-pareti-roma, #isolamento-acustico-pareti-roma *, #isolamento-acustico-pareti-roma *::before, #isolamento-acustico-pareti-roma *::after { box-sizing: border-box; } /* ========================================================= CONTENITORE ========================================================= */ .sar-wall__container { width: min(100% - 40px, 1240px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .sar-wall__header { max-width: 990px; margin: 0 auto 48px; text-align: center; } .sar-wall__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 15px; padding: 8px 14px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-wall-teal); font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.055em; text-transform: uppercase; } .sar-wall__title { margin: 0; color: var(--sar-wall-dark-deep); font-size: clamp(31px, 4vw, 52px); font-weight: 900; line-height: 1.1; letter-spacing: -0.037em; text-wrap: balance; } .sar-wall__title span { color: var(--sar-wall-teal); } .sar-wall__direct-answer { max-width: 930px; margin: 22px auto 0; color: var(--sar-wall-dark); font-size: clamp(18px, 1.65vw, 21px); font-weight: 700; line-height: 1.65; } .sar-wall__intro { max-width: 900px; margin: 17px auto 0; color: var(--sar-wall-muted); font-size: 16px; font-weight: 500; line-height: 1.75; } /* ========================================================= TITOLI INTERNI ========================================================= */ .sar-wall__section-label { margin: 0 0 9px; color: var(--sar-wall-orange); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-wall__section-title { margin: 0; color: var(--sar-wall-dark-deep); font-size: clamp(26px, 3.2vw, 42px); font-weight: 900; line-height: 1.16; letter-spacing: -0.029em; text-wrap: balance; } /* ========================================================= PANORAMICA ========================================================= */ .sar-wall__overview { display: grid; grid-template-columns: minmax(0, 1.03fr) minmax(390px, 0.97fr); gap: clamp(30px, 5vw, 62px); align-items: center; padding: clamp(31px, 5vw, 57px); border-radius: 28px; background: linear-gradient( 135deg, var(--sar-wall-dark-deep) 0%, var(--sar-wall-dark) 67%, #075667 100% ); box-shadow: 0 23px 65px rgba(4, 45, 54, 0.19); } .sar-wall__overview .sar-wall__section-label { color: #88e6ee; } .sar-wall__overview .sar-wall__section-title { color: var(--sar-wall-white); } .sar-wall__overview-content > p:not(.sar-wall__section-label) { margin: 16px 0 0; color: rgba(255, 255, 255, 0.86); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-wall__overview-note { display: flex; align-items: flex-start; gap: 12px; margin-top: 23px; padding: 16px; border: 1px solid rgba(245, 130, 32, 0.32); border-radius: 15px; background: rgba(245, 130, 32, 0.11); } .sar-wall__overview-note-icon { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: var(--sar-wall-orange); color: var(--sar-wall-white); font-size: 15px; font-weight: 900; } .sar-wall__overview-note p { margin: 0; color: rgba(255, 255, 255, 0.93); font-size: 13px; font-weight: 700; line-height: 1.58; } /* ========================================================= DIAGRAMMA ========================================================= */ .sar-wall__diagram { display: grid; grid-template-columns: minmax(85px, 1fr) auto minmax(45px, 0.35fr) minmax(105px, 0.82fr) minmax(85px, 1fr); gap: 8px; align-items: stretch; width: 100%; min-width: 0; padding: 18px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 22px; background: rgba(255, 255, 255, 0.97); box-shadow: 0 17px 42px rgba(0, 0, 0, 0.15); } .sar-wall__diagram-room { display: grid; align-content: center; justify-items: center; min-width: 0; min-height: 250px; padding: 15px 9px; border-radius: 14px; background: var(--sar-wall-cream); text-align: center; } .sar-wall__diagram-room--quiet { background: rgba(46, 155, 103, 0.1); } .sar-wall__diagram-room-label { color: var(--sar-wall-dark); font-size: 11px; font-weight: 900; line-height: 1.4; } .sar-wall__diagram-source, .sar-wall__diagram-receiver { display: grid; place-items: center; width: 66px; height: 66px; margin-top: 16px; border-radius: 19px; background: var(--sar-wall-white); color: var(--sar-wall-orange); box-shadow: 0 9px 25px rgba(4, 45, 54, 0.1); } .sar-wall__diagram-receiver { color: var(--sar-wall-green); } .sar-wall__diagram-caption { margin-top: 12px; color: var(--sar-wall-muted); font-size: 9px; font-weight: 750; line-height: 1.4; } .sar-wall__diagram-waves { display: grid; place-items: center; color: var(--sar-wall-orange); font-size: 18px; font-weight: 900; white-space: nowrap; } .sar-wall__diagram-existing { display: grid; place-items: center; min-width: 43px; border-radius: 7px; background: repeating-linear-gradient( 45deg, var(--sar-wall-dark), var(--sar-wall-dark) 9px, #0a5361 9px, #0a5361 18px ); color: var(--sar-wall-white); } .sar-wall__diagram-existing span { font-size: 8px; font-weight: 900; line-height: 1.35; text-align: center; text-transform: uppercase; writing-mode: vertical-rl; } .sar-wall__diagram-system { display: grid; align-content: center; gap: 7px; min-width: 0; padding: 10px; border-radius: 9px; background: var(--sar-wall-light); } .sar-wall__diagram-system-label { color: var(--sar-wall-teal); font-size: 9px; font-weight: 900; line-height: 1.35; text-align: center; text-transform: uppercase; } .sar-wall__diagram-layer { padding: 9px 6px; border: 1px solid rgba(0, 143, 163, 0.15); border-radius: 7px; background: var(--sar-wall-white); color: var(--sar-wall-dark); font-size: 8px; font-weight: 800; line-height: 1.3; text-align: center; } .sar-wall__diagram-footnote { grid-column: 1 / -1; margin: 8px 0 0; color: var(--sar-wall-muted); font-size: 11px; font-weight: 650; line-height: 1.5; text-align: center; } /* ========================================================= VIDEO TECNICO ========================================================= */ .sar-wall__video-section { margin-top: clamp(48px, 7vw, 80px); padding: clamp(30px, 5vw, 56px); border: 1px solid rgba(0, 143, 163, 0.18); border-radius: 28px; background: radial-gradient( circle at 100% 0%, rgba(22, 191, 208, 0.12), transparent 30% ), var(--sar-wall-white); box-shadow: var(--sar-wall-shadow); } .sar-wall__video-heading { max-width: 930px; } .sar-wall__video-heading > p:not(.sar-wall__section-label) { margin: 16px 0 0; color: var(--sar-wall-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-wall__video-layout { display: grid; grid-template-columns: minmax(0, 1.16fr) minmax(320px, 0.84fr); gap: clamp(24px, 4vw, 45px); align-items: start; margin-top: 31px; } /* VIDEO RESPONSIVE */ .sar-wall__video-figure { min-width: 0; margin: 0; } .sar-wall__video-frame { position: relative; width: 100%; overflow: hidden; border: 7px solid var(--sar-wall-dark); border-radius: 20px; background: var(--sar-wall-dark-deep); box-shadow: 0 18px 45px rgba(4, 45, 54, 0.19); aspect-ratio: 16 / 9; } .sar-wall__video-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; } .sar-wall__video-caption { margin-top: 13px; color: var(--sar-wall-muted); font-size: 12px; font-weight: 650; line-height: 1.55; } .sar-wall__video-external { display: inline-flex; align-items: center; gap: 8px; margin-top: 13px; color: var(--sar-wall-teal); font-size: 13px; font-weight: 850; line-height: 1.45; text-decoration: none; } .sar-wall__video-external:hover { text-decoration: underline; text-underline-offset: 4px; } /* PUNTI VIDEO */ .sar-wall__video-points { min-width: 0; padding: 24px; border-radius: 20px; background: linear-gradient( 145deg, var(--sar-wall-dark-deep), var(--sar-wall-dark) ); } .sar-wall__video-points-label { margin: 0 0 18px; color: #88e6ee; font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-wall__video-points ul { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; } .sar-wall__video-points li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 12px; padding: 14px; border: 1px solid rgba(255, 255, 255, 0.13); border-radius: 14px; background: rgba(255, 255, 255, 0.07); } .sar-wall__video-points li > span { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 10px; background: var(--sar-wall-orange); color: var(--sar-wall-white); font-size: 10px; font-weight: 900; } .sar-wall__video-points strong { display: block; color: var(--sar-wall-white); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-wall__video-points li p { margin: 5px 0 0; color: rgba(255, 255, 255, 0.78); font-size: 12px; font-weight: 500; line-height: 1.55; } /* ========================================================= TRASCRIZIONE ACCESSIBILE ========================================================= */ .sar-wall__transcript { margin-top: 31px; padding: clamp(25px, 4vw, 40px); border: 1px solid rgba(245, 130, 32, 0.2); border-radius: 22px; background: var(--sar-wall-cream); } .sar-wall__transcript-heading { max-width: 900px; } .sar-wall__transcript-label { margin: 0 0 8px; color: var(--sar-wall-orange); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-wall__transcript-heading h5 { margin: 0; color: var(--sar-wall-dark); font-size: clamp(23px, 2.8vw, 35px); font-weight: 900; line-height: 1.2; letter-spacing: -0.025em; } .sar-wall__transcript-heading > p:not(.sar-wall__transcript-label) { margin: 13px 0 0; color: var(--sar-wall-muted); font-size: 14px; font-weight: 500; line-height: 1.65; } .sar-wall__transcript-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 24px; } .sar-wall__transcript-item { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 12px; align-items: start; min-width: 0; padding: 16px; border: 1px solid rgba(7, 59, 70, 0.1); border-radius: 15px; background: rgba(255, 255, 255, 0.92); } .sar-wall__transcript-item > span { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 10px; background: var(--sar-wall-dark); color: var(--sar-wall-white); font-size: 10px; font-weight: 900; } .sar-wall__transcript-item p { margin: 0; color: var(--sar-wall-dark); font-size: 13px; font-weight: 650; line-height: 1.58; } .sar-wall__transcript-item--cta { border-color: rgba(245, 130, 32, 0.25); background: rgba(245, 130, 32, 0.08); } .sar-wall__transcript-item--cta > span { background: var(--sar-wall-orange); } /* ========================================================= RUMORI ========================================================= */ .sar-wall__noises { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: clamp(47px, 7vw, 78px); } .sar-wall__noise { min-width: 0; padding: 24px 20px; border: 1px solid var(--sar-wall-border); border-radius: 20px; background: var(--sar-wall-white); box-shadow: 0 13px 38px rgba(4, 45, 54, 0.065); } .sar-wall__noise-icon { display: grid; place-items: center; width: 56px; height: 56px; margin-bottom: 17px; border-radius: 17px; background: rgba(245, 130, 32, 0.11); color: var(--sar-wall-orange); } .sar-wall__noise--teal .sar-wall__noise-icon { background: rgba(22, 191, 208, 0.11); color: var(--sar-wall-teal); } .sar-wall__noise--green .sar-wall__noise-icon { background: rgba(46, 155, 103, 0.11); color: var(--sar-wall-green); } .sar-wall__noise h4 { margin: 0; color: var(--sar-wall-dark); font-size: 19px; font-weight: 900; line-height: 1.3; } .sar-wall__noise p { margin: 11px 0 0; color: var(--sar-wall-muted); font-size: 13px; font-weight: 500; line-height: 1.65; } /* ========================================================= SISTEMA COSTRUTTIVO ========================================================= */ .sar-wall__system { margin-top: clamp(47px, 7vw, 78px); padding: clamp(30px, 5vw, 56px); border-radius: 28px; background: linear-gradient( 135deg, var(--sar-wall-dark-deep) 0%, var(--sar-wall-dark) 67%, #075667 100% ); box-shadow: 0 23px 65px rgba(4, 45, 54, 0.19); } .sar-wall__system-heading { max-width: 920px; } .sar-wall__system .sar-wall__section-label { color: #88e6ee; } .sar-wall__system .sar-wall__section-title { color: var(--sar-wall-white); } .sar-wall__system-heading > p:not(.sar-wall__section-label) { margin: 16px 0 0; color: rgba(255, 255, 255, 0.86); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-wall__system-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 29px; } .sar-wall__system-item { min-width: 0; padding: 22px 19px; border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 18px; background: rgba(255, 255, 255, 0.96); } .sar-wall__system-item > span { display: inline-flex; margin-bottom: 12px; color: var(--sar-wall-orange); font-size: 12px; font-weight: 900; letter-spacing: 0.065em; } .sar-wall__system-item h5 { margin: 0; color: var(--sar-wall-dark); font-size: 18px; font-weight: 900; line-height: 1.3; } .sar-wall__system-item p { margin: 9px 0 0; color: var(--sar-wall-muted); font-size: 13px; font-weight: 500; line-height: 1.6; } /* ========================================================= INTERVENTO PARZIALE O COMPLETO ========================================================= */ .sar-wall__decision { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: clamp(47px, 7vw, 77px); } .sar-wall__decision-card { padding: clamp(26px, 4vw, 39px); border: 1px solid var(--sar-wall-border); border-radius: 23px; background: var(--sar-wall-white); box-shadow: 0 15px 44px rgba(4, 45, 54, 0.07); } .sar-wall__decision-card--complete { border-color: rgba(0, 143, 163, 0.22); background: var(--sar-wall-light); } .sar-wall__decision-tag { display: inline-flex; margin-bottom: 15px; padding: 6px 10px; border-radius: 8px; background: rgba(245, 130, 32, 0.11); color: var(--sar-wall-orange); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.055em; text-transform: uppercase; } .sar-wall__decision-card--complete .sar-wall__decision-tag { background: rgba(0, 143, 163, 0.1); color: var(--sar-wall-teal); } .sar-wall__decision-card h4 { margin: 0; color: var(--sar-wall-dark); font-size: clamp(22px, 2.5vw, 30px); font-weight: 900; line-height: 1.23; letter-spacing: -0.022em; } .sar-wall__decision-card p { margin: 14px 0 0; color: var(--sar-wall-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } .sar-wall__decision-card a { display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; color: var(--sar-wall-teal); font-size: 14px; font-weight: 850; line-height: 1.45; text-decoration: none; } .sar-wall__decision-card a:hover { text-decoration: underline; text-underline-offset: 4px; } /* ========================================================= ERRORI ========================================================= */ .sar-wall__mistakes { display: grid; grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr); gap: clamp(30px, 5vw, 62px); align-items: start; margin-top: clamp(47px, 7vw, 78px); padding: clamp(30px, 5vw, 55px); border: 1px solid var(--sar-wall-border); border-radius: 27px; background: var(--sar-wall-cream); } .sar-wall__mistakes-heading > p:not(.sar-wall__section-label) { margin: 16px 0 0; color: var(--sar-wall-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-wall__mistakes-list { display: grid; gap: 13px; margin: 0; padding: 0; list-style: none; } .sar-wall__mistakes-list li { display: flex; align-items: flex-start; gap: 13px; padding: 17px; border: 1px solid rgba(201, 85, 66, 0.14); border-radius: 15px; background: rgba(255, 255, 255, 0.9); } .sar-wall__mistakes-list li > span { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: rgba(201, 85, 66, 0.13); color: var(--sar-wall-red); font-size: 17px; font-weight: 900; } .sar-wall__mistakes-list strong { display: block; color: var(--sar-wall-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-wall__mistakes-list p { margin: 5px 0 0; color: var(--sar-wall-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } /* ========================================================= SOPRALLUOGO ========================================================= */ .sar-wall__assessment { display: grid; grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr); gap: clamp(30px, 5vw, 62px); align-items: start; margin-top: clamp(47px, 7vw, 78px); } .sar-wall__assessment-heading > p:not(.sar-wall__section-label) { margin: 16px 0 0; color: var(--sar-wall-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-wall__steps { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; } .sar-wall__step { display: flex; align-items: flex-start; gap: 15px; padding: 18px; border: 1px solid var(--sar-wall-border); border-radius: 16px; background: var(--sar-wall-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-wall__step-number { display: grid; flex: 0 0 auto; place-items: center; width: 34px; height: 34px; border-radius: 11px; background: var(--sar-wall-dark); color: var(--sar-wall-white); font-size: 13px; font-weight: 900; } .sar-wall__step strong { display: block; color: var(--sar-wall-dark); font-size: 16px; font-weight: 900; line-height: 1.3; } .sar-wall__step p { margin: 5px 0 0; color: var(--sar-wall-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } /* ========================================================= CONVERSIONE ========================================================= */ .sar-wall__conversion { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 22px; align-items: start; margin-top: clamp(47px, 7vw, 77px); padding: clamp(28px, 5vw, 47px); border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 25px; background: linear-gradient( 135deg, var(--sar-wall-white), var(--sar-wall-light) ); box-shadow: var(--sar-wall-shadow); } .sar-wall__conversion-icon { display: grid; place-items: center; width: 59px; height: 59px; border-radius: 18px; background: var(--sar-wall-teal); color: var(--sar-wall-white); font-size: 27px; font-weight: 900; } .sar-wall__conversion-label { margin: 0 0 8px; color: var(--sar-wall-teal); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-wall__conversion-title { max-width: 950px; margin: 0; color: var(--sar-wall-dark); font-size: clamp(24px, 3vw, 38px); font-weight: 900; line-height: 1.19; letter-spacing: -0.027em; text-wrap: balance; } .sar-wall__conversion-content > p:not(.sar-wall__conversion-label) { margin: 15px 0 0; color: var(--sar-wall-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } /* ========================================================= CTA ========================================================= */ .sar-wall__cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 36px; align-items: center; margin-top: clamp(47px, 7vw, 76px); padding: clamp(29px, 5vw, 52px); border-radius: 27px; background: linear-gradient( 132deg, var(--sar-wall-dark-deep) 0%, var(--sar-wall-dark) 66%, #07596a 100% ); box-shadow: 0 23px 62px rgba(4, 45, 54, 0.19); } .sar-wall__cta-label { margin: 0 0 8px; color: #86e4ec; font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-wall__cta-title { max-width: 820px; margin: 0; color: var(--sar-wall-white); font-size: clamp(25px, 3vw, 39px); font-weight: 900; line-height: 1.17; letter-spacing: -0.028em; text-wrap: balance; } .sar-wall__cta-text { max-width: 830px; margin: 14px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 15px; font-weight: 500; line-height: 1.68; } .sar-wall__cta-actions { display: grid; gap: 11px; min-width: 260px; } .sar-wall__button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 54px; padding: 13px 19px; border: 2px solid transparent; border-radius: 12px; font-size: 14px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .sar-wall__button:hover { transform: translateY(-2px); } .sar-wall__button:focus-visible, .sar-wall__decision-card a:focus-visible, .sar-wall__video-external:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; border-radius: 5px; } .sar-wall__button--primary { background: var(--sar-wall-orange); color: var(--sar-wall-white); box-shadow: 0 12px 28px rgba(245, 130, 32, 0.26); } .sar-wall__button--primary:hover { background: var(--sar-wall-orange-dark); } .sar-wall__button--whatsapp { border-color: #25d366; background: #25d366; color: var(--sar-wall-white); box-shadow: 0 12px 28px rgba(37, 211, 102, 0.22); } .sar-wall__button--whatsapp:hover { border-color: #1ebe5d; background: #1ebe5d; box-shadow: 0 14px 30px rgba(37, 211, 102, 0.3); } .sar-wall__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-wall-white); } .sar-wall__button--phone:hover { border-color: rgba(255, 255, 255, 0.53); background: rgba(255, 255, 255, 0.15); } .sar-wall__button--phone span { display: grid; gap: 1px; } .sar-wall__button--phone strong { font-size: 15px; font-weight: 900; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1080px) { .sar-wall__overview, .sar-wall__video-layout, .sar-wall__mistakes, .sar-wall__assessment { grid-template-columns: 1fr; } .sar-wall__diagram { width: min(100%, 780px); margin-inline: auto; } .sar-wall__video-figure { width: min(100%, 850px); } .sar-wall__video-points { width: min(100%, 850px); } .sar-wall__noises, .sar-wall__system-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-wall__cta { grid-template-columns: 1fr; } .sar-wall__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); min-width: 0; } } /* ========================================================= TABLET PICCOLO ========================================================= */ @media (max-width: 820px) { .sar-wall__decision { grid-template-columns: 1fr; } .sar-wall__transcript-grid { grid-template-columns: 1fr; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 720px) { #isolamento-acustico-pareti-roma { padding: 57px 0; } .sar-wall__container { width: min(100% - 28px, 1240px); } .sar-wall__header { margin-bottom: 32px; text-align: left; } .sar-wall__eyebrow { justify-content: flex-start; padding: 7px 11px; font-size: 10px; } .sar-wall__title { font-size: clamp(30px, 9vw, 42px); } .sar-wall__title span { display: block; margin-top: 4px; } .sar-wall__direct-answer { margin-top: 18px; font-size: 17px; line-height: 1.6; } .sar-wall__intro { font-size: 15px; line-height: 1.68; } .sar-wall__section-title { font-size: 27px; } .sar-wall__overview { padding: 27px 20px; border-radius: 21px; } .sar-wall__diagram { grid-template-columns: 1fr; gap: 9px; padding: 14px; border-radius: 18px; } .sar-wall__diagram-room { min-height: 145px; } .sar-wall__diagram-waves { min-height: 31px; transform: rotate(90deg); } .sar-wall__diagram-existing { min-height: 48px; } .sar-wall__diagram-existing span { writing-mode: horizontal-tb; } .sar-wall__diagram-system { padding: 14px; } .sar-wall__diagram-footnote { grid-column: auto; } /* VIDEO */ .sar-wall__video-section { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-wall__video-layout { margin-top: 23px; } .sar-wall__video-frame { border-width: 4px; border-radius: 15px; } .sar-wall__video-points { padding: 20px 16px; border-radius: 17px; } .sar-wall__video-points li { padding: 13px 11px; } .sar-wall__video-external { align-items: flex-start; font-size: 12px; } .sar-wall__transcript { margin-top: 24px; padding: 24px 17px; border-radius: 18px; } .sar-wall__transcript-heading h5 { font-size: 24px; } .sar-wall__transcript-item { padding: 14px 12px; } /* RESTO DEL BLOCCO */ .sar-wall__noises, .sar-wall__system-grid { grid-template-columns: 1fr; gap: 13px; } .sar-wall__noises { margin-top: 39px; } .sar-wall__noise { padding: 21px 18px; border-radius: 18px; } .sar-wall__system { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-wall__system-grid { margin-top: 23px; } .sar-wall__system-item { padding: 20px 18px; } .sar-wall__decision { margin-top: 39px; } .sar-wall__decision-card { padding: 24px 19px; border-radius: 19px; } .sar-wall__mistakes { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-wall__assessment { margin-top: 39px; } .sar-wall__step { padding: 16px 14px; } .sar-wall__conversion { grid-template-columns: 1fr; margin-top: 39px; padding: 25px 20px; border-radius: 20px; } .sar-wall__conversion-icon { width: 51px; height: 51px; border-radius: 15px; } .sar-wall__cta { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-wall__cta-actions { grid-template-columns: 1fr; } .sar-wall__button { width: 100%; } } /* ========================================================= SCHERMI MOLTO PICCOLI ========================================================= */ @media (max-width: 430px) { .sar-wall__noise h4 { font-size: 18px; } .sar-wall__decision-card a { align-items: flex-start; font-size: 13px; } .sar-wall__mistakes-list strong { font-size: 14px; } .sar-wall__video-points li { grid-template-columns: 1fr; } .sar-wall__transcript-item { grid-template-columns: 1fr; } } /* ========================================================= ACCESSIBILITÀ E RIDUZIONE MOVIMENTI ========================================================= */ @media (prefers-reduced-motion: reduce) { .sar-wall__button { transition: none; } .sar-wall__button:hover { transform: none; } }#imCell_17 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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; } /* ========================================================= H3 — ISOLAMENTO ACUSTICO DEL SOFFITTO A ROMA CON VIDEO TECNICO Classi isolate con prefisso sar-ceil ========================================================= */ #isolamento-acustico-soffitto-roma { --sar-ceil-dark: #073b46; --sar-ceil-dark-deep: #042d36; --sar-ceil-teal: #008fa3; --sar-ceil-turquoise: #16bfd0; --sar-ceil-orange: #f58220; --sar-ceil-orange-dark: #dc6813; --sar-ceil-green: #2e9b67; --sar-ceil-red: #c95542; --sar-ceil-white: #ffffff; --sar-ceil-cream: #fff8ed; --sar-ceil-light: #eefafd; --sar-ceil-text: #18343b; --sar-ceil-muted: #587078; --sar-ceil-border: rgba(7, 59, 70, 0.13); --sar-ceil-shadow: 0 20px 55px rgba(4, 45, 54, 0.11); position: relative; width: 100%; overflow: hidden; padding: clamp(68px, 8vw, 108px) 0; background: radial-gradient( circle at 100% 2%, rgba(22, 191, 208, 0.1), transparent 28% ), radial-gradient( circle at 0% 50%, rgba(245, 130, 32, 0.06), transparent 25% ), linear-gradient( 180deg, #ffffff 0%, #f6fcfd 100% ); color: var(--sar-ceil-text); } #isolamento-acustico-soffitto-roma, #isolamento-acustico-soffitto-roma *, #isolamento-acustico-soffitto-roma *::before, #isolamento-acustico-soffitto-roma *::after { box-sizing: border-box; } /* ========================================================= CONTENITORE ========================================================= */ .sar-ceil__container { width: min(100% - 40px, 1240px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .sar-ceil__header { max-width: 1000px; margin: 0 auto 48px; text-align: center; } .sar-ceil__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 15px; padding: 8px 14px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-ceil-teal); font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.055em; text-transform: uppercase; } .sar-ceil__title { margin: 0; color: var(--sar-ceil-dark-deep); font-size: clamp(31px, 4vw, 52px); font-weight: 900; line-height: 1.1; letter-spacing: -0.037em; text-wrap: balance; } .sar-ceil__title span { color: var(--sar-ceil-teal); } .sar-ceil__direct-answer { max-width: 950px; margin: 22px auto 0; color: var(--sar-ceil-dark); font-size: clamp(18px, 1.65vw, 21px); font-weight: 700; line-height: 1.65; } .sar-ceil__intro { max-width: 910px; margin: 17px auto 0; color: var(--sar-ceil-muted); font-size: 16px; font-weight: 500; line-height: 1.75; } /* ========================================================= TITOLI INTERNI ========================================================= */ .sar-ceil__section-label { margin: 0 0 9px; color: var(--sar-ceil-orange); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-ceil__section-title { margin: 0; color: var(--sar-ceil-dark-deep); font-size: clamp(26px, 3.2vw, 42px); font-weight: 900; line-height: 1.16; letter-spacing: -0.029em; text-wrap: balance; } /* ========================================================= PRINCIPIO CENTRALE ========================================================= */ .sar-ceil__principle { display: grid; grid-template-columns: minmax(0, 1.03fr) minmax(390px, 0.97fr); gap: clamp(30px, 5vw, 62px); align-items: center; padding: clamp(31px, 5vw, 57px); border-radius: 28px; background: linear-gradient( 135deg, var(--sar-ceil-dark-deep) 0%, var(--sar-ceil-dark) 67%, #075667 100% ); box-shadow: 0 23px 65px rgba(4, 45, 54, 0.19); } .sar-ceil__principle .sar-ceil__section-label { color: #88e6ee; } .sar-ceil__principle .sar-ceil__section-title { color: var(--sar-ceil-white); } .sar-ceil__principle-content > p:not(.sar-ceil__section-label) { margin: 16px 0 0; color: rgba(255, 255, 255, 0.86); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-ceil__principle-note { display: flex; align-items: flex-start; gap: 12px; margin-top: 23px; padding: 16px; border: 1px solid rgba(245, 130, 32, 0.32); border-radius: 15px; background: rgba(245, 130, 32, 0.11); } .sar-ceil__principle-note-icon { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: var(--sar-ceil-orange); color: var(--sar-ceil-white); font-size: 15px; font-weight: 900; } .sar-ceil__principle-note p { margin: 0; color: rgba(255, 255, 255, 0.93); font-size: 13px; font-weight: 700; line-height: 1.58; } /* ========================================================= DIAGRAMMA ========================================================= */ .sar-ceil__diagram { width: 100%; min-width: 0; padding: 18px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 22px; background: rgba(255, 255, 255, 0.97); box-shadow: 0 17px 42px rgba(0, 0, 0, 0.15); } .sar-ceil__diagram-slab { display: flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 55px; padding: 13px 15px; border-radius: 11px; background: repeating-linear-gradient( 45deg, var(--sar-ceil-dark), var(--sar-ceil-dark) 10px, #0a5361 10px, #0a5361 20px ); color: var(--sar-ceil-white); font-size: 11px; font-weight: 900; text-transform: uppercase; } .sar-ceil__diagram-vibration { color: #ffbc83; font-size: 21px; font-weight: 900; white-space: nowrap; } .sar-ceil__diagram-comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 13px; } .sar-ceil__diagram-side { min-width: 0; padding: 15px; border-radius: 14px; } .sar-ceil__diagram-side--wrong { border: 1px solid rgba(201, 85, 66, 0.18); background: rgba(201, 85, 66, 0.06); } .sar-ceil__diagram-side--correct { border: 1px solid rgba(46, 155, 103, 0.2); background: rgba(46, 155, 103, 0.07); } .sar-ceil__diagram-tag { display: inline-flex; padding: 5px 8px; border-radius: 7px; background: var(--sar-ceil-white); color: var(--sar-ceil-dark); font-size: 9px; font-weight: 900; text-transform: uppercase; } .sar-ceil__diagram-hangers { display: flex; justify-content: space-around; height: 76px; padding: 0 12px; } .sar-ceil__diagram-hangers span { width: 3px; height: 68px; background: repeating-linear-gradient( 180deg, var(--sar-ceil-red), var(--sar-ceil-red) 7px, transparent 7px, transparent 12px ); } .sar-ceil__diagram-false-ceiling { display: grid; place-items: center; min-height: 42px; border-radius: 8px; background: var(--sar-ceil-dark); color: var(--sar-ceil-white); font-size: 9px; font-weight: 900; text-align: center; text-transform: uppercase; } .sar-ceil__diagram-side > p { margin: 11px 0 0; color: var(--sar-ceil-muted); font-size: 10px; font-weight: 700; line-height: 1.45; text-align: center; } .sar-ceil__diagram-autonomous { position: relative; display: grid; align-content: end; min-height: 118px; margin-top: 9px; padding: 12px 22px 0; } .sar-ceil__diagram-air-space { display: grid; place-items: center; min-height: 59px; border: 2px dashed rgba(0, 143, 163, 0.35); border-radius: 8px 8px 0 0; background: rgba(238, 250, 253, 0.72); color: var(--sar-ceil-teal); font-size: 9px; font-weight: 900; text-transform: uppercase; } .sar-ceil__diagram-support { position: absolute; bottom: 0; display: grid; place-items: center; width: 19px; height: 101px; border-radius: 5px; background: var(--sar-ceil-green); color: var(--sar-ceil-white); font-size: 6px; font-weight: 900; text-align: center; text-transform: uppercase; writing-mode: vertical-rl; } .sar-ceil__diagram-support--left { left: 0; } .sar-ceil__diagram-support--right { right: 0; } .sar-ceil__diagram-caption { margin: 14px 0 0; color: var(--sar-ceil-muted); font-size: 12px; font-weight: 650; line-height: 1.5; text-align: center; } /* ========================================================= VIDEO TECNICO ========================================================= */ .sar-ceil__video-section { margin-top: clamp(48px, 7vw, 80px); padding: clamp(30px, 5vw, 56px); border: 1px solid rgba(0, 143, 163, 0.18); border-radius: 28px; background: radial-gradient( circle at 100% 0%, rgba(22, 191, 208, 0.12), transparent 30% ), var(--sar-ceil-white); box-shadow: var(--sar-ceil-shadow); } .sar-ceil__video-heading { max-width: 940px; } .sar-ceil__video-heading > p:not(.sar-ceil__section-label) { margin: 16px 0 0; color: var(--sar-ceil-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-ceil__video-layout { display: grid; grid-template-columns: minmax(0, 1.16fr) minmax(320px, 0.84fr); gap: clamp(24px, 4vw, 45px); align-items: start; margin-top: 31px; } .sar-ceil__video-figure { min-width: 0; margin: 0; } .sar-ceil__video-frame { position: relative; width: 100%; overflow: hidden; border: 7px solid var(--sar-ceil-dark); border-radius: 20px; background: var(--sar-ceil-dark-deep); box-shadow: 0 18px 45px rgba(4, 45, 54, 0.19); aspect-ratio: 16 / 9; } .sar-ceil__video-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; } .sar-ceil__video-caption { margin-top: 13px; color: var(--sar-ceil-muted); font-size: 12px; font-weight: 650; line-height: 1.55; } .sar-ceil__video-external { display: inline-flex; align-items: center; gap: 8px; margin-top: 13px; color: var(--sar-ceil-teal); font-size: 13px; font-weight: 850; line-height: 1.45; text-decoration: none; } .sar-ceil__video-external:hover { text-decoration: underline; text-underline-offset: 4px; } /* PUNTI DEL VIDEO */ .sar-ceil__video-points { min-width: 0; padding: 24px; border-radius: 20px; background: linear-gradient( 145deg, var(--sar-ceil-dark-deep), var(--sar-ceil-dark) ); } .sar-ceil__video-points-label { margin: 0 0 18px; color: #88e6ee; font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-ceil__video-points ul { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; } .sar-ceil__video-points li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 12px; padding: 14px; border: 1px solid rgba(255, 255, 255, 0.13); border-radius: 14px; background: rgba(255, 255, 255, 0.07); } .sar-ceil__video-points li > span { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 10px; background: var(--sar-ceil-orange); color: var(--sar-ceil-white); font-size: 10px; font-weight: 900; } .sar-ceil__video-points strong { display: block; color: var(--sar-ceil-white); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-ceil__video-points li p { margin: 5px 0 0; color: rgba(255, 255, 255, 0.78); font-size: 12px; font-weight: 500; line-height: 1.55; } /* ========================================================= SINTESI ACCESSIBILE ========================================================= */ .sar-ceil__transcript { margin-top: 31px; padding: clamp(25px, 4vw, 40px); border: 1px solid rgba(245, 130, 32, 0.2); border-radius: 22px; background: var(--sar-ceil-cream); } .sar-ceil__transcript-heading { max-width: 900px; } .sar-ceil__transcript-label { margin: 0 0 8px; color: var(--sar-ceil-orange); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-ceil__transcript-heading h5 { margin: 0; color: var(--sar-ceil-dark); font-size: clamp(23px, 2.8vw, 35px); font-weight: 900; line-height: 1.2; letter-spacing: -0.025em; } .sar-ceil__transcript-heading > p:not(.sar-ceil__transcript-label) { margin: 13px 0 0; color: var(--sar-ceil-muted); font-size: 14px; font-weight: 500; line-height: 1.65; } .sar-ceil__transcript-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 24px; } .sar-ceil__transcript-item { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 12px; align-items: start; min-width: 0; padding: 16px; border: 1px solid rgba(7, 59, 70, 0.1); border-radius: 15px; background: rgba(255, 255, 255, 0.92); } .sar-ceil__transcript-item > span { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 10px; background: var(--sar-ceil-dark); color: var(--sar-ceil-white); font-size: 10px; font-weight: 900; } .sar-ceil__transcript-item p { margin: 0; color: var(--sar-ceil-dark); font-size: 13px; font-weight: 650; line-height: 1.58; } .sar-ceil__transcript-item--highlight { border-color: rgba(245, 130, 32, 0.25); background: rgba(245, 130, 32, 0.08); } .sar-ceil__transcript-item--highlight > span { background: var(--sar-ceil-orange); } /* ========================================================= TIPI DI RUMORE ========================================================= */ .sar-ceil__noises { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: clamp(47px, 7vw, 78px); } .sar-ceil__noise { min-width: 0; padding: 24px 20px; border: 1px solid var(--sar-ceil-border); border-radius: 20px; background: var(--sar-ceil-white); box-shadow: 0 13px 38px rgba(4, 45, 54, 0.065); } .sar-ceil__noise-icon { display: grid; place-items: center; width: 56px; height: 56px; margin-bottom: 17px; border-radius: 17px; background: rgba(245, 130, 32, 0.11); color: var(--sar-ceil-orange); } .sar-ceil__noise--teal .sar-ceil__noise-icon { background: rgba(22, 191, 208, 0.11); color: var(--sar-ceil-teal); } .sar-ceil__noise--green .sar-ceil__noise-icon { background: rgba(46, 155, 103, 0.11); color: var(--sar-ceil-green); } .sar-ceil__noise h4 { margin: 0; color: var(--sar-ceil-dark); font-size: 19px; font-weight: 900; line-height: 1.3; } .sar-ceil__noise p { margin: 11px 0 0; color: var(--sar-ceil-muted); font-size: 13px; font-weight: 500; line-height: 1.65; } /* ========================================================= RUMORE AEREO / IMPATTO ========================================================= */ .sar-ceil__types { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: clamp(47px, 7vw, 77px); } .sar-ceil__type-card { padding: clamp(26px, 4vw, 39px); border: 1px solid var(--sar-ceil-border); border-radius: 23px; background: var(--sar-ceil-white); box-shadow: 0 15px 44px rgba(4, 45, 54, 0.07); } .sar-ceil__type-card--impact { border-color: rgba(0, 143, 163, 0.21); background: var(--sar-ceil-light); } .sar-ceil__type-tag { display: inline-flex; margin-bottom: 15px; padding: 6px 10px; border-radius: 8px; background: rgba(245, 130, 32, 0.11); color: var(--sar-ceil-orange); font-size: 11px; font-weight: 900; letter-spacing: 0.055em; text-transform: uppercase; } .sar-ceil__type-card--impact .sar-ceil__type-tag { background: rgba(0, 143, 163, 0.1); color: var(--sar-ceil-teal); } .sar-ceil__type-card h4 { margin: 0; color: var(--sar-ceil-dark); font-size: clamp(22px, 2.5vw, 30px); font-weight: 900; line-height: 1.23; } .sar-ceil__type-card p { margin: 14px 0 0; color: var(--sar-ceil-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } /* ========================================================= SISTEMA AUTOPORTANTE ========================================================= */ .sar-ceil__system { margin-top: clamp(47px, 7vw, 78px); padding: clamp(30px, 5vw, 56px); border-radius: 28px; background: linear-gradient( 135deg, var(--sar-ceil-dark-deep) 0%, var(--sar-ceil-dark) 67%, #075667 100% ); box-shadow: 0 23px 65px rgba(4, 45, 54, 0.19); } .sar-ceil__system-heading { max-width: 930px; } .sar-ceil__system .sar-ceil__section-label { color: #88e6ee; } .sar-ceil__system .sar-ceil__section-title { color: var(--sar-ceil-white); } .sar-ceil__system-heading > p:not(.sar-ceil__section-label) { margin: 16px 0 0; color: rgba(255, 255, 255, 0.86); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-ceil__system-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 29px; } .sar-ceil__system-item { min-width: 0; padding: 22px 19px; border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 18px; background: rgba(255, 255, 255, 0.96); } .sar-ceil__system-item > span { display: inline-flex; margin-bottom: 12px; color: var(--sar-ceil-orange); font-size: 12px; font-weight: 900; letter-spacing: 0.065em; } .sar-ceil__system-item h5 { margin: 0; color: var(--sar-ceil-dark); font-size: 18px; font-weight: 900; line-height: 1.3; } .sar-ceil__system-item p { margin: 9px 0 0; color: var(--sar-ceil-muted); font-size: 13px; font-weight: 500; line-height: 1.6; } /* ========================================================= INTERVENTO PARZIALE O COMPLETO ========================================================= */ .sar-ceil__decision { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: clamp(47px, 7vw, 77px); } .sar-ceil__decision-card { padding: clamp(26px, 4vw, 39px); border: 1px solid var(--sar-ceil-border); border-radius: 23px; background: var(--sar-ceil-white); box-shadow: 0 15px 44px rgba(4, 45, 54, 0.07); } .sar-ceil__decision-card--complete { border-color: rgba(0, 143, 163, 0.22); background: var(--sar-ceil-light); } .sar-ceil__decision-tag { display: inline-flex; margin-bottom: 15px; padding: 6px 10px; border-radius: 8px; background: rgba(245, 130, 32, 0.11); color: var(--sar-ceil-orange); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.055em; text-transform: uppercase; } .sar-ceil__decision-card--complete .sar-ceil__decision-tag { background: rgba(0, 143, 163, 0.1); color: var(--sar-ceil-teal); } .sar-ceil__decision-card h4 { margin: 0; color: var(--sar-ceil-dark); font-size: clamp(22px, 2.5vw, 30px); font-weight: 900; line-height: 1.23; } .sar-ceil__decision-card p { margin: 14px 0 0; color: var(--sar-ceil-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } .sar-ceil__decision-card a { display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; color: var(--sar-ceil-teal); font-size: 14px; font-weight: 850; line-height: 1.45; text-decoration: none; } .sar-ceil__decision-card a:hover { text-decoration: underline; text-underline-offset: 4px; } /* ========================================================= ERRORI ========================================================= */ .sar-ceil__mistakes { display: grid; grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr); gap: clamp(30px, 5vw, 62px); align-items: start; margin-top: clamp(47px, 7vw, 78px); padding: clamp(30px, 5vw, 55px); border: 1px solid var(--sar-ceil-border); border-radius: 27px; background: var(--sar-ceil-cream); } .sar-ceil__mistakes-heading > p:not(.sar-ceil__section-label) { margin: 16px 0 0; color: var(--sar-ceil-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-ceil__mistakes-list { display: grid; gap: 13px; margin: 0; padding: 0; list-style: none; } .sar-ceil__mistakes-list li { display: flex; align-items: flex-start; gap: 13px; padding: 17px; border: 1px solid rgba(201, 85, 66, 0.14); border-radius: 15px; background: rgba(255, 255, 255, 0.9); } .sar-ceil__mistakes-list li > span { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: rgba(201, 85, 66, 0.13); color: var(--sar-ceil-red); font-size: 17px; font-weight: 900; } .sar-ceil__mistakes-list strong { display: block; color: var(--sar-ceil-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-ceil__mistakes-list p { margin: 5px 0 0; color: var(--sar-ceil-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } /* ========================================================= SOPRALLUOGO ========================================================= */ .sar-ceil__assessment { display: grid; grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr); gap: clamp(30px, 5vw, 62px); align-items: start; margin-top: clamp(47px, 7vw, 78px); } .sar-ceil__assessment-heading > p:not(.sar-ceil__section-label) { margin: 16px 0 0; color: var(--sar-ceil-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-ceil__steps { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; } .sar-ceil__step { display: flex; align-items: flex-start; gap: 15px; padding: 18px; border: 1px solid var(--sar-ceil-border); border-radius: 16px; background: var(--sar-ceil-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-ceil__step-number { display: grid; flex: 0 0 auto; place-items: center; width: 34px; height: 34px; border-radius: 11px; background: var(--sar-ceil-dark); color: var(--sar-ceil-white); font-size: 13px; font-weight: 900; } .sar-ceil__step strong { display: block; color: var(--sar-ceil-dark); font-size: 16px; font-weight: 900; line-height: 1.3; } .sar-ceil__step p { margin: 5px 0 0; color: var(--sar-ceil-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } /* ========================================================= CONVERSIONE ========================================================= */ .sar-ceil__conversion { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 22px; align-items: start; margin-top: clamp(47px, 7vw, 77px); padding: clamp(28px, 5vw, 47px); border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 25px; background: linear-gradient( 135deg, var(--sar-ceil-white), var(--sar-ceil-light) ); box-shadow: var(--sar-ceil-shadow); } .sar-ceil__conversion-icon { display: grid; place-items: center; width: 59px; height: 59px; border-radius: 18px; background: var(--sar-ceil-teal); color: var(--sar-ceil-white); font-size: 27px; font-weight: 900; } .sar-ceil__conversion-label { margin: 0 0 8px; color: var(--sar-ceil-teal); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-ceil__conversion-title { max-width: 950px; margin: 0; color: var(--sar-ceil-dark); font-size: clamp(24px, 3vw, 38px); font-weight: 900; line-height: 1.19; letter-spacing: -0.027em; text-wrap: balance; } .sar-ceil__conversion-content > p:not(.sar-ceil__conversion-label) { margin: 15px 0 0; color: var(--sar-ceil-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } /* ========================================================= CTA ========================================================= */ .sar-ceil__cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 36px; align-items: center; margin-top: clamp(47px, 7vw, 76px); padding: clamp(29px, 5vw, 52px); border-radius: 27px; background: linear-gradient( 132deg, var(--sar-ceil-dark-deep) 0%, var(--sar-ceil-dark) 66%, #07596a 100% ); box-shadow: 0 23px 62px rgba(4, 45, 54, 0.19); } .sar-ceil__cta-label { margin: 0 0 8px; color: #86e4ec; font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-ceil__cta-title { max-width: 830px; margin: 0; color: var(--sar-ceil-white); font-size: clamp(25px, 3vw, 39px); font-weight: 900; line-height: 1.17; letter-spacing: -0.028em; text-wrap: balance; } .sar-ceil__cta-text { max-width: 840px; margin: 14px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 15px; font-weight: 500; line-height: 1.68; } .sar-ceil__cta-actions { display: grid; gap: 11px; min-width: 260px; } .sar-ceil__button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 54px; padding: 13px 19px; border: 2px solid transparent; border-radius: 12px; font-size: 14px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .sar-ceil__button:hover { transform: translateY(-2px); } .sar-ceil__button:focus-visible, .sar-ceil__decision-card a:focus-visible, .sar-ceil__video-external:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; border-radius: 5px; } .sar-ceil__button--primary { background: var(--sar-ceil-orange); color: var(--sar-ceil-white); box-shadow: 0 12px 28px rgba(245, 130, 32, 0.26); } .sar-ceil__button--primary:hover { background: var(--sar-ceil-orange-dark); } .sar-ceil__button--whatsapp { border-color: #25d366; background: #25d366; color: var(--sar-ceil-white); box-shadow: 0 12px 28px rgba(37, 211, 102, 0.22); } .sar-ceil__button--whatsapp:hover { border-color: #1ebe5d; background: #1ebe5d; box-shadow: 0 14px 30px rgba(37, 211, 102, 0.3); } .sar-ceil__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-ceil-white); } .sar-ceil__button--phone:hover { border-color: rgba(255, 255, 255, 0.53); background: rgba(255, 255, 255, 0.15); } .sar-ceil__button--phone span { display: grid; gap: 1px; } .sar-ceil__button--phone strong { font-size: 15px; font-weight: 900; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1080px) { .sar-ceil__principle, .sar-ceil__video-layout, .sar-ceil__mistakes, .sar-ceil__assessment { grid-template-columns: 1fr; } .sar-ceil__diagram { width: min(100%, 760px); margin-inline: auto; } .sar-ceil__video-figure, .sar-ceil__video-points { width: min(100%, 850px); } .sar-ceil__noises, .sar-ceil__system-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-ceil__cta { grid-template-columns: 1fr; } .sar-ceil__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); min-width: 0; } } /* ========================================================= TABLET PICCOLO ========================================================= */ @media (max-width: 820px) { .sar-ceil__types, .sar-ceil__decision { grid-template-columns: 1fr; } .sar-ceil__transcript-grid { grid-template-columns: 1fr; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 720px) { #isolamento-acustico-soffitto-roma { padding: 57px 0; } .sar-ceil__container { width: min(100% - 28px, 1240px); } .sar-ceil__header { margin-bottom: 32px; text-align: left; } .sar-ceil__eyebrow { justify-content: flex-start; padding: 7px 11px; font-size: 10px; } .sar-ceil__title { font-size: clamp(30px, 9vw, 42px); } .sar-ceil__title span { display: block; margin-top: 4px; } .sar-ceil__direct-answer { margin-top: 18px; font-size: 17px; line-height: 1.6; } .sar-ceil__intro { font-size: 15px; line-height: 1.68; } .sar-ceil__section-title { font-size: 27px; } .sar-ceil__principle { padding: 27px 20px; border-radius: 21px; } .sar-ceil__diagram { padding: 14px; border-radius: 18px; } .sar-ceil__diagram-slab { display: grid; justify-items: center; text-align: center; } .sar-ceil__diagram-comparison { grid-template-columns: 1fr; } /* VIDEO */ .sar-ceil__video-section { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-ceil__video-layout { margin-top: 23px; } .sar-ceil__video-frame { border-width: 4px; border-radius: 15px; } .sar-ceil__video-points { padding: 20px 16px; border-radius: 17px; } .sar-ceil__video-points li { padding: 13px 11px; } .sar-ceil__video-external { align-items: flex-start; font-size: 12px; } .sar-ceil__transcript { margin-top: 24px; padding: 24px 17px; border-radius: 18px; } .sar-ceil__transcript-heading h5 { font-size: 24px; } .sar-ceil__transcript-item { padding: 14px 12px; } /* ALTRI BLOCCHI */ .sar-ceil__noises, .sar-ceil__system-grid { grid-template-columns: 1fr; gap: 13px; } .sar-ceil__noises { margin-top: 39px; } .sar-ceil__noise { padding: 21px 18px; border-radius: 18px; } .sar-ceil__types { margin-top: 39px; } .sar-ceil__type-card { padding: 24px 19px; border-radius: 19px; } .sar-ceil__system { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-ceil__system-grid { margin-top: 23px; } .sar-ceil__system-item { padding: 20px 18px; } .sar-ceil__decision { margin-top: 39px; } .sar-ceil__decision-card { padding: 24px 19px; border-radius: 19px; } .sar-ceil__mistakes { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-ceil__assessment { margin-top: 39px; } .sar-ceil__step { padding: 16px 14px; } .sar-ceil__conversion { grid-template-columns: 1fr; margin-top: 39px; padding: 25px 20px; border-radius: 20px; } .sar-ceil__conversion-icon { width: 51px; height: 51px; border-radius: 15px; } .sar-ceil__cta { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-ceil__cta-actions { grid-template-columns: 1fr; } .sar-ceil__button { width: 100%; } } /* ========================================================= SCHERMI MOLTO PICCOLI ========================================================= */ @media (max-width: 430px) { .sar-ceil__diagram-autonomous { padding-right: 19px; padding-left: 19px; } .sar-ceil__video-points li, .sar-ceil__transcript-item { grid-template-columns: 1fr; } .sar-ceil__noise h4 { font-size: 18px; } .sar-ceil__decision-card a { align-items: flex-start; font-size: 13px; } .sar-ceil__mistakes-list strong { font-size: 14px; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sar-ceil__button { transition: none; } .sar-ceil__button:hover { transform: none; } }#imCell_18 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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 — ISOLAMENTO ACUSTICO DEL PAVIMENTO A ROMA Pagina: isolamento-acustico-roma.html Classi isolate con prefisso sar-flr ========================================================= */ #isolamento-acustico-pavimento-roma { --sar-flr-dark: #073b46; --sar-flr-dark-deep: #042d36; --sar-flr-teal: #008fa3; --sar-flr-turquoise: #16bfd0; --sar-flr-orange: #f58220; --sar-flr-orange-dark: #dc6813; --sar-flr-green: #2e9b67; --sar-flr-red: #c95542; --sar-flr-white: #ffffff; --sar-flr-cream: #fff8ed; --sar-flr-light: #eefafd; --sar-flr-text: #18343b; --sar-flr-muted: #587078; --sar-flr-border: rgba(7, 59, 70, 0.13); --sar-flr-shadow: 0 20px 55px rgba(4, 45, 54, 0.11); position: relative; width: 100%; overflow: hidden; padding: clamp(68px, 8vw, 108px) 0; background: radial-gradient( circle at 0% 3%, rgba(46, 155, 103, 0.08), transparent 28% ), radial-gradient( circle at 100% 50%, rgba(22, 191, 208, 0.08), transparent 25% ), linear-gradient( 180deg, #ffffff 0%, #f6fcfd 100% ); color: var(--sar-flr-text); } #isolamento-acustico-pavimento-roma, #isolamento-acustico-pavimento-roma *, #isolamento-acustico-pavimento-roma *::before, #isolamento-acustico-pavimento-roma *::after { box-sizing: border-box; } /* ========================================================= CONTENITORE ========================================================= */ .sar-flr__container { width: min(100% - 40px, 1240px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .sar-flr__header { max-width: 1000px; margin: 0 auto 48px; text-align: center; } .sar-flr__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 15px; padding: 8px 14px; border: 1px solid rgba(46, 155, 103, 0.22); border-radius: 999px; background: rgba(46, 155, 103, 0.08); color: var(--sar-flr-green); font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.055em; text-transform: uppercase; } .sar-flr__title { margin: 0; color: var(--sar-flr-dark-deep); font-size: clamp(31px, 4vw, 52px); font-weight: 900; line-height: 1.1; letter-spacing: -0.037em; text-wrap: balance; } .sar-flr__title span { color: var(--sar-flr-teal); } .sar-flr__direct-answer { max-width: 950px; margin: 22px auto 0; color: var(--sar-flr-dark); font-size: clamp(18px, 1.65vw, 21px); font-weight: 700; line-height: 1.65; } .sar-flr__intro { max-width: 910px; margin: 17px auto 0; color: var(--sar-flr-muted); font-size: 16px; font-weight: 500; line-height: 1.75; } /* ========================================================= TITOLI INTERNI ========================================================= */ .sar-flr__section-label { margin: 0 0 9px; color: var(--sar-flr-orange); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-flr__section-title { margin: 0; color: var(--sar-flr-dark-deep); font-size: clamp(26px, 3.2vw, 42px); font-weight: 900; line-height: 1.16; letter-spacing: -0.029em; text-wrap: balance; } /* ========================================================= PRINCIPIO CENTRALE ========================================================= */ .sar-flr__principle { display: grid; grid-template-columns: minmax(0, 1.03fr) minmax(390px, 0.97fr); gap: clamp(30px, 5vw, 62px); align-items: center; padding: clamp(31px, 5vw, 57px); border-radius: 28px; background: linear-gradient( 135deg, var(--sar-flr-dark-deep) 0%, var(--sar-flr-dark) 67%, #075667 100% ); box-shadow: 0 23px 65px rgba(4, 45, 54, 0.19); } .sar-flr__principle .sar-flr__section-label { color: #88e6ee; } .sar-flr__principle .sar-flr__section-title { color: var(--sar-flr-white); } .sar-flr__principle-content > p:not(.sar-flr__section-label) { margin: 16px 0 0; color: rgba(255, 255, 255, 0.86); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-flr__principle-note { display: flex; align-items: flex-start; gap: 12px; margin-top: 23px; padding: 16px; border: 1px solid rgba(245, 130, 32, 0.32); border-radius: 15px; background: rgba(245, 130, 32, 0.11); } .sar-flr__principle-note-icon { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: var(--sar-flr-orange); color: var(--sar-flr-white); font-size: 15px; font-weight: 900; } .sar-flr__principle-note p { margin: 0; color: rgba(255, 255, 255, 0.93); font-size: 13px; font-weight: 700; line-height: 1.58; } /* ========================================================= DIAGRAMMA ========================================================= */ .sar-flr__diagram { width: 100%; min-width: 0; padding: 18px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 22px; background: rgba(255, 255, 255, 0.97); box-shadow: 0 17px 42px rgba(0, 0, 0, 0.15); } .sar-flr__diagram-room { display: grid; justify-items: center; padding: 15px; border-radius: 12px; text-align: center; } .sar-flr__diagram-room--source { background: var(--sar-flr-cream); } .sar-flr__diagram-room--protected { margin-top: 9px; background: rgba(46, 155, 103, 0.1); } .sar-flr__diagram-room-label { color: var(--sar-flr-dark); font-size: 12px; font-weight: 900; line-height: 1.4; } .sar-flr__diagram-room-caption { margin-top: 8px; color: var(--sar-flr-muted); font-size: 10px; font-weight: 700; line-height: 1.45; } .sar-flr__diagram-noise { margin-top: 11px; color: var(--sar-flr-orange); font-size: 18px; font-weight: 900; } .sar-flr__diagram-slab { display: grid; place-items: center; min-height: 54px; margin-top: 9px; border-radius: 8px; background: repeating-linear-gradient( 45deg, var(--sar-flr-dark), var(--sar-flr-dark) 10px, #0a5361 10px, #0a5361 20px ); color: var(--sar-flr-white); font-size: 10px; font-weight: 900; text-transform: uppercase; } .sar-flr__diagram-system { position: relative; display: grid; gap: 6px; margin-top: 8px; padding: 5px 27px; } .sar-flr__diagram-layer { display: grid; place-items: center; min-height: 39px; padding: 7px 10px; border-radius: 7px; font-size: 9px; font-weight: 900; line-height: 1.35; text-align: center; text-transform: uppercase; } .sar-flr__diagram-layer--elastic { border: 2px dashed rgba(0, 143, 163, 0.38); background: var(--sar-flr-light); color: var(--sar-flr-teal); } .sar-flr__diagram-layer--mass { background: var(--sar-flr-dark); color: var(--sar-flr-white); } .sar-flr__diagram-layer--finish { border: 1px solid rgba(46, 155, 103, 0.22); background: rgba(46, 155, 103, 0.12); color: var(--sar-flr-green); } .sar-flr__diagram-edge { position: absolute; top: 5px; display: grid; place-items: center; width: 20px; height: calc(100% - 10px); border-radius: 5px; background: var(--sar-flr-orange); color: var(--sar-flr-white); font-size: 6px; font-weight: 900; text-align: center; text-transform: uppercase; writing-mode: vertical-rl; } .sar-flr__diagram-edge--left { left: 0; } .sar-flr__diagram-edge--right { right: 0; } .sar-flr__diagram-caption { margin: 14px 0 0; color: var(--sar-flr-muted); font-size: 12px; font-weight: 650; line-height: 1.5; text-align: center; } /* ========================================================= RUMORI ========================================================= */ .sar-flr__noises { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: clamp(47px, 7vw, 78px); } .sar-flr__noise { min-width: 0; padding: 24px 20px; border: 1px solid var(--sar-flr-border); border-radius: 20px; background: var(--sar-flr-white); box-shadow: 0 13px 38px rgba(4, 45, 54, 0.065); } .sar-flr__noise-icon { display: grid; place-items: center; width: 56px; height: 56px; margin-bottom: 17px; border-radius: 17px; background: rgba(245, 130, 32, 0.11); color: var(--sar-flr-orange); } .sar-flr__noise--teal .sar-flr__noise-icon { background: rgba(22, 191, 208, 0.11); color: var(--sar-flr-teal); } .sar-flr__noise--green .sar-flr__noise-icon { background: rgba(46, 155, 103, 0.11); color: var(--sar-flr-green); } .sar-flr__noise h4 { margin: 0; color: var(--sar-flr-dark); font-size: 19px; font-weight: 900; line-height: 1.3; } .sar-flr__noise p { margin: 11px 0 0; color: var(--sar-flr-muted); font-size: 13px; font-weight: 500; line-height: 1.65; } /* ========================================================= DIREZIONE DEL RUMORE ========================================================= */ .sar-flr__direction { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: clamp(47px, 7vw, 77px); } .sar-flr__direction-card { padding: clamp(26px, 4vw, 39px); border: 1px solid var(--sar-flr-border); border-radius: 23px; background: var(--sar-flr-white); box-shadow: 0 15px 44px rgba(4, 45, 54, 0.07); } .sar-flr__direction-card--source { border-color: rgba(46, 155, 103, 0.22); background: rgba(46, 155, 103, 0.06); } .sar-flr__direction-tag { display: inline-flex; margin-bottom: 15px; padding: 6px 10px; border-radius: 8px; background: rgba(0, 143, 163, 0.1); color: var(--sar-flr-teal); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.055em; text-transform: uppercase; } .sar-flr__direction-card--source .sar-flr__direction-tag { background: rgba(46, 155, 103, 0.12); color: var(--sar-flr-green); } .sar-flr__direction-card h4 { margin: 0; color: var(--sar-flr-dark); font-size: clamp(22px, 2.5vw, 30px); font-weight: 900; line-height: 1.23; letter-spacing: -0.022em; } .sar-flr__direction-card p { margin: 14px 0 0; color: var(--sar-flr-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } /* ========================================================= AVVERTIMENTO ========================================================= */ .sar-flr__warning { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 22px; align-items: start; margin-top: clamp(47px, 7vw, 77px); padding: clamp(28px, 5vw, 47px); border: 1px solid rgba(245, 130, 32, 0.22); border-radius: 25px; background: var(--sar-flr-cream); } .sar-flr__warning-icon { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 18px; background: var(--sar-flr-orange); color: var(--sar-flr-white); font-size: 28px; font-weight: 900; } .sar-flr__warning-label { margin: 0 0 8px; color: var(--sar-flr-orange); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-flr__warning-title { max-width: 950px; margin: 0; color: var(--sar-flr-dark); font-size: clamp(24px, 3vw, 37px); font-weight: 900; line-height: 1.19; letter-spacing: -0.027em; } .sar-flr__warning-content > p:not(.sar-flr__warning-label) { margin: 15px 0 0; color: var(--sar-flr-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } .sar-flr__warning-links { display: flex; flex-wrap: wrap; gap: 10px 20px; margin-top: 18px; } .sar-flr__warning-links a { color: var(--sar-flr-teal); font-size: 14px; font-weight: 850; line-height: 1.45; text-decoration: none; } .sar-flr__warning-links a:hover { text-decoration: underline; text-underline-offset: 4px; } /* ========================================================= SISTEMA COSTRUTTIVO ========================================================= */ .sar-flr__system { margin-top: clamp(47px, 7vw, 78px); padding: clamp(30px, 5vw, 56px); border-radius: 28px; background: linear-gradient( 135deg, var(--sar-flr-dark-deep) 0%, var(--sar-flr-dark) 67%, #075667 100% ); box-shadow: 0 23px 65px rgba(4, 45, 54, 0.19); } .sar-flr__system-heading { max-width: 930px; } .sar-flr__system .sar-flr__section-label { color: #88e6ee; } .sar-flr__system .sar-flr__section-title { color: var(--sar-flr-white); } .sar-flr__system-heading > p:not(.sar-flr__section-label) { margin: 16px 0 0; color: rgba(255, 255, 255, 0.86); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-flr__system-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 29px; } .sar-flr__system-item { min-width: 0; padding: 22px 19px; border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 18px; background: rgba(255, 255, 255, 0.96); } .sar-flr__system-item > span { display: inline-flex; margin-bottom: 12px; color: var(--sar-flr-orange); font-size: 12px; font-weight: 900; letter-spacing: 0.065em; } .sar-flr__system-item h5 { margin: 0; color: var(--sar-flr-dark); font-size: 18px; font-weight: 900; line-height: 1.3; } .sar-flr__system-item p { margin: 9px 0 0; color: var(--sar-flr-muted); font-size: 13px; font-weight: 500; line-height: 1.6; } /* ========================================================= DETTAGLI ========================================================= */ .sar-flr__details { display: grid; grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr); gap: clamp(30px, 5vw, 62px); align-items: start; margin-top: clamp(47px, 7vw, 78px); padding: clamp(30px, 5vw, 55px); border: 1px solid var(--sar-flr-border); border-radius: 27px; background: var(--sar-flr-light); } .sar-flr__details-heading > p:not(.sar-flr__section-label) { margin: 16px 0 0; color: var(--sar-flr-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-flr__details-list { display: grid; gap: 13px; margin: 0; padding: 0; list-style: none; } .sar-flr__details-list li { display: flex; align-items: flex-start; gap: 13px; padding: 17px; border: 1px solid rgba(7, 59, 70, 0.09); border-radius: 15px; background: rgba(255, 255, 255, 0.92); } .sar-flr__details-list li > span { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-flr-green); font-size: 13px; font-weight: 900; } .sar-flr__details-list strong { display: block; color: var(--sar-flr-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-flr__details-list p { margin: 5px 0 0; color: var(--sar-flr-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } /* ========================================================= INTERVENTO PARZIALE O COMPLETO ========================================================= */ .sar-flr__decision { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: clamp(47px, 7vw, 77px); } .sar-flr__decision-card { padding: clamp(26px, 4vw, 39px); border: 1px solid var(--sar-flr-border); border-radius: 23px; background: var(--sar-flr-white); box-shadow: 0 15px 44px rgba(4, 45, 54, 0.07); } .sar-flr__decision-card--complete { border-color: rgba(0, 143, 163, 0.22); background: var(--sar-flr-light); } .sar-flr__decision-tag { display: inline-flex; margin-bottom: 15px; padding: 6px 10px; border-radius: 8px; background: rgba(46, 155, 103, 0.11); color: var(--sar-flr-green); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.055em; text-transform: uppercase; } .sar-flr__decision-card--complete .sar-flr__decision-tag { background: rgba(0, 143, 163, 0.1); color: var(--sar-flr-teal); } .sar-flr__decision-card h4 { margin: 0; color: var(--sar-flr-dark); font-size: clamp(22px, 2.5vw, 30px); font-weight: 900; line-height: 1.23; letter-spacing: -0.022em; } .sar-flr__decision-card p { margin: 14px 0 0; color: var(--sar-flr-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } .sar-flr__decision-card a { display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; color: var(--sar-flr-teal); font-size: 14px; font-weight: 850; line-height: 1.45; text-decoration: none; } .sar-flr__decision-card a:hover { text-decoration: underline; text-underline-offset: 4px; } /* ========================================================= ERRORI ========================================================= */ .sar-flr__mistakes { display: grid; grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr); gap: clamp(30px, 5vw, 62px); align-items: start; margin-top: clamp(47px, 7vw, 78px); padding: clamp(30px, 5vw, 55px); border: 1px solid var(--sar-flr-border); border-radius: 27px; background: var(--sar-flr-cream); } .sar-flr__mistakes-heading > p:not(.sar-flr__section-label) { margin: 16px 0 0; color: var(--sar-flr-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-flr__mistakes-list { display: grid; gap: 13px; margin: 0; padding: 0; list-style: none; } .sar-flr__mistakes-list li { display: flex; align-items: flex-start; gap: 13px; padding: 17px; border: 1px solid rgba(201, 85, 66, 0.14); border-radius: 15px; background: rgba(255, 255, 255, 0.9); } .sar-flr__mistakes-list li > span { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: rgba(201, 85, 66, 0.13); color: var(--sar-flr-red); font-size: 17px; font-weight: 900; } .sar-flr__mistakes-list strong { display: block; color: var(--sar-flr-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-flr__mistakes-list p { margin: 5px 0 0; color: var(--sar-flr-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } /* ========================================================= SOPRALLUOGO ========================================================= */ .sar-flr__assessment { display: grid; grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr); gap: clamp(30px, 5vw, 62px); align-items: start; margin-top: clamp(47px, 7vw, 78px); } .sar-flr__assessment-heading > p:not(.sar-flr__section-label) { margin: 16px 0 0; color: var(--sar-flr-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-flr__steps { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; } .sar-flr__step { display: flex; align-items: flex-start; gap: 15px; padding: 18px; border: 1px solid var(--sar-flr-border); border-radius: 16px; background: var(--sar-flr-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-flr__step-number { display: grid; flex: 0 0 auto; place-items: center; width: 34px; height: 34px; border-radius: 11px; background: var(--sar-flr-dark); color: var(--sar-flr-white); font-size: 13px; font-weight: 900; } .sar-flr__step strong { display: block; color: var(--sar-flr-dark); font-size: 16px; font-weight: 900; line-height: 1.3; } .sar-flr__step p { margin: 5px 0 0; color: var(--sar-flr-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } /* ========================================================= CONVERSIONE ========================================================= */ .sar-flr__conversion { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 22px; align-items: start; margin-top: clamp(47px, 7vw, 77px); padding: clamp(28px, 5vw, 47px); border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 25px; background: linear-gradient( 135deg, var(--sar-flr-white), var(--sar-flr-light) ); box-shadow: var(--sar-flr-shadow); } .sar-flr__conversion-icon { display: grid; place-items: center; width: 59px; height: 59px; border-radius: 18px; background: var(--sar-flr-teal); color: var(--sar-flr-white); font-size: 27px; font-weight: 900; } .sar-flr__conversion-label { margin: 0 0 8px; color: var(--sar-flr-teal); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-flr__conversion-title { max-width: 950px; margin: 0; color: var(--sar-flr-dark); font-size: clamp(24px, 3vw, 38px); font-weight: 900; line-height: 1.19; letter-spacing: -0.027em; text-wrap: balance; } .sar-flr__conversion-content > p:not(.sar-flr__conversion-label) { margin: 15px 0 0; color: var(--sar-flr-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } /* ========================================================= CTA ========================================================= */ .sar-flr__cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 36px; align-items: center; margin-top: clamp(47px, 7vw, 76px); padding: clamp(29px, 5vw, 52px); border-radius: 27px; background: linear-gradient( 132deg, var(--sar-flr-dark-deep) 0%, var(--sar-flr-dark) 66%, #07596a 100% ); box-shadow: 0 23px 62px rgba(4, 45, 54, 0.19); } .sar-flr__cta-label { margin: 0 0 8px; color: #86e4ec; font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-flr__cta-title { max-width: 830px; margin: 0; color: var(--sar-flr-white); font-size: clamp(25px, 3vw, 39px); font-weight: 900; line-height: 1.17; letter-spacing: -0.028em; text-wrap: balance; } .sar-flr__cta-text { max-width: 840px; margin: 14px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 15px; font-weight: 500; line-height: 1.68; } .sar-flr__cta-actions { display: grid; gap: 11px; min-width: 260px; } .sar-flr__button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 54px; padding: 13px 19px; border: 2px solid transparent; border-radius: 12px; font-size: 14px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .sar-flr__button:hover { transform: translateY(-2px); } .sar-flr__button:focus-visible, .sar-flr__decision-card a:focus-visible, .sar-flr__warning-links a:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; border-radius: 5px; } .sar-flr__button--primary { background: var(--sar-flr-orange); color: var(--sar-flr-white); box-shadow: 0 12px 28px rgba(245, 130, 32, 0.26); } .sar-flr__button--primary:hover { background: var(--sar-flr-orange-dark); } .sar-flr__button--whatsapp { border-color: #25d366; background: #25d366; color: var(--sar-flr-white); box-shadow: 0 12px 28px rgba(37, 211, 102, 0.22); } .sar-flr__button--whatsapp:hover { border-color: #1ebe5d; background: #1ebe5d; box-shadow: 0 14px 30px rgba(37, 211, 102, 0.3); } .sar-flr__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-flr-white); } .sar-flr__button--phone:hover { border-color: rgba(255, 255, 255, 0.53); background: rgba(255, 255, 255, 0.15); } .sar-flr__button--phone span { display: grid; gap: 1px; } .sar-flr__button--phone strong { font-size: 15px; font-weight: 900; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1080px) { .sar-flr__principle, .sar-flr__details, .sar-flr__mistakes, .sar-flr__assessment { grid-template-columns: 1fr; } .sar-flr__diagram { width: min(100%, 760px); margin-inline: auto; } .sar-flr__noises, .sar-flr__system-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-flr__cta { grid-template-columns: 1fr; } .sar-flr__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); min-width: 0; } } /* ========================================================= TABLET PICCOLO ========================================================= */ @media (max-width: 820px) { .sar-flr__direction, .sar-flr__decision { grid-template-columns: 1fr; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 720px) { #isolamento-acustico-pavimento-roma { padding: 57px 0; } .sar-flr__container { width: min(100% - 28px, 1240px); } .sar-flr__header { margin-bottom: 32px; text-align: left; } .sar-flr__eyebrow { justify-content: flex-start; padding: 7px 11px; font-size: 10px; } .sar-flr__title { font-size: clamp(30px, 9vw, 42px); } .sar-flr__title span { display: block; margin-top: 4px; } .sar-flr__direct-answer { margin-top: 18px; font-size: 17px; line-height: 1.6; } .sar-flr__intro { font-size: 15px; line-height: 1.68; } .sar-flr__section-title { font-size: 27px; } .sar-flr__principle { padding: 27px 20px; border-radius: 21px; } .sar-flr__diagram { padding: 14px; border-radius: 18px; } .sar-flr__diagram-system { padding-right: 25px; padding-left: 25px; } .sar-flr__noises, .sar-flr__system-grid { grid-template-columns: 1fr; gap: 13px; } .sar-flr__noises { margin-top: 39px; } .sar-flr__noise { padding: 21px 18px; border-radius: 18px; } .sar-flr__direction { margin-top: 39px; } .sar-flr__direction-card { padding: 24px 19px; border-radius: 19px; } .sar-flr__warning { grid-template-columns: 1fr; margin-top: 39px; padding: 25px 20px; border-radius: 20px; } .sar-flr__warning-icon { width: 51px; height: 51px; border-radius: 15px; } .sar-flr__warning-links { display: grid; gap: 11px; } .sar-flr__system { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-flr__system-grid { margin-top: 23px; } .sar-flr__system-item { padding: 20px 18px; } .sar-flr__details { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-flr__decision { margin-top: 39px; } .sar-flr__decision-card { padding: 24px 19px; border-radius: 19px; } .sar-flr__mistakes { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-flr__assessment { margin-top: 39px; } .sar-flr__step { padding: 16px 14px; } .sar-flr__conversion { grid-template-columns: 1fr; margin-top: 39px; padding: 25px 20px; border-radius: 20px; } .sar-flr__conversion-icon { width: 51px; height: 51px; border-radius: 15px; } .sar-flr__cta { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-flr__cta-actions { grid-template-columns: 1fr; } .sar-flr__button { width: 100%; } } /* ========================================================= SCHERMI MOLTO PICCOLI ========================================================= */ @media (max-width: 430px) { .sar-flr__diagram-edge { font-size: 5px; } .sar-flr__noise h4 { font-size: 18px; } .sar-flr__decision-card a { align-items: flex-start; font-size: 13px; } .sar-flr__details-list strong, .sar-flr__mistakes-list strong { font-size: 14px; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sar-flr__button { transition: none; } .sar-flr__button:hover { transform: none; } }#imCell_19 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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 — FINESTRE E INFISSI ANTIRUMORE A ROMA Pagina: isolamento-acustico-roma.html Classi isolate con prefisso sar-win ========================================================= */ #finestre-infissi-antirumore-roma { --sar-win-dark: #073b46; --sar-win-dark-deep: #042d36; --sar-win-teal: #008fa3; --sar-win-turquoise: #16bfd0; --sar-win-orange: #f58220; --sar-win-orange-dark: #dc6813; --sar-win-green: #2e9b67; --sar-win-red: #c95542; --sar-win-white: #ffffff; --sar-win-cream: #fff8ed; --sar-win-light: #eefafd; --sar-win-text: #18343b; --sar-win-muted: #587078; --sar-win-border: rgba(7, 59, 70, 0.13); --sar-win-shadow: 0 20px 55px rgba(4, 45, 54, 0.11); position: relative; width: 100%; overflow: hidden; padding: clamp(68px, 8vw, 108px) 0; background: radial-gradient( circle at 100% 2%, rgba(22, 191, 208, 0.1), transparent 28% ), radial-gradient( circle at 0% 48%, rgba(245, 130, 32, 0.07), transparent 25% ), linear-gradient( 180deg, #ffffff 0%, #f6fcfd 100% ); color: var(--sar-win-text); } #finestre-infissi-antirumore-roma, #finestre-infissi-antirumore-roma *, #finestre-infissi-antirumore-roma *::before, #finestre-infissi-antirumore-roma *::after { box-sizing: border-box; } /* ========================================================= CONTENITORE ========================================================= */ .sar-win__container { width: min(100% - 40px, 1240px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .sar-win__header { max-width: 1000px; margin: 0 auto 48px; text-align: center; } .sar-win__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 15px; padding: 8px 14px; border: 1px solid rgba(245, 130, 32, 0.22); border-radius: 999px; background: rgba(245, 130, 32, 0.08); color: var(--sar-win-orange); font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.055em; text-transform: uppercase; } .sar-win__title { margin: 0; color: var(--sar-win-dark-deep); font-size: clamp(31px, 4vw, 52px); font-weight: 900; line-height: 1.1; letter-spacing: -0.037em; text-wrap: balance; } .sar-win__title span { color: var(--sar-win-teal); } .sar-win__direct-answer { max-width: 950px; margin: 22px auto 0; color: var(--sar-win-dark); font-size: clamp(18px, 1.65vw, 21px); font-weight: 700; line-height: 1.65; } .sar-win__intro { max-width: 910px; margin: 17px auto 0; color: var(--sar-win-muted); font-size: 16px; font-weight: 500; line-height: 1.75; } /* ========================================================= TITOLI INTERNI ========================================================= */ .sar-win__section-label { margin: 0 0 9px; color: var(--sar-win-orange); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-win__section-title { margin: 0; color: var(--sar-win-dark-deep); font-size: clamp(26px, 3.2vw, 42px); font-weight: 900; line-height: 1.16; letter-spacing: -0.029em; text-wrap: balance; } /* ========================================================= PRINCIPIO CENTRALE ========================================================= */ .sar-win__principle { display: grid; grid-template-columns: minmax(0, 1.03fr) minmax(390px, 0.97fr); gap: clamp(30px, 5vw, 62px); align-items: center; padding: clamp(31px, 5vw, 57px); border-radius: 28px; background: linear-gradient( 135deg, var(--sar-win-dark-deep) 0%, var(--sar-win-dark) 67%, #075667 100% ); box-shadow: 0 23px 65px rgba(4, 45, 54, 0.19); } .sar-win__principle .sar-win__section-label { color: #88e6ee; } .sar-win__principle .sar-win__section-title { color: var(--sar-win-white); } .sar-win__principle-content > p:not(.sar-win__section-label) { margin: 16px 0 0; color: rgba(255, 255, 255, 0.86); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-win__principle-note { display: flex; align-items: flex-start; gap: 12px; margin-top: 23px; padding: 16px; border: 1px solid rgba(245, 130, 32, 0.32); border-radius: 15px; background: rgba(245, 130, 32, 0.11); } .sar-win__principle-note-icon { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: var(--sar-win-orange); color: var(--sar-win-white); font-size: 15px; font-weight: 900; } .sar-win__principle-note p { margin: 0; color: rgba(255, 255, 255, 0.93); font-size: 13px; font-weight: 700; line-height: 1.58; } /* ========================================================= DIAGRAMMA DEL VANO ========================================================= */ .sar-win__diagram { width: 100%; min-width: 0; padding: 18px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 22px; background: rgba(255, 255, 255, 0.97); box-shadow: 0 17px 42px rgba(0, 0, 0, 0.15); } .sar-win__diagram-outside { display: flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 52px; padding: 12px 14px; border-radius: 11px; background: var(--sar-win-cream); color: var(--sar-win-dark); font-size: 12px; font-weight: 900; } .sar-win__diagram-waves { color: var(--sar-win-orange); font-size: 17px; font-weight: 900; white-space: nowrap; } .sar-win__diagram-system { display: grid; gap: 7px; margin-top: 10px; padding: 15px; border-radius: 14px; background: var(--sar-win-light); } .sar-win__diagram-box, .sar-win__diagram-facade { display: flex; align-items: center; justify-content: center; gap: 9px; min-height: 46px; padding: 8px 11px; border-radius: 8px; color: var(--sar-win-dark); font-size: 10px; font-weight: 900; text-align: center; text-transform: uppercase; } .sar-win__diagram-box { border: 4px solid var(--sar-win-dark); background: var(--sar-win-white); } .sar-win__diagram-facade { background: repeating-linear-gradient( 45deg, var(--sar-win-dark), var(--sar-win-dark) 9px, #0a5361 9px, #0a5361 18px ); color: var(--sar-win-white); } .sar-win__diagram-number { display: grid; flex: 0 0 auto; place-items: center; width: 24px; height: 24px; border-radius: 8px; background: var(--sar-win-orange); color: var(--sar-win-white); font-size: 8px; font-weight: 900; } .sar-win__diagram-opening { position: relative; padding: 0 25px; } .sar-win__diagram-frame { display: grid; place-items: center; min-height: 180px; padding: 23px; border: 12px solid var(--sar-win-dark); border-radius: 7px; background: #dff6fa; } .sar-win__diagram-frame-label { margin-bottom: 10px; color: var(--sar-win-dark); font-size: 9px; font-weight: 900; text-align: center; text-transform: uppercase; } .sar-win__diagram-glass { display: grid; place-items: center; width: 78%; min-height: 90px; border: 5px solid var(--sar-win-teal); border-radius: 3px; background: rgba(255, 255, 255, 0.65); color: var(--sar-win-teal); font-size: 11px; font-weight: 900; text-transform: uppercase; } .sar-win__diagram-joint { position: absolute; top: 50%; display: grid; place-items: center; width: 20px; height: 105px; border-radius: 5px; background: var(--sar-win-orange); color: var(--sar-win-white); font-size: 7px; font-weight: 900; text-transform: uppercase; writing-mode: vertical-rl; transform: translateY(-50%); } .sar-win__diagram-joint--left { left: 0; } .sar-win__diagram-joint--right { right: 0; } .sar-win__diagram-inside { display: grid; justify-items: center; gap: 4px; margin-top: 10px; padding: 13px; border-radius: 10px; background: rgba(46, 155, 103, 0.1); text-align: center; } .sar-win__diagram-inside span { color: var(--sar-win-green); font-size: 11px; font-weight: 900; text-transform: uppercase; } .sar-win__diagram-inside strong { color: var(--sar-win-dark); font-size: 10px; line-height: 1.4; } .sar-win__diagram-legend { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 14px 0 0; padding: 0; list-style: none; } .sar-win__diagram-legend li { display: flex; align-items: flex-start; gap: 7px; color: var(--sar-win-muted); font-size: 10px; font-weight: 650; line-height: 1.45; } .sar-win__diagram-legend li > span { display: grid; flex: 0 0 auto; place-items: center; width: 21px; height: 21px; border-radius: 7px; background: var(--sar-win-dark); color: var(--sar-win-white); font-size: 8px; font-weight: 900; } /* ========================================================= RUMORI ESTERNI ========================================================= */ .sar-win__noises { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: clamp(47px, 7vw, 78px); } .sar-win__noise { min-width: 0; padding: 24px 20px; border: 1px solid var(--sar-win-border); border-radius: 20px; background: var(--sar-win-white); box-shadow: 0 13px 38px rgba(4, 45, 54, 0.065); } .sar-win__noise-icon { display: grid; place-items: center; width: 56px; height: 56px; margin-bottom: 17px; border-radius: 17px; background: rgba(245, 130, 32, 0.11); color: var(--sar-win-orange); } .sar-win__noise--teal .sar-win__noise-icon { background: rgba(22, 191, 208, 0.11); color: var(--sar-win-teal); } .sar-win__noise--green .sar-win__noise-icon { background: rgba(46, 155, 103, 0.11); color: var(--sar-win-green); } .sar-win__noise h4 { margin: 0; color: var(--sar-win-dark); font-size: 19px; font-weight: 900; line-height: 1.3; } .sar-win__noise p { margin: 11px 0 0; color: var(--sar-win-muted); font-size: 13px; font-weight: 500; line-height: 1.65; } /* ========================================================= COMPONENTI ========================================================= */ .sar-win__components { margin-top: clamp(47px, 7vw, 78px); padding: clamp(30px, 5vw, 56px); border-radius: 28px; background: linear-gradient( 135deg, var(--sar-win-dark-deep) 0%, var(--sar-win-dark) 67%, #075667 100% ); box-shadow: 0 23px 65px rgba(4, 45, 54, 0.19); } .sar-win__components-heading { max-width: 930px; } .sar-win__components .sar-win__section-label { color: #88e6ee; } .sar-win__components .sar-win__section-title { color: var(--sar-win-white); } .sar-win__components-heading > p:not(.sar-win__section-label) { margin: 16px 0 0; color: rgba(255, 255, 255, 0.86); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-win__components-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 29px; } .sar-win__component { min-width: 0; padding: 22px 19px; border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 18px; background: rgba(255, 255, 255, 0.96); } .sar-win__component > span { display: inline-flex; margin-bottom: 12px; color: var(--sar-win-orange); font-size: 12px; font-weight: 900; letter-spacing: 0.065em; } .sar-win__component h5 { margin: 0; color: var(--sar-win-dark); font-size: 18px; font-weight: 900; line-height: 1.3; } .sar-win__component p { margin: 9px 0 0; color: var(--sar-win-muted); font-size: 13px; font-weight: 500; line-height: 1.6; } /* ========================================================= FOCUS CASSONETTO ========================================================= */ .sar-win__box-focus { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: clamp(30px, 5vw, 62px); align-items: center; margin-top: clamp(47px, 7vw, 78px); padding: clamp(30px, 5vw, 55px); border: 1px solid var(--sar-win-border); border-radius: 27px; background: var(--sar-win-cream); } .sar-win__box-focus-content > p:not(.sar-win__section-label) { margin: 16px 0 0; color: var(--sar-win-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-win__box-focus-list { display: grid; gap: 13px; margin: 0; padding: 0; list-style: none; } .sar-win__box-focus-list li { display: flex; align-items: flex-start; gap: 13px; padding: 17px; border: 1px solid rgba(7, 59, 70, 0.09); border-radius: 15px; background: rgba(255, 255, 255, 0.92); } .sar-win__box-focus-list li > span { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-win-green); font-size: 13px; font-weight: 900; } .sar-win__box-focus-list strong { display: block; color: var(--sar-win-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-win__box-focus-list p { margin: 5px 0 0; color: var(--sar-win-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } /* ========================================================= SOLUZIONI ========================================================= */ .sar-win__solutions { margin-top: clamp(47px, 7vw, 78px); padding: clamp(30px, 5vw, 56px); border: 1px solid rgba(0, 143, 163, 0.18); border-radius: 28px; background: radial-gradient( circle at 100% 0%, rgba(22, 191, 208, 0.13), transparent 32% ), var(--sar-win-white); box-shadow: var(--sar-win-shadow); } .sar-win__solutions-heading { max-width: 930px; } .sar-win__solutions-heading > p:not(.sar-win__section-label) { margin: 16px 0 0; color: var(--sar-win-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-win__solutions-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 29px; } .sar-win__solution { min-width: 0; padding: 22px 20px; border: 1px solid var(--sar-win-border); border-radius: 18px; background: var(--sar-win-light); } .sar-win__solution > span { display: inline-flex; margin-bottom: 11px; color: var(--sar-win-teal); font-size: 12px; font-weight: 900; letter-spacing: 0.065em; } .sar-win__solution h5 { margin: 0; color: var(--sar-win-dark); font-size: 19px; font-weight: 900; line-height: 1.3; } .sar-win__solution p { margin: 9px 0 0; color: var(--sar-win-muted); font-size: 13px; font-weight: 500; line-height: 1.62; } /* ========================================================= ERRORI ========================================================= */ .sar-win__mistakes { display: grid; grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr); gap: clamp(30px, 5vw, 62px); align-items: start; margin-top: clamp(47px, 7vw, 78px); padding: clamp(30px, 5vw, 55px); border: 1px solid var(--sar-win-border); border-radius: 27px; background: var(--sar-win-cream); } .sar-win__mistakes-heading > p:not(.sar-win__section-label) { margin: 16px 0 0; color: var(--sar-win-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-win__mistakes-list { display: grid; gap: 13px; margin: 0; padding: 0; list-style: none; } .sar-win__mistakes-list li { display: flex; align-items: flex-start; gap: 13px; padding: 17px; border: 1px solid rgba(201, 85, 66, 0.14); border-radius: 15px; background: rgba(255, 255, 255, 0.9); } .sar-win__mistakes-list li > span { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: rgba(201, 85, 66, 0.13); color: var(--sar-win-red); font-size: 17px; font-weight: 900; } .sar-win__mistakes-list strong { display: block; color: var(--sar-win-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-win__mistakes-list p { margin: 5px 0 0; color: var(--sar-win-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } /* ========================================================= INTERVENTO LOCALIZZATO O COMPLETO ========================================================= */ .sar-win__decision { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: clamp(47px, 7vw, 77px); } .sar-win__decision-card { padding: clamp(26px, 4vw, 39px); border: 1px solid var(--sar-win-border); border-radius: 23px; background: var(--sar-win-white); box-shadow: 0 15px 44px rgba(4, 45, 54, 0.07); } .sar-win__decision-card--complete { border-color: rgba(0, 143, 163, 0.22); background: var(--sar-win-light); } .sar-win__decision-tag { display: inline-flex; margin-bottom: 15px; padding: 6px 10px; border-radius: 8px; background: rgba(245, 130, 32, 0.11); color: var(--sar-win-orange); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.055em; text-transform: uppercase; } .sar-win__decision-card--complete .sar-win__decision-tag { background: rgba(0, 143, 163, 0.1); color: var(--sar-win-teal); } .sar-win__decision-card h4 { margin: 0; color: var(--sar-win-dark); font-size: clamp(22px, 2.5vw, 30px); font-weight: 900; line-height: 1.23; letter-spacing: -0.022em; } .sar-win__decision-card p { margin: 14px 0 0; color: var(--sar-win-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } .sar-win__decision-card a { display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; color: var(--sar-win-teal); font-size: 14px; font-weight: 850; line-height: 1.45; text-decoration: none; } .sar-win__decision-card a:hover { text-decoration: underline; text-underline-offset: 4px; } /* ========================================================= SOPRALLUOGO ========================================================= */ .sar-win__assessment { display: grid; grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr); gap: clamp(30px, 5vw, 62px); align-items: start; margin-top: clamp(47px, 7vw, 78px); } .sar-win__assessment-heading > p:not(.sar-win__section-label) { margin: 16px 0 0; color: var(--sar-win-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-win__steps { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; } .sar-win__step { display: flex; align-items: flex-start; gap: 15px; padding: 18px; border: 1px solid var(--sar-win-border); border-radius: 16px; background: var(--sar-win-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-win__step-number { display: grid; flex: 0 0 auto; place-items: center; width: 34px; height: 34px; border-radius: 11px; background: var(--sar-win-dark); color: var(--sar-win-white); font-size: 13px; font-weight: 900; } .sar-win__step strong { display: block; color: var(--sar-win-dark); font-size: 16px; font-weight: 900; line-height: 1.3; } .sar-win__step p { margin: 5px 0 0; color: var(--sar-win-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } /* ========================================================= CONVERSIONE ========================================================= */ .sar-win__conversion { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 22px; align-items: start; margin-top: clamp(47px, 7vw, 77px); padding: clamp(28px, 5vw, 47px); border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 25px; background: linear-gradient( 135deg, var(--sar-win-white), var(--sar-win-light) ); box-shadow: var(--sar-win-shadow); } .sar-win__conversion-icon { display: grid; place-items: center; width: 59px; height: 59px; border-radius: 18px; background: var(--sar-win-teal); color: var(--sar-win-white); font-size: 27px; font-weight: 900; } .sar-win__conversion-label { margin: 0 0 8px; color: var(--sar-win-teal); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-win__conversion-title { max-width: 950px; margin: 0; color: var(--sar-win-dark); font-size: clamp(24px, 3vw, 38px); font-weight: 900; line-height: 1.19; letter-spacing: -0.027em; text-wrap: balance; } .sar-win__conversion-content > p:not(.sar-win__conversion-label) { margin: 15px 0 0; color: var(--sar-win-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } /* ========================================================= CTA ========================================================= */ .sar-win__cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 36px; align-items: center; margin-top: clamp(47px, 7vw, 76px); padding: clamp(29px, 5vw, 52px); border-radius: 27px; background: linear-gradient( 132deg, var(--sar-win-dark-deep) 0%, var(--sar-win-dark) 66%, #07596a 100% ); box-shadow: 0 23px 62px rgba(4, 45, 54, 0.19); } .sar-win__cta-label { margin: 0 0 8px; color: #86e4ec; font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-win__cta-title { max-width: 830px; margin: 0; color: var(--sar-win-white); font-size: clamp(25px, 3vw, 39px); font-weight: 900; line-height: 1.17; letter-spacing: -0.028em; text-wrap: balance; } .sar-win__cta-text { max-width: 840px; margin: 14px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 15px; font-weight: 500; line-height: 1.68; } .sar-win__cta-actions { display: grid; gap: 11px; min-width: 260px; } .sar-win__button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 54px; padding: 13px 19px; border: 2px solid transparent; border-radius: 12px; font-size: 14px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .sar-win__button:hover { transform: translateY(-2px); } .sar-win__button:focus-visible, .sar-win__decision-card a:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; border-radius: 5px; } .sar-win__button--primary { background: var(--sar-win-orange); color: var(--sar-win-white); box-shadow: 0 12px 28px rgba(245, 130, 32, 0.26); } .sar-win__button--primary:hover { background: var(--sar-win-orange-dark); } .sar-win__button--whatsapp { border-color: #25d366; background: #25d366; color: var(--sar-win-white); box-shadow: 0 12px 28px rgba(37, 211, 102, 0.22); } .sar-win__button--whatsapp:hover { border-color: #1ebe5d; background: #1ebe5d; box-shadow: 0 14px 30px rgba(37, 211, 102, 0.3); } .sar-win__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-win-white); } .sar-win__button--phone:hover { border-color: rgba(255, 255, 255, 0.53); background: rgba(255, 255, 255, 0.15); } .sar-win__button--phone span { display: grid; gap: 1px; } .sar-win__button--phone strong { font-size: 15px; font-weight: 900; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1080px) { .sar-win__principle, .sar-win__box-focus, .sar-win__mistakes, .sar-win__assessment { grid-template-columns: 1fr; } .sar-win__diagram { width: min(100%, 740px); margin-inline: auto; } .sar-win__noises, .sar-win__components-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-win__cta { grid-template-columns: 1fr; } .sar-win__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); min-width: 0; } } /* ========================================================= TABLET PICCOLO ========================================================= */ @media (max-width: 820px) { .sar-win__decision { grid-template-columns: 1fr; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 720px) { #finestre-infissi-antirumore-roma { padding: 57px 0; } .sar-win__container { width: min(100% - 28px, 1240px); } .sar-win__header { margin-bottom: 32px; text-align: left; } .sar-win__eyebrow { justify-content: flex-start; padding: 7px 11px; font-size: 10px; } .sar-win__title { font-size: clamp(30px, 9vw, 42px); } .sar-win__title span { display: block; margin-top: 4px; } .sar-win__direct-answer { margin-top: 18px; font-size: 17px; line-height: 1.6; } .sar-win__intro { font-size: 15px; line-height: 1.68; } .sar-win__section-title { font-size: 27px; } .sar-win__principle { padding: 27px 20px; border-radius: 21px; } .sar-win__diagram { padding: 14px; border-radius: 18px; } .sar-win__diagram-outside { display: grid; justify-items: center; text-align: center; } .sar-win__diagram-frame { min-height: 155px; padding: 17px; border-width: 9px; } .sar-win__diagram-glass { min-height: 73px; } .sar-win__diagram-legend { grid-template-columns: 1fr; } .sar-win__noises, .sar-win__components-grid, .sar-win__solutions-grid { grid-template-columns: 1fr; gap: 13px; } .sar-win__noises { margin-top: 39px; } .sar-win__noise { padding: 21px 18px; border-radius: 18px; } .sar-win__components { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-win__components-grid { margin-top: 23px; } .sar-win__component { padding: 20px 18px; } .sar-win__box-focus { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-win__solutions { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-win__solutions-grid { margin-top: 23px; } .sar-win__mistakes { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-win__decision { margin-top: 39px; } .sar-win__decision-card { padding: 24px 19px; border-radius: 19px; } .sar-win__assessment { margin-top: 39px; } .sar-win__step { padding: 16px 14px; } .sar-win__conversion { grid-template-columns: 1fr; margin-top: 39px; padding: 25px 20px; border-radius: 20px; } .sar-win__conversion-icon { width: 51px; height: 51px; border-radius: 15px; } .sar-win__cta { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-win__cta-actions { grid-template-columns: 1fr; } .sar-win__button { width: 100%; } } /* ========================================================= SCHERMI MOLTO PICCOLI ========================================================= */ @media (max-width: 430px) { .sar-win__diagram-opening { padding-right: 21px; padding-left: 21px; } .sar-win__diagram-joint { width: 17px; font-size: 6px; } .sar-win__noise h4 { font-size: 18px; } .sar-win__decision-card a { align-items: flex-start; font-size: 13px; } .sar-win__box-focus-list strong, .sar-win__mistakes-list strong { font-size: 14px; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sar-win__button { transition: none; } .sar-win__button:hover { transform: none; } }#imCell_20 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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 — INSONORIZZAZIONE COMPLETA DI UNA STANZA A ROMA Pagina: isolamento-acustico-roma.html Classi isolate con prefisso sar-room ========================================================= */ #insonorizzazione-completa-stanza-roma { --sar-room-dark: #073b46; --sar-room-dark-deep: #042d36; --sar-room-teal: #008fa3; --sar-room-turquoise: #16bfd0; --sar-room-orange: #f58220; --sar-room-orange-dark: #dc6813; --sar-room-green: #2e9b67; --sar-room-red: #c95542; --sar-room-white: #ffffff; --sar-room-cream: #fff8ed; --sar-room-light: #eefafd; --sar-room-text: #18343b; --sar-room-muted: #587078; --sar-room-border: rgba(7, 59, 70, 0.13); --sar-room-shadow: 0 20px 55px rgba(4, 45, 54, 0.11); position: relative; width: 100%; overflow: hidden; padding: clamp(68px, 8vw, 108px) 0; background: radial-gradient( circle at 100% 2%, rgba(22, 191, 208, 0.11), transparent 29% ), radial-gradient( circle at 0% 48%, rgba(245, 130, 32, 0.065), transparent 25% ), linear-gradient( 180deg, #ffffff 0%, #f6fcfd 100% ); color: var(--sar-room-text); } #insonorizzazione-completa-stanza-roma, #insonorizzazione-completa-stanza-roma *, #insonorizzazione-completa-stanza-roma *::before, #insonorizzazione-completa-stanza-roma *::after { box-sizing: border-box; } /* ========================================================= CONTENITORE ========================================================= */ .sar-room__container { width: min(100% - 40px, 1240px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .sar-room__header { max-width: 1000px; margin: 0 auto 48px; text-align: center; } .sar-room__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 15px; padding: 8px 14px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-room-teal); font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.055em; text-transform: uppercase; } .sar-room__title { margin: 0; color: var(--sar-room-dark-deep); font-size: clamp(31px, 4vw, 52px); font-weight: 900; line-height: 1.1; letter-spacing: -0.037em; text-wrap: balance; } .sar-room__title span { color: var(--sar-room-teal); } .sar-room__direct-answer { max-width: 950px; margin: 22px auto 0; color: var(--sar-room-dark); font-size: clamp(18px, 1.65vw, 21px); font-weight: 700; line-height: 1.65; } .sar-room__intro { max-width: 910px; margin: 17px auto 0; color: var(--sar-room-muted); font-size: 16px; font-weight: 500; line-height: 1.75; } /* ========================================================= TITOLI INTERNI ========================================================= */ .sar-room__section-label { margin: 0 0 9px; color: var(--sar-room-orange); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-room__section-title { margin: 0; color: var(--sar-room-dark-deep); font-size: clamp(26px, 3.2vw, 42px); font-weight: 900; line-height: 1.16; letter-spacing: -0.029em; text-wrap: balance; } /* ========================================================= PRINCIPIO E DIAGRAMMA ========================================================= */ .sar-room__principle { display: grid; grid-template-columns: minmax(0, 1.03fr) minmax(390px, 0.97fr); gap: clamp(30px, 5vw, 62px); align-items: center; padding: clamp(31px, 5vw, 57px); border-radius: 28px; background: linear-gradient( 135deg, var(--sar-room-dark-deep) 0%, var(--sar-room-dark) 67%, #075667 100% ); box-shadow: 0 23px 65px rgba(4, 45, 54, 0.19); } .sar-room__principle .sar-room__section-label { color: #88e6ee; } .sar-room__principle .sar-room__section-title { color: var(--sar-room-white); } .sar-room__principle-content > p:not(.sar-room__section-label) { margin: 16px 0 0; color: rgba(255, 255, 255, 0.86); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-room__principle-note { display: flex; align-items: flex-start; gap: 12px; margin-top: 23px; padding: 16px; border: 1px solid rgba(245, 130, 32, 0.32); border-radius: 15px; background: rgba(245, 130, 32, 0.11); } .sar-room__principle-note-icon { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: var(--sar-room-orange); color: var(--sar-room-white); font-size: 15px; font-weight: 900; } .sar-room__principle-note p { margin: 0; color: rgba(255, 255, 255, 0.93); font-size: 13px; font-weight: 700; line-height: 1.58; } /* ========================================================= DIAGRAMMA STANZA ========================================================= */ .sar-room__diagram { width: 100%; min-width: 0; padding: 18px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 22px; background: rgba(255, 255, 255, 0.97); box-shadow: 0 17px 42px rgba(0, 0, 0, 0.15); } .sar-room__diagram-existing { display: grid; place-items: center; min-height: 43px; padding: 9px; border-radius: 9px; background: repeating-linear-gradient( 45deg, var(--sar-room-dark), var(--sar-room-dark) 9px, #0a5361 9px, #0a5361 18px ); color: var(--sar-room-white); font-size: 9px; font-weight: 900; text-align: center; text-transform: uppercase; } .sar-room__diagram-shell { margin-top: 9px; padding: 8px; border: 4px solid var(--sar-room-teal); border-radius: 12px; background: var(--sar-room-light); } .sar-room__diagram-ceiling, .sar-room__diagram-floor { display: grid; place-items: center; min-height: 43px; padding: 8px; border-radius: 8px; color: var(--sar-room-white); font-size: 8px; font-weight: 900; line-height: 1.35; text-align: center; text-transform: uppercase; } .sar-room__diagram-ceiling { background: var(--sar-room-dark); } .sar-room__diagram-floor { background: var(--sar-room-green); } .sar-room__diagram-middle { display: grid; grid-template-columns: 45px minmax(0, 1fr) 45px; gap: 7px; min-height: 220px; margin: 7px 0; } .sar-room__diagram-wall { display: grid; place-items: center; border-radius: 7px; background: var(--sar-room-teal); color: var(--sar-room-white); font-size: 7px; font-weight: 900; line-height: 1.35; text-align: center; text-transform: uppercase; writing-mode: vertical-rl; } .sar-room__diagram-space { display: grid; align-content: center; justify-items: center; gap: 14px; min-width: 0; padding: 17px; border-radius: 10px; background: var(--sar-room-white); } .sar-room__diagram-space-label { color: var(--sar-room-dark); font-size: 13px; font-weight: 900; text-align: center; text-transform: uppercase; } .sar-room__diagram-window { display: grid; place-items: center; width: min(100%, 145px); min-height: 58px; border: 7px solid var(--sar-room-dark); border-radius: 6px; background: #dcf5f8; color: var(--sar-room-teal); font-size: 8px; font-weight: 900; text-align: center; text-transform: uppercase; } .sar-room__diagram-silence { display: grid; place-items: center; width: 51px; height: 51px; border-radius: 50%; background: rgba(46, 155, 103, 0.12); color: var(--sar-room-green); font-size: 30px; font-weight: 900; } .sar-room__diagram-space-note { color: var(--sar-room-muted); font-size: 9px; font-weight: 700; line-height: 1.4; text-align: center; } .sar-room__diagram-legend { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 13px; } .sar-room__diagram-legend span { padding: 6px 8px; border-radius: 7px; background: var(--sar-room-light); color: var(--sar-room-dark); font-size: 8px; font-weight: 850; line-height: 1.35; } .sar-room__diagram-caption { margin: 13px 0 0; color: var(--sar-room-muted); font-size: 11px; font-weight: 650; line-height: 1.5; text-align: center; } /* ========================================================= CASI ========================================================= */ .sar-room__cases { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: clamp(47px, 7vw, 78px); } .sar-room__case { min-width: 0; padding: 24px 20px; border: 1px solid var(--sar-room-border); border-radius: 20px; background: var(--sar-room-white); box-shadow: 0 13px 38px rgba(4, 45, 54, 0.065); } .sar-room__case-icon { display: grid; place-items: center; width: 56px; height: 56px; margin-bottom: 17px; border-radius: 17px; background: rgba(245, 130, 32, 0.11); color: var(--sar-room-orange); } .sar-room__case--teal .sar-room__case-icon { background: rgba(22, 191, 208, 0.11); color: var(--sar-room-teal); } .sar-room__case--green .sar-room__case-icon { background: rgba(46, 155, 103, 0.11); color: var(--sar-room-green); } .sar-room__case h4 { margin: 0; color: var(--sar-room-dark); font-size: 19px; font-weight: 900; line-height: 1.3; } .sar-room__case p { margin: 11px 0 0; color: var(--sar-room-muted); font-size: 13px; font-weight: 500; line-height: 1.65; } /* ========================================================= SUPERFICI ========================================================= */ .sar-room__surfaces { margin-top: clamp(47px, 7vw, 78px); padding: clamp(30px, 5vw, 56px); border-radius: 28px; background: linear-gradient( 135deg, var(--sar-room-dark-deep) 0%, var(--sar-room-dark) 67%, #075667 100% ); box-shadow: 0 23px 65px rgba(4, 45, 54, 0.19); } .sar-room__surfaces-heading { max-width: 940px; } .sar-room__surfaces .sar-room__section-label { color: #88e6ee; } .sar-room__surfaces .sar-room__section-title { color: var(--sar-room-white); } .sar-room__surfaces-heading > p:not(.sar-room__section-label) { margin: 16px 0 0; color: rgba(255, 255, 255, 0.86); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-room__surfaces-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 29px; } .sar-room__surface { min-width: 0; padding: 23px 20px; border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 18px; background: rgba(255, 255, 255, 0.96); } .sar-room__surface-number { display: inline-flex; margin-bottom: 11px; color: var(--sar-room-orange); font-size: 12px; font-weight: 900; letter-spacing: 0.065em; } .sar-room__surface h5 { margin: 0; color: var(--sar-room-dark); font-size: 20px; font-weight: 900; line-height: 1.3; } .sar-room__surface p { margin: 10px 0 0; color: var(--sar-room-muted); font-size: 13px; font-weight: 500; line-height: 1.62; } .sar-room__surface a { display: inline-flex; margin-top: 15px; color: var(--sar-room-teal); font-size: 13px; font-weight: 850; line-height: 1.45; text-decoration: none; } .sar-room__surface a:hover { text-decoration: underline; text-underline-offset: 4px; } /* ========================================================= DETTAGLI ========================================================= */ .sar-room__details { display: grid; grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr); gap: clamp(30px, 5vw, 62px); align-items: center; margin-top: clamp(47px, 7vw, 78px); padding: clamp(30px, 5vw, 55px); border: 1px solid var(--sar-room-border); border-radius: 27px; background: var(--sar-room-light); } .sar-room__details-content > p:not(.sar-room__section-label) { margin: 16px 0 0; color: var(--sar-room-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-room__details-list { display: grid; gap: 13px; margin: 0; padding: 0; list-style: none; } .sar-room__details-list li { display: flex; align-items: flex-start; gap: 13px; padding: 17px; border: 1px solid rgba(7, 59, 70, 0.09); border-radius: 15px; background: rgba(255, 255, 255, 0.93); } .sar-room__details-list li > span { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-room-green); font-size: 13px; font-weight: 900; } .sar-room__details-list strong { display: block; color: var(--sar-room-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-room__details-list p { margin: 5px 0 0; color: var(--sar-room-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } /* ========================================================= CONFRONTO ========================================================= */ .sar-room__comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: clamp(47px, 7vw, 77px); } .sar-room__comparison-card { padding: clamp(26px, 4vw, 39px); border: 1px solid var(--sar-room-border); border-radius: 23px; background: var(--sar-room-white); box-shadow: 0 15px 44px rgba(4, 45, 54, 0.07); } .sar-room__comparison-card--complete { border-color: rgba(0, 143, 163, 0.22); background: var(--sar-room-light); } .sar-room__comparison-tag { display: inline-flex; margin-bottom: 15px; padding: 6px 10px; border-radius: 8px; background: rgba(245, 130, 32, 0.11); color: var(--sar-room-orange); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.055em; text-transform: uppercase; } .sar-room__comparison-card--complete .sar-room__comparison-tag { background: rgba(0, 143, 163, 0.1); color: var(--sar-room-teal); } .sar-room__comparison-card h4 { margin: 0; color: var(--sar-room-dark); font-size: clamp(22px, 2.5vw, 30px); font-weight: 900; line-height: 1.23; letter-spacing: -0.022em; } .sar-room__comparison-card p { margin: 14px 0 0; color: var(--sar-room-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } /* ========================================================= ERRORI ========================================================= */ .sar-room__mistakes { display: grid; grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr); gap: clamp(30px, 5vw, 62px); align-items: start; margin-top: clamp(47px, 7vw, 78px); padding: clamp(30px, 5vw, 55px); border: 1px solid var(--sar-room-border); border-radius: 27px; background: var(--sar-room-cream); } .sar-room__mistakes-heading > p:not(.sar-room__section-label) { margin: 16px 0 0; color: var(--sar-room-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-room__mistakes-list { display: grid; gap: 13px; margin: 0; padding: 0; list-style: none; } .sar-room__mistakes-list li { display: flex; align-items: flex-start; gap: 13px; padding: 17px; border: 1px solid rgba(201, 85, 66, 0.14); border-radius: 15px; background: rgba(255, 255, 255, 0.9); } .sar-room__mistakes-list li > span { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: rgba(201, 85, 66, 0.13); color: var(--sar-room-red); font-size: 17px; font-weight: 900; } .sar-room__mistakes-list strong { display: block; color: var(--sar-room-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-room__mistakes-list p { margin: 5px 0 0; color: var(--sar-room-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } /* ========================================================= SOPRALLUOGO E PERCORSO ========================================================= */ .sar-room__assessment { display: grid; grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr); gap: clamp(30px, 5vw, 62px); align-items: start; margin-top: clamp(47px, 7vw, 78px); } .sar-room__assessment-heading > p:not(.sar-room__section-label) { margin: 16px 0 0; color: var(--sar-room-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-room__steps { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; } .sar-room__step { display: flex; align-items: flex-start; gap: 15px; padding: 18px; border: 1px solid var(--sar-room-border); border-radius: 16px; background: var(--sar-room-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-room__step-number { display: grid; flex: 0 0 auto; place-items: center; width: 34px; height: 34px; border-radius: 11px; background: var(--sar-room-dark); color: var(--sar-room-white); font-size: 13px; font-weight: 900; } .sar-room__step strong { display: block; color: var(--sar-room-dark); font-size: 16px; font-weight: 900; line-height: 1.3; } .sar-room__step p { margin: 5px 0 0; color: var(--sar-room-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } /* ========================================================= CONVERSIONE ========================================================= */ .sar-room__conversion { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 22px; align-items: start; margin-top: clamp(47px, 7vw, 77px); padding: clamp(28px, 5vw, 47px); border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 25px; background: linear-gradient( 135deg, var(--sar-room-white), var(--sar-room-light) ); box-shadow: var(--sar-room-shadow); } .sar-room__conversion-icon { display: grid; place-items: center; width: 59px; height: 59px; border-radius: 18px; background: var(--sar-room-teal); color: var(--sar-room-white); font-size: 27px; font-weight: 900; } .sar-room__conversion-label { margin: 0 0 8px; color: var(--sar-room-teal); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-room__conversion-title { max-width: 950px; margin: 0; color: var(--sar-room-dark); font-size: clamp(24px, 3vw, 38px); font-weight: 900; line-height: 1.19; letter-spacing: -0.027em; text-wrap: balance; } .sar-room__conversion-content > p:not(.sar-room__conversion-label) { margin: 15px 0 0; color: var(--sar-room-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } /* ========================================================= CTA ========================================================= */ .sar-room__cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 36px; align-items: center; margin-top: clamp(47px, 7vw, 76px); padding: clamp(29px, 5vw, 52px); border-radius: 27px; background: linear-gradient( 132deg, var(--sar-room-dark-deep) 0%, var(--sar-room-dark) 66%, #07596a 100% ); box-shadow: 0 23px 62px rgba(4, 45, 54, 0.19); } .sar-room__cta-label { margin: 0 0 8px; color: #86e4ec; font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-room__cta-title { max-width: 840px; margin: 0; color: var(--sar-room-white); font-size: clamp(25px, 3vw, 39px); font-weight: 900; line-height: 1.17; letter-spacing: -0.028em; text-wrap: balance; } .sar-room__cta-text { max-width: 850px; margin: 14px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 15px; font-weight: 500; line-height: 1.68; } .sar-room__cta-actions { display: grid; gap: 11px; min-width: 260px; } .sar-room__button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 54px; padding: 13px 19px; border: 2px solid transparent; border-radius: 12px; font-size: 14px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .sar-room__button:hover { transform: translateY(-2px); } .sar-room__button:focus-visible, .sar-room__surface a:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; border-radius: 5px; } .sar-room__button--primary { background: var(--sar-room-orange); color: var(--sar-room-white); box-shadow: 0 12px 28px rgba(245, 130, 32, 0.26); } .sar-room__button--primary:hover { background: var(--sar-room-orange-dark); } .sar-room__button--whatsapp { border-color: #25d366; background: #25d366; color: var(--sar-room-white); box-shadow: 0 12px 28px rgba(37, 211, 102, 0.22); } .sar-room__button--whatsapp:hover { border-color: #1ebe5d; background: #1ebe5d; box-shadow: 0 14px 30px rgba(37, 211, 102, 0.3); } .sar-room__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-room-white); } .sar-room__button--phone:hover { border-color: rgba(255, 255, 255, 0.53); background: rgba(255, 255, 255, 0.15); } .sar-room__button--phone span { display: grid; gap: 1px; } .sar-room__button--phone strong { font-size: 15px; font-weight: 900; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1080px) { .sar-room__principle, .sar-room__details, .sar-room__mistakes, .sar-room__assessment { grid-template-columns: 1fr; } .sar-room__diagram { width: min(100%, 740px); margin-inline: auto; } .sar-room__cases { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-room__cta { grid-template-columns: 1fr; } .sar-room__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); min-width: 0; } } /* ========================================================= TABLET PICCOLO ========================================================= */ @media (max-width: 820px) { .sar-room__comparison { grid-template-columns: 1fr; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 720px) { #insonorizzazione-completa-stanza-roma { padding: 57px 0; } .sar-room__container { width: min(100% - 28px, 1240px); } .sar-room__header { margin-bottom: 32px; text-align: left; } .sar-room__eyebrow { justify-content: flex-start; padding: 7px 11px; font-size: 10px; } .sar-room__title { font-size: clamp(30px, 9vw, 42px); } .sar-room__title span { display: block; margin-top: 4px; } .sar-room__direct-answer { margin-top: 18px; font-size: 17px; line-height: 1.6; } .sar-room__intro { font-size: 15px; line-height: 1.68; } .sar-room__section-title { font-size: 27px; } .sar-room__principle { padding: 27px 20px; border-radius: 21px; } .sar-room__diagram { padding: 14px; border-radius: 18px; } .sar-room__diagram-middle { grid-template-columns: 32px minmax(0, 1fr) 32px; min-height: 205px; } .sar-room__diagram-wall { font-size: 6px; } .sar-room__cases, .sar-room__surfaces-grid { grid-template-columns: 1fr; gap: 13px; } .sar-room__cases { margin-top: 39px; } .sar-room__case { padding: 21px 18px; border-radius: 18px; } .sar-room__surfaces { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-room__surfaces-grid { margin-top: 23px; } .sar-room__surface { padding: 20px 18px; } .sar-room__details { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-room__comparison { margin-top: 39px; } .sar-room__comparison-card { padding: 24px 19px; border-radius: 19px; } .sar-room__mistakes { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-room__assessment { margin-top: 39px; } .sar-room__step { padding: 16px 14px; } .sar-room__conversion { grid-template-columns: 1fr; margin-top: 39px; padding: 25px 20px; border-radius: 20px; } .sar-room__conversion-icon { width: 51px; height: 51px; border-radius: 15px; } .sar-room__cta { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-room__cta-actions { grid-template-columns: 1fr; } .sar-room__button { width: 100%; } } /* ========================================================= SCHERMI MOLTO PICCOLI ========================================================= */ @media (max-width: 430px) { .sar-room__diagram-middle { grid-template-columns: 26px minmax(0, 1fr) 26px; } .sar-room__diagram-space { padding: 13px 8px; } .sar-room__case h4 { font-size: 18px; } .sar-room__surface h5 { font-size: 18px; } .sar-room__details-list strong, .sar-room__mistakes-list strong { font-size: 14px; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sar-room__button { transition: none; } .sar-room__button:hover { transform: none; } }#imCell_21 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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 — INSONORIZZAZIONE DI APPARTAMENTI E CONDOMINI A ROMA Pagina: isolamento-acustico-roma.html Classi isolate con prefisso sar-condo ========================================================= */ #insonorizzazione-appartamenti-condomini-roma { --sar-condo-dark: #073b46; --sar-condo-dark-deep: #042d36; --sar-condo-teal: #008fa3; --sar-condo-turquoise: #16bfd0; --sar-condo-orange: #f58220; --sar-condo-orange-dark: #dc6813; --sar-condo-green: #2e9b67; --sar-condo-red: #c95542; --sar-condo-white: #ffffff; --sar-condo-cream: #fff8ed; --sar-condo-light: #eefafd; --sar-condo-text: #18343b; --sar-condo-muted: #587078; --sar-condo-border: rgba(7, 59, 70, 0.13); --sar-condo-shadow: 0 20px 55px rgba(4, 45, 54, 0.11); position: relative; width: 100%; overflow: hidden; padding: clamp(70px, 8vw, 110px) 0; background: radial-gradient( circle at 100% 1%, rgba(22, 191, 208, 0.1), transparent 29% ), radial-gradient( circle at 0% 46%, rgba(245, 130, 32, 0.065), transparent 25% ), linear-gradient( 180deg, #ffffff 0%, #f6fcfd 100% ); color: var(--sar-condo-text); } #insonorizzazione-appartamenti-condomini-roma, #insonorizzazione-appartamenti-condomini-roma *, #insonorizzazione-appartamenti-condomini-roma *::before, #insonorizzazione-appartamenti-condomini-roma *::after { box-sizing: border-box; } /* ========================================================= CONTENITORE ========================================================= */ .sar-condo__container { width: min(100% - 40px, 1240px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .sar-condo__header { max-width: 1010px; margin: 0 auto 49px; text-align: center; } .sar-condo__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 15px; padding: 8px 14px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-condo-teal); font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.055em; text-transform: uppercase; } .sar-condo__title { margin: 0; color: var(--sar-condo-dark-deep); font-size: clamp(34px, 4.5vw, 59px); font-weight: 900; line-height: 1.08; letter-spacing: -0.04em; text-wrap: balance; } .sar-condo__title span { color: var(--sar-condo-teal); } .sar-condo__direct-answer { max-width: 950px; margin: 23px auto 0; color: var(--sar-condo-dark); font-size: clamp(18px, 1.7vw, 21px); font-weight: 700; line-height: 1.65; } .sar-condo__intro { max-width: 910px; margin: 17px auto 0; color: var(--sar-condo-muted); font-size: 16px; font-weight: 500; line-height: 1.75; } /* ========================================================= TITOLI E RISPOSTE INTERNE ========================================================= */ .sar-condo__section-label { margin: 0 0 9px; color: var(--sar-condo-orange); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-condo__section-title { margin: 0; color: var(--sar-condo-dark-deep); font-size: clamp(27px, 3.2vw, 42px); font-weight: 900; line-height: 1.16; letter-spacing: -0.029em; text-wrap: balance; } .sar-condo__answer { margin: 17px 0 0; color: var(--sar-condo-dark); font-size: 16px; font-weight: 650; line-height: 1.72; } /* ========================================================= STRUTTURA E DIAGRAMMA ========================================================= */ .sar-condo__structure { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(390px, 0.98fr); gap: clamp(30px, 5vw, 62px); align-items: center; padding: clamp(31px, 5vw, 57px); border-radius: 28px; background: linear-gradient( 135deg, var(--sar-condo-dark-deep) 0%, var(--sar-condo-dark) 67%, #075667 100% ); box-shadow: 0 23px 65px rgba(4, 45, 54, 0.19); } .sar-condo__structure .sar-condo__section-label { color: #88e6ee; } .sar-condo__structure .sar-condo__section-title { color: var(--sar-condo-white); } .sar-condo__structure .sar-condo__answer { color: rgba(255, 255, 255, 0.94); } .sar-condo__structure-content > p:not( .sar-condo__section-label, .sar-condo__answer ) { margin: 16px 0 0; color: rgba(255, 255, 255, 0.84); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-condo__structure-note { display: flex; align-items: flex-start; gap: 12px; margin-top: 23px; padding: 16px; border: 1px solid rgba(245, 130, 32, 0.32); border-radius: 15px; background: rgba(245, 130, 32, 0.11); } .sar-condo__structure-note-icon { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: var(--sar-condo-orange); color: var(--sar-condo-white); font-size: 15px; font-weight: 900; } .sar-condo__structure-note p { margin: 0; color: rgba(255, 255, 255, 0.93); font-size: 13px; font-weight: 700; line-height: 1.58; } /* ========================================================= DIAGRAMMA CONDOMINIO ========================================================= */ .sar-condo__diagram { width: 100%; min-width: 0; padding: 18px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 22px; background: rgba(255, 255, 255, 0.97); box-shadow: 0 17px 42px rgba(0, 0, 0, 0.15); } .sar-condo__diagram-building { overflow: hidden; border: 5px solid var(--sar-condo-dark); border-radius: 13px; background: var(--sar-condo-light); } .sar-condo__diagram-flat { display: grid; align-content: center; justify-items: center; min-height: 86px; padding: 13px; text-align: center; } .sar-condo__diagram-flat--top { background: var(--sar-condo-cream); } .sar-condo__diagram-flat--bottom { background: rgba(46, 155, 103, 0.09); } .sar-condo__diagram-flat--side { background: rgba(245, 130, 32, 0.09); } .sar-condo__diagram-flat--protected { border-left: 5px solid var(--sar-condo-dark); background: var(--sar-condo-white); } .sar-condo__diagram-flat-title { color: var(--sar-condo-dark); font-size: 11px; font-weight: 900; line-height: 1.4; text-transform: uppercase; } .sar-condo__diagram-noise { margin-top: 8px; color: var(--sar-condo-orange); font-size: 10px; font-weight: 800; line-height: 1.4; } .sar-condo__diagram-slab { display: flex; align-items: center; justify-content: space-between; gap: 13px; min-height: 53px; padding: 10px 14px; background: repeating-linear-gradient( 45deg, var(--sar-condo-dark), var(--sar-condo-dark) 9px, #0a5361 9px, #0a5361 18px ); color: var(--sar-condo-white); font-size: 9px; font-weight: 900; line-height: 1.4; text-align: center; text-transform: uppercase; } .sar-condo__diagram-slab--bottom { flex-direction: row-reverse; } .sar-condo__diagram-arrows { color: #ffb879; font-size: 17px; font-weight: 900; white-space: nowrap; } .sar-condo__diagram-middle { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-condo__diagram-surfaces { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; width: 100%; margin-top: 10px; } .sar-condo__diagram-surfaces span { padding: 6px 5px; border-radius: 6px; background: var(--sar-condo-light); color: var(--sar-condo-teal); font-size: 8px; font-weight: 900; line-height: 1.3; text-transform: uppercase; } .sar-condo__diagram-legend { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 14px 0 0; padding: 0; list-style: none; } .sar-condo__diagram-legend li { display: flex; align-items: flex-start; gap: 7px; color: var(--sar-condo-muted); font-size: 10px; font-weight: 650; line-height: 1.45; } .sar-condo__diagram-legend li > span { display: grid; flex: 0 0 auto; place-items: center; width: 21px; height: 21px; border-radius: 7px; background: var(--sar-condo-dark); color: var(--sar-condo-white); font-size: 8px; font-weight: 900; } /* ========================================================= PROBLEMI FREQUENTI ========================================================= */ .sar-condo__problems { margin-top: clamp(49px, 7vw, 80px); } .sar-condo__problems-heading { max-width: 960px; margin-bottom: 29px; } .sar-condo__problems-heading .sar-condo__answer { max-width: 920px; } .sar-condo__problems-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .sar-condo__problem { display: flex; min-width: 0; flex-direction: column; padding: clamp(26px, 4vw, 38px); border: 1px solid var(--sar-condo-border); border-radius: 23px; background: var(--sar-condo-white); box-shadow: 0 15px 44px rgba(4, 45, 54, 0.07); } .sar-condo__problem-top { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 18px; } .sar-condo__problem-number { color: var(--sar-condo-orange); font-size: 13px; font-weight: 900; letter-spacing: 0.07em; } .sar-condo__problem-icon { display: grid; place-items: center; width: 59px; height: 59px; border-radius: 17px; background: rgba(245, 130, 32, 0.11); color: var(--sar-condo-orange); } .sar-condo__problem--teal .sar-condo__problem-number, .sar-condo__problem--teal .sar-condo__problem-icon { color: var(--sar-condo-teal); } .sar-condo__problem--teal .sar-condo__problem-icon { background: rgba(22, 191, 208, 0.11); } .sar-condo__problem--green .sar-condo__problem-number, .sar-condo__problem--green .sar-condo__problem-icon { color: var(--sar-condo-green); } .sar-condo__problem--green .sar-condo__problem-icon { background: rgba(46, 155, 103, 0.11); } .sar-condo__problem-label { margin: 0 0 8px; color: var(--sar-condo-teal); font-size: 10px; font-weight: 900; line-height: 1.35; letter-spacing: 0.065em; text-transform: uppercase; } .sar-condo__problem h4 { margin: 0; color: var(--sar-condo-dark); font-size: clamp(22px, 2.5vw, 30px); font-weight: 900; line-height: 1.23; letter-spacing: -0.022em; } .sar-condo__problem > p:not(.sar-condo__problem-label) { margin: 14px 0 0; color: var(--sar-condo-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } .sar-condo__problem a { display: inline-flex; align-items: center; align-self: flex-start; gap: 8px; margin-top: auto; padding-top: 20px; color: var(--sar-condo-teal); font-size: 14px; font-weight: 850; line-height: 1.45; text-decoration: none; } .sar-condo__problem a:hover { text-decoration: underline; text-underline-offset: 4px; } /* ========================================================= SOLUZIONI ========================================================= */ .sar-condo__solutions { margin-top: clamp(49px, 7vw, 80px); padding: clamp(30px, 5vw, 56px); border-radius: 28px; background: linear-gradient( 135deg, var(--sar-condo-dark-deep) 0%, var(--sar-condo-dark) 67%, #075667 100% ); box-shadow: 0 23px 65px rgba(4, 45, 54, 0.19); } .sar-condo__solutions-heading { max-width: 950px; } .sar-condo__solutions .sar-condo__section-label { color: #88e6ee; } .sar-condo__solutions .sar-condo__section-title { color: var(--sar-condo-white); } .sar-condo__solutions .sar-condo__answer { color: rgba(255, 255, 255, 0.9); } .sar-condo__solutions-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 30px; } .sar-condo__solution { display: flex; min-width: 0; flex-direction: column; padding: 24px 20px; border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 19px; background: rgba(255, 255, 255, 0.96); } .sar-condo__solution--coordinated { background: var(--sar-condo-light); } .sar-condo__solution--complete { border-color: rgba(245, 130, 32, 0.28); background: var(--sar-condo-cream); } .sar-condo__solution-tag { display: inline-flex; align-self: flex-start; margin-bottom: 13px; padding: 6px 9px; border-radius: 8px; background: rgba(0, 143, 163, 0.1); color: var(--sar-condo-teal); font-size: 10px; font-weight: 900; line-height: 1.35; letter-spacing: 0.055em; text-transform: uppercase; } .sar-condo__solution--complete .sar-condo__solution-tag { background: rgba(245, 130, 32, 0.12); color: var(--sar-condo-orange); } .sar-condo__solution h4 { margin: 0; color: var(--sar-condo-dark); font-size: 23px; font-weight: 900; line-height: 1.25; } .sar-condo__solution > p { margin: 12px 0 0; color: var(--sar-condo-muted); font-size: 14px; font-weight: 500; line-height: 1.65; } .sar-condo__solution ul { display: grid; gap: 9px; margin: 18px 0 0; padding: 0; list-style: none; } .sar-condo__solution li { display: flex; align-items: flex-start; gap: 9px; color: var(--sar-condo-dark); font-size: 12px; font-weight: 700; line-height: 1.5; } .sar-condo__solution li > span { display: grid; flex: 0 0 auto; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-condo-green); font-size: 11px; font-weight: 900; } .sar-condo__solution a { display: inline-flex; align-items: center; align-self: flex-start; gap: 8px; margin-top: auto; padding-top: 20px; color: var(--sar-condo-teal); font-size: 13px; font-weight: 850; line-height: 1.45; text-decoration: none; } .sar-condo__solution a:hover { text-decoration: underline; text-underline-offset: 4px; } /* ========================================================= VARIABILI DELL’APPARTAMENTO ========================================================= */ .sar-condo__variables { display: grid; grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr); gap: clamp(30px, 5vw, 60px); align-items: start; margin-top: clamp(49px, 7vw, 80px); padding: clamp(30px, 5vw, 55px); border: 1px solid var(--sar-condo-border); border-radius: 27px; background: var(--sar-condo-light); } .sar-condo__variables-content > p:not( .sar-condo__section-label, .sar-condo__answer ) { margin: 16px 0 0; color: var(--sar-condo-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-condo__variables-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; } .sar-condo__variable { min-width: 0; padding: 18px; border: 1px solid rgba(7, 59, 70, 0.09); border-radius: 16px; background: rgba(255, 255, 255, 0.94); box-shadow: 0 9px 25px rgba(4, 45, 54, 0.045); } .sar-condo__variable > span { display: inline-flex; margin-bottom: 9px; color: var(--sar-condo-orange); font-size: 11px; font-weight: 900; letter-spacing: 0.065em; } .sar-condo__variable h4 { margin: 0; color: var(--sar-condo-dark); font-size: 17px; font-weight: 900; line-height: 1.3; } .sar-condo__variable p { margin: 7px 0 0; color: var(--sar-condo-muted); font-size: 12px; font-weight: 550; line-height: 1.55; } /* ========================================================= ERRORI ========================================================= */ .sar-condo__mistakes { display: grid; grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr); gap: clamp(30px, 5vw, 62px); align-items: start; margin-top: clamp(49px, 7vw, 80px); padding: clamp(30px, 5vw, 55px); border: 1px solid var(--sar-condo-border); border-radius: 27px; background: var(--sar-condo-cream); } .sar-condo__mistakes-list { display: grid; gap: 13px; margin: 0; padding: 0; list-style: none; } .sar-condo__mistakes-list li { display: flex; align-items: flex-start; gap: 13px; padding: 17px; border: 1px solid rgba(201, 85, 66, 0.14); border-radius: 15px; background: rgba(255, 255, 255, 0.92); } .sar-condo__mistakes-list li > span { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: rgba(201, 85, 66, 0.13); color: var(--sar-condo-red); font-size: 17px; font-weight: 900; } .sar-condo__mistakes-list strong { display: block; color: var(--sar-condo-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-condo__mistakes-list p { margin: 5px 0 0; color: var(--sar-condo-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } /* ========================================================= METODO ========================================================= */ .sar-condo__method { margin-top: clamp(49px, 7vw, 80px); } .sar-condo__method-heading { max-width: 960px; margin-bottom: 29px; } .sar-condo__steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; } .sar-condo__step { display: flex; align-items: flex-start; gap: 15px; min-width: 0; padding: 19px; border: 1px solid var(--sar-condo-border); border-radius: 17px; background: var(--sar-condo-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-condo__step-number { display: grid; flex: 0 0 auto; place-items: center; width: 37px; height: 37px; border-radius: 11px; background: var(--sar-condo-dark); color: var(--sar-condo-white); font-size: 13px; font-weight: 900; } .sar-condo__step strong { display: block; color: var(--sar-condo-dark); font-size: 16px; font-weight: 900; line-height: 1.3; } .sar-condo__step p { margin: 5px 0 0; color: var(--sar-condo-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } /* ========================================================= CONVERSIONE ========================================================= */ .sar-condo__conversion { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 22px; align-items: start; margin-top: clamp(49px, 7vw, 78px); padding: clamp(28px, 5vw, 47px); border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 25px; background: linear-gradient( 135deg, var(--sar-condo-white), var(--sar-condo-light) ); box-shadow: var(--sar-condo-shadow); } .sar-condo__conversion-icon { display: grid; place-items: center; width: 59px; height: 59px; border-radius: 18px; background: var(--sar-condo-teal); color: var(--sar-condo-white); font-size: 27px; font-weight: 900; } .sar-condo__conversion-label { margin: 0 0 8px; color: var(--sar-condo-teal); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-condo__conversion-title { max-width: 950px; margin: 0; color: var(--sar-condo-dark); font-size: clamp(24px, 3vw, 38px); font-weight: 900; line-height: 1.19; letter-spacing: -0.027em; text-wrap: balance; } .sar-condo__conversion-content > p:not(.sar-condo__conversion-label) { margin: 15px 0 0; color: var(--sar-condo-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } /* ========================================================= CTA ========================================================= */ .sar-condo__cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 36px; align-items: center; margin-top: clamp(49px, 7vw, 78px); padding: clamp(29px, 5vw, 52px); border-radius: 27px; background: linear-gradient( 132deg, var(--sar-condo-dark-deep) 0%, var(--sar-condo-dark) 66%, #07596a 100% ); box-shadow: 0 23px 62px rgba(4, 45, 54, 0.19); } .sar-condo__cta-label { margin: 0 0 8px; color: #86e4ec; font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-condo__cta-title { max-width: 830px; margin: 0; color: var(--sar-condo-white); font-size: clamp(25px, 3vw, 39px); font-weight: 900; line-height: 1.17; letter-spacing: -0.028em; text-wrap: balance; } .sar-condo__cta-text { max-width: 840px; margin: 14px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 15px; font-weight: 500; line-height: 1.68; } .sar-condo__cta-actions { display: grid; gap: 11px; min-width: 260px; } .sar-condo__button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 54px; padding: 13px 19px; border: 2px solid transparent; border-radius: 12px; font-size: 14px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .sar-condo__button:hover { transform: translateY(-2px); } .sar-condo__button:focus-visible, .sar-condo__problem a:focus-visible, .sar-condo__solution a:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; border-radius: 5px; } .sar-condo__button--primary { background: var(--sar-condo-orange); color: var(--sar-condo-white); box-shadow: 0 12px 28px rgba(245, 130, 32, 0.26); } .sar-condo__button--primary:hover { background: var(--sar-condo-orange-dark); } .sar-condo__button--whatsapp { border-color: #25d366; background: #25d366; color: var(--sar-condo-white); box-shadow: 0 12px 28px rgba(37, 211, 102, 0.22); } .sar-condo__button--whatsapp:hover { border-color: #1ebe5d; background: #1ebe5d; box-shadow: 0 14px 30px rgba(37, 211, 102, 0.3); } .sar-condo__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-condo-white); } .sar-condo__button--phone:hover { border-color: rgba(255, 255, 255, 0.53); background: rgba(255, 255, 255, 0.15); } .sar-condo__button--phone span { display: grid; gap: 1px; } .sar-condo__button--phone strong { font-size: 15px; font-weight: 900; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1080px) { .sar-condo__structure, .sar-condo__variables, .sar-condo__mistakes { grid-template-columns: 1fr; } .sar-condo__diagram { width: min(100%, 760px); margin-inline: auto; } .sar-condo__solutions-grid { grid-template-columns: 1fr; } .sar-condo__solution { max-width: 920px; } .sar-condo__cta { grid-template-columns: 1fr; } .sar-condo__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); min-width: 0; } } /* ========================================================= TABLET PICCOLO ========================================================= */ @media (max-width: 820px) { .sar-condo__problems-grid, .sar-condo__steps { grid-template-columns: 1fr; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 720px) { #insonorizzazione-appartamenti-condomini-roma { padding: 57px 0; } .sar-condo__container { width: min(100% - 28px, 1240px); } .sar-condo__header { margin-bottom: 33px; text-align: left; } .sar-condo__eyebrow { justify-content: flex-start; padding: 7px 11px; font-size: 10px; } .sar-condo__title { font-size: clamp(32px, 9.5vw, 44px); } .sar-condo__title span { display: block; margin-top: 4px; } .sar-condo__direct-answer { margin-top: 18px; font-size: 17px; line-height: 1.6; } .sar-condo__intro { font-size: 15px; line-height: 1.68; } .sar-condo__section-title { font-size: 27px; } .sar-condo__answer { font-size: 15px; line-height: 1.68; } .sar-condo__structure { padding: 27px 20px; border-radius: 21px; } .sar-condo__diagram { padding: 14px; border-radius: 18px; } .sar-condo__diagram-slab { display: grid; justify-items: center; text-align: center; } .sar-condo__diagram-slab--bottom { display: grid; } .sar-condo__diagram-middle { grid-template-columns: 1fr; } .sar-condo__diagram-flat--protected { border-top: 5px solid var(--sar-condo-dark); border-left: 0; } .sar-condo__diagram-legend { grid-template-columns: 1fr; } .sar-condo__problems { margin-top: 39px; } .sar-condo__problems-heading { margin-bottom: 23px; } .sar-condo__problems-grid { gap: 14px; } .sar-condo__problem { padding: 24px 19px; border-radius: 20px; } .sar-condo__problem h4 { font-size: 23px; } .sar-condo__solutions { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-condo__solutions-grid { gap: 13px; margin-top: 23px; } .sar-condo__solution { padding: 21px 18px; border-radius: 17px; } .sar-condo__variables { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-condo__variables-grid { grid-template-columns: 1fr; } .sar-condo__mistakes { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-condo__method { margin-top: 39px; } .sar-condo__method-heading { margin-bottom: 23px; } .sar-condo__step { padding: 16px 14px; } .sar-condo__conversion { grid-template-columns: 1fr; margin-top: 39px; padding: 25px 20px; border-radius: 20px; } .sar-condo__conversion-icon { width: 51px; height: 51px; border-radius: 15px; } .sar-condo__cta { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-condo__cta-actions { grid-template-columns: 1fr; } .sar-condo__button { width: 100%; } } /* ========================================================= SCHERMI MOLTO PICCOLI ========================================================= */ @media (max-width: 430px) { .sar-condo__problem a, .sar-condo__solution a { align-items: flex-start; font-size: 13px; } .sar-condo__mistakes-list strong { font-size: 14px; } .sar-condo__diagram-surfaces { grid-template-columns: 1fr; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sar-condo__button { transition: none; } .sar-condo__button:hover { transform: none; } }#imCell_22 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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 — PERCHÉ IL RUMORE NON SEGUE SEMPRE IL PERCORSO PIÙ EVIDENTE Pagina: isolamento-acustico-roma.html Classi isolate con prefisso sar-path ========================================================= */ #percorso-rumore-non-evidente-roma { --sar-path-dark: #073b46; --sar-path-dark-deep: #042d36; --sar-path-teal: #008fa3; --sar-path-turquoise: #16bfd0; --sar-path-orange: #f58220; --sar-path-orange-dark: #dc6813; --sar-path-green: #2e9b67; --sar-path-red: #c95542; --sar-path-white: #ffffff; --sar-path-cream: #fff8ed; --sar-path-light: #eefafd; --sar-path-text: #18343b; --sar-path-muted: #587078; --sar-path-border: rgba(7, 59, 70, 0.13); --sar-path-shadow: 0 20px 55px rgba(4, 45, 54, 0.11); position: relative; width: 100%; overflow: hidden; padding: clamp(68px, 8vw, 108px) 0; background: radial-gradient( circle at 0% 2%, rgba(22, 191, 208, 0.09), transparent 29% ), radial-gradient( circle at 100% 48%, rgba(245, 130, 32, 0.065), transparent 25% ), linear-gradient( 180deg, #ffffff 0%, #f6fcfd 100% ); color: var(--sar-path-text); } #percorso-rumore-non-evidente-roma, #percorso-rumore-non-evidente-roma *, #percorso-rumore-non-evidente-roma *::before, #percorso-rumore-non-evidente-roma *::after { box-sizing: border-box; } /* ========================================================= CONTENITORE ========================================================= */ .sar-path__container { width: min(100% - 40px, 1240px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .sar-path__header { max-width: 1000px; margin: 0 auto 48px; text-align: center; } .sar-path__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 15px; padding: 8px 14px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-path-teal); font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.055em; text-transform: uppercase; } .sar-path__title { margin: 0; color: var(--sar-path-dark-deep); font-size: clamp(31px, 4vw, 52px); font-weight: 900; line-height: 1.1; letter-spacing: -0.037em; text-wrap: balance; } .sar-path__title span { color: var(--sar-path-teal); } .sar-path__direct-answer { max-width: 950px; margin: 22px auto 0; color: var(--sar-path-dark); font-size: clamp(18px, 1.65vw, 21px); font-weight: 700; line-height: 1.65; } .sar-path__intro { max-width: 910px; margin: 17px auto 0; color: var(--sar-path-muted); font-size: 16px; font-weight: 500; line-height: 1.75; } /* ========================================================= TITOLI E RISPOSTE INTERNE ========================================================= */ .sar-path__section-label { margin: 0 0 9px; color: var(--sar-path-orange); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-path__section-title { margin: 0; color: var(--sar-path-dark-deep); font-size: clamp(26px, 3.2vw, 42px); font-weight: 900; line-height: 1.16; letter-spacing: -0.029em; text-wrap: balance; } .sar-path__answer { margin: 17px 0 0; color: var(--sar-path-dark); font-size: 16px; font-weight: 650; line-height: 1.72; } /* ========================================================= PRINCIPIO E DIAGRAMMA ========================================================= */ .sar-path__principle { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(400px, 0.98fr); gap: clamp(30px, 5vw, 62px); align-items: center; padding: clamp(31px, 5vw, 57px); border-radius: 28px; background: linear-gradient( 135deg, var(--sar-path-dark-deep) 0%, var(--sar-path-dark) 67%, #075667 100% ); box-shadow: 0 23px 65px rgba(4, 45, 54, 0.19); } .sar-path__principle .sar-path__section-label { color: #88e6ee; } .sar-path__principle .sar-path__section-title { color: var(--sar-path-white); } .sar-path__principle-content > p:not(.sar-path__section-label) { margin: 16px 0 0; color: rgba(255, 255, 255, 0.86); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-path__principle-note { display: flex; align-items: flex-start; gap: 12px; margin-top: 23px; padding: 16px; border: 1px solid rgba(245, 130, 32, 0.32); border-radius: 15px; background: rgba(245, 130, 32, 0.11); } .sar-path__principle-note-icon { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: var(--sar-path-orange); color: var(--sar-path-white); font-size: 15px; font-weight: 900; } .sar-path__principle-note p { margin: 0; color: rgba(255, 255, 255, 0.93); font-size: 13px; font-weight: 700; line-height: 1.58; } /* ========================================================= DIAGRAMMA ========================================================= */ .sar-path__diagram { width: 100%; min-width: 0; padding: 18px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 22px; background: rgba(255, 255, 255, 0.97); box-shadow: 0 17px 42px rgba(0, 0, 0, 0.15); } .sar-path__diagram-source, .sar-path__diagram-room { display: grid; justify-items: center; padding: 15px; border-radius: 13px; text-align: center; } .sar-path__diagram-source { background: var(--sar-path-cream); } .sar-path__diagram-room { margin-top: 11px; background: rgba(46, 155, 103, 0.09); } .sar-path__diagram-label { color: var(--sar-path-teal); font-size: 9px; font-weight: 900; line-height: 1.35; letter-spacing: 0.06em; text-transform: uppercase; } .sar-path__diagram-source strong, .sar-path__diagram-room strong { margin-top: 6px; color: var(--sar-path-dark); font-size: 14px; font-weight: 900; line-height: 1.35; } .sar-path__diagram-source small { margin-top: 5px; color: var(--sar-path-muted); font-size: 10px; font-weight: 700; } .sar-path__diagram-waves { margin-top: 10px; color: var(--sar-path-orange); font-size: 18px; font-weight: 900; } .sar-path__diagram-routes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 10px; } .sar-path__diagram-route { position: relative; min-width: 0; padding: 13px 34px 13px 12px; border: 1px solid rgba(7, 59, 70, 0.1); border-radius: 11px; background: var(--sar-path-light); } .sar-path__diagram-route--upper { background: rgba(22, 191, 208, 0.09); } .sar-path__diagram-route--lower { background: rgba(46, 155, 103, 0.08); } .sar-path__diagram-route--plant { background: rgba(245, 130, 32, 0.08); } .sar-path__diagram-route-number { display: grid; place-items: center; width: 24px; height: 24px; margin-bottom: 7px; border-radius: 8px; background: var(--sar-path-dark); color: var(--sar-path-white); font-size: 9px; font-weight: 900; } .sar-path__diagram-route strong { display: block; color: var(--sar-path-dark); font-size: 11px; font-weight: 900; line-height: 1.35; } .sar-path__diagram-route p { margin: 5px 0 0; color: var(--sar-path-muted); font-size: 9px; font-weight: 650; line-height: 1.4; } .sar-path__diagram-arrow { position: absolute; top: 50%; right: 10px; color: var(--sar-path-orange); font-size: 24px; font-weight: 900; transform: translateY(-50%); } .sar-path__diagram-room-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; width: 100%; margin-top: 11px; } .sar-path__diagram-room-grid span { padding: 7px 6px; border-radius: 7px; background: var(--sar-path-white); color: var(--sar-path-green); font-size: 9px; font-weight: 900; text-transform: uppercase; } .sar-path__diagram-caption { margin: 13px 0 0; color: var(--sar-path-muted); font-size: 11px; font-weight: 650; line-height: 1.5; text-align: center; } /* ========================================================= ESEMPI ========================================================= */ .sar-path__examples { margin-top: clamp(48px, 7vw, 80px); } .sar-path__examples-heading { max-width: 950px; margin-bottom: 29px; } .sar-path__examples-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .sar-path__example { min-width: 0; padding: clamp(25px, 4vw, 37px); border: 1px solid var(--sar-path-border); border-radius: 22px; background: var(--sar-path-white); box-shadow: 0 15px 44px rgba(4, 45, 54, 0.07); } .sar-path__example-number { display: inline-flex; margin-bottom: 13px; color: var(--sar-path-orange); font-size: 12px; font-weight: 900; letter-spacing: 0.07em; } .sar-path__example--teal .sar-path__example-number { color: var(--sar-path-teal); } .sar-path__example--green .sar-path__example-number { color: var(--sar-path-green); } .sar-path__example h5 { margin: 0; color: var(--sar-path-dark); font-size: clamp(21px, 2.3vw, 28px); font-weight: 900; line-height: 1.25; letter-spacing: -0.02em; } .sar-path__example > p { margin: 13px 0 0; color: var(--sar-path-muted); font-size: 14px; font-weight: 500; line-height: 1.68; } .sar-path__example-result { margin-top: 17px; padding: 13px 14px; border-radius: 12px; background: var(--sar-path-light); color: var(--sar-path-muted); font-size: 11px; font-weight: 700; line-height: 1.5; } .sar-path__example-result strong { display: block; margin-top: 3px; color: var(--sar-path-dark); font-size: 13px; font-weight: 900; } /* ========================================================= CONFRONTO ========================================================= */ .sar-path__comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: clamp(48px, 7vw, 80px); } .sar-path__comparison-card { padding: clamp(27px, 4vw, 40px); border: 1px solid var(--sar-path-border); border-radius: 24px; background: var(--sar-path-white); box-shadow: 0 15px 44px rgba(4, 45, 54, 0.07); } .sar-path__comparison-card--flanking { border-color: rgba(0, 143, 163, 0.22); background: var(--sar-path-light); } .sar-path__comparison-tag { display: inline-flex; margin-bottom: 14px; padding: 6px 10px; border-radius: 8px; background: rgba(245, 130, 32, 0.11); color: var(--sar-path-orange); font-size: 10px; font-weight: 900; letter-spacing: 0.055em; text-transform: uppercase; } .sar-path__comparison-card--flanking .sar-path__comparison-tag { background: rgba(0, 143, 163, 0.1); color: var(--sar-path-teal); } .sar-path__comparison-card h4 { margin: 0; color: var(--sar-path-dark); font-size: clamp(24px, 2.8vw, 34px); font-weight: 900; line-height: 1.2; } .sar-path__comparison-card p { margin: 14px 0 0; color: var(--sar-path-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } .sar-path__comparison-card ul { display: grid; gap: 9px; margin: 19px 0 0; padding: 0; list-style: none; } .sar-path__comparison-card li { display: flex; align-items: flex-start; gap: 9px; color: var(--sar-path-dark); font-size: 13px; font-weight: 700; line-height: 1.5; } .sar-path__comparison-card li > span { display: grid; flex: 0 0 auto; place-items: center; width: 21px; height: 21px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-path-green); font-size: 11px; font-weight: 900; } /* ========================================================= SEGNALI ========================================================= */ .sar-path__signals { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: clamp(30px, 5vw, 62px); align-items: start; margin-top: clamp(48px, 7vw, 80px); padding: clamp(30px, 5vw, 55px); border: 1px solid var(--sar-path-border); border-radius: 27px; background: var(--sar-path-cream); } .sar-path__signals-content > p:not( .sar-path__section-label, .sar-path__answer ) { margin: 16px 0 0; color: var(--sar-path-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-path__signals-list { display: grid; gap: 13px; margin: 0; padding: 0; list-style: none; } .sar-path__signals-list li { display: flex; align-items: flex-start; gap: 13px; padding: 17px; border: 1px solid rgba(7, 59, 70, 0.09); border-radius: 15px; background: rgba(255, 255, 255, 0.93); } .sar-path__signals-list li > span { display: grid; flex: 0 0 auto; place-items: center; width: 29px; height: 29px; border-radius: 9px; background: var(--sar-path-dark); color: var(--sar-path-white); font-size: 10px; font-weight: 900; } .sar-path__signals-list strong { display: block; color: var(--sar-path-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-path__signals-list p { margin: 5px 0 0; color: var(--sar-path-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } /* ========================================================= SOPRALLUOGO E PERCORSO ========================================================= */ .sar-path__assessment { margin-top: clamp(48px, 7vw, 80px); } .sar-path__assessment-heading { max-width: 960px; margin-bottom: 29px; } .sar-path__assessment-heading > p:not( .sar-path__section-label, .sar-path__answer ) { margin: 16px 0 0; color: var(--sar-path-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-path__steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; } .sar-path__step { display: flex; align-items: flex-start; gap: 15px; min-width: 0; padding: 19px; border: 1px solid var(--sar-path-border); border-radius: 17px; background: var(--sar-path-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-path__step-number { display: grid; flex: 0 0 auto; place-items: center; width: 37px; height: 37px; border-radius: 11px; background: var(--sar-path-dark); color: var(--sar-path-white); font-size: 13px; font-weight: 900; } .sar-path__step strong { display: block; color: var(--sar-path-dark); font-size: 16px; font-weight: 900; line-height: 1.3; } .sar-path__step p { margin: 5px 0 0; color: var(--sar-path-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } /* ========================================================= LINK INTERNI ========================================================= */ .sar-path__links { margin-top: clamp(48px, 7vw, 80px); padding: clamp(27px, 4vw, 40px); border: 1px solid rgba(0, 143, 163, 0.17); border-radius: 24px; background: var(--sar-path-light); } .sar-path__links-label { margin: 0 0 18px; color: var(--sar-path-teal); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-path__links-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .sar-path__links-grid a { display: grid; gap: 5px; min-width: 0; padding: 17px; border: 1px solid rgba(7, 59, 70, 0.1); border-radius: 14px; background: var(--sar-path-white); text-decoration: none; transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .sar-path__links-grid a:hover { transform: translateY(-2px); border-color: rgba(0, 143, 163, 0.28); box-shadow: 0 12px 28px rgba(4, 45, 54, 0.07); } .sar-path__links-grid a > span { color: var(--sar-path-orange); font-size: 10px; font-weight: 900; line-height: 1.35; text-transform: uppercase; } .sar-path__links-grid a > strong { color: var(--sar-path-dark); font-size: 14px; font-weight: 900; line-height: 1.4; } /* ========================================================= CONVERSIONE ========================================================= */ .sar-path__conversion { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 22px; align-items: start; margin-top: clamp(48px, 7vw, 78px); padding: clamp(28px, 5vw, 47px); border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 25px; background: linear-gradient( 135deg, var(--sar-path-white), var(--sar-path-light) ); box-shadow: var(--sar-path-shadow); } .sar-path__conversion-icon { display: grid; place-items: center; width: 59px; height: 59px; border-radius: 18px; background: var(--sar-path-teal); color: var(--sar-path-white); font-size: 27px; font-weight: 900; } .sar-path__conversion-label { margin: 0 0 8px; color: var(--sar-path-teal); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-path__conversion-title { max-width: 950px; margin: 0; color: var(--sar-path-dark); font-size: clamp(24px, 3vw, 38px); font-weight: 900; line-height: 1.19; letter-spacing: -0.027em; text-wrap: balance; } .sar-path__conversion-content > p:not(.sar-path__conversion-label) { margin: 15px 0 0; color: var(--sar-path-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } /* ========================================================= CTA FINALE ========================================================= */ .sar-path__cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 36px; align-items: center; margin-top: clamp(48px, 7vw, 78px); padding: clamp(29px, 5vw, 52px); border-radius: 27px; background: linear-gradient( 132deg, var(--sar-path-dark-deep) 0%, var(--sar-path-dark) 66%, #07596a 100% ); box-shadow: 0 23px 62px rgba(4, 45, 54, 0.19); } .sar-path__cta-label { margin: 0 0 8px; color: #86e4ec; font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-path__cta-title { max-width: 840px; margin: 0; color: var(--sar-path-white); font-size: clamp(25px, 3vw, 39px); font-weight: 900; line-height: 1.17; letter-spacing: -0.028em; text-wrap: balance; } .sar-path__cta-text { max-width: 850px; margin: 14px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 15px; font-weight: 500; line-height: 1.68; } .sar-path__cta-actions { display: grid; gap: 11px; min-width: 260px; } .sar-path__button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 54px; padding: 13px 19px; border: 2px solid transparent; border-radius: 12px; font-size: 14px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .sar-path__button:hover { transform: translateY(-2px); } .sar-path__button:focus-visible, .sar-path__links-grid a:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; border-radius: 6px; } .sar-path__button--primary { background: var(--sar-path-orange); color: var(--sar-path-white); box-shadow: 0 12px 28px rgba(245, 130, 32, 0.26); } .sar-path__button--primary:hover { background: var(--sar-path-orange-dark); } .sar-path__button--whatsapp { border-color: #25d366; background: #25d366; color: var(--sar-path-white); box-shadow: 0 12px 28px rgba(37, 211, 102, 0.22); } .sar-path__button--whatsapp:hover { border-color: #1ebe5d; background: #1ebe5d; box-shadow: 0 14px 30px rgba(37, 211, 102, 0.3); } .sar-path__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-path-white); } .sar-path__button--phone:hover { border-color: rgba(255, 255, 255, 0.53); background: rgba(255, 255, 255, 0.15); } .sar-path__button--phone span { display: grid; gap: 1px; } .sar-path__button--phone strong { font-size: 15px; font-weight: 900; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1080px) { .sar-path__principle, .sar-path__signals { grid-template-columns: 1fr; } .sar-path__diagram { width: min(100%, 760px); margin-inline: auto; } .sar-path__cta { grid-template-columns: 1fr; } .sar-path__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); min-width: 0; } } /* ========================================================= TABLET PICCOLO ========================================================= */ @media (max-width: 820px) { .sar-path__examples-grid, .sar-path__comparison, .sar-path__steps { grid-template-columns: 1fr; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 720px) { #percorso-rumore-non-evidente-roma { padding: 57px 0; } .sar-path__container { width: min(100% - 28px, 1240px); } .sar-path__header { margin-bottom: 32px; text-align: left; } .sar-path__eyebrow { justify-content: flex-start; padding: 7px 11px; font-size: 10px; } .sar-path__title { font-size: clamp(30px, 9vw, 42px); } .sar-path__title span { display: block; margin-top: 4px; } .sar-path__direct-answer { margin-top: 18px; font-size: 17px; line-height: 1.6; } .sar-path__intro { font-size: 15px; line-height: 1.68; } .sar-path__section-title { font-size: 27px; } .sar-path__answer { font-size: 15px; line-height: 1.68; } .sar-path__principle { padding: 27px 20px; border-radius: 21px; } .sar-path__diagram { padding: 14px; border-radius: 18px; } .sar-path__diagram-routes { grid-template-columns: 1fr; } .sar-path__examples { margin-top: 39px; } .sar-path__examples-heading { margin-bottom: 23px; } .sar-path__examples-grid { gap: 14px; } .sar-path__example { padding: 23px 19px; border-radius: 19px; } .sar-path__comparison { margin-top: 39px; } .sar-path__comparison-card { padding: 24px 19px; border-radius: 20px; } .sar-path__signals { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-path__assessment { margin-top: 39px; } .sar-path__assessment-heading { margin-bottom: 23px; } .sar-path__step { padding: 16px 14px; } .sar-path__links { margin-top: 39px; padding: 24px 18px; border-radius: 20px; } .sar-path__links-grid { grid-template-columns: 1fr; } .sar-path__conversion { grid-template-columns: 1fr; margin-top: 39px; padding: 25px 20px; border-radius: 20px; } .sar-path__conversion-icon { width: 51px; height: 51px; border-radius: 15px; } .sar-path__cta { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-path__cta-actions { grid-template-columns: 1fr; } .sar-path__button { width: 100%; } } /* ========================================================= SCHERMI MOLTO PICCOLI ========================================================= */ @media (max-width: 430px) { .sar-path__diagram-room-grid { grid-template-columns: 1fr; } .sar-path__signals-list strong { font-size: 14px; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sar-path__button, .sar-path__links-grid a { transition: none; } .sar-path__button:hover, .sar-path__links-grid a:hover { transform: none; } }#imCell_23 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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 — PERCHÉ INTERVENIRE SOLTANTO SULLA SUPERFICIE VISIBILE PUÒ NON BASTARE Pagina: isolamento-acustico-roma.html Classi isolate con prefisso sar-visible ========================================================= */ #superficie-visibile-non-basta-roma { --sar-visible-dark: #073b46; --sar-visible-dark-deep: #042d36; --sar-visible-teal: #008fa3; --sar-visible-turquoise: #16bfd0; --sar-visible-orange: #f58220; --sar-visible-orange-dark: #dc6813; --sar-visible-green: #2e9b67; --sar-visible-red: #c95542; --sar-visible-white: #ffffff; --sar-visible-cream: #fff8ed; --sar-visible-light: #eefafd; --sar-visible-text: #18343b; --sar-visible-muted: #587078; --sar-visible-border: rgba(7, 59, 70, 0.13); --sar-visible-shadow: 0 20px 55px rgba(4, 45, 54, 0.11); position: relative; width: 100%; overflow: hidden; padding: clamp(68px, 8vw, 108px) 0; background: radial-gradient( circle at 100% 2%, rgba(22, 191, 208, 0.09), transparent 29% ), radial-gradient( circle at 0% 48%, rgba(245, 130, 32, 0.065), transparent 25% ), linear-gradient( 180deg, #ffffff 0%, #f6fcfd 100% ); color: var(--sar-visible-text); } #superficie-visibile-non-basta-roma, #superficie-visibile-non-basta-roma *, #superficie-visibile-non-basta-roma *::before, #superficie-visibile-non-basta-roma *::after { box-sizing: border-box; } /* ========================================================= CONTENITORE ========================================================= */ .sar-visible__container { width: min(100% - 40px, 1240px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .sar-visible__header { max-width: 1000px; margin: 0 auto 48px; text-align: center; } .sar-visible__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 15px; padding: 8px 14px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-visible-teal); font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.055em; text-transform: uppercase; } .sar-visible__title { margin: 0; color: var(--sar-visible-dark-deep); font-size: clamp(31px, 4vw, 52px); font-weight: 900; line-height: 1.1; letter-spacing: -0.037em; text-wrap: balance; } .sar-visible__title span { color: var(--sar-visible-teal); } .sar-visible__direct-answer { max-width: 950px; margin: 22px auto 0; color: var(--sar-visible-dark); font-size: clamp(18px, 1.65vw, 21px); font-weight: 700; line-height: 1.65; } .sar-visible__intro { max-width: 910px; margin: 17px auto 0; color: var(--sar-visible-muted); font-size: 16px; font-weight: 500; line-height: 1.75; } /* ========================================================= TITOLI E RISPOSTE INTERNE ========================================================= */ .sar-visible__section-label { margin: 0 0 9px; color: var(--sar-visible-orange); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-visible__section-title { margin: 0; color: var(--sar-visible-dark-deep); font-size: clamp(26px, 3.2vw, 42px); font-weight: 900; line-height: 1.16; letter-spacing: -0.029em; text-wrap: balance; } .sar-visible__answer { margin: 17px 0 0; color: var(--sar-visible-dark); font-size: 16px; font-weight: 650; line-height: 1.72; } /* ========================================================= PRINCIPIO CENTRALE ========================================================= */ .sar-visible__principle { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(400px, 0.98fr); gap: clamp(30px, 5vw, 62px); align-items: center; padding: clamp(31px, 5vw, 57px); border-radius: 28px; background: linear-gradient( 135deg, var(--sar-visible-dark-deep) 0%, var(--sar-visible-dark) 67%, #075667 100% ); box-shadow: 0 23px 65px rgba(4, 45, 54, 0.19); } .sar-visible__principle .sar-visible__section-label { color: #88e6ee; } .sar-visible__principle .sar-visible__section-title { color: var(--sar-visible-white); } .sar-visible__principle-content > p:not(.sar-visible__section-label) { margin: 16px 0 0; color: rgba(255, 255, 255, 0.86); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-visible__principle-note { display: flex; align-items: flex-start; gap: 12px; margin-top: 23px; padding: 16px; border: 1px solid rgba(245, 130, 32, 0.32); border-radius: 15px; background: rgba(245, 130, 32, 0.11); } .sar-visible__principle-note-icon { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: var(--sar-visible-orange); color: var(--sar-visible-white); font-size: 15px; font-weight: 900; } .sar-visible__principle-note p { margin: 0; color: rgba(255, 255, 255, 0.93); font-size: 13px; font-weight: 700; line-height: 1.58; } /* ========================================================= DIAGRAMMA ========================================================= */ .sar-visible__diagram { width: 100%; min-width: 0; padding: 18px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 22px; background: rgba(255, 255, 255, 0.97); box-shadow: 0 17px 42px rgba(0, 0, 0, 0.15); } .sar-visible__diagram-source { display: grid; justify-items: center; padding: 15px; border-radius: 12px; background: var(--sar-visible-cream); text-align: center; } .sar-visible__diagram-label { color: var(--sar-visible-teal); font-size: 9px; font-weight: 900; letter-spacing: 0.06em; text-transform: uppercase; } .sar-visible__diagram-source strong { margin-top: 6px; color: var(--sar-visible-dark); font-size: 15px; font-weight: 900; } .sar-visible__diagram-source small { margin-top: 5px; color: var(--sar-visible-muted); font-size: 10px; font-weight: 700; } .sar-visible__diagram-waves { margin-top: 10px; color: var(--sar-visible-orange); font-size: 18px; font-weight: 900; } .sar-visible__diagram-system { margin-top: 10px; padding: 10px; border-radius: 13px; background: var(--sar-visible-light); } .sar-visible__diagram-ceiling, .sar-visible__diagram-floor { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 44px; padding: 9px 12px; border-radius: 8px; background: repeating-linear-gradient( 45deg, var(--sar-visible-dark), var(--sar-visible-dark) 9px, #0a5361 9px, #0a5361 18px ); color: var(--sar-visible-white); font-size: 8px; font-weight: 900; text-transform: uppercase; } .sar-visible__diagram-ceiling b, .sar-visible__diagram-floor b { color: #ffb879; font-size: 14px; white-space: nowrap; } .sar-visible__diagram-middle { display: grid; grid-template-columns: 58px 92px minmax(0, 1fr); gap: 7px; min-height: 200px; margin: 7px 0; } .sar-visible__diagram-existing { display: grid; place-items: center; border-radius: 7px; background: repeating-linear-gradient( 45deg, #596d72, #596d72 8px, #6d8186 8px, #6d8186 16px ); color: var(--sar-visible-white); } .sar-visible__diagram-existing span { font-size: 7px; font-weight: 900; line-height: 1.35; text-align: center; text-transform: uppercase; writing-mode: vertical-rl; } .sar-visible__diagram-treated { display: grid; align-content: center; justify-items: center; padding: 8px; border-radius: 7px; background: var(--sar-visible-teal); color: var(--sar-visible-white); text-align: center; } .sar-visible__diagram-treated-label { font-size: 7px; font-weight: 800; text-transform: uppercase; } .sar-visible__diagram-treated strong { margin-top: 6px; font-size: 9px; font-weight: 900; line-height: 1.35; } .sar-visible__diagram-room { display: grid; align-content: center; gap: 11px; min-width: 0; padding: 14px; border-radius: 8px; background: var(--sar-visible-white); } .sar-visible__diagram-room > span { color: var(--sar-visible-dark); font-size: 11px; font-weight: 900; text-align: center; text-transform: uppercase; } .sar-visible__diagram-room-points { display: grid; gap: 7px; } .sar-visible__diagram-room-points i { padding: 7px 6px; border-radius: 7px; background: rgba(245, 130, 32, 0.1); color: var(--sar-visible-orange); font-size: 8px; font-style: normal; font-weight: 850; line-height: 1.35; text-align: center; } .sar-visible__diagram-summary { display: flex; align-items: flex-start; gap: 10px; margin-top: 11px; padding: 13px; border-radius: 11px; background: rgba(46, 155, 103, 0.09); } .sar-visible__diagram-summary > span { display: grid; flex: 0 0 auto; place-items: center; width: 25px; height: 25px; border-radius: 8px; background: var(--sar-visible-green); color: var(--sar-visible-white); font-size: 9px; font-weight: 900; } .sar-visible__diagram-summary p { margin: 0; color: var(--sar-visible-dark); font-size: 10px; font-weight: 700; line-height: 1.5; } /* ========================================================= ESEMPI ========================================================= */ .sar-visible__examples { margin-top: clamp(48px, 7vw, 80px); } .sar-visible__examples-heading { max-width: 960px; margin-bottom: 29px; } .sar-visible__examples-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .sar-visible__example { min-width: 0; padding: clamp(25px, 4vw, 37px); border: 1px solid var(--sar-visible-border); border-radius: 22px; background: var(--sar-visible-white); box-shadow: 0 15px 44px rgba(4, 45, 54, 0.07); } .sar-visible__example-top { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 17px; } .sar-visible__example-number { color: var(--sar-visible-orange); font-size: 12px; font-weight: 900; letter-spacing: 0.07em; } .sar-visible__example-icon { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 17px; background: rgba(245, 130, 32, 0.11); color: var(--sar-visible-orange); } .sar-visible__example--teal .sar-visible__example-number, .sar-visible__example--teal .sar-visible__example-icon { color: var(--sar-visible-teal); } .sar-visible__example--teal .sar-visible__example-icon { background: rgba(22, 191, 208, 0.11); } .sar-visible__example--green .sar-visible__example-number, .sar-visible__example--green .sar-visible__example-icon { color: var(--sar-visible-green); } .sar-visible__example--green .sar-visible__example-icon { background: rgba(46, 155, 103, 0.11); } .sar-visible__example-label { margin: 0 0 8px; color: var(--sar-visible-teal); font-size: 10px; font-weight: 900; letter-spacing: 0.06em; text-transform: uppercase; } .sar-visible__example h5 { margin: 0; color: var(--sar-visible-dark); font-size: clamp(21px, 2.3vw, 28px); font-weight: 900; line-height: 1.25; letter-spacing: -0.02em; } .sar-visible__example > p:not(.sar-visible__example-label) { margin: 13px 0 0; color: var(--sar-visible-muted); font-size: 14px; font-weight: 500; line-height: 1.68; } .sar-visible__example-check { display: flex; align-items: flex-start; gap: 9px; margin-top: 17px; padding: 13px 14px; border-radius: 12px; background: var(--sar-visible-light); } .sar-visible__example-check > span { flex: 0 0 auto; color: var(--sar-visible-orange); font-size: 17px; font-weight: 900; } .sar-visible__example-check p { margin: 0; color: var(--sar-visible-dark); font-size: 11px; font-weight: 750; line-height: 1.5; } /* ========================================================= CONFRONTO ========================================================= */ .sar-visible__comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: clamp(48px, 7vw, 80px); } .sar-visible__comparison-card { padding: clamp(27px, 4vw, 40px); border: 1px solid var(--sar-visible-border); border-radius: 24px; background: var(--sar-visible-cream); box-shadow: 0 15px 44px rgba(4, 45, 54, 0.07); } .sar-visible__comparison-card--designed { border-color: rgba(0, 143, 163, 0.22); background: var(--sar-visible-light); } .sar-visible__comparison-tag { display: inline-flex; margin-bottom: 14px; padding: 6px 10px; border-radius: 8px; background: rgba(201, 85, 66, 0.1); color: var(--sar-visible-red); font-size: 10px; font-weight: 900; letter-spacing: 0.055em; text-transform: uppercase; } .sar-visible__comparison-card--designed .sar-visible__comparison-tag { background: rgba(0, 143, 163, 0.1); color: var(--sar-visible-teal); } .sar-visible__comparison-card h4 { margin: 0; color: var(--sar-visible-dark); font-size: clamp(24px, 2.8vw, 34px); font-weight: 900; line-height: 1.2; } .sar-visible__comparison-card p { margin: 14px 0 0; color: var(--sar-visible-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } .sar-visible__comparison-card ul { display: grid; gap: 9px; margin: 19px 0 0; padding: 0; list-style: none; } .sar-visible__comparison-card li { display: flex; align-items: flex-start; gap: 9px; color: var(--sar-visible-dark); font-size: 13px; font-weight: 700; line-height: 1.5; } .sar-visible__comparison-card li > span { display: grid; flex: 0 0 auto; place-items: center; width: 21px; height: 21px; border-radius: 50%; background: rgba(201, 85, 66, 0.12); color: var(--sar-visible-red); font-size: 11px; font-weight: 900; } .sar-visible__comparison-card--designed li > span { background: rgba(46, 155, 103, 0.13); color: var(--sar-visible-green); } /* ========================================================= DECISIONE ========================================================= */ .sar-visible__decision { margin-top: clamp(48px, 7vw, 80px); padding: clamp(30px, 5vw, 56px); border-radius: 28px; background: linear-gradient( 135deg, var(--sar-visible-dark-deep) 0%, var(--sar-visible-dark) 67%, #075667 100% ); box-shadow: 0 23px 65px rgba(4, 45, 54, 0.19); } .sar-visible__decision-content { max-width: 960px; } .sar-visible__decision .sar-visible__section-label { color: #88e6ee; } .sar-visible__decision .sar-visible__section-title { color: var(--sar-visible-white); } .sar-visible__decision .sar-visible__answer { color: rgba(255, 255, 255, 0.88); } .sar-visible__decision-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 29px; } .sar-visible__decision-card { min-width: 0; padding: 24px 21px; border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 19px; background: rgba(255, 255, 255, 0.96); } .sar-visible__decision-card--complete { background: var(--sar-visible-light); } .sar-visible__decision-card > span { display: inline-flex; margin-bottom: 11px; color: var(--sar-visible-orange); font-size: 12px; font-weight: 900; letter-spacing: 0.065em; } .sar-visible__decision-card--complete > span { color: var(--sar-visible-teal); } .sar-visible__decision-card h5 { margin: 0; color: var(--sar-visible-dark); font-size: 22px; font-weight: 900; line-height: 1.28; } .sar-visible__decision-card > p { margin: 11px 0 0; color: var(--sar-visible-muted); font-size: 14px; font-weight: 500; line-height: 1.65; } .sar-visible__decision-signals { margin-top: 17px; padding: 14px; border-radius: 12px; background: var(--sar-visible-white); } .sar-visible__decision-signals strong { color: var(--sar-visible-teal); font-size: 10px; font-weight: 900; letter-spacing: 0.055em; text-transform: uppercase; } .sar-visible__decision-signals ul { display: grid; gap: 7px; margin: 10px 0 0; padding-left: 18px; } .sar-visible__decision-signals li { color: var(--sar-visible-dark); font-size: 12px; font-weight: 650; line-height: 1.48; } /* ========================================================= CONTROLLI ========================================================= */ .sar-visible__checks { margin-top: clamp(48px, 7vw, 80px); } .sar-visible__checks-heading { max-width: 960px; margin-bottom: 29px; } .sar-visible__checks-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } .sar-visible__check { min-width: 0; padding: 21px 18px; border: 1px solid var(--sar-visible-border); border-radius: 18px; background: var(--sar-visible-white); box-shadow: 0 10px 30px rgba(4, 45, 54, 0.055); } .sar-visible__check > span { display: inline-flex; margin-bottom: 10px; color: var(--sar-visible-orange); font-size: 11px; font-weight: 900; letter-spacing: 0.065em; } .sar-visible__check h5 { margin: 0; color: var(--sar-visible-dark); font-size: 18px; font-weight: 900; line-height: 1.3; } .sar-visible__check p { margin: 8px 0 0; color: var(--sar-visible-muted); font-size: 13px; font-weight: 500; line-height: 1.6; } /* ========================================================= ERRORI ========================================================= */ .sar-visible__mistakes { display: grid; grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr); gap: clamp(30px, 5vw, 62px); align-items: start; margin-top: clamp(48px, 7vw, 80px); padding: clamp(30px, 5vw, 55px); border: 1px solid var(--sar-visible-border); border-radius: 27px; background: var(--sar-visible-cream); } .sar-visible__mistakes-list { display: grid; gap: 13px; margin: 0; padding: 0; list-style: none; } .sar-visible__mistakes-list li { display: flex; align-items: flex-start; gap: 13px; padding: 17px; border: 1px solid rgba(201, 85, 66, 0.14); border-radius: 15px; background: rgba(255, 255, 255, 0.92); } .sar-visible__mistakes-list li > span { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: rgba(201, 85, 66, 0.13); color: var(--sar-visible-red); font-size: 17px; font-weight: 900; } .sar-visible__mistakes-list strong { display: block; color: var(--sar-visible-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-visible__mistakes-list p { margin: 5px 0 0; color: var(--sar-visible-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } /* ========================================================= SOPRALLUOGO E PERCORSO ========================================================= */ .sar-visible__assessment { margin-top: clamp(48px, 7vw, 80px); } .sar-visible__assessment-heading { max-width: 970px; margin-bottom: 29px; } .sar-visible__assessment-heading > p:not( .sar-visible__section-label, .sar-visible__answer ) { margin: 16px 0 0; color: var(--sar-visible-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-visible__steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; } .sar-visible__step { display: flex; align-items: flex-start; gap: 15px; min-width: 0; padding: 19px; border: 1px solid var(--sar-visible-border); border-radius: 17px; background: var(--sar-visible-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-visible__step-number { display: grid; flex: 0 0 auto; place-items: center; width: 37px; height: 37px; border-radius: 11px; background: var(--sar-visible-dark); color: var(--sar-visible-white); font-size: 13px; font-weight: 900; } .sar-visible__step strong { display: block; color: var(--sar-visible-dark); font-size: 16px; font-weight: 900; line-height: 1.3; } .sar-visible__step p { margin: 5px 0 0; color: var(--sar-visible-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } /* ========================================================= LINK INTERNI ========================================================= */ .sar-visible__links { margin-top: clamp(48px, 7vw, 80px); padding: clamp(27px, 4vw, 40px); border: 1px solid rgba(0, 143, 163, 0.17); border-radius: 24px; background: var(--sar-visible-light); } .sar-visible__links-label { margin: 0 0 18px; color: var(--sar-visible-teal); font-size: 11px; font-weight: 900; letter-spacing: 0.07em; text-transform: uppercase; } .sar-visible__links-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .sar-visible__links-grid a { display: grid; gap: 5px; min-width: 0; padding: 17px; border: 1px solid rgba(7, 59, 70, 0.1); border-radius: 14px; background: var(--sar-visible-white); text-decoration: none; transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .sar-visible__links-grid a:hover { transform: translateY(-2px); border-color: rgba(0, 143, 163, 0.28); box-shadow: 0 12px 28px rgba(4, 45, 54, 0.07); } .sar-visible__links-grid a > span { color: var(--sar-visible-orange); font-size: 10px; font-weight: 900; line-height: 1.35; text-transform: uppercase; } .sar-visible__links-grid a > strong { color: var(--sar-visible-dark); font-size: 14px; font-weight: 900; line-height: 1.4; } /* ========================================================= CONVERSIONE ========================================================= */ .sar-visible__conversion { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 22px; align-items: start; margin-top: clamp(48px, 7vw, 78px); padding: clamp(28px, 5vw, 47px); border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 25px; background: linear-gradient( 135deg, var(--sar-visible-white), var(--sar-visible-light) ); box-shadow: var(--sar-visible-shadow); } .sar-visible__conversion-icon { display: grid; place-items: center; width: 59px; height: 59px; border-radius: 18px; background: var(--sar-visible-teal); color: var(--sar-visible-white); font-size: 27px; font-weight: 900; } .sar-visible__conversion-label { margin: 0 0 8px; color: var(--sar-visible-teal); font-size: 11px; font-weight: 900; letter-spacing: 0.07em; text-transform: uppercase; } .sar-visible__conversion-title { max-width: 950px; margin: 0; color: var(--sar-visible-dark); font-size: clamp(24px, 3vw, 38px); font-weight: 900; line-height: 1.19; letter-spacing: -0.027em; text-wrap: balance; } .sar-visible__conversion-content > p:not(.sar-visible__conversion-label) { margin: 15px 0 0; color: var(--sar-visible-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } /* ========================================================= CTA ========================================================= */ .sar-visible__cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 36px; align-items: center; margin-top: clamp(48px, 7vw, 78px); padding: clamp(29px, 5vw, 52px); border-radius: 27px; background: linear-gradient( 132deg, var(--sar-visible-dark-deep) 0%, var(--sar-visible-dark) 66%, #07596a 100% ); box-shadow: 0 23px 62px rgba(4, 45, 54, 0.19); } .sar-visible__cta-label { margin: 0 0 8px; color: #86e4ec; font-size: 11px; font-weight: 900; letter-spacing: 0.07em; text-transform: uppercase; } .sar-visible__cta-title { max-width: 840px; margin: 0; color: var(--sar-visible-white); font-size: clamp(25px, 3vw, 39px); font-weight: 900; line-height: 1.17; letter-spacing: -0.028em; text-wrap: balance; } .sar-visible__cta-text { max-width: 850px; margin: 14px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 15px; font-weight: 500; line-height: 1.68; } .sar-visible__cta-actions { display: grid; gap: 11px; min-width: 260px; } .sar-visible__button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 54px; padding: 13px 19px; border: 2px solid transparent; border-radius: 12px; font-size: 14px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .sar-visible__button:hover { transform: translateY(-2px); } .sar-visible__button:focus-visible, .sar-visible__links-grid a:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; border-radius: 6px; } .sar-visible__button--primary { background: var(--sar-visible-orange); color: var(--sar-visible-white); box-shadow: 0 12px 28px rgba(245, 130, 32, 0.26); } .sar-visible__button--primary:hover { background: var(--sar-visible-orange-dark); } .sar-visible__button--whatsapp { border-color: #25d366; background: #25d366; color: var(--sar-visible-white); box-shadow: 0 12px 28px rgba(37, 211, 102, 0.22); } .sar-visible__button--whatsapp:hover { border-color: #1ebe5d; background: #1ebe5d; box-shadow: 0 14px 30px rgba(37, 211, 102, 0.3); } .sar-visible__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-visible-white); } .sar-visible__button--phone:hover { border-color: rgba(255, 255, 255, 0.53); background: rgba(255, 255, 255, 0.15); } .sar-visible__button--phone span { display: grid; gap: 1px; } .sar-visible__button--phone strong { font-size: 15px; font-weight: 900; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1080px) { .sar-visible__principle, .sar-visible__mistakes { grid-template-columns: 1fr; } .sar-visible__diagram { width: min(100%, 760px); margin-inline: auto; } .sar-visible__checks-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-visible__cta { grid-template-columns: 1fr; } .sar-visible__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); min-width: 0; } } /* ========================================================= TABLET PICCOLO ========================================================= */ @media (max-width: 820px) { .sar-visible__examples-grid, .sar-visible__comparison, .sar-visible__decision-grid, .sar-visible__steps { grid-template-columns: 1fr; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 720px) { #superficie-visibile-non-basta-roma { padding: 57px 0; } .sar-visible__container { width: min(100% - 28px, 1240px); } .sar-visible__header { margin-bottom: 32px; text-align: left; } .sar-visible__eyebrow { justify-content: flex-start; padding: 7px 11px; font-size: 10px; } .sar-visible__title { font-size: clamp(30px, 9vw, 42px); } .sar-visible__title span { display: block; margin-top: 4px; } .sar-visible__direct-answer { margin-top: 18px; font-size: 17px; line-height: 1.6; } .sar-visible__intro { font-size: 15px; line-height: 1.68; } .sar-visible__section-title { font-size: 27px; } .sar-visible__answer { font-size: 15px; line-height: 1.68; } .sar-visible__principle { padding: 27px 20px; border-radius: 21px; } .sar-visible__diagram { padding: 14px; border-radius: 18px; } .sar-visible__diagram-middle { grid-template-columns: 42px 72px minmax(0, 1fr); min-height: 180px; } .sar-visible__diagram-ceiling, .sar-visible__diagram-floor { display: grid; justify-items: center; text-align: center; } .sar-visible__examples { margin-top: 39px; } .sar-visible__examples-heading { margin-bottom: 23px; } .sar-visible__examples-grid { gap: 14px; } .sar-visible__example { padding: 23px 19px; border-radius: 19px; } .sar-visible__comparison { margin-top: 39px; } .sar-visible__comparison-card { padding: 24px 19px; border-radius: 20px; } .sar-visible__decision { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-visible__decision-grid { margin-top: 23px; } .sar-visible__decision-card { padding: 21px 18px; } .sar-visible__checks { margin-top: 39px; } .sar-visible__checks-heading { margin-bottom: 23px; } .sar-visible__checks-grid { grid-template-columns: 1fr; } .sar-visible__mistakes { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-visible__assessment { margin-top: 39px; } .sar-visible__assessment-heading { margin-bottom: 23px; } .sar-visible__step { padding: 16px 14px; } .sar-visible__links { margin-top: 39px; padding: 24px 18px; border-radius: 20px; } .sar-visible__links-grid { grid-template-columns: 1fr; } .sar-visible__conversion { grid-template-columns: 1fr; margin-top: 39px; padding: 25px 20px; border-radius: 20px; } .sar-visible__conversion-icon { width: 51px; height: 51px; border-radius: 15px; } .sar-visible__cta { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-visible__cta-actions { grid-template-columns: 1fr; } .sar-visible__button { width: 100%; } } /* ========================================================= SCHERMI MOLTO PICCOLI ========================================================= */ @media (max-width: 430px) { .sar-visible__diagram-middle { grid-template-columns: 34px 60px minmax(0, 1fr); } .sar-visible__diagram-room { padding: 10px 7px; } .sar-visible__diagram-room-points i { font-size: 7px; } .sar-visible__example h5 { font-size: 21px; } .sar-visible__mistakes-list strong { font-size: 14px; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sar-visible__button, .sar-visible__links-grid a { transition: none; } .sar-visible__button:hover, .sar-visible__links-grid a:hover { transform: none; } }#imCell_24 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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 — QUANDO È POSSIBILE UN INTERVENTO PARZIALE Pagina: isolamento-acustico-roma.html Classi isolate con prefisso sar-partial ========================================================= */ #quando-intervento-parziale-isolamento-acustico-roma { --sar-partial-dark: #073b46; --sar-partial-dark-deep: #042d36; --sar-partial-teal: #008fa3; --sar-partial-turquoise: #16bfd0; --sar-partial-orange: #f58220; --sar-partial-orange-dark: #dc6813; --sar-partial-green: #2e9b67; --sar-partial-red: #c95542; --sar-partial-white: #ffffff; --sar-partial-cream: #fff8ed; --sar-partial-light: #eefafd; --sar-partial-text: #18343b; --sar-partial-muted: #587078; --sar-partial-border: rgba(7, 59, 70, 0.13); --sar-partial-shadow: 0 20px 55px rgba(4, 45, 54, 0.11); position: relative; width: 100%; overflow: hidden; padding: clamp(68px, 8vw, 108px) 0; background: radial-gradient( circle at 100% 3%, rgba(46, 155, 103, 0.08), transparent 28% ), radial-gradient( circle at 0% 48%, rgba(22, 191, 208, 0.075), transparent 25% ), linear-gradient( 180deg, #ffffff 0%, #f6fcfd 100% ); color: var(--sar-partial-text); } #quando-intervento-parziale-isolamento-acustico-roma, #quando-intervento-parziale-isolamento-acustico-roma *, #quando-intervento-parziale-isolamento-acustico-roma *::before, #quando-intervento-parziale-isolamento-acustico-roma *::after { box-sizing: border-box; } /* ========================================================= CONTENITORE ========================================================= */ .sar-partial__container { width: min(100% - 40px, 1240px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .sar-partial__header { max-width: 1000px; margin: 0 auto 48px; text-align: center; } .sar-partial__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 15px; padding: 8px 14px; border: 1px solid rgba(46, 155, 103, 0.22); border-radius: 999px; background: rgba(46, 155, 103, 0.08); color: var(--sar-partial-green); font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.055em; text-transform: uppercase; } .sar-partial__title { margin: 0; color: var(--sar-partial-dark-deep); font-size: clamp(31px, 4vw, 52px); font-weight: 900; line-height: 1.1; letter-spacing: -0.037em; text-wrap: balance; } .sar-partial__title span { color: var(--sar-partial-teal); } .sar-partial__direct-answer { max-width: 950px; margin: 22px auto 0; color: var(--sar-partial-dark); font-size: clamp(18px, 1.65vw, 21px); font-weight: 700; line-height: 1.65; } .sar-partial__intro { max-width: 910px; margin: 17px auto 0; color: var(--sar-partial-muted); font-size: 16px; font-weight: 500; line-height: 1.75; } /* ========================================================= TITOLI E RISPOSTE ========================================================= */ .sar-partial__section-label { margin: 0 0 9px; color: var(--sar-partial-orange); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-partial__section-title { margin: 0; color: var(--sar-partial-dark-deep); font-size: clamp(26px, 3.2vw, 42px); font-weight: 900; line-height: 1.16; letter-spacing: -0.029em; text-wrap: balance; } .sar-partial__answer { margin: 17px 0 0; color: var(--sar-partial-dark); font-size: 16px; font-weight: 650; line-height: 1.72; } /* ========================================================= PRINCIPIO CENTRALE ========================================================= */ .sar-partial__principle { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(390px, 0.98fr); gap: clamp(30px, 5vw, 62px); align-items: center; padding: clamp(31px, 5vw, 57px); border-radius: 28px; background: linear-gradient( 135deg, var(--sar-partial-dark-deep) 0%, var(--sar-partial-dark) 67%, #075667 100% ); box-shadow: 0 23px 65px rgba(4, 45, 54, 0.19); } .sar-partial__principle .sar-partial__section-label { color: #88e6ee; } .sar-partial__principle .sar-partial__section-title { color: var(--sar-partial-white); } .sar-partial__principle-content > p:not(.sar-partial__section-label) { margin: 16px 0 0; color: rgba(255, 255, 255, 0.86); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-partial__principle-note { display: flex; align-items: flex-start; gap: 12px; margin-top: 23px; padding: 16px; border: 1px solid rgba(245, 130, 32, 0.32); border-radius: 15px; background: rgba(245, 130, 32, 0.11); } .sar-partial__principle-note-icon { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: var(--sar-partial-orange); color: var(--sar-partial-white); font-size: 15px; font-weight: 900; } .sar-partial__principle-note p { margin: 0; color: rgba(255, 255, 255, 0.93); font-size: 13px; font-weight: 700; line-height: 1.58; } /* ========================================================= DIAGRAMMA ========================================================= */ .sar-partial__diagram { width: 100%; min-width: 0; padding: 18px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 22px; background: rgba(255, 255, 255, 0.97); box-shadow: 0 17px 42px rgba(0, 0, 0, 0.15); } .sar-partial__diagram-start, .sar-partial__diagram-analysis { display: grid; justify-items: center; padding: 15px; border-radius: 12px; text-align: center; } .sar-partial__diagram-start { background: var(--sar-partial-cream); } .sar-partial__diagram-analysis { background: var(--sar-partial-light); } .sar-partial__diagram-start span, .sar-partial__diagram-analysis > span { color: var(--sar-partial-teal); font-size: 9px; font-weight: 900; line-height: 1.35; letter-spacing: 0.06em; text-transform: uppercase; } .sar-partial__diagram-start strong { margin-top: 6px; color: var(--sar-partial-dark); font-size: 14px; font-weight: 900; line-height: 1.4; } .sar-partial__diagram-arrow { padding: 6px; color: var(--sar-partial-orange); font-size: 23px; font-weight: 900; text-align: center; } .sar-partial__diagram-analysis-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; width: 100%; margin-top: 11px; } .sar-partial__diagram-analysis-grid i { padding: 8px 6px; border-radius: 7px; background: var(--sar-partial-white); color: var(--sar-partial-dark); font-size: 9px; font-style: normal; font-weight: 850; line-height: 1.35; } .sar-partial__diagram-branches { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-top: 10px; } .sar-partial__diagram-branch { display: grid; align-content: start; min-width: 0; padding: 15px 13px; border-radius: 12px; } .sar-partial__diagram-branch--partial { border: 1px solid rgba(46, 155, 103, 0.19); background: rgba(46, 155, 103, 0.08); } .sar-partial__diagram-branch--complete { border: 1px solid rgba(0, 143, 163, 0.19); background: rgba(22, 191, 208, 0.08); } .sar-partial__diagram-branch > span { display: grid; place-items: center; width: 27px; height: 27px; margin-bottom: 9px; border-radius: 8px; background: var(--sar-partial-dark); color: var(--sar-partial-white); font-size: 9px; font-weight: 900; } .sar-partial__diagram-branch strong { color: var(--sar-partial-dark); font-size: 12px; font-weight: 900; line-height: 1.35; } .sar-partial__diagram-branch p { margin: 6px 0 0; color: var(--sar-partial-muted); font-size: 9px; font-weight: 650; line-height: 1.45; } .sar-partial__diagram-branch b { display: block; margin-top: 11px; padding: 7px; border-radius: 7px; background: var(--sar-partial-white); color: var(--sar-partial-green); font-size: 9px; font-weight: 900; line-height: 1.35; text-align: center; text-transform: uppercase; } .sar-partial__diagram-branch--complete b { color: var(--sar-partial-teal); } .sar-partial__diagram-caption { margin: 13px 0 0; color: var(--sar-partial-muted); font-size: 11px; font-weight: 650; line-height: 1.5; text-align: center; } /* ========================================================= CONDIZIONI ========================================================= */ .sar-partial__conditions { margin-top: clamp(48px, 7vw, 80px); } .sar-partial__conditions-heading { max-width: 960px; margin-bottom: 29px; } .sar-partial__conditions-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } .sar-partial__condition { min-width: 0; padding: 22px 19px; border: 1px solid var(--sar-partial-border); border-radius: 19px; background: var(--sar-partial-white); box-shadow: 0 11px 31px rgba(4, 45, 54, 0.055); } .sar-partial__condition-number { display: inline-flex; margin-bottom: 10px; color: var(--sar-partial-orange); font-size: 11px; font-weight: 900; letter-spacing: 0.065em; } .sar-partial__condition h5 { margin: 0; color: var(--sar-partial-dark); font-size: 18px; font-weight: 900; line-height: 1.3; } .sar-partial__condition p { margin: 9px 0 0; color: var(--sar-partial-muted); font-size: 13px; font-weight: 500; line-height: 1.62; } /* ========================================================= ESEMPI ========================================================= */ .sar-partial__examples { margin-top: clamp(48px, 7vw, 80px); padding: clamp(30px, 5vw, 56px); border-radius: 28px; background: linear-gradient( 135deg, var(--sar-partial-dark-deep) 0%, var(--sar-partial-dark) 67%, #075667 100% ); box-shadow: 0 23px 65px rgba(4, 45, 54, 0.19); } .sar-partial__examples-heading { max-width: 960px; } .sar-partial__examples .sar-partial__section-label { color: #88e6ee; } .sar-partial__examples .sar-partial__section-title { color: var(--sar-partial-white); } .sar-partial__examples .sar-partial__answer { color: rgba(255, 255, 255, 0.88); } .sar-partial__examples-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 29px; } .sar-partial__example { display: flex; min-width: 0; flex-direction: column; padding: 24px 21px; border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 19px; background: rgba(255, 255, 255, 0.97); } .sar-partial__example-top { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 13px; } .sar-partial__example-top > span { color: var(--sar-partial-orange); font-size: 12px; font-weight: 900; letter-spacing: 0.065em; } .sar-partial__example-top strong { padding: 6px 9px; border-radius: 8px; background: rgba(245, 130, 32, 0.1); color: var(--sar-partial-orange); font-size: 10px; font-weight: 900; text-transform: uppercase; } .sar-partial__example--teal .sar-partial__example-top > span, .sar-partial__example--teal .sar-partial__example-top strong { color: var(--sar-partial-teal); } .sar-partial__example--teal .sar-partial__example-top strong { background: rgba(0, 143, 163, 0.1); } .sar-partial__example--green .sar-partial__example-top > span, .sar-partial__example--green .sar-partial__example-top strong { color: var(--sar-partial-green); } .sar-partial__example--green .sar-partial__example-top strong { background: rgba(46, 155, 103, 0.1); } .sar-partial__example h5 { margin: 0; color: var(--sar-partial-dark); font-size: clamp(21px, 2.4vw, 28px); font-weight: 900; line-height: 1.25; letter-spacing: -0.02em; } .sar-partial__example > p { margin: 13px 0 0; color: var(--sar-partial-muted); font-size: 14px; font-weight: 500; line-height: 1.68; } .sar-partial__example-detail { margin-top: 17px; padding: 13px 14px; border-radius: 12px; background: var(--sar-partial-light); } .sar-partial__example-detail span { color: var(--sar-partial-teal); font-size: 9px; font-weight: 900; letter-spacing: 0.055em; text-transform: uppercase; } .sar-partial__example-detail p { margin: 5px 0 0; color: var(--sar-partial-dark); font-size: 11px; font-weight: 700; line-height: 1.5; } .sar-partial__example a { display: inline-flex; align-items: center; align-self: flex-start; gap: 8px; margin-top: auto; padding-top: 18px; color: var(--sar-partial-teal); font-size: 13px; font-weight: 850; line-height: 1.45; text-decoration: none; } .sar-partial__example a:hover { text-decoration: underline; text-underline-offset: 4px; } /* ========================================================= LIMITI ========================================================= */ .sar-partial__limits { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: clamp(30px, 5vw, 62px); align-items: start; margin-top: clamp(48px, 7vw, 80px); padding: clamp(30px, 5vw, 55px); border: 1px solid var(--sar-partial-border); border-radius: 27px; background: var(--sar-partial-cream); } .sar-partial__limits-content > p:not( .sar-partial__section-label, .sar-partial__answer ) { margin: 16px 0 0; color: var(--sar-partial-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-partial__limits-list { display: grid; gap: 13px; margin: 0; padding: 0; list-style: none; } .sar-partial__limits-list li { display: flex; align-items: flex-start; gap: 13px; padding: 17px; border: 1px solid rgba(201, 85, 66, 0.14); border-radius: 15px; background: rgba(255, 255, 255, 0.93); } .sar-partial__limits-list li > span { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: rgba(201, 85, 66, 0.13); color: var(--sar-partial-red); font-size: 17px; font-weight: 900; } .sar-partial__limits-list strong { display: block; color: var(--sar-partial-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-partial__limits-list p { margin: 5px 0 0; color: var(--sar-partial-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } /* ========================================================= CONFRONTO ========================================================= */ .sar-partial__comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: clamp(48px, 7vw, 80px); } .sar-partial__comparison-card { padding: clamp(27px, 4vw, 40px); border: 1px solid var(--sar-partial-border); border-radius: 24px; background: var(--sar-partial-white); box-shadow: 0 15px 44px rgba(4, 45, 54, 0.07); } .sar-partial__comparison-card--complete { border-color: rgba(0, 143, 163, 0.22); background: var(--sar-partial-light); } .sar-partial__comparison-tag { display: inline-flex; margin-bottom: 14px; padding: 6px 10px; border-radius: 8px; background: rgba(46, 155, 103, 0.11); color: var(--sar-partial-green); font-size: 10px; font-weight: 900; letter-spacing: 0.055em; text-transform: uppercase; } .sar-partial__comparison-card--complete .sar-partial__comparison-tag { background: rgba(0, 143, 163, 0.1); color: var(--sar-partial-teal); } .sar-partial__comparison-card h4 { margin: 0; color: var(--sar-partial-dark); font-size: clamp(24px, 2.8vw, 34px); font-weight: 900; line-height: 1.2; } .sar-partial__comparison-card p { margin: 14px 0 0; color: var(--sar-partial-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } .sar-partial__comparison-card ul { display: grid; gap: 9px; margin: 19px 0 0; padding: 0; list-style: none; } .sar-partial__comparison-card li { display: flex; align-items: flex-start; gap: 9px; color: var(--sar-partial-dark); font-size: 13px; font-weight: 700; line-height: 1.5; } .sar-partial__comparison-card li > span { display: grid; flex: 0 0 auto; place-items: center; width: 21px; height: 21px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-partial-green); font-size: 11px; font-weight: 900; } .sar-partial__comparison-card a { display: inline-flex; align-items: center; gap: 8px; margin-top: 20px; color: var(--sar-partial-teal); font-size: 14px; font-weight: 850; line-height: 1.45; text-decoration: none; } .sar-partial__comparison-card a:hover { text-decoration: underline; text-underline-offset: 4px; } /* ========================================================= METODO ========================================================= */ .sar-partial__method { margin-top: clamp(48px, 7vw, 80px); } .sar-partial__method-heading { max-width: 970px; margin-bottom: 29px; } .sar-partial__steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; } .sar-partial__step { display: flex; align-items: flex-start; gap: 15px; min-width: 0; padding: 19px; border: 1px solid var(--sar-partial-border); border-radius: 17px; background: var(--sar-partial-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-partial__step-number { display: grid; flex: 0 0 auto; place-items: center; width: 37px; height: 37px; border-radius: 11px; background: var(--sar-partial-dark); color: var(--sar-partial-white); font-size: 13px; font-weight: 900; } .sar-partial__step strong { display: block; color: var(--sar-partial-dark); font-size: 16px; font-weight: 900; line-height: 1.3; } .sar-partial__step p { margin: 5px 0 0; color: var(--sar-partial-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } /* ========================================================= CONVERSIONE ========================================================= */ .sar-partial__conversion { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 22px; align-items: start; margin-top: clamp(48px, 7vw, 78px); padding: clamp(28px, 5vw, 47px); border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 25px; background: linear-gradient( 135deg, var(--sar-partial-white), var(--sar-partial-light) ); box-shadow: var(--sar-partial-shadow); } .sar-partial__conversion-icon { display: grid; place-items: center; width: 59px; height: 59px; border-radius: 18px; background: var(--sar-partial-teal); color: var(--sar-partial-white); font-size: 27px; font-weight: 900; } .sar-partial__conversion-label { margin: 0 0 8px; color: var(--sar-partial-teal); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-partial__conversion-title { max-width: 950px; margin: 0; color: var(--sar-partial-dark); font-size: clamp(24px, 3vw, 38px); font-weight: 900; line-height: 1.19; letter-spacing: -0.027em; text-wrap: balance; } .sar-partial__conversion-content > p:not(.sar-partial__conversion-label) { margin: 15px 0 0; color: var(--sar-partial-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } /* ========================================================= CTA ========================================================= */ .sar-partial__cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 36px; align-items: center; margin-top: clamp(48px, 7vw, 78px); padding: clamp(29px, 5vw, 52px); border-radius: 27px; background: linear-gradient( 132deg, var(--sar-partial-dark-deep) 0%, var(--sar-partial-dark) 66%, #07596a 100% ); box-shadow: 0 23px 62px rgba(4, 45, 54, 0.19); } .sar-partial__cta-label { margin: 0 0 8px; color: #86e4ec; font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-partial__cta-title { max-width: 840px; margin: 0; color: var(--sar-partial-white); font-size: clamp(25px, 3vw, 39px); font-weight: 900; line-height: 1.17; letter-spacing: -0.028em; text-wrap: balance; } .sar-partial__cta-text { max-width: 850px; margin: 14px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 15px; font-weight: 500; line-height: 1.68; } .sar-partial__cta-actions { display: grid; gap: 11px; min-width: 260px; } .sar-partial__button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 54px; padding: 13px 19px; border: 2px solid transparent; border-radius: 12px; font-size: 14px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .sar-partial__button:hover { transform: translateY(-2px); } .sar-partial__button:focus-visible, .sar-partial__example a:focus-visible, .sar-partial__comparison-card a:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; border-radius: 6px; } .sar-partial__button--primary { background: var(--sar-partial-orange); color: var(--sar-partial-white); box-shadow: 0 12px 28px rgba(245, 130, 32, 0.26); } .sar-partial__button--primary:hover { background: var(--sar-partial-orange-dark); } .sar-partial__button--whatsapp { border-color: #25d366; background: #25d366; color: var(--sar-partial-white); box-shadow: 0 12px 28px rgba(37, 211, 102, 0.22); } .sar-partial__button--whatsapp:hover { border-color: #1ebe5d; background: #1ebe5d; box-shadow: 0 14px 30px rgba(37, 211, 102, 0.3); } .sar-partial__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-partial-white); } .sar-partial__button--phone:hover { border-color: rgba(255, 255, 255, 0.53); background: rgba(255, 255, 255, 0.15); } .sar-partial__button--phone span { display: grid; gap: 1px; } .sar-partial__button--phone strong { font-size: 15px; font-weight: 900; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1080px) { .sar-partial__principle, .sar-partial__limits { grid-template-columns: 1fr; } .sar-partial__diagram { width: min(100%, 750px); margin-inline: auto; } .sar-partial__conditions-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-partial__cta { grid-template-columns: 1fr; } .sar-partial__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); min-width: 0; } } /* ========================================================= TABLET PICCOLO ========================================================= */ @media (max-width: 820px) { .sar-partial__examples-grid, .sar-partial__comparison, .sar-partial__steps { grid-template-columns: 1fr; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 720px) { #quando-intervento-parziale-isolamento-acustico-roma { padding: 57px 0; } .sar-partial__container { width: min(100% - 28px, 1240px); } .sar-partial__header { margin-bottom: 32px; text-align: left; } .sar-partial__eyebrow { justify-content: flex-start; padding: 7px 11px; font-size: 10px; } .sar-partial__title { font-size: clamp(30px, 9vw, 42px); } .sar-partial__title span { display: block; margin-top: 4px; } .sar-partial__direct-answer { margin-top: 18px; font-size: 17px; line-height: 1.6; } .sar-partial__intro { font-size: 15px; line-height: 1.68; } .sar-partial__section-title { font-size: 27px; } .sar-partial__answer { font-size: 15px; line-height: 1.68; } .sar-partial__principle { padding: 27px 20px; border-radius: 21px; } .sar-partial__diagram { padding: 14px; border-radius: 18px; } .sar-partial__diagram-branches { grid-template-columns: 1fr; } .sar-partial__conditions { margin-top: 39px; } .sar-partial__conditions-heading { margin-bottom: 23px; } .sar-partial__conditions-grid { grid-template-columns: 1fr; } .sar-partial__examples { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-partial__examples-grid { gap: 13px; margin-top: 23px; } .sar-partial__example { padding: 21px 18px; border-radius: 17px; } .sar-partial__limits { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-partial__comparison { margin-top: 39px; } .sar-partial__comparison-card { padding: 24px 19px; border-radius: 20px; } .sar-partial__method { margin-top: 39px; } .sar-partial__method-heading { margin-bottom: 23px; } .sar-partial__step { padding: 16px 14px; } .sar-partial__conversion { grid-template-columns: 1fr; margin-top: 39px; padding: 25px 20px; border-radius: 20px; } .sar-partial__conversion-icon { width: 51px; height: 51px; border-radius: 15px; } .sar-partial__cta { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-partial__cta-actions { grid-template-columns: 1fr; } .sar-partial__button { width: 100%; } } /* ========================================================= SCHERMI MOLTO PICCOLI ========================================================= */ @media (max-width: 430px) { .sar-partial__diagram-analysis-grid { grid-template-columns: 1fr; } .sar-partial__example h5 { font-size: 21px; } .sar-partial__limits-list strong { font-size: 14px; } .sar-partial__example a, .sar-partial__comparison-card a { align-items: flex-start; font-size: 13px; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sar-partial__button { transition: none; } .sar-partial__button:hover { transform: none; } }#imCell_25 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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 — QUANDO OCCORRE UNA STANZA COMPLETA Pagina: isolamento-acustico-roma.html Classi isolate con prefisso sar-fullroom ========================================================= */ #quando-occorre-stanza-completa-roma { --sar-fullroom-dark: #073b46; --sar-fullroom-dark-deep: #042d36; --sar-fullroom-teal: #008fa3; --sar-fullroom-turquoise: #16bfd0; --sar-fullroom-orange: #f58220; --sar-fullroom-orange-dark: #dc6813; --sar-fullroom-green: #2e9b67; --sar-fullroom-red: #c95542; --sar-fullroom-white: #ffffff; --sar-fullroom-cream: #fff8ed; --sar-fullroom-light: #eefafd; --sar-fullroom-text: #18343b; --sar-fullroom-muted: #587078; --sar-fullroom-border: rgba(7, 59, 70, 0.13); --sar-fullroom-shadow: 0 20px 55px rgba(4, 45, 54, 0.11); position: relative; width: 100%; overflow: hidden; padding: clamp(68px, 8vw, 108px) 0; background: radial-gradient( circle at 100% 2%, rgba(22, 191, 208, 0.1), transparent 29% ), radial-gradient( circle at 0% 48%, rgba(245, 130, 32, 0.065), transparent 25% ), linear-gradient( 180deg, #ffffff 0%, #f6fcfd 100% ); color: var(--sar-fullroom-text); } #quando-occorre-stanza-completa-roma, #quando-occorre-stanza-completa-roma *, #quando-occorre-stanza-completa-roma *::before, #quando-occorre-stanza-completa-roma *::after { box-sizing: border-box; } /* ========================================================= CONTENITORE ========================================================= */ .sar-fullroom__container { width: min(100% - 40px, 1240px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .sar-fullroom__header { max-width: 1000px; margin: 0 auto 48px; text-align: center; } .sar-fullroom__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 15px; padding: 8px 14px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-fullroom-teal); font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.055em; text-transform: uppercase; } .sar-fullroom__title { margin: 0; color: var(--sar-fullroom-dark-deep); font-size: clamp(31px, 4vw, 52px); font-weight: 900; line-height: 1.1; letter-spacing: -0.037em; text-wrap: balance; } .sar-fullroom__title span { color: var(--sar-fullroom-teal); } .sar-fullroom__direct-answer { max-width: 950px; margin: 22px auto 0; color: var(--sar-fullroom-dark); font-size: clamp(18px, 1.65vw, 21px); font-weight: 700; line-height: 1.65; } .sar-fullroom__intro { max-width: 910px; margin: 17px auto 0; color: var(--sar-fullroom-muted); font-size: 16px; font-weight: 500; line-height: 1.75; } /* ========================================================= TITOLI E RISPOSTE ========================================================= */ .sar-fullroom__section-label { margin: 0 0 9px; color: var(--sar-fullroom-orange); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-fullroom__section-title { margin: 0; color: var(--sar-fullroom-dark-deep); font-size: clamp(26px, 3.2vw, 42px); font-weight: 900; line-height: 1.16; letter-spacing: -0.029em; text-wrap: balance; } .sar-fullroom__answer { margin: 17px 0 0; color: var(--sar-fullroom-dark); font-size: 16px; font-weight: 650; line-height: 1.72; } /* ========================================================= PRINCIPIO CENTRALE ========================================================= */ .sar-fullroom__principle { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(390px, 0.98fr); gap: clamp(30px, 5vw, 62px); align-items: center; padding: clamp(31px, 5vw, 57px); border-radius: 28px; background: linear-gradient( 135deg, var(--sar-fullroom-dark-deep) 0%, var(--sar-fullroom-dark) 67%, #075667 100% ); box-shadow: 0 23px 65px rgba(4, 45, 54, 0.19); } .sar-fullroom__principle .sar-fullroom__section-label { color: #88e6ee; } .sar-fullroom__principle .sar-fullroom__section-title { color: var(--sar-fullroom-white); } .sar-fullroom__principle-content > p:not(.sar-fullroom__section-label) { margin: 16px 0 0; color: rgba(255, 255, 255, 0.86); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-fullroom__principle-note { display: flex; align-items: flex-start; gap: 12px; margin-top: 23px; padding: 16px; border: 1px solid rgba(245, 130, 32, 0.32); border-radius: 15px; background: rgba(245, 130, 32, 0.11); } .sar-fullroom__principle-note-icon { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: var(--sar-fullroom-orange); color: var(--sar-fullroom-white); font-size: 15px; font-weight: 900; } .sar-fullroom__principle-note p { margin: 0; color: rgba(255, 255, 255, 0.93); font-size: 13px; font-weight: 700; line-height: 1.58; } /* ========================================================= DIAGRAMMA ========================================================= */ .sar-fullroom__diagram { width: 100%; min-width: 0; padding: 18px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 22px; background: rgba(255, 255, 255, 0.97); box-shadow: 0 17px 42px rgba(0, 0, 0, 0.15); } .sar-fullroom__diagram-existing { display: grid; place-items: center; min-height: 42px; padding: 9px; border-radius: 9px; background: repeating-linear-gradient( 45deg, var(--sar-fullroom-dark), var(--sar-fullroom-dark) 9px, #0a5361 9px, #0a5361 18px ); color: var(--sar-fullroom-white); font-size: 9px; font-weight: 900; text-align: center; text-transform: uppercase; } .sar-fullroom__diagram-shell { margin-top: 9px; padding: 8px; border: 4px solid var(--sar-fullroom-teal); border-radius: 13px; background: var(--sar-fullroom-light); } .sar-fullroom__diagram-ceiling, .sar-fullroom__diagram-floor { display: grid; justify-items: center; min-height: 48px; padding: 9px; border-radius: 8px; color: var(--sar-fullroom-white); text-align: center; } .sar-fullroom__diagram-ceiling { background: var(--sar-fullroom-dark); } .sar-fullroom__diagram-floor { background: var(--sar-fullroom-green); } .sar-fullroom__diagram-ceiling span, .sar-fullroom__diagram-floor span { font-size: 8px; font-weight: 900; line-height: 1.35; text-transform: uppercase; } .sar-fullroom__diagram-ceiling small, .sar-fullroom__diagram-floor small { margin-top: 3px; font-size: 7px; font-weight: 650; opacity: 0.88; } .sar-fullroom__diagram-middle { display: grid; grid-template-columns: 43px minmax(0, 1fr) 43px; gap: 7px; min-height: 220px; margin: 7px 0; } .sar-fullroom__diagram-wall { display: grid; place-items: center; border-radius: 7px; background: var(--sar-fullroom-teal); color: var(--sar-fullroom-white); font-size: 7px; font-weight: 900; line-height: 1.35; text-align: center; text-transform: uppercase; writing-mode: vertical-rl; } .sar-fullroom__diagram-room { display: grid; align-content: center; justify-items: center; gap: 13px; min-width: 0; padding: 16px; border-radius: 10px; background: var(--sar-fullroom-white); } .sar-fullroom__diagram-room-label { color: var(--sar-fullroom-dark); font-size: 12px; font-weight: 900; text-align: center; text-transform: uppercase; } .sar-fullroom__diagram-window { display: grid; place-items: center; width: min(100%, 150px); min-height: 56px; border: 7px solid var(--sar-fullroom-dark); border-radius: 6px; background: #dcf5f8; color: var(--sar-fullroom-teal); font-size: 8px; font-weight: 900; text-align: center; text-transform: uppercase; } .sar-fullroom__diagram-center { display: grid; place-items: center; width: 50px; height: 50px; border-radius: 50%; background: rgba(46, 155, 103, 0.12); color: var(--sar-fullroom-green); font-size: 30px; font-weight: 900; } .sar-fullroom__diagram-room strong { color: var(--sar-fullroom-muted); font-size: 9px; font-weight: 750; line-height: 1.4; text-align: center; } .sar-fullroom__diagram-details { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; margin-top: 11px; } .sar-fullroom__diagram-details span { padding: 7px 4px; border-radius: 7px; background: var(--sar-fullroom-cream); color: var(--sar-fullroom-orange); font-size: 8px; font-weight: 900; text-align: center; text-transform: uppercase; } .sar-fullroom__diagram-caption { margin: 13px 0 0; color: var(--sar-fullroom-muted); font-size: 11px; font-weight: 650; line-height: 1.5; text-align: center; } /* ========================================================= SEGNALI ========================================================= */ .sar-fullroom__signals { margin-top: clamp(48px, 7vw, 80px); } .sar-fullroom__signals-heading { max-width: 960px; margin-bottom: 29px; } .sar-fullroom__signals-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } .sar-fullroom__signal { min-width: 0; padding: 22px 19px; border: 1px solid var(--sar-fullroom-border); border-radius: 19px; background: var(--sar-fullroom-white); box-shadow: 0 11px 31px rgba(4, 45, 54, 0.055); } .sar-fullroom__signal-number { display: inline-flex; margin-bottom: 10px; color: var(--sar-fullroom-orange); font-size: 11px; font-weight: 900; letter-spacing: 0.065em; } .sar-fullroom__signal h5 { margin: 0; color: var(--sar-fullroom-dark); font-size: 18px; font-weight: 900; line-height: 1.3; } .sar-fullroom__signal p { margin: 9px 0 0; color: var(--sar-fullroom-muted); font-size: 13px; font-weight: 500; line-height: 1.62; } /* ========================================================= SISTEMA COMPLETO ========================================================= */ .sar-fullroom__system { margin-top: clamp(48px, 7vw, 80px); padding: clamp(30px, 5vw, 56px); border-radius: 28px; background: linear-gradient( 135deg, var(--sar-fullroom-dark-deep) 0%, var(--sar-fullroom-dark) 67%, #075667 100% ); box-shadow: 0 23px 65px rgba(4, 45, 54, 0.19); } .sar-fullroom__system-heading { max-width: 960px; } .sar-fullroom__system .sar-fullroom__section-label { color: #88e6ee; } .sar-fullroom__system .sar-fullroom__section-title { color: var(--sar-fullroom-white); } .sar-fullroom__system .sar-fullroom__answer { color: rgba(255, 255, 255, 0.88); } .sar-fullroom__system-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 29px; } .sar-fullroom__system-item { display: flex; min-width: 0; flex-direction: column; padding: 23px 20px; border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 18px; background: rgba(255, 255, 255, 0.97); } .sar-fullroom__system-item--wide { background: var(--sar-fullroom-light); } .sar-fullroom__system-item > span { display: inline-flex; margin-bottom: 10px; color: var(--sar-fullroom-orange); font-size: 12px; font-weight: 900; letter-spacing: 0.065em; } .sar-fullroom__system-item h5 { margin: 0; color: var(--sar-fullroom-dark); font-size: 20px; font-weight: 900; line-height: 1.3; } .sar-fullroom__system-item p { margin: 10px 0 0; color: var(--sar-fullroom-muted); font-size: 13px; font-weight: 500; line-height: 1.62; } .sar-fullroom__system-item a { display: inline-flex; align-self: flex-start; margin-top: auto; padding-top: 15px; color: var(--sar-fullroom-teal); font-size: 13px; font-weight: 850; line-height: 1.45; text-decoration: none; } .sar-fullroom__system-item a:hover { text-decoration: underline; text-underline-offset: 4px; } /* ========================================================= CONFRONTO ========================================================= */ .sar-fullroom__comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: clamp(48px, 7vw, 80px); } .sar-fullroom__comparison-card { padding: clamp(27px, 4vw, 40px); border: 1px solid var(--sar-fullroom-border); border-radius: 24px; background: var(--sar-fullroom-white); box-shadow: 0 15px 44px rgba(4, 45, 54, 0.07); } .sar-fullroom__comparison-card--complete { border-color: rgba(0, 143, 163, 0.22); background: var(--sar-fullroom-light); } .sar-fullroom__comparison-tag { display: inline-flex; margin-bottom: 14px; padding: 6px 10px; border-radius: 8px; background: rgba(46, 155, 103, 0.11); color: var(--sar-fullroom-green); font-size: 10px; font-weight: 900; letter-spacing: 0.055em; text-transform: uppercase; } .sar-fullroom__comparison-card--complete .sar-fullroom__comparison-tag { background: rgba(0, 143, 163, 0.1); color: var(--sar-fullroom-teal); } .sar-fullroom__comparison-card h4 { margin: 0; color: var(--sar-fullroom-dark); font-size: clamp(24px, 2.8vw, 34px); font-weight: 900; line-height: 1.2; } .sar-fullroom__comparison-card p { margin: 14px 0 0; color: var(--sar-fullroom-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } .sar-fullroom__comparison-card ul { display: grid; gap: 9px; margin: 19px 0 0; padding: 0; list-style: none; } .sar-fullroom__comparison-card li { display: flex; align-items: flex-start; gap: 9px; color: var(--sar-fullroom-dark); font-size: 13px; font-weight: 700; line-height: 1.5; } .sar-fullroom__comparison-card li > span { display: grid; flex: 0 0 auto; place-items: center; width: 21px; height: 21px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-fullroom-green); font-size: 11px; font-weight: 900; } .sar-fullroom__comparison-card a { display: inline-flex; align-items: center; gap: 8px; margin-top: 20px; color: var(--sar-fullroom-teal); font-size: 14px; font-weight: 850; line-height: 1.45; text-decoration: none; } .sar-fullroom__comparison-card a:hover { text-decoration: underline; text-underline-offset: 4px; } /* ========================================================= PROGETTAZIONE ========================================================= */ .sar-fullroom__design { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: clamp(30px, 5vw, 62px); align-items: start; margin-top: clamp(48px, 7vw, 80px); padding: clamp(30px, 5vw, 55px); border: 1px solid var(--sar-fullroom-border); border-radius: 27px; background: var(--sar-fullroom-light); } .sar-fullroom__design-content > p:not( .sar-fullroom__section-label, .sar-fullroom__answer ) { margin: 16px 0 0; color: var(--sar-fullroom-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-fullroom__design-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; } .sar-fullroom__design-item { min-width: 0; padding: 18px; border: 1px solid rgba(7, 59, 70, 0.09); border-radius: 16px; background: rgba(255, 255, 255, 0.94); } .sar-fullroom__design-item > span { display: inline-flex; margin-bottom: 9px; color: var(--sar-fullroom-orange); font-size: 11px; font-weight: 900; letter-spacing: 0.065em; } .sar-fullroom__design-item h5 { margin: 0; color: var(--sar-fullroom-dark); font-size: 17px; font-weight: 900; line-height: 1.3; } .sar-fullroom__design-item p { margin: 7px 0 0; color: var(--sar-fullroom-muted); font-size: 12px; font-weight: 550; line-height: 1.55; } /* ========================================================= ERRORI ========================================================= */ .sar-fullroom__mistakes { display: grid; grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr); gap: clamp(30px, 5vw, 62px); align-items: start; margin-top: clamp(48px, 7vw, 80px); padding: clamp(30px, 5vw, 55px); border: 1px solid var(--sar-fullroom-border); border-radius: 27px; background: var(--sar-fullroom-cream); } .sar-fullroom__mistakes-list { display: grid; gap: 13px; margin: 0; padding: 0; list-style: none; } .sar-fullroom__mistakes-list li { display: flex; align-items: flex-start; gap: 13px; padding: 17px; border: 1px solid rgba(201, 85, 66, 0.14); border-radius: 15px; background: rgba(255, 255, 255, 0.93); } .sar-fullroom__mistakes-list li > span { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: rgba(201, 85, 66, 0.13); color: var(--sar-fullroom-red); font-size: 17px; font-weight: 900; } .sar-fullroom__mistakes-list strong { display: block; color: var(--sar-fullroom-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-fullroom__mistakes-list p { margin: 5px 0 0; color: var(--sar-fullroom-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } /* ========================================================= METODO ========================================================= */ .sar-fullroom__method { margin-top: clamp(48px, 7vw, 80px); } .sar-fullroom__method-heading { max-width: 970px; margin-bottom: 29px; } .sar-fullroom__steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; } .sar-fullroom__step { display: flex; align-items: flex-start; gap: 15px; min-width: 0; padding: 19px; border: 1px solid var(--sar-fullroom-border); border-radius: 17px; background: var(--sar-fullroom-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-fullroom__step-number { display: grid; flex: 0 0 auto; place-items: center; width: 37px; height: 37px; border-radius: 11px; background: var(--sar-fullroom-dark); color: var(--sar-fullroom-white); font-size: 13px; font-weight: 900; } .sar-fullroom__step strong { display: block; color: var(--sar-fullroom-dark); font-size: 16px; font-weight: 900; line-height: 1.3; } .sar-fullroom__step p { margin: 5px 0 0; color: var(--sar-fullroom-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } /* ========================================================= CONVERSIONE ========================================================= */ .sar-fullroom__conversion { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 22px; align-items: start; margin-top: clamp(48px, 7vw, 78px); padding: clamp(28px, 5vw, 47px); border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 25px; background: linear-gradient( 135deg, var(--sar-fullroom-white), var(--sar-fullroom-light) ); box-shadow: var(--sar-fullroom-shadow); } .sar-fullroom__conversion-icon { display: grid; place-items: center; width: 59px; height: 59px; border-radius: 18px; background: var(--sar-fullroom-teal); color: var(--sar-fullroom-white); font-size: 27px; font-weight: 900; } .sar-fullroom__conversion-label { margin: 0 0 8px; color: var(--sar-fullroom-teal); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-fullroom__conversion-title { max-width: 950px; margin: 0; color: var(--sar-fullroom-dark); font-size: clamp(24px, 3vw, 38px); font-weight: 900; line-height: 1.19; letter-spacing: -0.027em; text-wrap: balance; } .sar-fullroom__conversion-content > p:not(.sar-fullroom__conversion-label) { margin: 15px 0 0; color: var(--sar-fullroom-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } /* ========================================================= CTA ========================================================= */ .sar-fullroom__cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 36px; align-items: center; margin-top: clamp(48px, 7vw, 78px); padding: clamp(29px, 5vw, 52px); border-radius: 27px; background: linear-gradient( 132deg, var(--sar-fullroom-dark-deep) 0%, var(--sar-fullroom-dark) 66%, #07596a 100% ); box-shadow: 0 23px 62px rgba(4, 45, 54, 0.19); } .sar-fullroom__cta-label { margin: 0 0 8px; color: #86e4ec; font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-fullroom__cta-title { max-width: 840px; margin: 0; color: var(--sar-fullroom-white); font-size: clamp(25px, 3vw, 39px); font-weight: 900; line-height: 1.17; letter-spacing: -0.028em; text-wrap: balance; } .sar-fullroom__cta-text { max-width: 850px; margin: 14px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 15px; font-weight: 500; line-height: 1.68; } .sar-fullroom__cta-actions { display: grid; gap: 11px; min-width: 260px; } .sar-fullroom__button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 54px; padding: 13px 19px; border: 2px solid transparent; border-radius: 12px; font-size: 14px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .sar-fullroom__button:hover { transform: translateY(-2px); } .sar-fullroom__button:focus-visible, .sar-fullroom__system-item a:focus-visible, .sar-fullroom__comparison-card a:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; border-radius: 6px; } .sar-fullroom__button--primary { background: var(--sar-fullroom-orange); color: var(--sar-fullroom-white); box-shadow: 0 12px 28px rgba(245, 130, 32, 0.26); } .sar-fullroom__button--primary:hover { background: var(--sar-fullroom-orange-dark); } .sar-fullroom__button--whatsapp { border-color: #25d366; background: #25d366; color: var(--sar-fullroom-white); box-shadow: 0 12px 28px rgba(37, 211, 102, 0.22); } .sar-fullroom__button--whatsapp:hover { border-color: #1ebe5d; background: #1ebe5d; box-shadow: 0 14px 30px rgba(37, 211, 102, 0.3); } .sar-fullroom__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-fullroom-white); } .sar-fullroom__button--phone:hover { border-color: rgba(255, 255, 255, 0.53); background: rgba(255, 255, 255, 0.15); } .sar-fullroom__button--phone span { display: grid; gap: 1px; } .sar-fullroom__button--phone strong { font-size: 15px; font-weight: 900; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1080px) { .sar-fullroom__principle, .sar-fullroom__design, .sar-fullroom__mistakes { grid-template-columns: 1fr; } .sar-fullroom__diagram { width: min(100%, 750px); margin-inline: auto; } .sar-fullroom__signals-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-fullroom__cta { grid-template-columns: 1fr; } .sar-fullroom__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); min-width: 0; } } /* ========================================================= TABLET PICCOLO ========================================================= */ @media (max-width: 820px) { .sar-fullroom__system-grid, .sar-fullroom__comparison, .sar-fullroom__steps { grid-template-columns: 1fr; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 720px) { #quando-occorre-stanza-completa-roma { padding: 57px 0; } .sar-fullroom__container { width: min(100% - 28px, 1240px); } .sar-fullroom__header { margin-bottom: 32px; text-align: left; } .sar-fullroom__eyebrow { justify-content: flex-start; padding: 7px 11px; font-size: 10px; } .sar-fullroom__title { font-size: clamp(30px, 9vw, 42px); } .sar-fullroom__title span { display: block; margin-top: 4px; } .sar-fullroom__direct-answer { margin-top: 18px; font-size: 17px; line-height: 1.6; } .sar-fullroom__intro { font-size: 15px; line-height: 1.68; } .sar-fullroom__section-title { font-size: 27px; } .sar-fullroom__answer { font-size: 15px; line-height: 1.68; } .sar-fullroom__principle { padding: 27px 20px; border-radius: 21px; } .sar-fullroom__diagram { padding: 14px; border-radius: 18px; } .sar-fullroom__diagram-middle { grid-template-columns: 31px minmax(0, 1fr) 31px; min-height: 205px; } .sar-fullroom__diagram-wall { font-size: 6px; } .sar-fullroom__diagram-details { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-fullroom__signals { margin-top: 39px; } .sar-fullroom__signals-heading { margin-bottom: 23px; } .sar-fullroom__signals-grid { grid-template-columns: 1fr; } .sar-fullroom__system { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-fullroom__system-grid { gap: 13px; margin-top: 23px; } .sar-fullroom__system-item { padding: 21px 18px; border-radius: 17px; } .sar-fullroom__comparison { margin-top: 39px; } .sar-fullroom__comparison-card { padding: 24px 19px; border-radius: 20px; } .sar-fullroom__design { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-fullroom__design-grid { grid-template-columns: 1fr; } .sar-fullroom__mistakes { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-fullroom__method { margin-top: 39px; } .sar-fullroom__method-heading { margin-bottom: 23px; } .sar-fullroom__step { padding: 16px 14px; } .sar-fullroom__conversion { grid-template-columns: 1fr; margin-top: 39px; padding: 25px 20px; border-radius: 20px; } .sar-fullroom__conversion-icon { width: 51px; height: 51px; border-radius: 15px; } .sar-fullroom__cta { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-fullroom__cta-actions { grid-template-columns: 1fr; } .sar-fullroom__button { width: 100%; } } /* ========================================================= SCHERMI MOLTO PICCOLI ========================================================= */ @media (max-width: 430px) { .sar-fullroom__diagram-middle { grid-template-columns: 25px minmax(0, 1fr) 25px; } .sar-fullroom__diagram-room { padding: 12px 8px; } .sar-fullroom__diagram-window { border-width: 5px; } .sar-fullroom__mistakes-list strong { font-size: 14px; } .sar-fullroom__comparison-card a, .sar-fullroom__system-item a { align-items: flex-start; font-size: 13px; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sar-fullroom__button { transition: none; } .sar-fullroom__button:hover { transform: none; } }#imCell_26 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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 — I RUMORI PIÙ FREQUENTI NELLE ABITAZIONI DI ROMA Pagina: isolamento-acustico-roma.html Classi isolate con prefisso sar-noises ========================================================= */ #rumori-frequenti-abitazioni-roma { --sar-noises-dark: #073b46; --sar-noises-dark-deep: #042d36; --sar-noises-teal: #008fa3; --sar-noises-turquoise: #16bfd0; --sar-noises-orange: #f58220; --sar-noises-orange-dark: #dc6813; --sar-noises-green: #2e9b67; --sar-noises-red: #c95542; --sar-noises-white: #ffffff; --sar-noises-cream: #fff8ed; --sar-noises-light: #eefafd; --sar-noises-text: #18343b; --sar-noises-muted: #587078; --sar-noises-border: rgba(7, 59, 70, 0.13); --sar-noises-shadow: 0 20px 55px rgba(4, 45, 54, 0.11); position: relative; width: 100%; overflow: hidden; padding: clamp(70px, 8vw, 110px) 0; background: radial-gradient( circle at 100% 2%, rgba(22, 191, 208, 0.1), transparent 29% ), radial-gradient( circle at 0% 45%, rgba(245, 130, 32, 0.065), transparent 25% ), linear-gradient( 180deg, #ffffff 0%, #f6fcfd 100% ); color: var(--sar-noises-text); } #rumori-frequenti-abitazioni-roma, #rumori-frequenti-abitazioni-roma *, #rumori-frequenti-abitazioni-roma *::before, #rumori-frequenti-abitazioni-roma *::after { box-sizing: border-box; } /* ========================================================= CONTENITORE ========================================================= */ .sar-noises__container { width: min(100% - 40px, 1240px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .sar-noises__header { max-width: 1010px; margin: 0 auto 49px; text-align: center; } .sar-noises__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 15px; padding: 8px 14px; border: 1px solid rgba(245, 130, 32, 0.22); border-radius: 999px; background: rgba(245, 130, 32, 0.08); color: var(--sar-noises-orange); font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.055em; text-transform: uppercase; } .sar-noises__title { margin: 0; color: var(--sar-noises-dark-deep); font-size: clamp(34px, 4.5vw, 59px); font-weight: 900; line-height: 1.08; letter-spacing: -0.04em; text-wrap: balance; } .sar-noises__title span { color: var(--sar-noises-teal); } .sar-noises__direct-answer { max-width: 950px; margin: 23px auto 0; color: var(--sar-noises-dark); font-size: clamp(18px, 1.7vw, 21px); font-weight: 700; line-height: 1.65; } .sar-noises__intro { max-width: 910px; margin: 17px auto 0; color: var(--sar-noises-muted); font-size: 16px; font-weight: 500; line-height: 1.75; } /* ========================================================= TITOLI E RISPOSTE INTERNE ========================================================= */ .sar-noises__section-label { margin: 0 0 9px; color: var(--sar-noises-orange); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-noises__section-title { margin: 0; color: var(--sar-noises-dark-deep); font-size: clamp(27px, 3.2vw, 42px); font-weight: 900; line-height: 1.16; letter-spacing: -0.029em; text-wrap: balance; } .sar-noises__answer { margin: 17px 0 0; color: var(--sar-noises-dark); font-size: 16px; font-weight: 650; line-height: 1.72; } /* ========================================================= QUADRO GENERALE ========================================================= */ .sar-noises__overview { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(390px, 0.98fr); gap: clamp(30px, 5vw, 62px); align-items: center; padding: clamp(31px, 5vw, 57px); border-radius: 28px; background: linear-gradient( 135deg, var(--sar-noises-dark-deep) 0%, var(--sar-noises-dark) 67%, #075667 100% ); box-shadow: 0 23px 65px rgba(4, 45, 54, 0.19); } .sar-noises__overview .sar-noises__section-label { color: #88e6ee; } .sar-noises__overview .sar-noises__section-title { color: var(--sar-noises-white); } .sar-noises__overview .sar-noises__answer { color: rgba(255, 255, 255, 0.94); } .sar-noises__overview-content > p:not( .sar-noises__section-label, .sar-noises__answer ) { margin: 16px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-noises__overview-note { display: flex; align-items: flex-start; gap: 12px; margin-top: 23px; padding: 16px; border: 1px solid rgba(245, 130, 32, 0.32); border-radius: 15px; background: rgba(245, 130, 32, 0.11); } .sar-noises__overview-note-icon { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: var(--sar-noises-orange); color: var(--sar-noises-white); font-size: 15px; font-weight: 900; } .sar-noises__overview-note p { margin: 0; color: rgba(255, 255, 255, 0.93); font-size: 13px; font-weight: 700; line-height: 1.58; } /* ========================================================= DIAGRAMMA ========================================================= */ .sar-noises__diagram { width: 100%; min-width: 0; padding: 18px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 22px; background: rgba(255, 255, 255, 0.97); box-shadow: 0 17px 42px rgba(0, 0, 0, 0.15); } .sar-noises__diagram-title { padding: 12px; border-radius: 10px; background: var(--sar-noises-dark); color: var(--sar-noises-white); font-size: 10px; font-weight: 900; line-height: 1.4; text-align: center; text-transform: uppercase; } .sar-noises__diagram-grid { display: grid; gap: 8px; margin-top: 10px; } .sar-noises__diagram-item { position: relative; min-width: 0; padding: 14px 66px 14px 13px; border: 1px solid rgba(245, 130, 32, 0.17); border-radius: 12px; background: var(--sar-noises-cream); } .sar-noises__diagram-item--impact { border-color: rgba(0, 143, 163, 0.17); background: var(--sar-noises-light); } .sar-noises__diagram-item--structure { border-color: rgba(46, 155, 103, 0.18); background: rgba(46, 155, 103, 0.08); } .sar-noises__diagram-item > span { display: grid; place-items: center; width: 25px; height: 25px; margin-bottom: 7px; border-radius: 8px; background: var(--sar-noises-dark); color: var(--sar-noises-white); font-size: 8px; font-weight: 900; } .sar-noises__diagram-item strong { display: block; color: var(--sar-noises-dark); font-size: 12px; font-weight: 900; line-height: 1.35; } .sar-noises__diagram-item p { margin: 5px 0 0; color: var(--sar-noises-muted); font-size: 9px; font-weight: 650; line-height: 1.45; } .sar-noises__diagram-symbol { position: absolute; top: 50%; right: 13px; color: var(--sar-noises-orange); font-size: 17px; font-weight: 900; white-space: nowrap; transform: translateY(-50%); } .sar-noises__diagram-item--impact .sar-noises__diagram-symbol { color: var(--sar-noises-teal); } .sar-noises__diagram-item--structure .sar-noises__diagram-symbol { color: var(--sar-noises-green); } .sar-noises__diagram-result { display: grid; justify-items: center; gap: 4px; margin-top: 10px; padding: 13px; border-radius: 10px; background: rgba(0, 143, 163, 0.09); text-align: center; } .sar-noises__diagram-result span { color: var(--sar-noises-teal); font-size: 8px; font-weight: 900; text-transform: uppercase; } .sar-noises__diagram-result strong { color: var(--sar-noises-dark); font-size: 10px; font-weight: 800; line-height: 1.45; } /* ========================================================= RUMORI FREQUENTI ========================================================= */ .sar-noises__frequent { margin-top: clamp(49px, 7vw, 80px); } .sar-noises__frequent-heading { max-width: 960px; margin-bottom: 29px; } .sar-noises__frequent-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .sar-noises__card { display: flex; min-width: 0; flex-direction: column; padding: clamp(26px, 4vw, 38px); border: 1px solid var(--sar-noises-border); border-radius: 23px; background: var(--sar-noises-white); box-shadow: 0 15px 44px rgba(4, 45, 54, 0.07); } .sar-noises__card-top { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 18px; } .sar-noises__card-number { color: var(--sar-noises-orange); font-size: 13px; font-weight: 900; letter-spacing: 0.07em; } .sar-noises__card-icon { display: grid; place-items: center; width: 59px; height: 59px; border-radius: 17px; background: rgba(245, 130, 32, 0.11); color: var(--sar-noises-orange); } .sar-noises__card--teal .sar-noises__card-number, .sar-noises__card--teal .sar-noises__card-icon { color: var(--sar-noises-teal); } .sar-noises__card--teal .sar-noises__card-icon { background: rgba(22, 191, 208, 0.11); } .sar-noises__card--green .sar-noises__card-number, .sar-noises__card--green .sar-noises__card-icon, .sar-noises__card--lower .sar-noises__card-number, .sar-noises__card--lower .sar-noises__card-icon { color: var(--sar-noises-green); } .sar-noises__card--green .sar-noises__card-icon, .sar-noises__card--lower .sar-noises__card-icon { background: rgba(46, 155, 103, 0.11); } .sar-noises__card--plant .sar-noises__card-number, .sar-noises__card--plant .sar-noises__card-icon { color: var(--sar-noises-teal); } .sar-noises__card--plant .sar-noises__card-icon { background: rgba(0, 143, 163, 0.1); } .sar-noises__card-label { margin: 0 0 8px; color: var(--sar-noises-teal); font-size: 10px; font-weight: 900; line-height: 1.35; letter-spacing: 0.065em; text-transform: uppercase; } .sar-noises__card h4 { margin: 0; color: var(--sar-noises-dark); font-size: clamp(22px, 2.5vw, 30px); font-weight: 900; line-height: 1.23; letter-spacing: -0.022em; } .sar-noises__card > p:not(.sar-noises__card-label) { margin: 14px 0 0; color: var(--sar-noises-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } .sar-noises__card-focus { margin-top: 18px; padding: 14px; border-radius: 12px; background: var(--sar-noises-light); } .sar-noises__card-focus span { display: block; color: var(--sar-noises-teal); font-size: 9px; font-weight: 900; line-height: 1.35; letter-spacing: 0.055em; text-transform: uppercase; } .sar-noises__card-focus strong { display: block; margin-top: 5px; color: var(--sar-noises-dark); font-size: 12px; font-weight: 850; line-height: 1.5; } .sar-noises__card a { display: inline-flex; align-items: center; align-self: flex-start; gap: 8px; margin-top: auto; padding-top: 20px; color: var(--sar-noises-teal); font-size: 14px; font-weight: 850; line-height: 1.45; text-decoration: none; } .sar-noises__card a:hover { text-decoration: underline; text-underline-offset: 4px; } /* ========================================================= ASCOLTO E DESCRIZIONE ========================================================= */ .sar-noises__listen { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: clamp(30px, 5vw, 62px); align-items: start; margin-top: clamp(49px, 7vw, 80px); padding: clamp(30px, 5vw, 55px); border: 1px solid var(--sar-noises-border); border-radius: 27px; background: var(--sar-noises-cream); } .sar-noises__listen-content > p:not( .sar-noises__section-label, .sar-noises__answer ) { margin: 16px 0 0; color: var(--sar-noises-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-noises__listen-list { display: grid; gap: 13px; margin: 0; padding: 0; list-style: none; } .sar-noises__listen-list li { display: flex; align-items: flex-start; gap: 13px; padding: 17px; border: 1px solid rgba(7, 59, 70, 0.09); border-radius: 15px; background: rgba(255, 255, 255, 0.93); } .sar-noises__listen-list li > span { display: grid; flex: 0 0 auto; place-items: center; width: 29px; height: 29px; border-radius: 9px; background: var(--sar-noises-dark); color: var(--sar-noises-white); font-size: 10px; font-weight: 900; } .sar-noises__listen-list strong { display: block; color: var(--sar-noises-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-noises__listen-list p { margin: 5px 0 0; color: var(--sar-noises-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } /* ========================================================= TABELLA ========================================================= */ .sar-noises__paths { margin-top: clamp(49px, 7vw, 80px); } .sar-noises__paths-heading { max-width: 960px; margin-bottom: 27px; } .sar-noises__table-wrapper { width: 100%; overflow: hidden; border: 1px solid var(--sar-noises-border); border-radius: 22px; background: var(--sar-noises-white); box-shadow: var(--sar-noises-shadow); } .sar-noises__table { width: 100%; border-collapse: collapse; table-layout: fixed; } .sar-noises__table th, .sar-noises__table td { padding: 18px; overflow-wrap: anywhere; vertical-align: top; text-align: left; } .sar-noises__table th:nth-child(1), .sar-noises__table td:nth-child(1) { width: 25%; } .sar-noises__table th:nth-child(2), .sar-noises__table td:nth-child(2) { width: 35%; } .sar-noises__table th:nth-child(3), .sar-noises__table td:nth-child(3) { width: 40%; } .sar-noises__table thead { background: var(--sar-noises-dark); color: var(--sar-noises-white); } .sar-noises__table th { font-size: 12px; font-weight: 900; line-height: 1.4; text-transform: uppercase; } .sar-noises__table td { border-top: 1px solid var(--sar-noises-border); color: var(--sar-noises-muted); font-size: 13px; font-weight: 550; line-height: 1.58; } .sar-noises__table td:first-child { color: var(--sar-noises-dark); font-weight: 900; } .sar-noises__table tbody tr:nth-child(even) { background: var(--sar-noises-light); } .sar-noises__sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* ========================================================= DIAGNOSI ========================================================= */ .sar-noises__diagnosis { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: clamp(49px, 7vw, 80px); } .sar-noises__diagnosis-card { padding: clamp(27px, 4vw, 40px); border: 1px solid rgba(201, 85, 66, 0.16); border-radius: 24px; background: var(--sar-noises-cream); box-shadow: 0 15px 44px rgba(4, 45, 54, 0.07); } .sar-noises__diagnosis-card--correct { border-color: rgba(0, 143, 163, 0.22); background: var(--sar-noises-light); } .sar-noises__diagnosis-tag { display: inline-flex; margin-bottom: 14px; padding: 6px 10px; border-radius: 8px; background: rgba(201, 85, 66, 0.1); color: var(--sar-noises-red); font-size: 10px; font-weight: 900; letter-spacing: 0.055em; text-transform: uppercase; } .sar-noises__diagnosis-card--correct .sar-noises__diagnosis-tag { background: rgba(0, 143, 163, 0.1); color: var(--sar-noises-teal); } .sar-noises__diagnosis-card h3 { margin: 0; color: var(--sar-noises-dark); font-size: clamp(24px, 2.8vw, 34px); font-weight: 900; line-height: 1.2; } .sar-noises__diagnosis-card p { margin: 14px 0 0; color: var(--sar-noises-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } .sar-noises__diagnosis-card ul { display: grid; gap: 9px; margin: 19px 0 0; padding: 0; list-style: none; } .sar-noises__diagnosis-card li { display: flex; align-items: flex-start; gap: 9px; color: var(--sar-noises-dark); font-size: 13px; font-weight: 700; line-height: 1.5; } .sar-noises__diagnosis-card li > span { display: grid; flex: 0 0 auto; place-items: center; width: 21px; height: 21px; border-radius: 50%; background: rgba(201, 85, 66, 0.12); color: var(--sar-noises-red); font-size: 11px; font-weight: 900; } .sar-noises__diagnosis-card--correct li > span { background: rgba(46, 155, 103, 0.13); color: var(--sar-noises-green); } /* ========================================================= METODO ========================================================= */ .sar-noises__method { margin-top: clamp(49px, 7vw, 80px); } .sar-noises__method-heading { max-width: 970px; margin-bottom: 29px; } .sar-noises__steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; } .sar-noises__step { display: flex; align-items: flex-start; gap: 15px; min-width: 0; padding: 19px; border: 1px solid var(--sar-noises-border); border-radius: 17px; background: var(--sar-noises-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-noises__step-number { display: grid; flex: 0 0 auto; place-items: center; width: 37px; height: 37px; border-radius: 11px; background: var(--sar-noises-dark); color: var(--sar-noises-white); font-size: 13px; font-weight: 900; } .sar-noises__step strong { display: block; color: var(--sar-noises-dark); font-size: 16px; font-weight: 900; line-height: 1.3; } .sar-noises__step p { margin: 5px 0 0; color: var(--sar-noises-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } /* ========================================================= CONVERSIONE ========================================================= */ .sar-noises__conversion { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 22px; align-items: start; margin-top: clamp(49px, 7vw, 78px); padding: clamp(28px, 5vw, 47px); border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 25px; background: linear-gradient( 135deg, var(--sar-noises-white), var(--sar-noises-light) ); box-shadow: var(--sar-noises-shadow); } .sar-noises__conversion-icon { display: grid; place-items: center; width: 59px; height: 59px; border-radius: 18px; background: var(--sar-noises-teal); color: var(--sar-noises-white); font-size: 27px; font-weight: 900; } .sar-noises__conversion-label { margin: 0 0 8px; color: var(--sar-noises-teal); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-noises__conversion-title { max-width: 950px; margin: 0; color: var(--sar-noises-dark); font-size: clamp(24px, 3vw, 38px); font-weight: 900; line-height: 1.19; letter-spacing: -0.027em; text-wrap: balance; } .sar-noises__conversion-content > p:not(.sar-noises__conversion-label) { margin: 15px 0 0; color: var(--sar-noises-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } /* ========================================================= CTA ========================================================= */ .sar-noises__cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 36px; align-items: center; margin-top: clamp(49px, 7vw, 78px); padding: clamp(29px, 5vw, 52px); border-radius: 27px; background: linear-gradient( 132deg, var(--sar-noises-dark-deep) 0%, var(--sar-noises-dark) 66%, #07596a 100% ); box-shadow: 0 23px 62px rgba(4, 45, 54, 0.19); } .sar-noises__cta-label { margin: 0 0 8px; color: #86e4ec; font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-noises__cta-title { max-width: 840px; margin: 0; color: var(--sar-noises-white); font-size: clamp(25px, 3vw, 39px); font-weight: 900; line-height: 1.17; letter-spacing: -0.028em; text-wrap: balance; } .sar-noises__cta-text { max-width: 850px; margin: 14px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 15px; font-weight: 500; line-height: 1.68; } .sar-noises__cta-actions { display: grid; gap: 11px; min-width: 260px; } .sar-noises__button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 54px; padding: 13px 19px; border: 2px solid transparent; border-radius: 12px; font-size: 14px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .sar-noises__button:hover { transform: translateY(-2px); } .sar-noises__button:focus-visible, .sar-noises__card a:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; border-radius: 6px; } .sar-noises__button--primary { background: var(--sar-noises-orange); color: var(--sar-noises-white); box-shadow: 0 12px 28px rgba(245, 130, 32, 0.26); } .sar-noises__button--primary:hover { background: var(--sar-noises-orange-dark); } .sar-noises__button--whatsapp { border-color: #25d366; background: #25d366; color: var(--sar-noises-white); box-shadow: 0 12px 28px rgba(37, 211, 102, 0.22); } .sar-noises__button--whatsapp:hover { border-color: #1ebe5d; background: #1ebe5d; box-shadow: 0 14px 30px rgba(37, 211, 102, 0.3); } .sar-noises__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-noises-white); } .sar-noises__button--phone:hover { border-color: rgba(255, 255, 255, 0.53); background: rgba(255, 255, 255, 0.15); } .sar-noises__button--phone span { display: grid; gap: 1px; } .sar-noises__button--phone strong { font-size: 15px; font-weight: 900; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1080px) { .sar-noises__overview, .sar-noises__listen { grid-template-columns: 1fr; } .sar-noises__diagram { width: min(100%, 760px); margin-inline: auto; } .sar-noises__cta { grid-template-columns: 1fr; } .sar-noises__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); min-width: 0; } } /* ========================================================= TABLET PICCOLO ========================================================= */ @media (max-width: 820px) { .sar-noises__frequent-grid, .sar-noises__diagnosis, .sar-noises__steps { grid-template-columns: 1fr; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 720px) { #rumori-frequenti-abitazioni-roma { padding: 57px 0; } .sar-noises__container { width: min(100% - 28px, 1240px); } .sar-noises__header { margin-bottom: 33px; text-align: left; } .sar-noises__eyebrow { justify-content: flex-start; padding: 7px 11px; font-size: 10px; } .sar-noises__title { font-size: clamp(32px, 9.5vw, 44px); } .sar-noises__title span { display: block; margin-top: 4px; } .sar-noises__direct-answer { margin-top: 18px; font-size: 17px; line-height: 1.6; } .sar-noises__intro { font-size: 15px; line-height: 1.68; } .sar-noises__section-title { font-size: 27px; } .sar-noises__answer { font-size: 15px; line-height: 1.68; } .sar-noises__overview { padding: 27px 20px; border-radius: 21px; } .sar-noises__diagram { padding: 14px; border-radius: 18px; } .sar-noises__frequent { margin-top: 39px; } .sar-noises__frequent-heading { margin-bottom: 23px; } .sar-noises__frequent-grid { gap: 14px; } .sar-noises__card { padding: 24px 19px; border-radius: 20px; } .sar-noises__card h4 { font-size: 23px; } .sar-noises__listen { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-noises__paths { margin-top: 39px; } .sar-noises__paths-heading { margin-bottom: 23px; } .sar-noises__table-wrapper { overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; } .sar-noises__table, .sar-noises__table tbody, .sar-noises__table tr, .sar-noises__table td { display: block; width: 100%; } .sar-noises__table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); } .sar-noises__table tbody { display: grid; gap: 13px; } .sar-noises__table tr { overflow: hidden; border: 1px solid var(--sar-noises-border); border-radius: 17px; background: var(--sar-noises-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-noises__table tbody tr:nth-child(even) { background: var(--sar-noises-white); } .sar-noises__table td, .sar-noises__table td:nth-child(1), .sar-noises__table td:nth-child(2), .sar-noises__table td:nth-child(3) { width: 100%; padding: 15px 17px; border-top: 1px solid var(--sar-noises-border); } .sar-noises__table td:first-child { border-top: 0; background: var(--sar-noises-light); } .sar-noises__table td::before { display: block; margin-bottom: 5px; color: var(--sar-noises-teal); content: attr(data-label); font-size: 9px; font-weight: 900; letter-spacing: 0.055em; text-transform: uppercase; } .sar-noises__diagnosis { margin-top: 39px; } .sar-noises__diagnosis-card { padding: 24px 19px; border-radius: 20px; } .sar-noises__method { margin-top: 39px; } .sar-noises__method-heading { margin-bottom: 23px; } .sar-noises__step { padding: 16px 14px; } .sar-noises__conversion { grid-template-columns: 1fr; margin-top: 39px; padding: 25px 20px; border-radius: 20px; } .sar-noises__conversion-icon { width: 51px; height: 51px; border-radius: 15px; } .sar-noises__cta { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-noises__cta-actions { grid-template-columns: 1fr; } .sar-noises__button { width: 100%; } } /* ========================================================= SCHERMI MOLTO PICCOLI ========================================================= */ @media (max-width: 430px) { .sar-noises__diagram-item { padding-right: 13px; } .sar-noises__diagram-symbol { position: static; margin-top: 9px; transform: none; } .sar-noises__card a { align-items: flex-start; font-size: 13px; } .sar-noises__listen-list strong { font-size: 14px; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sar-noises__button { transition: none; } .sar-noises__button:hover { transform: none; } }#imCell_27 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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 — TRAFFICO STRADALE, MOTORINI E MEZZI PUBBLICI Pagina: isolamento-acustico-roma.html Classi isolate con prefisso sar-traffic ========================================================= */ #traffico-stradale-motorini-mezzi-pubblici-roma { --sar-traffic-dark: #073b46; --sar-traffic-dark-deep: #042d36; --sar-traffic-teal: #008fa3; --sar-traffic-turquoise: #16bfd0; --sar-traffic-orange: #f58220; --sar-traffic-orange-dark: #dc6813; --sar-traffic-green: #2e9b67; --sar-traffic-red: #c95542; --sar-traffic-white: #ffffff; --sar-traffic-cream: #fff8ed; --sar-traffic-light: #eefafd; --sar-traffic-text: #18343b; --sar-traffic-muted: #587078; --sar-traffic-border: rgba(7, 59, 70, 0.13); --sar-traffic-shadow: 0 20px 55px rgba(4, 45, 54, 0.11); position: relative; width: 100%; overflow: hidden; padding: clamp(68px, 8vw, 108px) 0; background: radial-gradient( circle at 100% 2%, rgba(245, 130, 32, 0.08), transparent 28% ), radial-gradient( circle at 0% 47%, rgba(22, 191, 208, 0.08), transparent 25% ), linear-gradient( 180deg, #ffffff 0%, #f6fcfd 100% ); color: var(--sar-traffic-text); } #traffico-stradale-motorini-mezzi-pubblici-roma, #traffico-stradale-motorini-mezzi-pubblici-roma *, #traffico-stradale-motorini-mezzi-pubblici-roma *::before, #traffico-stradale-motorini-mezzi-pubblici-roma *::after { box-sizing: border-box; } /* ========================================================= CONTENITORE ========================================================= */ .sar-traffic__container { width: min(100% - 40px, 1240px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .sar-traffic__header { max-width: 1000px; margin: 0 auto 48px; text-align: center; } .sar-traffic__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 15px; padding: 8px 14px; border: 1px solid rgba(245, 130, 32, 0.22); border-radius: 999px; background: rgba(245, 130, 32, 0.08); color: var(--sar-traffic-orange); font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.055em; text-transform: uppercase; } .sar-traffic__title { margin: 0; color: var(--sar-traffic-dark-deep); font-size: clamp(31px, 4vw, 52px); font-weight: 900; line-height: 1.1; letter-spacing: -0.037em; text-wrap: balance; } .sar-traffic__title span { color: var(--sar-traffic-teal); } .sar-traffic__direct-answer { max-width: 950px; margin: 22px auto 0; color: var(--sar-traffic-dark); font-size: clamp(18px, 1.65vw, 21px); font-weight: 700; line-height: 1.65; } .sar-traffic__intro { max-width: 910px; margin: 17px auto 0; color: var(--sar-traffic-muted); font-size: 16px; font-weight: 500; line-height: 1.75; } /* ========================================================= TITOLI E RISPOSTE ========================================================= */ .sar-traffic__section-label { margin: 0 0 9px; color: var(--sar-traffic-orange); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-traffic__section-title { margin: 0; color: var(--sar-traffic-dark-deep); font-size: clamp(26px, 3.2vw, 42px); font-weight: 900; line-height: 1.16; letter-spacing: -0.029em; text-wrap: balance; } .sar-traffic__answer { margin: 17px 0 0; color: var(--sar-traffic-dark); font-size: 16px; font-weight: 650; line-height: 1.72; } /* ========================================================= MECCANISMO E DIAGRAMMA ========================================================= */ .sar-traffic__mechanism { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(390px, 0.98fr); gap: clamp(30px, 5vw, 62px); align-items: center; padding: clamp(31px, 5vw, 57px); border-radius: 28px; background: linear-gradient( 135deg, var(--sar-traffic-dark-deep) 0%, var(--sar-traffic-dark) 67%, #075667 100% ); box-shadow: 0 23px 65px rgba(4, 45, 54, 0.19); } .sar-traffic__mechanism .sar-traffic__section-label { color: #88e6ee; } .sar-traffic__mechanism .sar-traffic__section-title { color: var(--sar-traffic-white); } .sar-traffic__mechanism .sar-traffic__answer { color: rgba(255, 255, 255, 0.94); } .sar-traffic__mechanism-content > p:not( .sar-traffic__section-label, .sar-traffic__answer ) { margin: 16px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-traffic__mechanism-note { display: flex; align-items: flex-start; gap: 12px; margin-top: 23px; padding: 16px; border: 1px solid rgba(245, 130, 32, 0.32); border-radius: 15px; background: rgba(245, 130, 32, 0.11); } .sar-traffic__mechanism-note-icon { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: var(--sar-traffic-orange); color: var(--sar-traffic-white); font-size: 15px; font-weight: 900; } .sar-traffic__mechanism-note p { margin: 0; color: rgba(255, 255, 255, 0.93); font-size: 13px; font-weight: 700; line-height: 1.58; } /* ========================================================= DIAGRAMMA ========================================================= */ .sar-traffic__diagram { width: 100%; min-width: 0; padding: 18px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 22px; background: rgba(255, 255, 255, 0.97); box-shadow: 0 17px 42px rgba(0, 0, 0, 0.15); } .sar-traffic__diagram-source { display: grid; justify-items: center; padding: 15px; border-radius: 12px; background: var(--sar-traffic-cream); text-align: center; } .sar-traffic__diagram-source span { color: var(--sar-traffic-orange); font-size: 9px; font-weight: 900; line-height: 1.35; letter-spacing: 0.06em; text-transform: uppercase; } .sar-traffic__diagram-source strong { margin-top: 6px; color: var(--sar-traffic-dark); font-size: 13px; font-weight: 900; line-height: 1.4; } .sar-traffic__diagram-waves { margin-top: 9px; color: var(--sar-traffic-orange); font-size: 18px; font-weight: 900; } .sar-traffic__diagram-paths { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 10px; } .sar-traffic__diagram-path { min-width: 0; padding: 13px; border: 1px solid rgba(7, 59, 70, 0.1); border-radius: 11px; background: var(--sar-traffic-light); } .sar-traffic__diagram-path > span { display: grid; place-items: center; width: 24px; height: 24px; margin-bottom: 7px; border-radius: 8px; background: var(--sar-traffic-dark); color: var(--sar-traffic-white); font-size: 8px; font-weight: 900; } .sar-traffic__diagram-path strong { display: block; color: var(--sar-traffic-dark); font-size: 11px; font-weight: 900; line-height: 1.35; } .sar-traffic__diagram-path p { margin: 5px 0 0; color: var(--sar-traffic-muted); font-size: 9px; font-weight: 650; line-height: 1.45; } .sar-traffic__diagram-room { display: grid; justify-items: center; gap: 5px; margin-top: 10px; padding: 14px; border-radius: 11px; background: rgba(46, 155, 103, 0.09); text-align: center; } .sar-traffic__diagram-room span { color: var(--sar-traffic-green); font-size: 9px; font-weight: 900; line-height: 1.35; letter-spacing: 0.06em; text-transform: uppercase; } .sar-traffic__diagram-room strong { color: var(--sar-traffic-dark); font-size: 11px; font-weight: 850; line-height: 1.45; } .sar-traffic__diagram-caption { margin: 13px 0 0; color: var(--sar-traffic-muted); font-size: 11px; font-weight: 650; line-height: 1.5; text-align: center; } /* ========================================================= SORGENTI ========================================================= */ .sar-traffic__sources { margin-top: clamp(48px, 7vw, 80px); } .sar-traffic__sources-heading { max-width: 960px; margin-bottom: 29px; } .sar-traffic__sources-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .sar-traffic__source { min-width: 0; padding: clamp(25px, 4vw, 37px); border: 1px solid var(--sar-traffic-border); border-radius: 22px; background: var(--sar-traffic-white); box-shadow: 0 15px 44px rgba(4, 45, 54, 0.07); } .sar-traffic__source-top { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 17px; } .sar-traffic__source-number { color: var(--sar-traffic-orange); font-size: 12px; font-weight: 900; letter-spacing: 0.07em; } .sar-traffic__source-icon { display: grid; place-items: center; width: 59px; height: 59px; border-radius: 17px; background: rgba(245, 130, 32, 0.11); color: var(--sar-traffic-orange); } .sar-traffic__source--teal .sar-traffic__source-number, .sar-traffic__source--teal .sar-traffic__source-icon { color: var(--sar-traffic-teal); } .sar-traffic__source--teal .sar-traffic__source-icon { background: rgba(22, 191, 208, 0.11); } .sar-traffic__source--green .sar-traffic__source-number, .sar-traffic__source--green .sar-traffic__source-icon { color: var(--sar-traffic-green); } .sar-traffic__source--green .sar-traffic__source-icon { background: rgba(46, 155, 103, 0.11); } .sar-traffic__source-label { margin: 0 0 8px; color: var(--sar-traffic-teal); font-size: 10px; font-weight: 900; line-height: 1.35; letter-spacing: 0.065em; text-transform: uppercase; } .sar-traffic__source h5 { margin: 0; color: var(--sar-traffic-dark); font-size: clamp(21px, 2.3vw, 28px); font-weight: 900; line-height: 1.25; letter-spacing: -0.02em; } .sar-traffic__source > p:not(.sar-traffic__source-label) { margin: 13px 0 0; color: var(--sar-traffic-muted); font-size: 14px; font-weight: 500; line-height: 1.68; } .sar-traffic__source-focus { margin-top: 17px; padding: 13px 14px; border-radius: 12px; background: var(--sar-traffic-light); } .sar-traffic__source-focus span { display: block; color: var(--sar-traffic-teal); font-size: 9px; font-weight: 900; line-height: 1.35; letter-spacing: 0.055em; text-transform: uppercase; } .sar-traffic__source-focus strong { display: block; margin-top: 5px; color: var(--sar-traffic-dark); font-size: 12px; font-weight: 850; line-height: 1.5; } /* ========================================================= VIE DI INGRESSO ========================================================= */ .sar-traffic__entry { margin-top: clamp(48px, 7vw, 80px); padding: clamp(30px, 5vw, 56px); border-radius: 28px; background: linear-gradient( 135deg, var(--sar-traffic-dark-deep) 0%, var(--sar-traffic-dark) 67%, #075667 100% ); box-shadow: 0 23px 65px rgba(4, 45, 54, 0.19); } .sar-traffic__entry-heading { max-width: 960px; } .sar-traffic__entry .sar-traffic__section-label { color: #88e6ee; } .sar-traffic__entry .sar-traffic__section-title { color: var(--sar-traffic-white); } .sar-traffic__entry .sar-traffic__answer { color: rgba(255, 255, 255, 0.9); } .sar-traffic__entry-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 29px; } .sar-traffic__entry-item { min-width: 0; padding: 21px 18px; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 17px; background: rgba(255, 255, 255, 0.97); } .sar-traffic__entry-item > span { display: inline-flex; margin-bottom: 10px; color: var(--sar-traffic-orange); font-size: 11px; font-weight: 900; letter-spacing: 0.065em; } .sar-traffic__entry-item h5 { margin: 0; color: var(--sar-traffic-dark); font-size: 18px; font-weight: 900; line-height: 1.3; } .sar-traffic__entry-item p { margin: 8px 0 0; color: var(--sar-traffic-muted); font-size: 13px; font-weight: 500; line-height: 1.6; } /* ========================================================= TABELLA DEI SINTOMI ========================================================= */ .sar-traffic__symptoms { margin-top: clamp(48px, 7vw, 80px); } .sar-traffic__symptoms-heading { max-width: 960px; margin-bottom: 27px; } .sar-traffic__table-wrapper { width: 100%; overflow: hidden; border: 1px solid var(--sar-traffic-border); border-radius: 22px; background: var(--sar-traffic-white); box-shadow: var(--sar-traffic-shadow); } .sar-traffic__table { width: 100%; border-collapse: collapse; table-layout: fixed; } .sar-traffic__table th, .sar-traffic__table td { padding: 18px; overflow-wrap: anywhere; vertical-align: top; text-align: left; } .sar-traffic__table th:nth-child(1), .sar-traffic__table td:nth-child(1) { width: 29%; } .sar-traffic__table th:nth-child(2), .sar-traffic__table td:nth-child(2) { width: 33%; } .sar-traffic__table th:nth-child(3), .sar-traffic__table td:nth-child(3) { width: 38%; } .sar-traffic__table thead { background: var(--sar-traffic-dark); color: var(--sar-traffic-white); } .sar-traffic__table th { font-size: 12px; font-weight: 900; line-height: 1.4; text-transform: uppercase; } .sar-traffic__table td { border-top: 1px solid var(--sar-traffic-border); color: var(--sar-traffic-muted); font-size: 13px; font-weight: 550; line-height: 1.58; } .sar-traffic__table td:first-child { color: var(--sar-traffic-dark); font-weight: 900; } .sar-traffic__table tbody tr:nth-child(even) { background: var(--sar-traffic-light); } .sar-traffic__sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* ========================================================= SISTEMA FINESTRA ========================================================= */ .sar-traffic__window-system { display: grid; grid-template-columns: minmax(0, 0.94fr) minmax(0, 1.06fr); gap: clamp(30px, 5vw, 62px); align-items: start; margin-top: clamp(48px, 7vw, 80px); padding: clamp(30px, 5vw, 55px); border: 1px solid var(--sar-traffic-border); border-radius: 27px; background: var(--sar-traffic-light); } .sar-traffic__window-system-content > p:not( .sar-traffic__section-label, .sar-traffic__answer ) { margin: 16px 0 0; color: var(--sar-traffic-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-traffic__text-link { display: inline-flex; align-items: center; gap: 8px; margin-top: 20px; color: var(--sar-traffic-teal); font-size: 14px; font-weight: 850; line-height: 1.45; text-decoration: none; } .sar-traffic__text-link:hover { text-decoration: underline; text-underline-offset: 4px; } .sar-traffic__window-system-list { display: grid; gap: 13px; } .sar-traffic__window-system-list article { display: flex; align-items: flex-start; gap: 13px; padding: 17px; border: 1px solid rgba(7, 59, 70, 0.09); border-radius: 15px; background: rgba(255, 255, 255, 0.95); } .sar-traffic__window-system-list article > span { display: grid; flex: 0 0 auto; place-items: center; width: 29px; height: 29px; border-radius: 9px; background: var(--sar-traffic-dark); color: var(--sar-traffic-white); font-size: 10px; font-weight: 900; } .sar-traffic__window-system-list strong { display: block; color: var(--sar-traffic-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-traffic__window-system-list p { margin: 5px 0 0; color: var(--sar-traffic-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } /* ========================================================= DECISIONE ========================================================= */ .sar-traffic__decision { margin-top: clamp(48px, 7vw, 80px); } .sar-traffic__decision-heading { max-width: 960px; margin-bottom: 29px; } .sar-traffic__decision-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .sar-traffic__decision-card { padding: clamp(27px, 4vw, 40px); border: 1px solid var(--sar-traffic-border); border-radius: 24px; background: var(--sar-traffic-white); box-shadow: 0 15px 44px rgba(4, 45, 54, 0.07); } .sar-traffic__decision-card--complete { border-color: rgba(0, 143, 163, 0.22); background: var(--sar-traffic-light); } .sar-traffic__decision-tag { display: inline-flex; margin-bottom: 14px; padding: 6px 10px; border-radius: 8px; background: rgba(46, 155, 103, 0.11); color: var(--sar-traffic-green); font-size: 10px; font-weight: 900; line-height: 1.35; letter-spacing: 0.055em; text-transform: uppercase; } .sar-traffic__decision-card--complete .sar-traffic__decision-tag { background: rgba(0, 143, 163, 0.1); color: var(--sar-traffic-teal); } .sar-traffic__decision-card h5 { margin: 0; color: var(--sar-traffic-dark); font-size: clamp(23px, 2.8vw, 33px); font-weight: 900; line-height: 1.2; } .sar-traffic__decision-card p { margin: 14px 0 0; color: var(--sar-traffic-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } .sar-traffic__decision-card ul { display: grid; gap: 9px; margin: 19px 0 0; padding: 0; list-style: none; } .sar-traffic__decision-card li { display: flex; align-items: flex-start; gap: 9px; color: var(--sar-traffic-dark); font-size: 13px; font-weight: 700; line-height: 1.5; } .sar-traffic__decision-card li > span { display: grid; flex: 0 0 auto; place-items: center; width: 21px; height: 21px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-traffic-green); font-size: 11px; font-weight: 900; } .sar-traffic__decision-card a { display: inline-flex; align-items: center; gap: 8px; margin-top: 20px; color: var(--sar-traffic-teal); font-size: 14px; font-weight: 850; line-height: 1.45; text-decoration: none; } .sar-traffic__decision-card a:hover { text-decoration: underline; text-underline-offset: 4px; } /* ========================================================= ERRORI ========================================================= */ .sar-traffic__mistakes { display: grid; grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr); gap: clamp(30px, 5vw, 62px); align-items: start; margin-top: clamp(48px, 7vw, 80px); padding: clamp(30px, 5vw, 55px); border: 1px solid var(--sar-traffic-border); border-radius: 27px; background: var(--sar-traffic-cream); } .sar-traffic__mistakes-list { display: grid; gap: 13px; margin: 0; padding: 0; list-style: none; } .sar-traffic__mistakes-list li { display: flex; align-items: flex-start; gap: 13px; padding: 17px; border: 1px solid rgba(201, 85, 66, 0.14); border-radius: 15px; background: rgba(255, 255, 255, 0.93); } .sar-traffic__mistakes-list li > span { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: rgba(201, 85, 66, 0.13); color: var(--sar-traffic-red); font-size: 17px; font-weight: 900; } .sar-traffic__mistakes-list strong { display: block; color: var(--sar-traffic-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-traffic__mistakes-list p { margin: 5px 0 0; color: var(--sar-traffic-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } /* ========================================================= METODO ========================================================= */ .sar-traffic__method { margin-top: clamp(48px, 7vw, 80px); } .sar-traffic__method-heading { max-width: 970px; margin-bottom: 29px; } .sar-traffic__steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; } .sar-traffic__step { display: flex; align-items: flex-start; gap: 15px; min-width: 0; padding: 19px; border: 1px solid var(--sar-traffic-border); border-radius: 17px; background: var(--sar-traffic-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-traffic__step-number { display: grid; flex: 0 0 auto; place-items: center; width: 37px; height: 37px; border-radius: 11px; background: var(--sar-traffic-dark); color: var(--sar-traffic-white); font-size: 13px; font-weight: 900; } .sar-traffic__step strong { display: block; color: var(--sar-traffic-dark); font-size: 16px; font-weight: 900; line-height: 1.3; } .sar-traffic__step p { margin: 5px 0 0; color: var(--sar-traffic-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } /* ========================================================= LINK INTERNI ========================================================= */ .sar-traffic__links { margin-top: clamp(48px, 7vw, 80px); padding: clamp(27px, 4vw, 40px); border: 1px solid rgba(0, 143, 163, 0.17); border-radius: 24px; background: var(--sar-traffic-light); } .sar-traffic__links-label { margin: 0 0 18px; color: var(--sar-traffic-teal); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-traffic__links-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } .sar-traffic__links-grid a { display: grid; gap: 5px; min-width: 0; padding: 17px; border: 1px solid rgba(7, 59, 70, 0.1); border-radius: 14px; background: var(--sar-traffic-white); text-decoration: none; transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .sar-traffic__links-grid a:hover { transform: translateY(-2px); border-color: rgba(0, 143, 163, 0.28); box-shadow: 0 12px 28px rgba(4, 45, 54, 0.07); } .sar-traffic__links-grid a > span { color: var(--sar-traffic-orange); font-size: 10px; font-weight: 900; line-height: 1.35; text-transform: uppercase; } .sar-traffic__links-grid a > strong { color: var(--sar-traffic-dark); font-size: 14px; font-weight: 900; line-height: 1.4; } /* ========================================================= CONVERSIONE ========================================================= */ .sar-traffic__conversion { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 22px; align-items: start; margin-top: clamp(48px, 7vw, 78px); padding: clamp(28px, 5vw, 47px); border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 25px; background: linear-gradient( 135deg, var(--sar-traffic-white), var(--sar-traffic-light) ); box-shadow: var(--sar-traffic-shadow); } .sar-traffic__conversion-icon { display: grid; place-items: center; width: 59px; height: 59px; border-radius: 18px; background: var(--sar-traffic-teal); color: var(--sar-traffic-white); font-size: 27px; font-weight: 900; } .sar-traffic__conversion-label { margin: 0 0 8px; color: var(--sar-traffic-teal); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-traffic__conversion-title { max-width: 950px; margin: 0; color: var(--sar-traffic-dark); font-size: clamp(24px, 3vw, 38px); font-weight: 900; line-height: 1.19; letter-spacing: -0.027em; text-wrap: balance; } .sar-traffic__conversion-content > p:not(.sar-traffic__conversion-label) { margin: 15px 0 0; color: var(--sar-traffic-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } /* ========================================================= CTA ========================================================= */ .sar-traffic__cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 36px; align-items: center; margin-top: clamp(48px, 7vw, 78px); padding: clamp(29px, 5vw, 52px); border-radius: 27px; background: linear-gradient( 132deg, var(--sar-traffic-dark-deep) 0%, var(--sar-traffic-dark) 66%, #07596a 100% ); box-shadow: 0 23px 62px rgba(4, 45, 54, 0.19); } .sar-traffic__cta-label { margin: 0 0 8px; color: #86e4ec; font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-traffic__cta-title { max-width: 840px; margin: 0; color: var(--sar-traffic-white); font-size: clamp(25px, 3vw, 39px); font-weight: 900; line-height: 1.17; letter-spacing: -0.028em; text-wrap: balance; } .sar-traffic__cta-text { max-width: 850px; margin: 14px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 15px; font-weight: 500; line-height: 1.68; } .sar-traffic__cta-actions { display: grid; gap: 11px; min-width: 260px; } .sar-traffic__button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 54px; padding: 13px 19px; border: 2px solid transparent; border-radius: 12px; font-size: 14px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .sar-traffic__button:hover { transform: translateY(-2px); } .sar-traffic__button:focus-visible, .sar-traffic__text-link:focus-visible, .sar-traffic__decision-card a:focus-visible, .sar-traffic__links-grid a:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; border-radius: 6px; } .sar-traffic__button--primary { background: var(--sar-traffic-orange); color: var(--sar-traffic-white); box-shadow: 0 12px 28px rgba(245, 130, 32, 0.26); } .sar-traffic__button--primary:hover { background: var(--sar-traffic-orange-dark); } .sar-traffic__button--whatsapp { border-color: #25d366; background: #25d366; color: var(--sar-traffic-white); box-shadow: 0 12px 28px rgba(37, 211, 102, 0.22); } .sar-traffic__button--whatsapp:hover { border-color: #1ebe5d; background: #1ebe5d; box-shadow: 0 14px 30px rgba(37, 211, 102, 0.3); } .sar-traffic__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-traffic-white); } .sar-traffic__button--phone:hover { border-color: rgba(255, 255, 255, 0.53); background: rgba(255, 255, 255, 0.15); } .sar-traffic__button--phone span { display: grid; gap: 1px; } .sar-traffic__button--phone strong { font-size: 15px; font-weight: 900; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1080px) { .sar-traffic__mechanism, .sar-traffic__window-system, .sar-traffic__mistakes { grid-template-columns: 1fr; } .sar-traffic__diagram { width: min(100%, 760px); margin-inline: auto; } .sar-traffic__entry-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-traffic__links-grid { grid-template-columns: 1fr; } .sar-traffic__cta { grid-template-columns: 1fr; } .sar-traffic__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); min-width: 0; } } /* ========================================================= TABLET PICCOLO ========================================================= */ @media (max-width: 820px) { .sar-traffic__sources-grid, .sar-traffic__decision-grid, .sar-traffic__steps { grid-template-columns: 1fr; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 720px) { #traffico-stradale-motorini-mezzi-pubblici-roma { padding: 57px 0; } .sar-traffic__container { width: min(100% - 28px, 1240px); } .sar-traffic__header { margin-bottom: 32px; text-align: left; } .sar-traffic__eyebrow { justify-content: flex-start; padding: 7px 11px; font-size: 10px; } .sar-traffic__title { font-size: clamp(30px, 9vw, 42px); } .sar-traffic__title span { display: block; margin-top: 4px; } .sar-traffic__direct-answer { margin-top: 18px; font-size: 17px; line-height: 1.6; } .sar-traffic__intro { font-size: 15px; line-height: 1.68; } .sar-traffic__section-title { font-size: 27px; } .sar-traffic__answer { font-size: 15px; line-height: 1.68; } .sar-traffic__mechanism { padding: 27px 20px; border-radius: 21px; } .sar-traffic__diagram { padding: 14px; border-radius: 18px; } .sar-traffic__sources { margin-top: 39px; } .sar-traffic__sources-heading { margin-bottom: 23px; } .sar-traffic__sources-grid { gap: 14px; } .sar-traffic__source { padding: 23px 19px; border-radius: 19px; } .sar-traffic__entry { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-traffic__entry-grid { grid-template-columns: 1fr; margin-top: 23px; } .sar-traffic__symptoms { margin-top: 39px; } .sar-traffic__symptoms-heading { margin-bottom: 23px; } .sar-traffic__table-wrapper { overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; } .sar-traffic__table, .sar-traffic__table tbody, .sar-traffic__table tr, .sar-traffic__table td { display: block; width: 100%; } .sar-traffic__table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); } .sar-traffic__table tbody { display: grid; gap: 13px; } .sar-traffic__table tr { overflow: hidden; border: 1px solid var(--sar-traffic-border); border-radius: 17px; background: var(--sar-traffic-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-traffic__table tbody tr:nth-child(even) { background: var(--sar-traffic-white); } .sar-traffic__table td, .sar-traffic__table td:nth-child(1), .sar-traffic__table td:nth-child(2), .sar-traffic__table td:nth-child(3) { width: 100%; padding: 15px 17px; border-top: 1px solid var(--sar-traffic-border); } .sar-traffic__table td:first-child { border-top: 0; background: var(--sar-traffic-light); } .sar-traffic__table td::before { display: block; margin-bottom: 5px; color: var(--sar-traffic-teal); content: attr(data-label); font-size: 9px; font-weight: 900; letter-spacing: 0.055em; text-transform: uppercase; } .sar-traffic__window-system { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-traffic__decision { margin-top: 39px; } .sar-traffic__decision-heading { margin-bottom: 23px; } .sar-traffic__decision-card { padding: 24px 19px; border-radius: 20px; } .sar-traffic__mistakes { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-traffic__method { margin-top: 39px; } .sar-traffic__method-heading { margin-bottom: 23px; } .sar-traffic__step { padding: 16px 14px; } .sar-traffic__links { margin-top: 39px; padding: 24px 18px; border-radius: 20px; } .sar-traffic__conversion { grid-template-columns: 1fr; margin-top: 39px; padding: 25px 20px; border-radius: 20px; } .sar-traffic__conversion-icon { width: 51px; height: 51px; border-radius: 15px; } .sar-traffic__cta { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-traffic__cta-actions { grid-template-columns: 1fr; } .sar-traffic__button { width: 100%; } } /* ========================================================= SCHERMI MOLTO PICCOLI ========================================================= */ @media (max-width: 430px) { .sar-traffic__diagram-paths { grid-template-columns: 1fr; } .sar-traffic__source h5 { font-size: 21px; } .sar-traffic__mistakes-list strong, .sar-traffic__window-system-list strong { font-size: 14px; } .sar-traffic__text-link, .sar-traffic__decision-card a { align-items: flex-start; font-size: 13px; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sar-traffic__button, .sar-traffic__links-grid a { transition: none; } .sar-traffic__button:hover, .sar-traffic__links-grid a:hover { transform: none; } }#imCell_28 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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 — VITA NOTTURNA, LOCALI E PERSONE IN STRADA Pagina: isolamento-acustico-roma.html Classi isolate con prefisso sar-night ========================================================= */ #vita-notturna-locali-persone-strada-roma { --sar-night-dark: #073b46; --sar-night-dark-deep: #042d36; --sar-night-teal: #008fa3; --sar-night-turquoise: #16bfd0; --sar-night-orange: #f58220; --sar-night-orange-dark: #dc6813; --sar-night-green: #2e9b67; --sar-night-red: #c95542; --sar-night-white: #ffffff; --sar-night-cream: #fff8ed; --sar-night-light: #eefafd; --sar-night-text: #18343b; --sar-night-muted: #587078; --sar-night-border: rgba(7, 59, 70, 0.13); --sar-night-shadow: 0 20px 55px rgba(4, 45, 54, 0.11); position: relative; width: 100%; overflow: hidden; padding: clamp(68px, 8vw, 108px) 0; background: radial-gradient( circle at 100% 2%, rgba(22, 191, 208, 0.09), transparent 29% ), radial-gradient( circle at 0% 48%, rgba(245, 130, 32, 0.065), transparent 25% ), linear-gradient( 180deg, #ffffff 0%, #f6fcfd 100% ); color: var(--sar-night-text); } #vita-notturna-locali-persone-strada-roma, #vita-notturna-locali-persone-strada-roma *, #vita-notturna-locali-persone-strada-roma *::before, #vita-notturna-locali-persone-strada-roma *::after { box-sizing: border-box; } /* ========================================================= CONTENITORE ========================================================= */ .sar-night__container { width: min(100% - 40px, 1240px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .sar-night__header { max-width: 1000px; margin: 0 auto 48px; text-align: center; } .sar-night__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 15px; padding: 8px 14px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-night-teal); font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.055em; text-transform: uppercase; } .sar-night__title { margin: 0; color: var(--sar-night-dark-deep); font-size: clamp(31px, 4vw, 52px); font-weight: 900; line-height: 1.1; letter-spacing: -0.037em; text-wrap: balance; } .sar-night__title span { color: var(--sar-night-teal); } .sar-night__direct-answer { max-width: 950px; margin: 22px auto 0; color: var(--sar-night-dark); font-size: clamp(18px, 1.65vw, 21px); font-weight: 700; line-height: 1.65; } .sar-night__intro { max-width: 910px; margin: 17px auto 0; color: var(--sar-night-muted); font-size: 16px; font-weight: 500; line-height: 1.75; } /* ========================================================= TITOLI E RISPOSTE ========================================================= */ .sar-night__section-label { margin: 0 0 9px; color: var(--sar-night-orange); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-night__section-title { margin: 0; color: var(--sar-night-dark-deep); font-size: clamp(26px, 3.2vw, 42px); font-weight: 900; line-height: 1.16; letter-spacing: -0.029em; text-wrap: balance; } .sar-night__answer { margin: 17px 0 0; color: var(--sar-night-dark); font-size: 16px; font-weight: 650; line-height: 1.72; } /* ========================================================= MECCANISMO ========================================================= */ .sar-night__mechanism { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(390px, 0.98fr); gap: clamp(30px, 5vw, 62px); align-items: center; padding: clamp(31px, 5vw, 57px); border-radius: 28px; background: linear-gradient( 135deg, var(--sar-night-dark-deep) 0%, var(--sar-night-dark) 67%, #075667 100% ); box-shadow: 0 23px 65px rgba(4, 45, 54, 0.19); } .sar-night__mechanism .sar-night__section-label { color: #88e6ee; } .sar-night__mechanism .sar-night__section-title { color: var(--sar-night-white); } .sar-night__mechanism .sar-night__answer { color: rgba(255, 255, 255, 0.94); } .sar-night__mechanism-content > p:not( .sar-night__section-label, .sar-night__answer ) { margin: 16px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-night__mechanism-note { display: flex; align-items: flex-start; gap: 12px; margin-top: 23px; padding: 16px; border: 1px solid rgba(245, 130, 32, 0.32); border-radius: 15px; background: rgba(245, 130, 32, 0.11); } .sar-night__mechanism-note-icon { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: var(--sar-night-orange); color: var(--sar-night-white); font-size: 15px; font-weight: 900; } .sar-night__mechanism-note p { margin: 0; color: rgba(255, 255, 255, 0.93); font-size: 13px; font-weight: 700; line-height: 1.58; } /* ========================================================= DIAGRAMMA ========================================================= */ .sar-night__diagram { width: 100%; min-width: 0; padding: 18px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 22px; background: rgba(255, 255, 255, 0.97); box-shadow: 0 17px 42px rgba(0, 0, 0, 0.15); } .sar-night__diagram-source { display: grid; justify-items: center; padding: 15px; border-radius: 12px; background: var(--sar-night-cream); text-align: center; } .sar-night__diagram-source span { color: var(--sar-night-orange); font-size: 9px; font-weight: 900; letter-spacing: 0.06em; text-transform: uppercase; } .sar-night__diagram-source strong { margin-top: 6px; color: var(--sar-night-dark); font-size: 13px; font-weight: 900; line-height: 1.4; } .sar-night__diagram-waves { margin-top: 9px; color: var(--sar-night-orange); font-size: 18px; font-weight: 900; } .sar-night__diagram-paths { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 10px; } .sar-night__diagram-path { min-width: 0; padding: 13px; border: 1px solid rgba(7, 59, 70, 0.1); border-radius: 11px; background: var(--sar-night-light); } .sar-night__diagram-path > span { display: grid; place-items: center; width: 24px; height: 24px; margin-bottom: 7px; border-radius: 8px; background: var(--sar-night-dark); color: var(--sar-night-white); font-size: 8px; font-weight: 900; } .sar-night__diagram-path strong { display: block; color: var(--sar-night-dark); font-size: 11px; font-weight: 900; line-height: 1.35; } .sar-night__diagram-path p { margin: 5px 0 0; color: var(--sar-night-muted); font-size: 9px; font-weight: 650; line-height: 1.45; } .sar-night__diagram-room { display: grid; justify-items: center; gap: 5px; margin-top: 10px; padding: 14px; border-radius: 11px; background: rgba(46, 155, 103, 0.09); text-align: center; } .sar-night__diagram-room span { color: var(--sar-night-green); font-size: 9px; font-weight: 900; letter-spacing: 0.06em; text-transform: uppercase; } .sar-night__diagram-room strong { color: var(--sar-night-dark); font-size: 11px; font-weight: 850; line-height: 1.45; } .sar-night__diagram-caption { margin: 13px 0 0; color: var(--sar-night-muted); font-size: 11px; font-weight: 650; line-height: 1.5; text-align: center; } /* ========================================================= SORGENTI ========================================================= */ .sar-night__sources { margin-top: clamp(48px, 7vw, 80px); } .sar-night__sources-heading { max-width: 960px; margin-bottom: 29px; } .sar-night__sources-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .sar-night__source { min-width: 0; padding: clamp(25px, 4vw, 37px); border: 1px solid var(--sar-night-border); border-radius: 22px; background: var(--sar-night-white); box-shadow: 0 15px 44px rgba(4, 45, 54, 0.07); } .sar-night__source-top { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 17px; } .sar-night__source-number { color: var(--sar-night-orange); font-size: 12px; font-weight: 900; letter-spacing: 0.07em; } .sar-night__source-icon { display: grid; place-items: center; width: 59px; height: 59px; border-radius: 17px; background: rgba(245, 130, 32, 0.11); color: var(--sar-night-orange); } .sar-night__source--teal .sar-night__source-number, .sar-night__source--teal .sar-night__source-icon { color: var(--sar-night-teal); } .sar-night__source--teal .sar-night__source-icon { background: rgba(22, 191, 208, 0.11); } .sar-night__source--green .sar-night__source-number, .sar-night__source--green .sar-night__source-icon { color: var(--sar-night-green); } .sar-night__source--green .sar-night__source-icon { background: rgba(46, 155, 103, 0.11); } .sar-night__source-label { margin: 0 0 8px; color: var(--sar-night-teal); font-size: 10px; font-weight: 900; line-height: 1.35; letter-spacing: 0.065em; text-transform: uppercase; } .sar-night__source h5 { margin: 0; color: var(--sar-night-dark); font-size: clamp(21px, 2.3vw, 28px); font-weight: 900; line-height: 1.25; letter-spacing: -0.02em; } .sar-night__source > p:not(.sar-night__source-label) { margin: 13px 0 0; color: var(--sar-night-muted); font-size: 14px; font-weight: 500; line-height: 1.68; } .sar-night__source-focus { margin-top: 17px; padding: 13px 14px; border-radius: 12px; background: var(--sar-night-light); } .sar-night__source-focus span { display: block; color: var(--sar-night-teal); font-size: 9px; font-weight: 900; letter-spacing: 0.055em; text-transform: uppercase; } .sar-night__source-focus strong { display: block; margin-top: 5px; color: var(--sar-night-dark); font-size: 12px; font-weight: 850; line-height: 1.5; } /* ========================================================= PERCEZIONE NOTTURNA ========================================================= */ .sar-night__perception { display: grid; grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr); gap: clamp(30px, 5vw, 62px); align-items: start; margin-top: clamp(48px, 7vw, 80px); padding: clamp(30px, 5vw, 55px); border: 1px solid var(--sar-night-border); border-radius: 27px; background: var(--sar-night-cream); } .sar-night__perception-content > p:not( .sar-night__section-label, .sar-night__answer ) { margin: 16px 0 0; color: var(--sar-night-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-night__perception-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; } .sar-night__perception-item { min-width: 0; padding: 18px; border: 1px solid rgba(7, 59, 70, 0.09); border-radius: 16px; background: rgba(255, 255, 255, 0.94); } .sar-night__perception-item > span { display: inline-flex; margin-bottom: 9px; color: var(--sar-night-orange); font-size: 11px; font-weight: 900; letter-spacing: 0.065em; } .sar-night__perception-item h5 { margin: 0; color: var(--sar-night-dark); font-size: 17px; font-weight: 900; line-height: 1.3; } .sar-night__perception-item p { margin: 7px 0 0; color: var(--sar-night-muted); font-size: 12px; font-weight: 550; line-height: 1.55; } /* ========================================================= PUNTI DI INGRESSO ========================================================= */ .sar-night__entry { margin-top: clamp(48px, 7vw, 80px); padding: clamp(30px, 5vw, 56px); border-radius: 28px; background: linear-gradient( 135deg, var(--sar-night-dark-deep) 0%, var(--sar-night-dark) 67%, #075667 100% ); box-shadow: 0 23px 65px rgba(4, 45, 54, 0.19); } .sar-night__entry-heading { max-width: 960px; } .sar-night__entry .sar-night__section-label { color: #88e6ee; } .sar-night__entry .sar-night__section-title { color: var(--sar-night-white); } .sar-night__entry .sar-night__answer { color: rgba(255, 255, 255, 0.9); } .sar-night__entry-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 29px; } .sar-night__entry-item { min-width: 0; padding: 21px 18px; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 17px; background: rgba(255, 255, 255, 0.97); } .sar-night__entry-item > span { display: inline-flex; margin-bottom: 10px; color: var(--sar-night-orange); font-size: 11px; font-weight: 900; letter-spacing: 0.065em; } .sar-night__entry-item h5 { margin: 0; color: var(--sar-night-dark); font-size: 18px; font-weight: 900; line-height: 1.3; } .sar-night__entry-item p { margin: 8px 0 0; color: var(--sar-night-muted); font-size: 13px; font-weight: 500; line-height: 1.6; } /* ========================================================= TABELLA ========================================================= */ .sar-night__symptoms { margin-top: clamp(48px, 7vw, 80px); } .sar-night__symptoms-heading { max-width: 960px; margin-bottom: 27px; } .sar-night__table-wrapper { width: 100%; overflow: hidden; border: 1px solid var(--sar-night-border); border-radius: 22px; background: var(--sar-night-white); box-shadow: var(--sar-night-shadow); } .sar-night__table { width: 100%; border-collapse: collapse; table-layout: fixed; } .sar-night__table th, .sar-night__table td { padding: 18px; overflow-wrap: anywhere; vertical-align: top; text-align: left; } .sar-night__table th:nth-child(1), .sar-night__table td:nth-child(1) { width: 29%; } .sar-night__table th:nth-child(2), .sar-night__table td:nth-child(2) { width: 31%; } .sar-night__table th:nth-child(3), .sar-night__table td:nth-child(3) { width: 40%; } .sar-night__table thead { background: var(--sar-night-dark); color: var(--sar-night-white); } .sar-night__table th { font-size: 12px; font-weight: 900; line-height: 1.4; text-transform: uppercase; } .sar-night__table td { border-top: 1px solid var(--sar-night-border); color: var(--sar-night-muted); font-size: 13px; font-weight: 550; line-height: 1.58; } .sar-night__table td:first-child { color: var(--sar-night-dark); font-weight: 900; } .sar-night__table tbody tr:nth-child(even) { background: var(--sar-night-light); } .sar-night__sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* ========================================================= DECISIONE ========================================================= */ .sar-night__decision { margin-top: clamp(48px, 7vw, 80px); } .sar-night__decision-heading { max-width: 960px; margin-bottom: 29px; } .sar-night__decision-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .sar-night__decision-card { padding: clamp(27px, 4vw, 40px); border: 1px solid var(--sar-night-border); border-radius: 24px; background: var(--sar-night-white); box-shadow: 0 15px 44px rgba(4, 45, 54, 0.07); } .sar-night__decision-card--complete { border-color: rgba(0, 143, 163, 0.22); background: var(--sar-night-light); } .sar-night__decision-tag { display: inline-flex; margin-bottom: 14px; padding: 6px 10px; border-radius: 8px; background: rgba(46, 155, 103, 0.11); color: var(--sar-night-green); font-size: 10px; font-weight: 900; letter-spacing: 0.055em; text-transform: uppercase; } .sar-night__decision-card--complete .sar-night__decision-tag { background: rgba(0, 143, 163, 0.1); color: var(--sar-night-teal); } .sar-night__decision-card h5 { margin: 0; color: var(--sar-night-dark); font-size: clamp(23px, 2.8vw, 33px); font-weight: 900; line-height: 1.2; } .sar-night__decision-card p { margin: 14px 0 0; color: var(--sar-night-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } .sar-night__decision-card ul { display: grid; gap: 9px; margin: 19px 0 0; padding: 0; list-style: none; } .sar-night__decision-card li { display: flex; align-items: flex-start; gap: 9px; color: var(--sar-night-dark); font-size: 13px; font-weight: 700; line-height: 1.5; } .sar-night__decision-card li > span { display: grid; flex: 0 0 auto; place-items: center; width: 21px; height: 21px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-night-green); font-size: 11px; font-weight: 900; } .sar-night__decision-card a { display: inline-flex; align-items: center; gap: 8px; margin-top: 20px; color: var(--sar-night-teal); font-size: 14px; font-weight: 850; line-height: 1.45; text-decoration: none; } .sar-night__decision-card a:hover { text-decoration: underline; text-underline-offset: 4px; } /* ========================================================= ERRORI ========================================================= */ .sar-night__mistakes { display: grid; grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr); gap: clamp(30px, 5vw, 62px); align-items: start; margin-top: clamp(48px, 7vw, 80px); padding: clamp(30px, 5vw, 55px); border: 1px solid var(--sar-night-border); border-radius: 27px; background: var(--sar-night-cream); } .sar-night__mistakes-list { display: grid; gap: 13px; margin: 0; padding: 0; list-style: none; } .sar-night__mistakes-list li { display: flex; align-items: flex-start; gap: 13px; padding: 17px; border: 1px solid rgba(201, 85, 66, 0.14); border-radius: 15px; background: rgba(255, 255, 255, 0.93); } .sar-night__mistakes-list li > span { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: rgba(201, 85, 66, 0.13); color: var(--sar-night-red); font-size: 17px; font-weight: 900; } .sar-night__mistakes-list strong { display: block; color: var(--sar-night-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-night__mistakes-list p { margin: 5px 0 0; color: var(--sar-night-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } /* ========================================================= METODO ========================================================= */ .sar-night__method { margin-top: clamp(48px, 7vw, 80px); } .sar-night__method-heading { max-width: 970px; margin-bottom: 29px; } .sar-night__steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; } .sar-night__step { display: flex; align-items: flex-start; gap: 15px; min-width: 0; padding: 19px; border: 1px solid var(--sar-night-border); border-radius: 17px; background: var(--sar-night-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-night__step-number { display: grid; flex: 0 0 auto; place-items: center; width: 37px; height: 37px; border-radius: 11px; background: var(--sar-night-dark); color: var(--sar-night-white); font-size: 13px; font-weight: 900; } .sar-night__step strong { display: block; color: var(--sar-night-dark); font-size: 16px; font-weight: 900; line-height: 1.3; } .sar-night__step p { margin: 5px 0 0; color: var(--sar-night-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } /* ========================================================= LINK INTERNI ========================================================= */ .sar-night__links { margin-top: clamp(48px, 7vw, 80px); padding: clamp(27px, 4vw, 40px); border: 1px solid rgba(0, 143, 163, 0.17); border-radius: 24px; background: var(--sar-night-light); } .sar-night__links-label { margin: 0 0 18px; color: var(--sar-night-teal); font-size: 11px; font-weight: 900; letter-spacing: 0.07em; text-transform: uppercase; } .sar-night__links-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } .sar-night__links-grid a { display: grid; gap: 5px; min-width: 0; padding: 17px; border: 1px solid rgba(7, 59, 70, 0.1); border-radius: 14px; background: var(--sar-night-white); text-decoration: none; transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .sar-night__links-grid a:hover { transform: translateY(-2px); border-color: rgba(0, 143, 163, 0.28); box-shadow: 0 12px 28px rgba(4, 45, 54, 0.07); } .sar-night__links-grid a > span { color: var(--sar-night-orange); font-size: 10px; font-weight: 900; line-height: 1.35; text-transform: uppercase; } .sar-night__links-grid a > strong { color: var(--sar-night-dark); font-size: 14px; font-weight: 900; line-height: 1.4; } /* ========================================================= CONVERSIONE ========================================================= */ .sar-night__conversion { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 22px; align-items: start; margin-top: clamp(48px, 7vw, 78px); padding: clamp(28px, 5vw, 47px); border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 25px; background: linear-gradient( 135deg, var(--sar-night-white), var(--sar-night-light) ); box-shadow: var(--sar-night-shadow); } .sar-night__conversion-icon { display: grid; place-items: center; width: 59px; height: 59px; border-radius: 18px; background: var(--sar-night-teal); color: var(--sar-night-white); font-size: 27px; font-weight: 900; } .sar-night__conversion-label { margin: 0 0 8px; color: var(--sar-night-teal); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-night__conversion-title { max-width: 950px; margin: 0; color: var(--sar-night-dark); font-size: clamp(24px, 3vw, 38px); font-weight: 900; line-height: 1.19; letter-spacing: -0.027em; text-wrap: balance; } .sar-night__conversion-content > p:not(.sar-night__conversion-label) { margin: 15px 0 0; color: var(--sar-night-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } /* ========================================================= CTA ========================================================= */ .sar-night__cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 36px; align-items: center; margin-top: clamp(48px, 7vw, 78px); padding: clamp(29px, 5vw, 52px); border-radius: 27px; background: linear-gradient( 132deg, var(--sar-night-dark-deep) 0%, var(--sar-night-dark) 66%, #07596a 100% ); box-shadow: 0 23px 62px rgba(4, 45, 54, 0.19); } .sar-night__cta-label { margin: 0 0 8px; color: #86e4ec; font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-night__cta-title { max-width: 840px; margin: 0; color: var(--sar-night-white); font-size: clamp(25px, 3vw, 39px); font-weight: 900; line-height: 1.17; letter-spacing: -0.028em; text-wrap: balance; } .sar-night__cta-text { max-width: 850px; margin: 14px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 15px; font-weight: 500; line-height: 1.68; } .sar-night__cta-actions { display: grid; gap: 11px; min-width: 260px; } .sar-night__button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 54px; padding: 13px 19px; border: 2px solid transparent; border-radius: 12px; font-size: 14px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .sar-night__button:hover { transform: translateY(-2px); } .sar-night__button:focus-visible, .sar-night__decision-card a:focus-visible, .sar-night__links-grid a:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; border-radius: 6px; } .sar-night__button--primary { background: var(--sar-night-orange); color: var(--sar-night-white); box-shadow: 0 12px 28px rgba(245, 130, 32, 0.26); } .sar-night__button--primary:hover { background: var(--sar-night-orange-dark); } .sar-night__button--whatsapp { border-color: #25d366; background: #25d366; color: var(--sar-night-white); box-shadow: 0 12px 28px rgba(37, 211, 102, 0.22); } .sar-night__button--whatsapp:hover { border-color: #1ebe5d; background: #1ebe5d; box-shadow: 0 14px 30px rgba(37, 211, 102, 0.3); } .sar-night__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-night-white); } .sar-night__button--phone:hover { border-color: rgba(255, 255, 255, 0.53); background: rgba(255, 255, 255, 0.15); } .sar-night__button--phone span { display: grid; gap: 1px; } .sar-night__button--phone strong { font-size: 15px; font-weight: 900; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1080px) { .sar-night__mechanism, .sar-night__perception, .sar-night__mistakes { grid-template-columns: 1fr; } .sar-night__diagram { width: min(100%, 760px); margin-inline: auto; } .sar-night__entry-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-night__links-grid { grid-template-columns: 1fr; } .sar-night__cta { grid-template-columns: 1fr; } .sar-night__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); min-width: 0; } } /* ========================================================= TABLET PICCOLO ========================================================= */ @media (max-width: 820px) { .sar-night__sources-grid, .sar-night__decision-grid, .sar-night__steps { grid-template-columns: 1fr; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 720px) { #vita-notturna-locali-persone-strada-roma { padding: 57px 0; } .sar-night__container { width: min(100% - 28px, 1240px); } .sar-night__header { margin-bottom: 32px; text-align: left; } .sar-night__eyebrow { justify-content: flex-start; padding: 7px 11px; font-size: 10px; } .sar-night__title { font-size: clamp(30px, 9vw, 42px); } .sar-night__title span { display: block; margin-top: 4px; } .sar-night__direct-answer { margin-top: 18px; font-size: 17px; line-height: 1.6; } .sar-night__intro { font-size: 15px; line-height: 1.68; } .sar-night__section-title { font-size: 27px; } .sar-night__answer { font-size: 15px; line-height: 1.68; } .sar-night__mechanism { padding: 27px 20px; border-radius: 21px; } .sar-night__diagram { padding: 14px; border-radius: 18px; } .sar-night__sources { margin-top: 39px; } .sar-night__sources-heading { margin-bottom: 23px; } .sar-night__sources-grid { gap: 14px; } .sar-night__source { padding: 23px 19px; border-radius: 19px; } .sar-night__perception { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-night__perception-grid { grid-template-columns: 1fr; } .sar-night__entry { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-night__entry-grid { grid-template-columns: 1fr; margin-top: 23px; } .sar-night__symptoms { margin-top: 39px; } .sar-night__symptoms-heading { margin-bottom: 23px; } .sar-night__table-wrapper { overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; } .sar-night__table, .sar-night__table tbody, .sar-night__table tr, .sar-night__table td { display: block; width: 100%; } .sar-night__table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); } .sar-night__table tbody { display: grid; gap: 13px; } .sar-night__table tr { overflow: hidden; border: 1px solid var(--sar-night-border); border-radius: 17px; background: var(--sar-night-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-night__table tbody tr:nth-child(even) { background: var(--sar-night-white); } .sar-night__table td, .sar-night__table td:nth-child(1), .sar-night__table td:nth-child(2), .sar-night__table td:nth-child(3) { width: 100%; padding: 15px 17px; border-top: 1px solid var(--sar-night-border); } .sar-night__table td:first-child { border-top: 0; background: var(--sar-night-light); } .sar-night__table td::before { display: block; margin-bottom: 5px; color: var(--sar-night-teal); content: attr(data-label); font-size: 9px; font-weight: 900; letter-spacing: 0.055em; text-transform: uppercase; } .sar-night__decision { margin-top: 39px; } .sar-night__decision-heading { margin-bottom: 23px; } .sar-night__decision-card { padding: 24px 19px; border-radius: 20px; } .sar-night__mistakes { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-night__method { margin-top: 39px; } .sar-night__method-heading { margin-bottom: 23px; } .sar-night__step { padding: 16px 14px; } .sar-night__links { margin-top: 39px; padding: 24px 18px; border-radius: 20px; } .sar-night__conversion { grid-template-columns: 1fr; margin-top: 39px; padding: 25px 20px; border-radius: 20px; } .sar-night__conversion-icon { width: 51px; height: 51px; border-radius: 15px; } .sar-night__cta { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-night__cta-actions { grid-template-columns: 1fr; } .sar-night__button { width: 100%; } } /* ========================================================= SCHERMI MOLTO PICCOLI ========================================================= */ @media (max-width: 430px) { .sar-night__diagram-paths { grid-template-columns: 1fr; } .sar-night__source h5 { font-size: 21px; } .sar-night__mistakes-list strong { font-size: 14px; } .sar-night__decision-card a { align-items: flex-start; font-size: 13px; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sar-night__button, .sar-night__links-grid a { transition: none; } .sar-night__button:hover, .sar-night__links-grid a:hover { transform: none; } }#imCell_29 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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 — LINEE FERROVIARIE, METROPOLITANA E VIBRAZIONI Pagina: isolamento-acustico-roma.html Classi isolate con prefisso sar-rail ========================================================= */ #linee-ferroviarie-metropolitana-vibrazioni-roma { --sar-rail-dark: #073b46; --sar-rail-dark-deep: #042d36; --sar-rail-teal: #008fa3; --sar-rail-turquoise: #16bfd0; --sar-rail-orange: #f58220; --sar-rail-orange-dark: #dc6813; --sar-rail-green: #2e9b67; --sar-rail-red: #c95542; --sar-rail-white: #ffffff; --sar-rail-cream: #fff8ed; --sar-rail-light: #eefafd; --sar-rail-text: #18343b; --sar-rail-muted: #587078; --sar-rail-border: rgba(7, 59, 70, 0.13); --sar-rail-shadow: 0 20px 55px rgba(4, 45, 54, 0.11); position: relative; width: 100%; overflow: hidden; padding: clamp(68px, 8vw, 108px) 0; background: radial-gradient( circle at 100% 2%, rgba(22, 191, 208, 0.09), transparent 29% ), radial-gradient( circle at 0% 47%, rgba(46, 155, 103, 0.07), transparent 25% ), linear-gradient( 180deg, #ffffff 0%, #f6fcfd 100% ); color: var(--sar-rail-text); } #linee-ferroviarie-metropolitana-vibrazioni-roma, #linee-ferroviarie-metropolitana-vibrazioni-roma *, #linee-ferroviarie-metropolitana-vibrazioni-roma *::before, #linee-ferroviarie-metropolitana-vibrazioni-roma *::after { box-sizing: border-box; } /* ========================================================= CONTENITORE ========================================================= */ .sar-rail__container { width: min(100% - 40px, 1240px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .sar-rail__header { max-width: 1000px; margin: 0 auto 48px; text-align: center; } .sar-rail__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 15px; padding: 8px 14px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-rail-teal); font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.055em; text-transform: uppercase; } .sar-rail__title { margin: 0; color: var(--sar-rail-dark-deep); font-size: clamp(31px, 4vw, 52px); font-weight: 900; line-height: 1.1; letter-spacing: -0.037em; text-wrap: balance; } .sar-rail__title span { color: var(--sar-rail-teal); } .sar-rail__direct-answer { max-width: 950px; margin: 22px auto 0; color: var(--sar-rail-dark); font-size: clamp(18px, 1.65vw, 21px); font-weight: 700; line-height: 1.65; } .sar-rail__intro { max-width: 910px; margin: 17px auto 0; color: var(--sar-rail-muted); font-size: 16px; font-weight: 500; line-height: 1.75; } /* ========================================================= TITOLI E RISPOSTE ========================================================= */ .sar-rail__section-label { margin: 0 0 9px; color: var(--sar-rail-orange); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-rail__section-title { margin: 0; color: var(--sar-rail-dark-deep); font-size: clamp(26px, 3.2vw, 42px); font-weight: 900; line-height: 1.16; letter-spacing: -0.029em; text-wrap: balance; } .sar-rail__answer { margin: 17px 0 0; color: var(--sar-rail-dark); font-size: 16px; font-weight: 650; line-height: 1.72; } /* ========================================================= MECCANISMO ========================================================= */ .sar-rail__mechanism { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(390px, 0.98fr); gap: clamp(30px, 5vw, 62px); align-items: center; padding: clamp(31px, 5vw, 57px); border-radius: 28px; background: linear-gradient( 135deg, var(--sar-rail-dark-deep) 0%, var(--sar-rail-dark) 67%, #075667 100% ); box-shadow: 0 23px 65px rgba(4, 45, 54, 0.19); } .sar-rail__mechanism .sar-rail__section-label { color: #88e6ee; } .sar-rail__mechanism .sar-rail__section-title { color: var(--sar-rail-white); } .sar-rail__mechanism .sar-rail__answer { color: rgba(255, 255, 255, 0.94); } .sar-rail__mechanism-content > p:not( .sar-rail__section-label, .sar-rail__answer ) { margin: 16px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-rail__mechanism-note { display: flex; align-items: flex-start; gap: 12px; margin-top: 23px; padding: 16px; border: 1px solid rgba(245, 130, 32, 0.32); border-radius: 15px; background: rgba(245, 130, 32, 0.11); } .sar-rail__mechanism-note-icon { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: var(--sar-rail-orange); color: var(--sar-rail-white); font-size: 15px; font-weight: 900; } .sar-rail__mechanism-note p { margin: 0; color: rgba(255, 255, 255, 0.93); font-size: 13px; font-weight: 700; line-height: 1.58; } /* ========================================================= DIAGRAMMA ========================================================= */ .sar-rail__diagram { width: 100%; min-width: 0; padding: 18px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 22px; background: rgba(255, 255, 255, 0.97); box-shadow: 0 17px 42px rgba(0, 0, 0, 0.15); } .sar-rail__diagram-source { display: grid; justify-items: center; padding: 15px; border-radius: 12px; background: var(--sar-rail-cream); text-align: center; } .sar-rail__diagram-source span { color: var(--sar-rail-orange); font-size: 9px; font-weight: 900; letter-spacing: 0.06em; text-transform: uppercase; } .sar-rail__diagram-source strong { margin-top: 6px; color: var(--sar-rail-dark); font-size: 13px; font-weight: 900; line-height: 1.4; } .sar-rail__diagram-source-symbol { margin-top: 10px; color: var(--sar-rail-orange); font-size: 18px; font-weight: 900; letter-spacing: 0.05em; } .sar-rail__diagram-paths { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 10px; } .sar-rail__diagram-path { position: relative; min-width: 0; padding: 14px 50px 14px 13px; border: 1px solid rgba(0, 143, 163, 0.16); border-radius: 11px; background: var(--sar-rail-light); } .sar-rail__diagram-path--structure { border-color: rgba(46, 155, 103, 0.18); background: rgba(46, 155, 103, 0.08); } .sar-rail__diagram-path > span { display: grid; place-items: center; width: 24px; height: 24px; margin-bottom: 7px; border-radius: 8px; background: var(--sar-rail-dark); color: var(--sar-rail-white); font-size: 8px; font-weight: 900; } .sar-rail__diagram-path strong { display: block; color: var(--sar-rail-dark); font-size: 11px; font-weight: 900; line-height: 1.35; } .sar-rail__diagram-path p { margin: 5px 0 0; color: var(--sar-rail-muted); font-size: 9px; font-weight: 650; line-height: 1.45; } .sar-rail__diagram-wave { position: absolute; top: 50%; right: 10px; color: var(--sar-rail-teal); font-size: 14px; font-weight: 900; transform: translateY(-50%); } .sar-rail__diagram-path--structure .sar-rail__diagram-wave { color: var(--sar-rail-green); } .sar-rail__diagram-building { display: grid; justify-items: center; gap: 10px; margin-top: 10px; padding: 14px; border-radius: 11px; background: rgba(7, 59, 70, 0.06); } .sar-rail__diagram-building-top { color: var(--sar-rail-dark); font-size: 10px; font-weight: 900; text-transform: uppercase; } .sar-rail__diagram-building-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; width: 100%; } .sar-rail__diagram-building-grid span { padding: 7px 5px; border-radius: 7px; background: var(--sar-rail-white); color: var(--sar-rail-teal); font-size: 8px; font-weight: 900; text-align: center; text-transform: uppercase; } .sar-rail__diagram-building strong { color: var(--sar-rail-muted); font-size: 10px; font-weight: 750; line-height: 1.45; text-align: center; } .sar-rail__diagram-caption { margin: 13px 0 0; color: var(--sar-rail-muted); font-size: 11px; font-weight: 650; line-height: 1.5; text-align: center; } /* ========================================================= SEGNALI ========================================================= */ .sar-rail__signals { margin-top: clamp(48px, 7vw, 80px); } .sar-rail__signals-heading { max-width: 960px; margin-bottom: 29px; } .sar-rail__signals-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } .sar-rail__signal { min-width: 0; padding: 22px 19px; border: 1px solid var(--sar-rail-border); border-radius: 19px; background: var(--sar-rail-white); box-shadow: 0 11px 31px rgba(4, 45, 54, 0.055); } .sar-rail__signal-number { display: inline-flex; margin-bottom: 10px; color: var(--sar-rail-orange); font-size: 11px; font-weight: 900; letter-spacing: 0.065em; } .sar-rail__signal h5 { margin: 0; color: var(--sar-rail-dark); font-size: 18px; font-weight: 900; line-height: 1.3; } .sar-rail__signal p { margin: 9px 0 0; color: var(--sar-rail-muted); font-size: 13px; font-weight: 500; line-height: 1.62; } /* ========================================================= CONFRONTO ========================================================= */ .sar-rail__comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: clamp(48px, 7vw, 80px); } .sar-rail__comparison-card { padding: clamp(27px, 4vw, 40px); border: 1px solid var(--sar-rail-border); border-radius: 24px; background: var(--sar-rail-white); box-shadow: 0 15px 44px rgba(4, 45, 54, 0.07); } .sar-rail__comparison-card--structure { border-color: rgba(46, 155, 103, 0.22); background: rgba(46, 155, 103, 0.07); } .sar-rail__comparison-tag { display: inline-flex; margin-bottom: 14px; padding: 6px 10px; border-radius: 8px; background: rgba(0, 143, 163, 0.1); color: var(--sar-rail-teal); font-size: 10px; font-weight: 900; letter-spacing: 0.055em; text-transform: uppercase; } .sar-rail__comparison-card--structure .sar-rail__comparison-tag { background: rgba(46, 155, 103, 0.12); color: var(--sar-rail-green); } .sar-rail__comparison-card h4 { margin: 0; color: var(--sar-rail-dark); font-size: clamp(24px, 2.8vw, 34px); font-weight: 900; line-height: 1.2; } .sar-rail__comparison-card p { margin: 14px 0 0; color: var(--sar-rail-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } .sar-rail__comparison-card ul { display: grid; gap: 9px; margin: 19px 0 0; padding: 0; list-style: none; } .sar-rail__comparison-card li { display: flex; align-items: flex-start; gap: 9px; color: var(--sar-rail-dark); font-size: 13px; font-weight: 700; line-height: 1.5; } .sar-rail__comparison-card li > span { display: grid; flex: 0 0 auto; place-items: center; width: 21px; height: 21px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-rail-green); font-size: 11px; font-weight: 900; } /* ========================================================= CONTROLLI ========================================================= */ .sar-rail__checks { margin-top: clamp(48px, 7vw, 80px); padding: clamp(30px, 5vw, 56px); border-radius: 28px; background: linear-gradient( 135deg, var(--sar-rail-dark-deep) 0%, var(--sar-rail-dark) 67%, #075667 100% ); box-shadow: 0 23px 65px rgba(4, 45, 54, 0.19); } .sar-rail__checks-heading { max-width: 960px; } .sar-rail__checks .sar-rail__section-label { color: #88e6ee; } .sar-rail__checks .sar-rail__section-title { color: var(--sar-rail-white); } .sar-rail__checks .sar-rail__answer { color: rgba(255, 255, 255, 0.9); } .sar-rail__checks-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 29px; } .sar-rail__check { min-width: 0; padding: 21px 18px; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 17px; background: rgba(255, 255, 255, 0.97); } .sar-rail__check > span { display: inline-flex; margin-bottom: 10px; color: var(--sar-rail-orange); font-size: 11px; font-weight: 900; letter-spacing: 0.065em; } .sar-rail__check h5 { margin: 0; color: var(--sar-rail-dark); font-size: 18px; font-weight: 900; line-height: 1.3; } .sar-rail__check p { margin: 8px 0 0; color: var(--sar-rail-muted); font-size: 13px; font-weight: 500; line-height: 1.6; } /* ========================================================= TABELLA ========================================================= */ .sar-rail__symptoms { margin-top: clamp(48px, 7vw, 80px); } .sar-rail__symptoms-heading { max-width: 960px; margin-bottom: 27px; } .sar-rail__table-wrapper { width: 100%; overflow: hidden; border: 1px solid var(--sar-rail-border); border-radius: 22px; background: var(--sar-rail-white); box-shadow: var(--sar-rail-shadow); } .sar-rail__table { width: 100%; border-collapse: collapse; table-layout: fixed; } .sar-rail__table th, .sar-rail__table td { padding: 18px; overflow-wrap: anywhere; vertical-align: top; text-align: left; } .sar-rail__table th:nth-child(1), .sar-rail__table td:nth-child(1) { width: 30%; } .sar-rail__table th:nth-child(2), .sar-rail__table td:nth-child(2) { width: 32%; } .sar-rail__table th:nth-child(3), .sar-rail__table td:nth-child(3) { width: 38%; } .sar-rail__table thead { background: var(--sar-rail-dark); color: var(--sar-rail-white); } .sar-rail__table th { font-size: 12px; font-weight: 900; line-height: 1.4; text-transform: uppercase; } .sar-rail__table td { border-top: 1px solid var(--sar-rail-border); color: var(--sar-rail-muted); font-size: 13px; font-weight: 550; line-height: 1.58; } .sar-rail__table td:first-child { color: var(--sar-rail-dark); font-weight: 900; } .sar-rail__table tbody tr:nth-child(even) { background: var(--sar-rail-light); } .sar-rail__sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* ========================================================= DECISIONE ========================================================= */ .sar-rail__decision { margin-top: clamp(48px, 7vw, 80px); } .sar-rail__decision-heading { max-width: 960px; margin-bottom: 29px; } .sar-rail__decision-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .sar-rail__decision-card { padding: clamp(27px, 4vw, 40px); border: 1px solid var(--sar-rail-border); border-radius: 24px; background: var(--sar-rail-white); box-shadow: 0 15px 44px rgba(4, 45, 54, 0.07); } .sar-rail__decision-card--complete { border-color: rgba(0, 143, 163, 0.22); background: var(--sar-rail-light); } .sar-rail__decision-tag { display: inline-flex; margin-bottom: 14px; padding: 6px 10px; border-radius: 8px; background: rgba(46, 155, 103, 0.11); color: var(--sar-rail-green); font-size: 10px; font-weight: 900; letter-spacing: 0.055em; text-transform: uppercase; } .sar-rail__decision-card--complete .sar-rail__decision-tag { background: rgba(0, 143, 163, 0.1); color: var(--sar-rail-teal); } .sar-rail__decision-card h5 { margin: 0; color: var(--sar-rail-dark); font-size: clamp(23px, 2.8vw, 33px); font-weight: 900; line-height: 1.2; } .sar-rail__decision-card p { margin: 14px 0 0; color: var(--sar-rail-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } .sar-rail__decision-card ul { display: grid; gap: 9px; margin: 19px 0 0; padding: 0; list-style: none; } .sar-rail__decision-card li { display: flex; align-items: flex-start; gap: 9px; color: var(--sar-rail-dark); font-size: 13px; font-weight: 700; line-height: 1.5; } .sar-rail__decision-card li > span { display: grid; flex: 0 0 auto; place-items: center; width: 21px; height: 21px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-rail-green); font-size: 11px; font-weight: 900; } .sar-rail__decision-card a { display: inline-flex; align-items: center; gap: 8px; margin-top: 20px; color: var(--sar-rail-teal); font-size: 14px; font-weight: 850; line-height: 1.45; text-decoration: none; } .sar-rail__decision-card a:hover { text-decoration: underline; text-underline-offset: 4px; } /* ========================================================= LIMITI ========================================================= */ .sar-rail__limits { display: grid; grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr); gap: clamp(30px, 5vw, 62px); align-items: start; margin-top: clamp(48px, 7vw, 80px); padding: clamp(30px, 5vw, 55px); border: 1px solid var(--sar-rail-border); border-radius: 27px; background: var(--sar-rail-light); } .sar-rail__limits-content > p:not( .sar-rail__section-label, .sar-rail__answer ) { margin: 16px 0 0; color: var(--sar-rail-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-rail__limits-list { display: grid; gap: 13px; } .sar-rail__limits-list article { display: flex; align-items: flex-start; gap: 13px; padding: 17px; border: 1px solid rgba(7, 59, 70, 0.09); border-radius: 15px; background: rgba(255, 255, 255, 0.95); } .sar-rail__limits-list article > span { display: grid; flex: 0 0 auto; place-items: center; width: 29px; height: 29px; border-radius: 9px; background: var(--sar-rail-dark); color: var(--sar-rail-white); font-size: 10px; font-weight: 900; } .sar-rail__limits-list strong { display: block; color: var(--sar-rail-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-rail__limits-list p { margin: 5px 0 0; color: var(--sar-rail-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } /* ========================================================= ERRORI ========================================================= */ .sar-rail__mistakes { display: grid; grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr); gap: clamp(30px, 5vw, 62px); align-items: start; margin-top: clamp(48px, 7vw, 80px); padding: clamp(30px, 5vw, 55px); border: 1px solid var(--sar-rail-border); border-radius: 27px; background: var(--sar-rail-cream); } .sar-rail__mistakes-list { display: grid; gap: 13px; margin: 0; padding: 0; list-style: none; } .sar-rail__mistakes-list li { display: flex; align-items: flex-start; gap: 13px; padding: 17px; border: 1px solid rgba(201, 85, 66, 0.14); border-radius: 15px; background: rgba(255, 255, 255, 0.93); } .sar-rail__mistakes-list li > span { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: rgba(201, 85, 66, 0.13); color: var(--sar-rail-red); font-size: 17px; font-weight: 900; } .sar-rail__mistakes-list strong { display: block; color: var(--sar-rail-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-rail__mistakes-list p { margin: 5px 0 0; color: var(--sar-rail-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } /* ========================================================= METODO ========================================================= */ .sar-rail__method { margin-top: clamp(48px, 7vw, 80px); } .sar-rail__method-heading { max-width: 970px; margin-bottom: 29px; } .sar-rail__steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; } .sar-rail__step { display: flex; align-items: flex-start; gap: 15px; min-width: 0; padding: 19px; border: 1px solid var(--sar-rail-border); border-radius: 17px; background: var(--sar-rail-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-rail__step-number { display: grid; flex: 0 0 auto; place-items: center; width: 37px; height: 37px; border-radius: 11px; background: var(--sar-rail-dark); color: var(--sar-rail-white); font-size: 13px; font-weight: 900; } .sar-rail__step strong { display: block; color: var(--sar-rail-dark); font-size: 16px; font-weight: 900; line-height: 1.3; } .sar-rail__step p { margin: 5px 0 0; color: var(--sar-rail-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } /* ========================================================= LINK INTERNI ========================================================= */ .sar-rail__links { margin-top: clamp(48px, 7vw, 80px); padding: clamp(27px, 4vw, 40px); border: 1px solid rgba(0, 143, 163, 0.17); border-radius: 24px; background: var(--sar-rail-light); } .sar-rail__links-label { margin: 0 0 18px; color: var(--sar-rail-teal); font-size: 11px; font-weight: 900; letter-spacing: 0.07em; text-transform: uppercase; } .sar-rail__links-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .sar-rail__links-grid a { display: grid; gap: 5px; min-width: 0; padding: 17px; border: 1px solid rgba(7, 59, 70, 0.1); border-radius: 14px; background: var(--sar-rail-white); text-decoration: none; transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .sar-rail__links-grid a:hover { transform: translateY(-2px); border-color: rgba(0, 143, 163, 0.28); box-shadow: 0 12px 28px rgba(4, 45, 54, 0.07); } .sar-rail__links-grid a > span { color: var(--sar-rail-orange); font-size: 10px; font-weight: 900; line-height: 1.35; text-transform: uppercase; } .sar-rail__links-grid a > strong { color: var(--sar-rail-dark); font-size: 14px; font-weight: 900; line-height: 1.4; } /* ========================================================= CONVERSIONE ========================================================= */ .sar-rail__conversion { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 22px; align-items: start; margin-top: clamp(48px, 7vw, 78px); padding: clamp(28px, 5vw, 47px); border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 25px; background: linear-gradient( 135deg, var(--sar-rail-white), var(--sar-rail-light) ); box-shadow: var(--sar-rail-shadow); } .sar-rail__conversion-icon { display: grid; place-items: center; width: 59px; height: 59px; border-radius: 18px; background: var(--sar-rail-teal); color: var(--sar-rail-white); font-size: 27px; font-weight: 900; } .sar-rail__conversion-label { margin: 0 0 8px; color: var(--sar-rail-teal); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-rail__conversion-title { max-width: 950px; margin: 0; color: var(--sar-rail-dark); font-size: clamp(24px, 3vw, 38px); font-weight: 900; line-height: 1.19; letter-spacing: -0.027em; text-wrap: balance; } .sar-rail__conversion-content > p:not(.sar-rail__conversion-label) { margin: 15px 0 0; color: var(--sar-rail-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } /* ========================================================= CTA ========================================================= */ .sar-rail__cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 36px; align-items: center; margin-top: clamp(48px, 7vw, 78px); padding: clamp(29px, 5vw, 52px); border-radius: 27px; background: linear-gradient( 132deg, var(--sar-rail-dark-deep) 0%, var(--sar-rail-dark) 66%, #07596a 100% ); box-shadow: 0 23px 62px rgba(4, 45, 54, 0.19); } .sar-rail__cta-label { margin: 0 0 8px; color: #86e4ec; font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-rail__cta-title { max-width: 840px; margin: 0; color: var(--sar-rail-white); font-size: clamp(25px, 3vw, 39px); font-weight: 900; line-height: 1.17; letter-spacing: -0.028em; text-wrap: balance; } .sar-rail__cta-text { max-width: 850px; margin: 14px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 15px; font-weight: 500; line-height: 1.68; } .sar-rail__cta-actions { display: grid; gap: 11px; min-width: 260px; } .sar-rail__button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 54px; padding: 13px 19px; border: 2px solid transparent; border-radius: 12px; font-size: 14px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .sar-rail__button:hover { transform: translateY(-2px); } .sar-rail__button:focus-visible, .sar-rail__decision-card a:focus-visible, .sar-rail__links-grid a:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; border-radius: 6px; } .sar-rail__button--primary { background: var(--sar-rail-orange); color: var(--sar-rail-white); box-shadow: 0 12px 28px rgba(245, 130, 32, 0.26); } .sar-rail__button--primary:hover { background: var(--sar-rail-orange-dark); } .sar-rail__button--whatsapp { border-color: #25d366; background: #25d366; color: var(--sar-rail-white); box-shadow: 0 12px 28px rgba(37, 211, 102, 0.22); } .sar-rail__button--whatsapp:hover { border-color: #1ebe5d; background: #1ebe5d; box-shadow: 0 14px 30px rgba(37, 211, 102, 0.3); } .sar-rail__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-rail-white); } .sar-rail__button--phone:hover { border-color: rgba(255, 255, 255, 0.53); background: rgba(255, 255, 255, 0.15); } .sar-rail__button--phone span { display: grid; gap: 1px; } .sar-rail__button--phone strong { font-size: 15px; font-weight: 900; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1080px) { .sar-rail__mechanism, .sar-rail__limits, .sar-rail__mistakes { grid-template-columns: 1fr; } .sar-rail__diagram { width: min(100%, 760px); margin-inline: auto; } .sar-rail__signals-grid, .sar-rail__checks-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-rail__cta { grid-template-columns: 1fr; } .sar-rail__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); min-width: 0; } } /* ========================================================= TABLET PICCOLO ========================================================= */ @media (max-width: 820px) { .sar-rail__comparison, .sar-rail__decision-grid, .sar-rail__steps { grid-template-columns: 1fr; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 720px) { #linee-ferroviarie-metropolitana-vibrazioni-roma { padding: 57px 0; } .sar-rail__container { width: min(100% - 28px, 1240px); } .sar-rail__header { margin-bottom: 32px; text-align: left; } .sar-rail__eyebrow { justify-content: flex-start; padding: 7px 11px; font-size: 10px; } .sar-rail__title { font-size: clamp(30px, 9vw, 42px); } .sar-rail__title span { display: block; margin-top: 4px; } .sar-rail__direct-answer { margin-top: 18px; font-size: 17px; line-height: 1.6; } .sar-rail__intro { font-size: 15px; line-height: 1.68; } .sar-rail__section-title { font-size: 27px; } .sar-rail__answer { font-size: 15px; line-height: 1.68; } .sar-rail__mechanism { padding: 27px 20px; border-radius: 21px; } .sar-rail__diagram { padding: 14px; border-radius: 18px; } .sar-rail__signals { margin-top: 39px; } .sar-rail__signals-heading { margin-bottom: 23px; } .sar-rail__signals-grid { grid-template-columns: 1fr; } .sar-rail__comparison { margin-top: 39px; } .sar-rail__comparison-card { padding: 24px 19px; border-radius: 20px; } .sar-rail__checks { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-rail__checks-grid { grid-template-columns: 1fr; margin-top: 23px; } .sar-rail__symptoms { margin-top: 39px; } .sar-rail__symptoms-heading { margin-bottom: 23px; } .sar-rail__table-wrapper { overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; } .sar-rail__table, .sar-rail__table tbody, .sar-rail__table tr, .sar-rail__table td { display: block; width: 100%; } .sar-rail__table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); } .sar-rail__table tbody { display: grid; gap: 13px; } .sar-rail__table tr { overflow: hidden; border: 1px solid var(--sar-rail-border); border-radius: 17px; background: var(--sar-rail-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-rail__table tbody tr:nth-child(even) { background: var(--sar-rail-white); } .sar-rail__table td, .sar-rail__table td:nth-child(1), .sar-rail__table td:nth-child(2), .sar-rail__table td:nth-child(3) { width: 100%; padding: 15px 17px; border-top: 1px solid var(--sar-rail-border); } .sar-rail__table td:first-child { border-top: 0; background: var(--sar-rail-light); } .sar-rail__table td::before { display: block; margin-bottom: 5px; color: var(--sar-rail-teal); content: attr(data-label); font-size: 9px; font-weight: 900; letter-spacing: 0.055em; text-transform: uppercase; } .sar-rail__decision { margin-top: 39px; } .sar-rail__decision-heading { margin-bottom: 23px; } .sar-rail__decision-card { padding: 24px 19px; border-radius: 20px; } .sar-rail__limits { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-rail__mistakes { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-rail__method { margin-top: 39px; } .sar-rail__method-heading { margin-bottom: 23px; } .sar-rail__step { padding: 16px 14px; } .sar-rail__links { margin-top: 39px; padding: 24px 18px; border-radius: 20px; } .sar-rail__links-grid { grid-template-columns: 1fr; } .sar-rail__conversion { grid-template-columns: 1fr; margin-top: 39px; padding: 25px 20px; border-radius: 20px; } .sar-rail__conversion-icon { width: 51px; height: 51px; border-radius: 15px; } .sar-rail__cta { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-rail__cta-actions { grid-template-columns: 1fr; } .sar-rail__button { width: 100%; } } /* ========================================================= SCHERMI MOLTO PICCOLI ========================================================= */ @media (max-width: 430px) { .sar-rail__diagram-paths, .sar-rail__diagram-building-grid { grid-template-columns: 1fr; } .sar-rail__diagram-path { padding-right: 13px; } .sar-rail__diagram-wave { position: static; margin-top: 9px; transform: none; } .sar-rail__limits-list strong, .sar-rail__mistakes-list strong { font-size: 14px; } .sar-rail__decision-card a { align-items: flex-start; font-size: 13px; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sar-rail__button, .sar-rail__links-grid a { transition: none; } .sar-rail__button:hover, .sar-rail__links-grid a:hover { transform: none; } }#imCell_30 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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 — TRAFFICO AEREO NELLE AREE INTERESSATE Pagina: isolamento-acustico-roma.html Classi isolate con prefisso sar-air ========================================================= */ #traffico-aereo-aree-interessate-roma { --sar-air-dark: #073b46; --sar-air-dark-deep: #042d36; --sar-air-teal: #008fa3; --sar-air-turquoise: #16bfd0; --sar-air-orange: #f58220; --sar-air-orange-dark: #dc6813; --sar-air-green: #2e9b67; --sar-air-red: #c95542; --sar-air-white: #ffffff; --sar-air-cream: #fff8ed; --sar-air-light: #eefafd; --sar-air-text: #18343b; --sar-air-muted: #587078; --sar-air-border: rgba(7, 59, 70, 0.13); --sar-air-shadow: 0 20px 55px rgba(4, 45, 54, 0.11); position: relative; width: 100%; overflow: hidden; padding: clamp(68px, 8vw, 108px) 0; background: radial-gradient( circle at 100% 2%, rgba(22, 191, 208, 0.09), transparent 29% ), radial-gradient( circle at 0% 48%, rgba(245, 130, 32, 0.065), transparent 25% ), linear-gradient( 180deg, #ffffff 0%, #f6fcfd 100% ); color: var(--sar-air-text); } #traffico-aereo-aree-interessate-roma, #traffico-aereo-aree-interessate-roma *, #traffico-aereo-aree-interessate-roma *::before, #traffico-aereo-aree-interessate-roma *::after { box-sizing: border-box; } /* ========================================================= CONTENITORE ========================================================= */ .sar-air__container { width: min(100% - 40px, 1240px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .sar-air__header { max-width: 1000px; margin: 0 auto 48px; text-align: center; } .sar-air__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 15px; padding: 8px 14px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-air-teal); font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.055em; text-transform: uppercase; } .sar-air__title { margin: 0; color: var(--sar-air-dark-deep); font-size: clamp(31px, 4vw, 52px); font-weight: 900; line-height: 1.1; letter-spacing: -0.037em; text-wrap: balance; } .sar-air__title span { color: var(--sar-air-teal); } .sar-air__direct-answer { max-width: 950px; margin: 22px auto 0; color: var(--sar-air-dark); font-size: clamp(18px, 1.65vw, 21px); font-weight: 700; line-height: 1.65; } .sar-air__intro { max-width: 910px; margin: 17px auto 0; color: var(--sar-air-muted); font-size: 16px; font-weight: 500; line-height: 1.75; } /* ========================================================= TITOLI E RISPOSTE ========================================================= */ .sar-air__section-label { margin: 0 0 9px; color: var(--sar-air-orange); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-air__section-title { margin: 0; color: var(--sar-air-dark-deep); font-size: clamp(26px, 3.2vw, 42px); font-weight: 900; line-height: 1.16; letter-spacing: -0.029em; text-wrap: balance; } .sar-air__answer { margin: 17px 0 0; color: var(--sar-air-dark); font-size: 16px; font-weight: 650; line-height: 1.72; } /* ========================================================= MECCANISMO ========================================================= */ .sar-air__mechanism { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(390px, 0.98fr); gap: clamp(30px, 5vw, 62px); align-items: center; padding: clamp(31px, 5vw, 57px); border-radius: 28px; background: linear-gradient( 135deg, var(--sar-air-dark-deep) 0%, var(--sar-air-dark) 67%, #075667 100% ); box-shadow: 0 23px 65px rgba(4, 45, 54, 0.19); } .sar-air__mechanism .sar-air__section-label { color: #88e6ee; } .sar-air__mechanism .sar-air__section-title { color: var(--sar-air-white); } .sar-air__mechanism .sar-air__answer { color: rgba(255, 255, 255, 0.94); } .sar-air__mechanism-content > p:not( .sar-air__section-label, .sar-air__answer ) { margin: 16px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-air__mechanism-note { display: flex; align-items: flex-start; gap: 12px; margin-top: 23px; padding: 16px; border: 1px solid rgba(245, 130, 32, 0.32); border-radius: 15px; background: rgba(245, 130, 32, 0.11); } .sar-air__mechanism-note-icon { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: var(--sar-air-orange); color: var(--sar-air-white); font-size: 15px; font-weight: 900; } .sar-air__mechanism-note p { margin: 0; color: rgba(255, 255, 255, 0.93); font-size: 13px; font-weight: 700; line-height: 1.58; } /* ========================================================= DIAGRAMMA ========================================================= */ .sar-air__diagram { width: 100%; min-width: 0; padding: 18px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 22px; background: rgba(255, 255, 255, 0.97); box-shadow: 0 17px 42px rgba(0, 0, 0, 0.15); } .sar-air__diagram-source { display: grid; justify-items: center; padding: 15px; border-radius: 12px; background: var(--sar-air-cream); text-align: center; } .sar-air__diagram-source span { color: var(--sar-air-orange); font-size: 9px; font-weight: 900; letter-spacing: 0.06em; text-transform: uppercase; } .sar-air__diagram-source strong { margin-top: 6px; color: var(--sar-air-dark); font-size: 13px; font-weight: 900; } .sar-air__diagram-plane { margin-top: 7px; color: var(--sar-air-dark); font-size: 29px; line-height: 1; transform: rotate(-7deg); } .sar-air__diagram-waves { margin-top: 5px; color: var(--sar-air-orange); font-size: 17px; font-weight: 900; } .sar-air__diagram-paths { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 10px; } .sar-air__diagram-path { min-width: 0; padding: 13px; border: 1px solid rgba(7, 59, 70, 0.1); border-radius: 11px; background: var(--sar-air-light); } .sar-air__diagram-path > span { display: grid; place-items: center; width: 24px; height: 24px; margin-bottom: 7px; border-radius: 8px; background: var(--sar-air-dark); color: var(--sar-air-white); font-size: 8px; font-weight: 900; } .sar-air__diagram-path strong { display: block; color: var(--sar-air-dark); font-size: 11px; font-weight: 900; line-height: 1.35; } .sar-air__diagram-path p { margin: 5px 0 0; color: var(--sar-air-muted); font-size: 9px; font-weight: 650; line-height: 1.45; } .sar-air__diagram-result { display: grid; justify-items: center; gap: 5px; margin-top: 10px; padding: 14px; border-radius: 11px; background: rgba(46, 155, 103, 0.09); text-align: center; } .sar-air__diagram-result span { color: var(--sar-air-green); font-size: 9px; font-weight: 900; letter-spacing: 0.06em; text-transform: uppercase; } .sar-air__diagram-result strong { color: var(--sar-air-dark); font-size: 11px; font-weight: 850; line-height: 1.45; } .sar-air__diagram-caption { margin: 13px 0 0; color: var(--sar-air-muted); font-size: 11px; font-weight: 650; line-height: 1.5; text-align: center; } /* ========================================================= CARATTERISTICHE ========================================================= */ .sar-air__features { margin-top: clamp(48px, 7vw, 80px); } .sar-air__features-heading { max-width: 960px; margin-bottom: 29px; } .sar-air__features-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } .sar-air__feature { min-width: 0; padding: 22px 19px; border: 1px solid var(--sar-air-border); border-radius: 19px; background: var(--sar-air-white); box-shadow: 0 11px 31px rgba(4, 45, 54, 0.055); } .sar-air__feature-number { display: inline-flex; margin-bottom: 10px; color: var(--sar-air-orange); font-size: 11px; font-weight: 900; letter-spacing: 0.065em; } .sar-air__feature h5 { margin: 0; color: var(--sar-air-dark); font-size: 18px; font-weight: 900; line-height: 1.3; } .sar-air__feature p { margin: 9px 0 0; color: var(--sar-air-muted); font-size: 13px; font-weight: 500; line-height: 1.62; } /* ========================================================= CONTROLLI ========================================================= */ .sar-air__checks { margin-top: clamp(48px, 7vw, 80px); padding: clamp(30px, 5vw, 56px); border-radius: 28px; background: linear-gradient( 135deg, var(--sar-air-dark-deep) 0%, var(--sar-air-dark) 67%, #075667 100% ); box-shadow: 0 23px 65px rgba(4, 45, 54, 0.19); } .sar-air__checks-heading { max-width: 960px; } .sar-air__checks .sar-air__section-label { color: #88e6ee; } .sar-air__checks .sar-air__section-title { color: var(--sar-air-white); } .sar-air__checks .sar-air__answer { color: rgba(255, 255, 255, 0.9); } .sar-air__checks-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 29px; } .sar-air__check { min-width: 0; padding: 21px 18px; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 17px; background: rgba(255, 255, 255, 0.97); } .sar-air__check > span { display: inline-flex; margin-bottom: 10px; color: var(--sar-air-orange); font-size: 11px; font-weight: 900; letter-spacing: 0.065em; } .sar-air__check h5 { margin: 0; color: var(--sar-air-dark); font-size: 18px; font-weight: 900; line-height: 1.3; } .sar-air__check p { margin: 8px 0 0; color: var(--sar-air-muted); font-size: 13px; font-weight: 500; line-height: 1.6; } /* ========================================================= TABELLA ========================================================= */ .sar-air__symptoms { margin-top: clamp(48px, 7vw, 80px); } .sar-air__symptoms-heading { max-width: 960px; margin-bottom: 27px; } .sar-air__table-wrapper { width: 100%; overflow: hidden; border: 1px solid var(--sar-air-border); border-radius: 22px; background: var(--sar-air-white); box-shadow: var(--sar-air-shadow); } .sar-air__table { width: 100%; border-collapse: collapse; table-layout: fixed; } .sar-air__table th, .sar-air__table td { padding: 18px; overflow-wrap: anywhere; vertical-align: top; text-align: left; } .sar-air__table th:nth-child(1), .sar-air__table td:nth-child(1) { width: 30%; } .sar-air__table th:nth-child(2), .sar-air__table td:nth-child(2) { width: 31%; } .sar-air__table th:nth-child(3), .sar-air__table td:nth-child(3) { width: 39%; } .sar-air__table thead { background: var(--sar-air-dark); color: var(--sar-air-white); } .sar-air__table th { font-size: 12px; font-weight: 900; line-height: 1.4; text-transform: uppercase; } .sar-air__table td { border-top: 1px solid var(--sar-air-border); color: var(--sar-air-muted); font-size: 13px; font-weight: 550; line-height: 1.58; } .sar-air__table td:first-child { color: var(--sar-air-dark); font-weight: 900; } .sar-air__table tbody tr:nth-child(even) { background: var(--sar-air-light); } .sar-air__sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* ========================================================= DECISIONE ========================================================= */ .sar-air__decision { margin-top: clamp(48px, 7vw, 80px); } .sar-air__decision-heading { max-width: 960px; margin-bottom: 29px; } .sar-air__decision-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .sar-air__decision-card { padding: clamp(27px, 4vw, 40px); border: 1px solid var(--sar-air-border); border-radius: 24px; background: var(--sar-air-white); box-shadow: 0 15px 44px rgba(4, 45, 54, 0.07); } .sar-air__decision-card--complete { border-color: rgba(0, 143, 163, 0.22); background: var(--sar-air-light); } .sar-air__decision-tag { display: inline-flex; margin-bottom: 14px; padding: 6px 10px; border-radius: 8px; background: rgba(46, 155, 103, 0.11); color: var(--sar-air-green); font-size: 10px; font-weight: 900; letter-spacing: 0.055em; text-transform: uppercase; } .sar-air__decision-card--complete .sar-air__decision-tag { background: rgba(0, 143, 163, 0.1); color: var(--sar-air-teal); } .sar-air__decision-card h5 { margin: 0; color: var(--sar-air-dark); font-size: clamp(23px, 2.8vw, 33px); font-weight: 900; line-height: 1.2; } .sar-air__decision-card p { margin: 14px 0 0; color: var(--sar-air-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } .sar-air__decision-card ul { display: grid; gap: 9px; margin: 19px 0 0; padding: 0; list-style: none; } .sar-air__decision-card li { display: flex; align-items: flex-start; gap: 9px; color: var(--sar-air-dark); font-size: 13px; font-weight: 700; line-height: 1.5; } .sar-air__decision-card li > span { display: grid; flex: 0 0 auto; place-items: center; width: 21px; height: 21px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-air-green); font-size: 11px; font-weight: 900; } .sar-air__decision-card a { display: inline-flex; align-items: center; gap: 8px; margin-top: 20px; color: var(--sar-air-teal); font-size: 14px; font-weight: 850; line-height: 1.45; text-decoration: none; } .sar-air__decision-card a:hover { text-decoration: underline; text-underline-offset: 4px; } /* ========================================================= PROGETTAZIONE ========================================================= */ .sar-air__design { display: grid; grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr); gap: clamp(30px, 5vw, 62px); align-items: start; margin-top: clamp(48px, 7vw, 80px); padding: clamp(30px, 5vw, 55px); border: 1px solid var(--sar-air-border); border-radius: 27px; background: var(--sar-air-light); } .sar-air__design-content > p:not( .sar-air__section-label, .sar-air__answer ) { margin: 16px 0 0; color: var(--sar-air-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-air__design-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; } .sar-air__design-item { min-width: 0; padding: 18px; border: 1px solid rgba(7, 59, 70, 0.09); border-radius: 16px; background: rgba(255, 255, 255, 0.94); } .sar-air__design-item > span { display: inline-flex; margin-bottom: 9px; color: var(--sar-air-orange); font-size: 11px; font-weight: 900; letter-spacing: 0.065em; } .sar-air__design-item h5 { margin: 0; color: var(--sar-air-dark); font-size: 17px; font-weight: 900; line-height: 1.3; } .sar-air__design-item p { margin: 7px 0 0; color: var(--sar-air-muted); font-size: 12px; font-weight: 550; line-height: 1.55; } /* ========================================================= ERRORI ========================================================= */ .sar-air__mistakes { display: grid; grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr); gap: clamp(30px, 5vw, 62px); align-items: start; margin-top: clamp(48px, 7vw, 80px); padding: clamp(30px, 5vw, 55px); border: 1px solid var(--sar-air-border); border-radius: 27px; background: var(--sar-air-cream); } .sar-air__mistakes-list { display: grid; gap: 13px; margin: 0; padding: 0; list-style: none; } .sar-air__mistakes-list li { display: flex; align-items: flex-start; gap: 13px; padding: 17px; border: 1px solid rgba(201, 85, 66, 0.14); border-radius: 15px; background: rgba(255, 255, 255, 0.93); } .sar-air__mistakes-list li > span { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: rgba(201, 85, 66, 0.13); color: var(--sar-air-red); font-size: 17px; font-weight: 900; } .sar-air__mistakes-list strong { display: block; color: var(--sar-air-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-air__mistakes-list p { margin: 5px 0 0; color: var(--sar-air-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } /* ========================================================= METODO ========================================================= */ .sar-air__method { margin-top: clamp(48px, 7vw, 80px); } .sar-air__method-heading { max-width: 970px; margin-bottom: 29px; } .sar-air__steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; } .sar-air__step { display: flex; align-items: flex-start; gap: 15px; min-width: 0; padding: 19px; border: 1px solid var(--sar-air-border); border-radius: 17px; background: var(--sar-air-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-air__step-number { display: grid; flex: 0 0 auto; place-items: center; width: 37px; height: 37px; border-radius: 11px; background: var(--sar-air-dark); color: var(--sar-air-white); font-size: 13px; font-weight: 900; } .sar-air__step strong { display: block; color: var(--sar-air-dark); font-size: 16px; font-weight: 900; line-height: 1.3; } .sar-air__step p { margin: 5px 0 0; color: var(--sar-air-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } /* ========================================================= LINK INTERNI ========================================================= */ .sar-air__links { margin-top: clamp(48px, 7vw, 80px); padding: clamp(27px, 4vw, 40px); border: 1px solid rgba(0, 143, 163, 0.17); border-radius: 24px; background: var(--sar-air-light); } .sar-air__links-label { margin: 0 0 18px; color: var(--sar-air-teal); font-size: 11px; font-weight: 900; letter-spacing: 0.07em; text-transform: uppercase; } .sar-air__links-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .sar-air__links-grid a { display: grid; gap: 5px; min-width: 0; padding: 17px; border: 1px solid rgba(7, 59, 70, 0.1); border-radius: 14px; background: var(--sar-air-white); text-decoration: none; transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .sar-air__links-grid a:hover { transform: translateY(-2px); border-color: rgba(0, 143, 163, 0.28); box-shadow: 0 12px 28px rgba(4, 45, 54, 0.07); } .sar-air__links-grid a > span { color: var(--sar-air-orange); font-size: 10px; font-weight: 900; line-height: 1.35; text-transform: uppercase; } .sar-air__links-grid a > strong { color: var(--sar-air-dark); font-size: 14px; font-weight: 900; line-height: 1.4; } /* ========================================================= CONVERSIONE ========================================================= */ .sar-air__conversion { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 22px; align-items: start; margin-top: clamp(48px, 7vw, 78px); padding: clamp(28px, 5vw, 47px); border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 25px; background: linear-gradient( 135deg, var(--sar-air-white), var(--sar-air-light) ); box-shadow: var(--sar-air-shadow); } .sar-air__conversion-icon { display: grid; place-items: center; width: 59px; height: 59px; border-radius: 18px; background: var(--sar-air-teal); color: var(--sar-air-white); font-size: 27px; font-weight: 900; } .sar-air__conversion-label { margin: 0 0 8px; color: var(--sar-air-teal); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-air__conversion-title { max-width: 950px; margin: 0; color: var(--sar-air-dark); font-size: clamp(24px, 3vw, 38px); font-weight: 900; line-height: 1.19; letter-spacing: -0.027em; text-wrap: balance; } .sar-air__conversion-content > p:not(.sar-air__conversion-label) { margin: 15px 0 0; color: var(--sar-air-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } /* ========================================================= CTA ========================================================= */ .sar-air__cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 36px; align-items: center; margin-top: clamp(48px, 7vw, 78px); padding: clamp(29px, 5vw, 52px); border-radius: 27px; background: linear-gradient( 132deg, var(--sar-air-dark-deep) 0%, var(--sar-air-dark) 66%, #07596a 100% ); box-shadow: 0 23px 62px rgba(4, 45, 54, 0.19); } .sar-air__cta-label { margin: 0 0 8px; color: #86e4ec; font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-air__cta-title { max-width: 840px; margin: 0; color: var(--sar-air-white); font-size: clamp(25px, 3vw, 39px); font-weight: 900; line-height: 1.17; letter-spacing: -0.028em; text-wrap: balance; } .sar-air__cta-text { max-width: 850px; margin: 14px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 15px; font-weight: 500; line-height: 1.68; } .sar-air__cta-actions { display: grid; gap: 11px; min-width: 260px; } .sar-air__button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 54px; padding: 13px 19px; border: 2px solid transparent; border-radius: 12px; font-size: 14px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .sar-air__button:hover { transform: translateY(-2px); } .sar-air__button:focus-visible, .sar-air__decision-card a:focus-visible, .sar-air__links-grid a:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; border-radius: 6px; } .sar-air__button--primary { background: var(--sar-air-orange); color: var(--sar-air-white); box-shadow: 0 12px 28px rgba(245, 130, 32, 0.26); } .sar-air__button--primary:hover { background: var(--sar-air-orange-dark); } .sar-air__button--whatsapp { border-color: #25d366; background: #25d366; color: var(--sar-air-white); box-shadow: 0 12px 28px rgba(37, 211, 102, 0.24); } .sar-air__button--whatsapp:hover { border-color: #1ebe5d; background: #1ebe5d; box-shadow: 0 15px 32px rgba(37, 211, 102, 0.3); } .sar-air__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-air-white); } .sar-air__button--phone:hover { border-color: rgba(255, 255, 255, 0.53); background: rgba(255, 255, 255, 0.15); } .sar-air__button--phone span { display: grid; gap: 1px; } .sar-air__button--phone strong { font-size: 15px; font-weight: 900; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1080px) { .sar-air__mechanism, .sar-air__design, .sar-air__mistakes { grid-template-columns: 1fr; } .sar-air__diagram { width: min(100%, 760px); margin-inline: auto; } .sar-air__features-grid, .sar-air__checks-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-air__cta { grid-template-columns: 1fr; } .sar-air__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); min-width: 0; } } /* ========================================================= TABLET PICCOLO ========================================================= */ @media (max-width: 820px) { .sar-air__decision-grid, .sar-air__steps { grid-template-columns: 1fr; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 720px) { #traffico-aereo-aree-interessate-roma { padding: 57px 0; } .sar-air__container { width: min(100% - 28px, 1240px); } .sar-air__header { margin-bottom: 32px; text-align: left; } .sar-air__eyebrow { justify-content: flex-start; padding: 7px 11px; font-size: 10px; } .sar-air__title { font-size: clamp(30px, 9vw, 42px); } .sar-air__title span { display: block; margin-top: 4px; } .sar-air__direct-answer { margin-top: 18px; font-size: 17px; line-height: 1.6; } .sar-air__intro { font-size: 15px; line-height: 1.68; } .sar-air__section-title { font-size: 27px; } .sar-air__answer { font-size: 15px; line-height: 1.68; } .sar-air__mechanism { padding: 27px 20px; border-radius: 21px; } .sar-air__diagram { padding: 14px; border-radius: 18px; } .sar-air__features { margin-top: 39px; } .sar-air__features-heading { margin-bottom: 23px; } .sar-air__features-grid { grid-template-columns: 1fr; } .sar-air__checks { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-air__checks-grid { grid-template-columns: 1fr; margin-top: 23px; } .sar-air__symptoms { margin-top: 39px; } .sar-air__symptoms-heading { margin-bottom: 23px; } .sar-air__table-wrapper { overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; } .sar-air__table, .sar-air__table tbody, .sar-air__table tr, .sar-air__table td { display: block; width: 100%; } .sar-air__table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); } .sar-air__table tbody { display: grid; gap: 13px; } .sar-air__table tr { overflow: hidden; border: 1px solid var(--sar-air-border); border-radius: 17px; background: var(--sar-air-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-air__table tbody tr:nth-child(even) { background: var(--sar-air-white); } .sar-air__table td, .sar-air__table td:nth-child(1), .sar-air__table td:nth-child(2), .sar-air__table td:nth-child(3) { width: 100%; padding: 15px 17px; border-top: 1px solid var(--sar-air-border); } .sar-air__table td:first-child { border-top: 0; background: var(--sar-air-light); } .sar-air__table td::before { display: block; margin-bottom: 5px; color: var(--sar-air-teal); content: attr(data-label); font-size: 9px; font-weight: 900; letter-spacing: 0.055em; text-transform: uppercase; } .sar-air__decision { margin-top: 39px; } .sar-air__decision-heading { margin-bottom: 23px; } .sar-air__decision-card { padding: 24px 19px; border-radius: 20px; } .sar-air__design { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-air__design-grid { grid-template-columns: 1fr; } .sar-air__mistakes { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-air__method { margin-top: 39px; } .sar-air__method-heading { margin-bottom: 23px; } .sar-air__step { padding: 16px 14px; } .sar-air__links { margin-top: 39px; padding: 24px 18px; border-radius: 20px; } .sar-air__links-grid { grid-template-columns: 1fr; } .sar-air__conversion { grid-template-columns: 1fr; margin-top: 39px; padding: 25px 20px; border-radius: 20px; } .sar-air__conversion-icon { width: 51px; height: 51px; border-radius: 15px; } .sar-air__cta { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-air__cta-actions { grid-template-columns: 1fr; } .sar-air__button { width: 100%; } } /* ========================================================= SCHERMI MOLTO PICCOLI ========================================================= */ @media (max-width: 430px) { .sar-air__diagram-paths { grid-template-columns: 1fr; } .sar-air__mistakes-list strong { font-size: 14px; } .sar-air__decision-card a { align-items: flex-start; font-size: 13px; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sar-air__button, .sar-air__links-grid a { transition: none; } .sar-air__button:hover, .sar-air__links-grid a:hover { transform: none; } }#imCell_31 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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; } /* ========================================================= H3 — RUMORI CONDOMINIALI E IMPIANTI COMUNI Pagina: isolamento-acustico-roma.html Classi isolate con prefisso sar-condo ========================================================= */ #rumori-condominiali-impianti-comuni-roma { --sar-condo-dark: #073b46; --sar-condo-deep: #042d36; --sar-condo-teal: #008fa3; --sar-condo-turquoise: #16bfd0; --sar-condo-orange: #f58220; --sar-condo-orange-dark: #d96712; --sar-condo-green: #2e9b67; --sar-condo-red: #c95542; --sar-condo-violet: #7865a7; --sar-condo-white: #ffffff; --sar-condo-cream: #fff8ed; --sar-condo-light: #eefafd; --sar-condo-text: #18343b; --sar-condo-muted: #587078; --sar-condo-border: rgba(7, 59, 70, 0.13); --sar-condo-shadow: 0 20px 55px rgba(4, 45, 54, 0.11); position: relative; width: 100%; overflow: hidden; padding: clamp(68px, 8vw, 108px) 0; background: radial-gradient( circle at 100% 3%, rgba(22, 191, 208, 0.09), transparent 29% ), radial-gradient( circle at 0% 48%, rgba(46, 155, 103, 0.07), transparent 25% ), linear-gradient( 180deg, #ffffff 0%, #f6fcfd 100% ); color: var(--sar-condo-text); } #rumori-condominiali-impianti-comuni-roma, #rumori-condominiali-impianti-comuni-roma *, #rumori-condominiali-impianti-comuni-roma *::before, #rumori-condominiali-impianti-comuni-roma *::after { box-sizing: border-box; } .sar-condo__container { width: min(100% - 40px, 1240px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .sar-condo__header { max-width: 1010px; margin: 0 auto 48px; text-align: center; } .sar-condo__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 15px; padding: 8px 14px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-condo-teal); font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.055em; text-transform: uppercase; } .sar-condo__title { margin: 0; color: var(--sar-condo-deep); font-size: clamp(31px, 4vw, 52px); font-weight: 900; line-height: 1.1; letter-spacing: -0.037em; text-wrap: balance; } .sar-condo__title span { color: var(--sar-condo-teal); } .sar-condo__direct-answer { max-width: 950px; margin: 22px auto 0; color: var(--sar-condo-dark); font-size: clamp(18px, 1.65vw, 21px); font-weight: 700; line-height: 1.65; } .sar-condo__intro { max-width: 910px; margin: 17px auto 0; color: var(--sar-condo-muted); font-size: 16px; font-weight: 500; line-height: 1.75; } /* ========================================================= TITOLI INTERNI ========================================================= */ .sar-condo__section-label { margin: 0 0 9px; color: var(--sar-condo-orange); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-condo__section-title { margin: 0; color: var(--sar-condo-deep); font-size: clamp(26px, 3.2vw, 42px); font-weight: 900; line-height: 1.16; letter-spacing: -0.029em; text-wrap: balance; } .sar-condo__answer { margin: 17px 0 0; color: var(--sar-condo-dark); font-size: 16px; font-weight: 650; line-height: 1.72; } /* ========================================================= PRINCIPIO TECNICO ========================================================= */ .sar-condo__mechanism { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(390px, 0.98fr); gap: clamp(30px, 5vw, 62px); align-items: center; padding: clamp(31px, 5vw, 57px); border-radius: 28px; background: linear-gradient( 135deg, var(--sar-condo-deep) 0%, var(--sar-condo-dark) 67%, #075667 100% ); box-shadow: 0 23px 65px rgba(4, 45, 54, 0.19); } .sar-condo__mechanism .sar-condo__section-label { color: #88e6ee; } .sar-condo__mechanism .sar-condo__section-title { color: var(--sar-condo-white); } .sar-condo__mechanism .sar-condo__answer { color: rgba(255, 255, 255, 0.94); } .sar-condo__mechanism-content > p:not( .sar-condo__section-label, .sar-condo__answer ) { margin: 16px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-condo__mechanism-note { display: flex; align-items: flex-start; gap: 12px; margin-top: 23px; padding: 16px; border: 1px solid rgba(245, 130, 32, 0.32); border-radius: 15px; background: rgba(245, 130, 32, 0.11); } .sar-condo__mechanism-note-icon { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: var(--sar-condo-orange); color: var(--sar-condo-white); font-size: 15px; font-weight: 900; } .sar-condo__mechanism-note p { margin: 0; color: rgba(255, 255, 255, 0.93); font-size: 13px; font-weight: 700; line-height: 1.58; } /* ========================================================= DIAGRAMMA ========================================================= */ .sar-condo__diagram { width: 100%; min-width: 0; padding: 18px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 22px; background: rgba(255, 255, 255, 0.97); box-shadow: 0 17px 42px rgba(0, 0, 0, 0.15); } .sar-condo__diagram-source { display: grid; justify-items: center; padding: 15px; border-radius: 12px; background: var(--sar-condo-cream); text-align: center; } .sar-condo__diagram-source span { color: var(--sar-condo-orange); font-size: 9px; font-weight: 900; letter-spacing: 0.06em; text-transform: uppercase; } .sar-condo__diagram-source strong { margin-top: 6px; color: var(--sar-condo-dark); font-size: 13px; font-weight: 900; line-height: 1.4; } .sar-condo__diagram-source-symbol { display: grid; place-items: center; width: 43px; height: 43px; margin-top: 10px; border-radius: 50%; background: rgba(245, 130, 32, 0.13); color: var(--sar-condo-orange); font-size: 26px; font-weight: 900; } .sar-condo__diagram-arrow { padding: 6px; color: var(--sar-condo-orange); font-size: 22px; font-weight: 900; text-align: center; } .sar-condo__diagram-paths { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; } .sar-condo__diagram-path { min-width: 0; padding: 13px; border: 1px solid rgba(0, 143, 163, 0.16); border-radius: 11px; background: var(--sar-condo-light); } .sar-condo__diagram-path--structure { border-color: rgba(46, 155, 103, 0.18); background: rgba(46, 155, 103, 0.08); } .sar-condo__diagram-path > span { display: grid; place-items: center; width: 24px; height: 24px; margin-bottom: 7px; border-radius: 8px; background: var(--sar-condo-dark); color: var(--sar-condo-white); font-size: 8px; font-weight: 900; } .sar-condo__diagram-path strong { display: block; color: var(--sar-condo-dark); font-size: 11px; font-weight: 900; line-height: 1.35; } .sar-condo__diagram-path p { margin: 5px 0 0; color: var(--sar-condo-muted); font-size: 9px; font-weight: 650; line-height: 1.45; } .sar-condo__diagram-building { display: grid; justify-items: center; gap: 9px; padding: 14px; border-radius: 11px; background: rgba(7, 59, 70, 0.06); text-align: center; } .sar-condo__diagram-building > span { color: var(--sar-condo-teal); font-size: 9px; font-weight: 900; letter-spacing: 0.055em; text-transform: uppercase; } .sar-condo__diagram-building-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; width: 100%; } .sar-condo__diagram-building-grid i { padding: 7px 5px; border-radius: 7px; background: var(--sar-condo-white); color: var(--sar-condo-dark); font-size: 8px; font-style: normal; font-weight: 900; text-transform: uppercase; } .sar-condo__diagram-building strong { color: var(--sar-condo-muted); font-size: 10px; font-weight: 750; line-height: 1.45; } .sar-condo__diagram-caption { margin: 13px 0 0; color: var(--sar-condo-muted); font-size: 11px; font-weight: 650; line-height: 1.5; text-align: center; } /* ========================================================= SORGENTI ========================================================= */ .sar-condo__sources { margin-top: clamp(48px, 7vw, 80px); } .sar-condo__sources-heading { max-width: 960px; margin-bottom: 29px; } .sar-condo__sources-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; } .sar-condo__source { min-width: 0; padding: 23px 20px; border: 1px solid var(--sar-condo-border); border-radius: 20px; background: var(--sar-condo-white); box-shadow: 0 13px 37px rgba(4, 45, 54, 0.065); } .sar-condo__source-number { display: inline-flex; color: var(--sar-condo-orange); font-size: 11px; font-weight: 900; letter-spacing: 0.065em; } .sar-condo__source-icon { display: grid; place-items: center; width: 57px; height: 57px; margin: 12px 0 16px; border-radius: 17px; background: rgba(245, 130, 32, 0.11); color: var(--sar-condo-orange); } .sar-condo__source--teal .sar-condo__source-number, .sar-condo__source--teal .sar-condo__source-icon { color: var(--sar-condo-teal); } .sar-condo__source--teal .sar-condo__source-icon { background: rgba(22, 191, 208, 0.11); } .sar-condo__source--green .sar-condo__source-number, .sar-condo__source--green .sar-condo__source-icon { color: var(--sar-condo-green); } .sar-condo__source--green .sar-condo__source-icon { background: rgba(46, 155, 103, 0.11); } .sar-condo__source--violet .sar-condo__source-number, .sar-condo__source--violet .sar-condo__source-icon { color: var(--sar-condo-violet); } .sar-condo__source--violet .sar-condo__source-icon { background: rgba(120, 101, 167, 0.11); } .sar-condo__source--dark .sar-condo__source-number, .sar-condo__source--dark .sar-condo__source-icon { color: var(--sar-condo-dark); } .sar-condo__source--dark .sar-condo__source-icon { background: rgba(7, 59, 70, 0.09); } .sar-condo__source-label { margin: 0 0 8px; color: var(--sar-condo-teal); font-size: 9px; font-weight: 900; letter-spacing: 0.06em; text-transform: uppercase; } .sar-condo__source h5 { margin: 0; color: var(--sar-condo-dark); font-size: 21px; font-weight: 900; line-height: 1.27; letter-spacing: -0.018em; } .sar-condo__source > p:not(.sar-condo__source-label) { margin: 11px 0 0; color: var(--sar-condo-muted); font-size: 13px; font-weight: 500; line-height: 1.63; } .sar-condo__source-focus { margin-top: 16px; padding: 13px; border-radius: 12px; background: var(--sar-condo-light); } .sar-condo__source-focus span { display: block; color: var(--sar-condo-teal); font-size: 8px; font-weight: 900; letter-spacing: 0.055em; text-transform: uppercase; } .sar-condo__source-focus strong { display: block; margin-top: 5px; color: var(--sar-condo-dark); font-size: 11px; font-weight: 850; line-height: 1.48; } /* ========================================================= TABELLA ========================================================= */ .sar-condo__symptoms { margin-top: clamp(48px, 7vw, 80px); } .sar-condo__symptoms-heading { max-width: 960px; margin-bottom: 27px; } .sar-condo__table-wrapper { width: 100%; overflow: hidden; border: 1px solid var(--sar-condo-border); border-radius: 22px; background: var(--sar-condo-white); box-shadow: var(--sar-condo-shadow); } .sar-condo__table { width: 100%; border-collapse: collapse; table-layout: fixed; } .sar-condo__table th, .sar-condo__table td { padding: 18px; overflow-wrap: anywhere; vertical-align: top; text-align: left; } .sar-condo__table th:nth-child(1), .sar-condo__table td:nth-child(1) { width: 29%; } .sar-condo__table th:nth-child(2), .sar-condo__table td:nth-child(2) { width: 31%; } .sar-condo__table th:nth-child(3), .sar-condo__table td:nth-child(3) { width: 40%; } .sar-condo__table thead { background: var(--sar-condo-dark); color: var(--sar-condo-white); } .sar-condo__table th { font-size: 12px; font-weight: 900; line-height: 1.4; text-transform: uppercase; } .sar-condo__table td { border-top: 1px solid var(--sar-condo-border); color: var(--sar-condo-muted); font-size: 13px; font-weight: 550; line-height: 1.58; } .sar-condo__table td:first-child { color: var(--sar-condo-dark); font-weight: 900; } .sar-condo__table tbody tr:nth-child(even) { background: var(--sar-condo-light); } .sar-condo__sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* ========================================================= SORGENTE O APPARTAMENTO ========================================================= */ .sar-condo__responsibility { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: clamp(30px, 5vw, 60px); align-items: start; margin-top: clamp(48px, 7vw, 80px); padding: clamp(30px, 5vw, 55px); border: 1px solid var(--sar-condo-border); border-radius: 27px; background: var(--sar-condo-cream); } .sar-condo__responsibility-content > p:not( .sar-condo__section-label, .sar-condo__answer ) { margin: 16px 0 0; color: var(--sar-condo-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-condo__responsibility-grid { display: grid; gap: 14px; } .sar-condo__responsibility-card { padding: 22px 19px; border: 1px solid rgba(201, 85, 66, 0.16); border-radius: 18px; background: rgba(255, 255, 255, 0.95); } .sar-condo__responsibility-card--home { border-color: rgba(0, 143, 163, 0.2); background: var(--sar-condo-light); } .sar-condo__responsibility-tag { display: inline-flex; margin-bottom: 11px; padding: 6px 9px; border-radius: 8px; background: rgba(201, 85, 66, 0.1); color: var(--sar-condo-red); font-size: 9px; font-weight: 900; letter-spacing: 0.05em; text-transform: uppercase; } .sar-condo__responsibility-card--home .sar-condo__responsibility-tag { background: rgba(0, 143, 163, 0.1); color: var(--sar-condo-teal); } .sar-condo__responsibility-card h5 { margin: 0; color: var(--sar-condo-dark); font-size: 23px; font-weight: 900; line-height: 1.23; } .sar-condo__responsibility-card p { margin: 11px 0 0; color: var(--sar-condo-muted); font-size: 13px; line-height: 1.62; } .sar-condo__responsibility-card ul, .sar-condo__decision-card ul { display: grid; gap: 8px; margin: 17px 0 0; padding: 0; list-style: none; } .sar-condo__responsibility-card li, .sar-condo__decision-card li { display: flex; align-items: flex-start; gap: 9px; color: var(--sar-condo-dark); font-size: 12px; font-weight: 700; line-height: 1.5; } .sar-condo__responsibility-card li > span, .sar-condo__decision-card li > span { display: grid; flex: 0 0 auto; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-condo-green); font-size: 10px; font-weight: 900; } /* ========================================================= ELEMENTI DA ANALIZZARE ========================================================= */ .sar-condo__checks { margin-top: clamp(48px, 7vw, 80px); padding: clamp(30px, 5vw, 56px); border-radius: 28px; background: linear-gradient( 135deg, var(--sar-condo-deep) 0%, var(--sar-condo-dark) 67%, #075667 100% ); box-shadow: 0 23px 65px rgba(4, 45, 54, 0.19); } .sar-condo__checks-heading { max-width: 960px; } .sar-condo__checks .sar-condo__section-label { color: #88e6ee; } .sar-condo__checks .sar-condo__section-title { color: var(--sar-condo-white); } .sar-condo__checks .sar-condo__answer { color: rgba(255, 255, 255, 0.9); } .sar-condo__checks-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 29px; } .sar-condo__check { display: flex; min-width: 0; flex-direction: column; padding: 21px 18px; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 17px; background: rgba(255, 255, 255, 0.97); } .sar-condo__check > span { display: inline-flex; margin-bottom: 10px; color: var(--sar-condo-orange); font-size: 11px; font-weight: 900; letter-spacing: 0.065em; } .sar-condo__check h5 { margin: 0; color: var(--sar-condo-dark); font-size: 18px; font-weight: 900; line-height: 1.3; } .sar-condo__check p { margin: 8px 0 0; color: var(--sar-condo-muted); font-size: 13px; font-weight: 500; line-height: 1.6; } .sar-condo__check a { display: inline-flex; align-self: flex-start; margin-top: auto; padding-top: 14px; color: var(--sar-condo-teal); font-size: 12px; font-weight: 850; line-height: 1.45; text-decoration: none; } .sar-condo__check a:hover { text-decoration: underline; text-underline-offset: 4px; } /* ========================================================= DECISIONE ========================================================= */ .sar-condo__decision { margin-top: clamp(48px, 7vw, 80px); } .sar-condo__decision-heading { max-width: 960px; margin-bottom: 29px; } .sar-condo__decision-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .sar-condo__decision-card { padding: clamp(27px, 4vw, 40px); border: 1px solid var(--sar-condo-border); border-radius: 24px; background: var(--sar-condo-white); box-shadow: 0 15px 44px rgba(4, 45, 54, 0.07); } .sar-condo__decision-card--complete { border-color: rgba(0, 143, 163, 0.22); background: var(--sar-condo-light); } .sar-condo__decision-tag { display: inline-flex; margin-bottom: 14px; padding: 6px 10px; border-radius: 8px; background: rgba(46, 155, 103, 0.11); color: var(--sar-condo-green); font-size: 10px; font-weight: 900; letter-spacing: 0.055em; text-transform: uppercase; } .sar-condo__decision-card--complete .sar-condo__decision-tag { background: rgba(0, 143, 163, 0.1); color: var(--sar-condo-teal); } .sar-condo__decision-card h5 { margin: 0; color: var(--sar-condo-dark); font-size: clamp(23px, 2.8vw, 33px); font-weight: 900; line-height: 1.2; } .sar-condo__decision-card p { margin: 14px 0 0; color: var(--sar-condo-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } .sar-condo__decision-card a { display: inline-flex; align-items: center; gap: 8px; margin-top: 20px; color: var(--sar-condo-teal); font-size: 14px; font-weight: 850; line-height: 1.45; text-decoration: none; } .sar-condo__decision-card a:hover { text-decoration: underline; text-underline-offset: 4px; } /* ========================================================= ERRORI ========================================================= */ .sar-condo__mistakes { display: grid; grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr); gap: clamp(30px, 5vw, 62px); align-items: start; margin-top: clamp(48px, 7vw, 80px); padding: clamp(30px, 5vw, 55px); border: 1px solid var(--sar-condo-border); border-radius: 27px; background: var(--sar-condo-cream); } .sar-condo__mistakes-list { display: grid; gap: 13px; margin: 0; padding: 0; list-style: none; } .sar-condo__mistakes-list li { display: flex; align-items: flex-start; gap: 13px; padding: 17px; border: 1px solid rgba(201, 85, 66, 0.14); border-radius: 15px; background: rgba(255, 255, 255, 0.93); } .sar-condo__mistakes-list li > span { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: rgba(201, 85, 66, 0.13); color: var(--sar-condo-red); font-size: 17px; font-weight: 900; } .sar-condo__mistakes-list strong { display: block; color: var(--sar-condo-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-condo__mistakes-list p { margin: 5px 0 0; color: var(--sar-condo-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } /* ========================================================= METODO ========================================================= */ .sar-condo__method { margin-top: clamp(48px, 7vw, 80px); } .sar-condo__method-heading { max-width: 970px; margin-bottom: 29px; } .sar-condo__steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; } .sar-condo__step { display: flex; align-items: flex-start; gap: 15px; min-width: 0; padding: 19px; border: 1px solid var(--sar-condo-border); border-radius: 17px; background: var(--sar-condo-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-condo__step-number { display: grid; flex: 0 0 auto; place-items: center; width: 37px; height: 37px; border-radius: 11px; background: var(--sar-condo-dark); color: var(--sar-condo-white); font-size: 13px; font-weight: 900; } .sar-condo__step strong { display: block; color: var(--sar-condo-dark); font-size: 16px; font-weight: 900; line-height: 1.3; } .sar-condo__step p { margin: 5px 0 0; color: var(--sar-condo-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } /* ========================================================= LINK INTERNI ========================================================= */ .sar-condo__links { margin-top: clamp(48px, 7vw, 80px); padding: clamp(27px, 4vw, 40px); border: 1px solid rgba(0, 143, 163, 0.17); border-radius: 24px; background: var(--sar-condo-light); } .sar-condo__links-label { margin: 0 0 18px; color: var(--sar-condo-teal); font-size: 11px; font-weight: 900; letter-spacing: 0.07em; text-transform: uppercase; } .sar-condo__links-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .sar-condo__links-grid a { display: grid; gap: 5px; min-width: 0; padding: 17px; border: 1px solid rgba(7, 59, 70, 0.1); border-radius: 14px; background: var(--sar-condo-white); text-decoration: none; transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .sar-condo__links-grid a:hover { transform: translateY(-2px); border-color: rgba(0, 143, 163, 0.28); box-shadow: 0 12px 28px rgba(4, 45, 54, 0.07); } .sar-condo__links-grid a > span { color: var(--sar-condo-orange); font-size: 10px; font-weight: 900; line-height: 1.35; text-transform: uppercase; } .sar-condo__links-grid a > strong { color: var(--sar-condo-dark); font-size: 14px; font-weight: 900; line-height: 1.4; } /* ========================================================= CONVERSIONE ========================================================= */ .sar-condo__conversion { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 22px; align-items: start; margin-top: clamp(48px, 7vw, 78px); padding: clamp(28px, 5vw, 47px); border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 25px; background: linear-gradient( 135deg, var(--sar-condo-white), var(--sar-condo-light) ); box-shadow: var(--sar-condo-shadow); } .sar-condo__conversion-icon { display: grid; place-items: center; width: 59px; height: 59px; border-radius: 18px; background: var(--sar-condo-teal); color: var(--sar-condo-white); font-size: 27px; font-weight: 900; } .sar-condo__conversion-label { margin: 0 0 8px; color: var(--sar-condo-teal); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-condo__conversion-title { max-width: 950px; margin: 0; color: var(--sar-condo-dark); font-size: clamp(24px, 3vw, 38px); font-weight: 900; line-height: 1.19; letter-spacing: -0.027em; text-wrap: balance; } .sar-condo__conversion-content > p:not(.sar-condo__conversion-label) { margin: 15px 0 0; color: var(--sar-condo-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } /* ========================================================= CTA ========================================================= */ .sar-condo__cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 36px; align-items: center; margin-top: clamp(48px, 7vw, 78px); padding: clamp(29px, 5vw, 52px); border-radius: 27px; background: linear-gradient( 132deg, var(--sar-condo-deep) 0%, var(--sar-condo-dark) 66%, #07596a 100% ); box-shadow: 0 23px 62px rgba(4, 45, 54, 0.19); } .sar-condo__cta-label { margin: 0 0 8px; color: #86e4ec; font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-condo__cta-title { max-width: 840px; margin: 0; color: var(--sar-condo-white); font-size: clamp(25px, 3vw, 39px); font-weight: 900; line-height: 1.17; letter-spacing: -0.028em; text-wrap: balance; } .sar-condo__cta-text { max-width: 850px; margin: 14px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 15px; font-weight: 500; line-height: 1.68; } .sar-condo__cta-actions { display: grid; gap: 11px; min-width: 260px; } .sar-condo__button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 54px; padding: 13px 19px; border: 2px solid transparent; border-radius: 12px; font-size: 14px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .sar-condo__button:hover { transform: translateY(-2px); } .sar-condo__button:focus-visible, .sar-condo__check a:focus-visible, .sar-condo__decision-card a:focus-visible, .sar-condo__links-grid a:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; border-radius: 6px; } .sar-condo__button--primary { background: var(--sar-condo-orange); color: var(--sar-condo-white); box-shadow: 0 12px 28px rgba(245, 130, 32, 0.26); } .sar-condo__button--primary:hover { background: var(--sar-condo-orange-dark); } .sar-condo__button--whatsapp { border-color: #25d366; background: #25d366; color: var(--sar-condo-white); box-shadow: 0 12px 28px rgba(37, 211, 102, 0.24); } .sar-condo__button--whatsapp:hover { border-color: #1fb85a; background: #1fb85a; box-shadow: 0 14px 32px rgba(37, 211, 102, 0.3); } .sar-condo__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-condo-white); } .sar-condo__button--phone:hover { border-color: rgba(255, 255, 255, 0.53); background: rgba(255, 255, 255, 0.15); } .sar-condo__button--phone span { display: grid; gap: 1px; } .sar-condo__button--phone strong { font-size: 15px; font-weight: 900; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1080px) { .sar-condo__mechanism, .sar-condo__responsibility, .sar-condo__mistakes { grid-template-columns: 1fr; } .sar-condo__diagram { width: min(100%, 760px); margin-inline: auto; } .sar-condo__sources-grid, .sar-condo__checks-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-condo__cta { grid-template-columns: 1fr; } .sar-condo__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); min-width: 0; } } /* ========================================================= TABLET PICCOLO ========================================================= */ @media (max-width: 820px) { .sar-condo__decision-grid, .sar-condo__steps { grid-template-columns: 1fr; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 720px) { #rumori-condominiali-impianti-comuni-roma { padding: 57px 0; } .sar-condo__container { width: min(100% - 28px, 1240px); } .sar-condo__header { margin-bottom: 32px; text-align: left; } .sar-condo__eyebrow { justify-content: flex-start; padding: 7px 11px; font-size: 10px; } .sar-condo__title { font-size: clamp(30px, 9vw, 42px); } .sar-condo__title span { display: block; margin-top: 4px; } .sar-condo__direct-answer { margin-top: 18px; font-size: 17px; line-height: 1.6; } .sar-condo__intro { font-size: 15px; line-height: 1.68; } .sar-condo__section-title { font-size: 27px; } .sar-condo__answer { font-size: 15px; line-height: 1.68; } .sar-condo__mechanism { padding: 27px 20px; border-radius: 21px; } .sar-condo__diagram { padding: 14px; border-radius: 18px; } .sar-condo__sources { margin-top: 39px; } .sar-condo__sources-heading { margin-bottom: 23px; } .sar-condo__sources-grid { grid-template-columns: 1fr; } .sar-condo__source { padding: 22px 18px; border-radius: 18px; } .sar-condo__symptoms { margin-top: 39px; } .sar-condo__symptoms-heading { margin-bottom: 23px; } .sar-condo__table-wrapper { overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; } .sar-condo__table, .sar-condo__table tbody, .sar-condo__table tr, .sar-condo__table td { display: block; width: 100%; } .sar-condo__table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); } .sar-condo__table tbody { display: grid; gap: 13px; } .sar-condo__table tr { overflow: hidden; border: 1px solid var(--sar-condo-border); border-radius: 17px; background: var(--sar-condo-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-condo__table tbody tr:nth-child(even) { background: var(--sar-condo-white); } .sar-condo__table td, .sar-condo__table td:nth-child(1), .sar-condo__table td:nth-child(2), .sar-condo__table td:nth-child(3) { width: 100%; padding: 15px 17px; border-top: 1px solid var(--sar-condo-border); } .sar-condo__table td:first-child { border-top: 0; background: var(--sar-condo-light); } .sar-condo__table td::before { display: block; margin-bottom: 5px; color: var(--sar-condo-teal); content: attr(data-label); font-size: 9px; font-weight: 900; letter-spacing: 0.055em; text-transform: uppercase; } .sar-condo__responsibility { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-condo__checks { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-condo__checks-grid { grid-template-columns: 1fr; margin-top: 23px; } .sar-condo__decision { margin-top: 39px; } .sar-condo__decision-heading { margin-bottom: 23px; } .sar-condo__decision-card { padding: 24px 19px; border-radius: 20px; } .sar-condo__mistakes { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-condo__method { margin-top: 39px; } .sar-condo__method-heading { margin-bottom: 23px; } .sar-condo__step { padding: 16px 14px; } .sar-condo__links { margin-top: 39px; padding: 24px 18px; border-radius: 20px; } .sar-condo__links-grid { grid-template-columns: 1fr; } .sar-condo__conversion { grid-template-columns: 1fr; margin-top: 39px; padding: 25px 20px; border-radius: 20px; } .sar-condo__conversion-icon { width: 51px; height: 51px; border-radius: 15px; } .sar-condo__cta { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-condo__cta-actions { grid-template-columns: 1fr; } .sar-condo__button { width: 100%; } } /* ========================================================= SCHERMI MOLTO PICCOLI ========================================================= */ @media (max-width: 430px) { .sar-condo__diagram-paths, .sar-condo__diagram-building-grid { grid-template-columns: 1fr; } .sar-condo__responsibility-card h5 { font-size: 21px; } .sar-condo__mistakes-list strong { font-size: 14px; } .sar-condo__decision-card a, .sar-condo__check a { align-items: flex-start; font-size: 13px; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sar-condo__button, .sar-condo__links-grid a { transition: none; } .sar-condo__button:hover, .sar-condo__links-grid a:hover { transform: none; } }#imCell_32 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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; } /* ========================================================= H2 — PANNELLI FONOASSORBENTI O ISOLAMENTO ACUSTICO? Pagina: isolamento-acustico-roma.html Classi isolate con prefisso sar-absorb ========================================================= */ #pannelli-fonoassorbenti-o-isolamento-acustico-roma { --sar-absorb-dark: #073b46; --sar-absorb-deep: #042d36; --sar-absorb-teal: #008fa3; --sar-absorb-turquoise: #16bfd0; --sar-absorb-orange: #f58220; --sar-absorb-orange-dark: #d96814; --sar-absorb-green: #2e9b67; --sar-absorb-red: #c95542; --sar-absorb-white: #ffffff; --sar-absorb-cream: #fff8ed; --sar-absorb-light: #eefafd; --sar-absorb-text: #18343b; --sar-absorb-muted: #587078; --sar-absorb-border: rgba(7, 59, 70, 0.13); --sar-absorb-shadow: 0 20px 55px rgba(4, 45, 54, 0.11); position: relative; width: 100%; overflow: hidden; padding: clamp(70px, 8vw, 110px) 0; background: radial-gradient( circle at 100% 5%, rgba(22, 191, 208, 0.1), transparent 28% ), radial-gradient( circle at 0% 52%, rgba(245, 130, 32, 0.07), transparent 24% ), linear-gradient(180deg, #ffffff 0%, #f6fcfd 100%); color: var(--sar-absorb-text); } #pannelli-fonoassorbenti-o-isolamento-acustico-roma, #pannelli-fonoassorbenti-o-isolamento-acustico-roma *, #pannelli-fonoassorbenti-o-isolamento-acustico-roma *::before, #pannelli-fonoassorbenti-o-isolamento-acustico-roma *::after { box-sizing: border-box; } .sar-absorb__container { width: min(100% - 40px, 1240px); margin-inline: auto; } .sar-absorb__header { max-width: 1010px; margin: 0 auto 48px; text-align: center; } .sar-absorb__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 15px; padding: 8px 14px; border: 1px solid rgba(245, 130, 32, 0.22); border-radius: 999px; background: rgba(245, 130, 32, 0.08); color: var(--sar-absorb-orange); font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.055em; text-transform: uppercase; } .sar-absorb__title { margin: 0; color: var(--sar-absorb-deep); font-size: clamp(34px, 4.5vw, 59px); font-weight: 900; line-height: 1.08; letter-spacing: -0.04em; text-wrap: balance; } .sar-absorb__title span { color: var(--sar-absorb-teal); } .sar-absorb__direct-answer { max-width: 950px; margin: 23px auto 0; color: var(--sar-absorb-dark); font-size: clamp(18px, 1.7vw, 21px); font-weight: 700; line-height: 1.65; } .sar-absorb__section-label { margin: 0 0 9px; color: var(--sar-absorb-orange); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-absorb__section-title { margin: 0; color: var(--sar-absorb-deep); font-size: clamp(27px, 3.2vw, 42px); font-weight: 900; line-height: 1.16; letter-spacing: -0.029em; text-wrap: balance; } .sar-absorb__answer { margin: 17px 0 0; color: var(--sar-absorb-dark); font-size: 16px; font-weight: 650; line-height: 1.72; } .sar-absorb__hero { display: grid; grid-template-columns: minmax(0, 0.92fr) minmax(420px, 1.08fr); gap: clamp(32px, 5vw, 66px); align-items: center; padding: clamp(31px, 5vw, 58px); border-radius: 29px; background: linear-gradient( 135deg, var(--sar-absorb-deep) 0%, var(--sar-absorb-dark) 66%, #07596a 100% ); box-shadow: 0 24px 66px rgba(4, 45, 54, 0.19); } .sar-absorb__hero .sar-absorb__section-label { color: #87e4ec; } .sar-absorb__hero .sar-absorb__section-title { color: var(--sar-absorb-white); } .sar-absorb__hero .sar-absorb__answer { color: rgba(255, 255, 255, 0.95); } .sar-absorb__hero-content > p:not( .sar-absorb__section-label, .sar-absorb__answer ) { margin: 16px 0 0; color: rgba(255, 255, 255, 0.84); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-absorb__hero-note { display: flex; align-items: flex-start; gap: 12px; margin-top: 22px; padding: 16px; border: 1px solid rgba(245, 130, 32, 0.32); border-radius: 15px; background: rgba(245, 130, 32, 0.11); } .sar-absorb__hero-note > span { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: var(--sar-absorb-orange); color: var(--sar-absorb-white); font-size: 15px; font-weight: 900; } .sar-absorb__hero-note p { margin: 0; color: rgba(255, 255, 255, 0.94); font-size: 13px; font-weight: 700; line-height: 1.58; } .sar-absorb__figure { min-width: 0; margin: 0; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 22px; background: var(--sar-absorb-white); box-shadow: 0 18px 45px rgba(0, 0, 0, 0.16); } .sar-absorb__figure img { display: block; width: 100%; height: auto; aspect-ratio: 1200 / 630; object-fit: cover; } .sar-absorb__figure figcaption { padding: 15px 17px 17px; color: var(--sar-absorb-muted); font-size: 12px; font-weight: 650; line-height: 1.55; } .sar-absorb__voice-answer { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 20px; align-items: start; margin-top: clamp(45px, 6vw, 72px); padding: clamp(27px, 4vw, 42px); border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 24px; background: var(--sar-absorb-light); box-shadow: var(--sar-absorb-shadow); } .sar-absorb__voice-icon { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 18px; background: var(--sar-absorb-teal); color: var(--sar-absorb-white); font-size: 27px; font-weight: 900; } .sar-absorb__voice-label { margin: 0 0 8px; color: var(--sar-absorb-teal); font-size: 10px; font-weight: 900; letter-spacing: 0.07em; text-transform: uppercase; } .sar-absorb__voice-answer h3 { margin: 0; color: var(--sar-absorb-dark); font-size: clamp(24px, 3vw, 37px); font-weight: 900; line-height: 1.2; letter-spacing: -0.027em; } .sar-absorb__voice-answer p:not(.sar-absorb__voice-label) { margin: 14px 0 0; color: var(--sar-absorb-muted); font-size: 15px; font-weight: 550; line-height: 1.7; } .sar-absorb__comparison, .sar-absorb__orientation, .sar-absorb__when, .sar-absorb__method { margin-top: clamp(49px, 7vw, 80px); } .sar-absorb__comparison-heading, .sar-absorb__orientation-heading, .sar-absorb__when-heading, .sar-absorb__method-heading { max-width: 970px; margin-bottom: 29px; } .sar-absorb__comparison-grid, .sar-absorb__when-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .sar-absorb__card, .sar-absorb__when-card { padding: clamp(27px, 4vw, 40px); border: 1px solid var(--sar-absorb-border); border-radius: 24px; background: var(--sar-absorb-white); box-shadow: 0 15px 44px rgba(4, 45, 54, 0.07); } .sar-absorb__card--isolation, .sar-absorb__when-card--isolation { border-color: rgba(0, 143, 163, 0.22); background: var(--sar-absorb-light); } .sar-absorb__card-tag, .sar-absorb__when-tag { display: inline-flex; margin-bottom: 14px; padding: 6px 10px; border-radius: 8px; background: rgba(245, 130, 32, 0.11); color: var(--sar-absorb-orange); font-size: 10px; font-weight: 900; letter-spacing: 0.055em; text-transform: uppercase; } .sar-absorb__card--isolation .sar-absorb__card-tag, .sar-absorb__when-card--isolation .sar-absorb__when-tag { background: rgba(0, 143, 163, 0.1); color: var(--sar-absorb-teal); } .sar-absorb__card h4, .sar-absorb__when-card h4 { margin: 0; color: var(--sar-absorb-dark); font-size: clamp(23px, 2.8vw, 33px); font-weight: 900; line-height: 1.2; } .sar-absorb__card > p, .sar-absorb__when-card > p { margin: 14px 0 0; color: var(--sar-absorb-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } .sar-absorb__card ul, .sar-absorb__when-card ul { display: grid; gap: 9px; margin: 19px 0 0; padding: 0; list-style: none; } .sar-absorb__card li, .sar-absorb__when-card li { display: flex; align-items: flex-start; gap: 9px; color: var(--sar-absorb-dark); font-size: 13px; font-weight: 700; line-height: 1.5; } .sar-absorb__card li > span, .sar-absorb__when-card li > span { display: grid; flex: 0 0 auto; place-items: center; width: 21px; height: 21px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-absorb-green); font-size: 11px; font-weight: 900; } .sar-absorb__card li:last-child > span { background: rgba(201, 85, 66, 0.12); color: var(--sar-absorb-red); } .sar-absorb__card-summary { margin-top: 20px; padding: 14px; border-radius: 12px; background: var(--sar-absorb-cream); } .sar-absorb__card--isolation .sar-absorb__card-summary { background: rgba(0, 143, 163, 0.08); } .sar-absorb__card-summary span { display: block; color: var(--sar-absorb-orange); font-size: 9px; font-weight: 900; letter-spacing: 0.055em; text-transform: uppercase; } .sar-absorb__card--isolation .sar-absorb__card-summary span { color: var(--sar-absorb-teal); } .sar-absorb__card-summary strong { display: block; margin-top: 5px; color: var(--sar-absorb-dark); font-size: 13px; font-weight: 900; line-height: 1.5; } .sar-absorb__table-wrapper { width: 100%; overflow: hidden; border: 1px solid var(--sar-absorb-border); border-radius: 22px; background: var(--sar-absorb-white); box-shadow: var(--sar-absorb-shadow); } .sar-absorb__table { width: 100%; border-collapse: collapse; table-layout: fixed; } .sar-absorb__table th, .sar-absorb__table td { padding: 18px; overflow-wrap: anywhere; vertical-align: top; text-align: left; } .sar-absorb__table th:nth-child(1), .sar-absorb__table td:nth-child(1) { width: 29%; } .sar-absorb__table th:nth-child(2), .sar-absorb__table td:nth-child(2) { width: 39%; } .sar-absorb__table th:nth-child(3), .sar-absorb__table td:nth-child(3) { width: 32%; } .sar-absorb__table thead { background: var(--sar-absorb-dark); color: var(--sar-absorb-white); } .sar-absorb__table th { font-size: 12px; font-weight: 900; line-height: 1.4; text-transform: uppercase; } .sar-absorb__table td { border-top: 1px solid var(--sar-absorb-border); color: var(--sar-absorb-muted); font-size: 13px; font-weight: 550; line-height: 1.58; } .sar-absorb__table td:first-child { color: var(--sar-absorb-dark); font-weight: 900; } .sar-absorb__table tbody tr:nth-child(even) { background: var(--sar-absorb-light); } .sar-absorb__sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sar-absorb__mistake { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: clamp(30px, 5vw, 62px); align-items: start; margin-top: clamp(49px, 7vw, 80px); padding: clamp(30px, 5vw, 55px); border: 1px solid var(--sar-absorb-border); border-radius: 27px; background: var(--sar-absorb-cream); } .sar-absorb__mistake-content > p:not( .sar-absorb__section-label, .sar-absorb__answer ) { margin: 16px 0 0; color: var(--sar-absorb-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-absorb__mistake-grid { display: grid; gap: 13px; } .sar-absorb__mistake-grid article { display: flex; align-items: flex-start; gap: 13px; padding: 17px; border: 1px solid rgba(201, 85, 66, 0.14); border-radius: 15px; background: rgba(255, 255, 255, 0.94); } .sar-absorb__mistake-grid article > span { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: rgba(201, 85, 66, 0.13); color: var(--sar-absorb-red); font-size: 17px; font-weight: 900; } .sar-absorb__mistake-grid strong { display: block; color: var(--sar-absorb-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-absorb__mistake-grid p { margin: 5px 0 0; color: var(--sar-absorb-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } .sar-absorb__steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; } .sar-absorb__steps li { display: flex; align-items: flex-start; gap: 15px; min-width: 0; padding: 19px; border: 1px solid var(--sar-absorb-border); border-radius: 17px; background: var(--sar-absorb-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-absorb__steps li > span { display: grid; flex: 0 0 auto; place-items: center; width: 37px; height: 37px; border-radius: 11px; background: var(--sar-absorb-dark); color: var(--sar-absorb-white); font-size: 13px; font-weight: 900; } .sar-absorb__steps strong { display: block; color: var(--sar-absorb-dark); font-size: 16px; font-weight: 900; line-height: 1.3; } .sar-absorb__steps p { margin: 5px 0 0; color: var(--sar-absorb-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } .sar-absorb__links { margin-top: clamp(49px, 7vw, 80px); padding: clamp(27px, 4vw, 40px); border: 1px solid rgba(0, 143, 163, 0.17); border-radius: 24px; background: var(--sar-absorb-light); } .sar-absorb__links-label { margin: 0 0 18px; color: var(--sar-absorb-teal); font-size: 11px; font-weight: 900; letter-spacing: 0.07em; text-transform: uppercase; } .sar-absorb__links-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; } .sar-absorb__links-grid a { display: grid; gap: 5px; min-width: 0; padding: 17px; border: 1px solid rgba(7, 59, 70, 0.1); border-radius: 14px; background: var(--sar-absorb-white); text-decoration: none; transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .sar-absorb__links-grid a:hover { transform: translateY(-2px); border-color: rgba(0, 143, 163, 0.28); box-shadow: 0 12px 28px rgba(4, 45, 54, 0.07); } .sar-absorb__links-grid a > span { color: var(--sar-absorb-orange); font-size: 9px; font-weight: 900; line-height: 1.35; text-transform: uppercase; } .sar-absorb__links-grid a > strong { color: var(--sar-absorb-dark); font-size: 13px; font-weight: 900; line-height: 1.42; } .sar-absorb__conversion { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 22px; align-items: start; margin-top: clamp(49px, 7vw, 78px); padding: clamp(28px, 5vw, 47px); border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 25px; background: linear-gradient( 135deg, var(--sar-absorb-white), var(--sar-absorb-light) ); box-shadow: var(--sar-absorb-shadow); } .sar-absorb__conversion-icon { display: grid; place-items: center; width: 59px; height: 59px; border-radius: 18px; background: var(--sar-absorb-teal); color: var(--sar-absorb-white); font-size: 27px; font-weight: 900; } .sar-absorb__conversion-label { margin: 0 0 8px; color: var(--sar-absorb-teal); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-absorb__conversion h3 { max-width: 950px; margin: 0; color: var(--sar-absorb-dark); font-size: clamp(24px, 3vw, 38px); font-weight: 900; line-height: 1.19; letter-spacing: -0.027em; text-wrap: balance; } .sar-absorb__conversion p:not(.sar-absorb__conversion-label) { margin: 15px 0 0; color: var(--sar-absorb-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } .sar-absorb__cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 36px; align-items: center; margin-top: clamp(49px, 7vw, 78px); padding: clamp(29px, 5vw, 52px); border-radius: 27px; background: linear-gradient( 132deg, var(--sar-absorb-deep) 0%, var(--sar-absorb-dark) 66%, #07596a 100% ); box-shadow: 0 23px 62px rgba(4, 45, 54, 0.19); } .sar-absorb__cta-label { margin: 0 0 8px; color: #86e4ec; font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-absorb__cta-title { max-width: 840px; margin: 0; color: var(--sar-absorb-white); font-size: clamp(25px, 3vw, 39px); font-weight: 900; line-height: 1.17; letter-spacing: -0.028em; text-wrap: balance; } .sar-absorb__cta-text { max-width: 850px; margin: 14px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 15px; font-weight: 500; line-height: 1.68; } .sar-absorb__cta-actions { display: grid; gap: 11px; min-width: 260px; } .sar-absorb__button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 54px; padding: 13px 19px; border: 2px solid transparent; border-radius: 12px; font-size: 14px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .sar-absorb__button:hover { transform: translateY(-2px); } .sar-absorb__button:focus-visible, .sar-absorb__links-grid a:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; border-radius: 6px; } .sar-absorb__button--primary { background: var(--sar-absorb-orange); color: var(--sar-absorb-white); box-shadow: 0 12px 28px rgba(245, 130, 32, 0.26); } .sar-absorb__button--primary:hover { background: var(--sar-absorb-orange-dark); } .sar-absorb__button--whatsapp { background: #25d366; color: var(--sar-absorb-white); box-shadow: 0 12px 28px rgba(37, 211, 102, 0.25); } .sar-absorb__button--whatsapp:hover { background: #1ebe5d; box-shadow: 0 15px 32px rgba(37, 211, 102, 0.31); } .sar-absorb__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-absorb-white); } .sar-absorb__button--phone:hover { border-color: rgba(255, 255, 255, 0.53); background: rgba(255, 255, 255, 0.15); } .sar-absorb__button--phone span { display: grid; gap: 1px; } .sar-absorb__button--phone strong { font-size: 15px; font-weight: 900; } @media (max-width: 1120px) { .sar-absorb__hero, .sar-absorb__mistake { grid-template-columns: 1fr; } .sar-absorb__figure { width: min(100%, 820px); margin-inline: auto; } .sar-absorb__links-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-absorb__cta { grid-template-columns: 1fr; } .sar-absorb__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); min-width: 0; } } @media (max-width: 820px) { .sar-absorb__comparison-grid, .sar-absorb__when-grid, .sar-absorb__steps { grid-template-columns: 1fr; } } @media (max-width: 720px) { #pannelli-fonoassorbenti-o-isolamento-acustico-roma { padding: 57px 0; } .sar-absorb__container { width: min(100% - 28px, 1240px); } .sar-absorb__header { margin-bottom: 32px; text-align: left; } .sar-absorb__eyebrow { justify-content: flex-start; padding: 7px 11px; font-size: 10px; } .sar-absorb__title { font-size: clamp(32px, 9.5vw, 44px); } .sar-absorb__title span { display: block; margin-top: 4px; } .sar-absorb__direct-answer { margin-top: 18px; font-size: 17px; line-height: 1.6; } .sar-absorb__section-title { font-size: 27px; } .sar-absorb__answer { font-size: 15px; line-height: 1.68; } .sar-absorb__hero { padding: 27px 20px; border-radius: 21px; } .sar-absorb__figure { border-radius: 18px; } .sar-absorb__voice-answer { grid-template-columns: 1fr; margin-top: 39px; padding: 25px 20px; border-radius: 20px; } .sar-absorb__voice-icon, .sar-absorb__conversion-icon { width: 51px; height: 51px; border-radius: 15px; } .sar-absorb__comparison, .sar-absorb__orientation, .sar-absorb__when, .sar-absorb__method { margin-top: 39px; } .sar-absorb__comparison-heading, .sar-absorb__orientation-heading, .sar-absorb__when-heading, .sar-absorb__method-heading { margin-bottom: 23px; } .sar-absorb__card, .sar-absorb__when-card { padding: 24px 19px; border-radius: 20px; } .sar-absorb__table-wrapper { overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; } .sar-absorb__table, .sar-absorb__table tbody, .sar-absorb__table tr, .sar-absorb__table td { display: block; width: 100%; } .sar-absorb__table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); } .sar-absorb__table tbody { display: grid; gap: 13px; } .sar-absorb__table tr { overflow: hidden; border: 1px solid var(--sar-absorb-border); border-radius: 17px; background: var(--sar-absorb-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-absorb__table tbody tr:nth-child(even) { background: var(--sar-absorb-white); } .sar-absorb__table td, .sar-absorb__table td:nth-child(1), .sar-absorb__table td:nth-child(2), .sar-absorb__table td:nth-child(3) { width: 100%; padding: 15px 17px; border-top: 1px solid var(--sar-absorb-border); } .sar-absorb__table td:first-child { border-top: 0; background: var(--sar-absorb-light); } .sar-absorb__table td::before { display: block; margin-bottom: 5px; color: var(--sar-absorb-teal); content: attr(data-label); font-size: 9px; font-weight: 900; letter-spacing: 0.055em; text-transform: uppercase; } .sar-absorb__mistake { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-absorb__steps li { padding: 16px 14px; } .sar-absorb__links { margin-top: 39px; padding: 24px 18px; border-radius: 20px; } .sar-absorb__links-grid { grid-template-columns: 1fr; } .sar-absorb__conversion { grid-template-columns: 1fr; margin-top: 39px; padding: 25px 20px; border-radius: 20px; } .sar-absorb__cta { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-absorb__cta-actions { grid-template-columns: 1fr; } .sar-absorb__button { width: 100%; } } @media (max-width: 430px) { .sar-absorb__mistake-grid strong { font-size: 14px; } .sar-absorb__card h4, .sar-absorb__when-card h4 { font-size: 22px; } } @media (prefers-reduced-motion: reduce) { .sar-absorb__button, .sar-absorb__links-grid a { transition: none; } .sar-absorb__button:hover, .sar-absorb__links-grid a:hover { transform: none; } } #imCell_33 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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 — COSA FANNO REALMENTE I PANNELLI FONOASSORBENTI Pagina: isolamento-acustico-roma.html Classi isolate con prefisso sar-absorb ========================================================= */ #cosa-fanno-pannelli-fonoassorbenti-roma { --sar-absorb-dark: #073b46; --sar-absorb-deep: #042d36; --sar-absorb-teal: #008fa3; --sar-absorb-turquoise: #16bfd0; --sar-absorb-orange: #f58220; --sar-absorb-orange-dark: #d96813; --sar-absorb-green: #2e9b67; --sar-absorb-whatsapp: #25d366; --sar-absorb-whatsapp-dark: #1da851; --sar-absorb-red: #c95542; --sar-absorb-white: #ffffff; --sar-absorb-cream: #fff8ed; --sar-absorb-light: #eefafd; --sar-absorb-text: #18343b; --sar-absorb-muted: #587078; --sar-absorb-border: rgba(7, 59, 70, 0.13); --sar-absorb-shadow: 0 20px 55px rgba(4, 45, 54, 0.11); position: relative; width: 100%; overflow: hidden; padding: clamp(68px, 8vw, 108px) 0; background: radial-gradient( circle at 100% 3%, rgba(22, 191, 208, 0.09), transparent 29% ), radial-gradient( circle at 0% 47%, rgba(245, 130, 32, 0.065), transparent 25% ), linear-gradient( 180deg, #ffffff 0%, #f7fcfd 100% ); color: var(--sar-absorb-text); } #cosa-fanno-pannelli-fonoassorbenti-roma, #cosa-fanno-pannelli-fonoassorbenti-roma *, #cosa-fanno-pannelli-fonoassorbenti-roma *::before, #cosa-fanno-pannelli-fonoassorbenti-roma *::after { box-sizing: border-box; } .sar-absorb__container { width: min(100% - 40px, 1240px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .sar-absorb__header { max-width: 1010px; margin: 0 auto 48px; text-align: center; } .sar-absorb__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 15px; padding: 8px 14px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-absorb-teal); font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.055em; text-transform: uppercase; } .sar-absorb__title { margin: 0; color: var(--sar-absorb-deep); font-size: clamp(31px, 4vw, 52px); font-weight: 900; line-height: 1.1; letter-spacing: -0.037em; text-wrap: balance; } .sar-absorb__title span { color: var(--sar-absorb-teal); } .sar-absorb__direct-answer { max-width: 950px; margin: 22px auto 0; color: var(--sar-absorb-dark); font-size: clamp(18px, 1.65vw, 21px); font-weight: 700; line-height: 1.65; } .sar-absorb__intro { max-width: 920px; margin: 17px auto 0; color: var(--sar-absorb-muted); font-size: 16px; font-weight: 500; line-height: 1.75; } /* ========================================================= TITOLI INTERNI ========================================================= */ .sar-absorb__section-label { margin: 0 0 9px; color: var(--sar-absorb-orange); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-absorb__section-title { margin: 0; color: var(--sar-absorb-deep); font-size: clamp(26px, 3.2vw, 42px); font-weight: 900; line-height: 1.16; letter-spacing: -0.029em; text-wrap: balance; } .sar-absorb__answer { margin: 17px 0 0; color: var(--sar-absorb-dark); font-size: 16px; font-weight: 650; line-height: 1.72; } /* ========================================================= FUNZIONAMENTO ========================================================= */ .sar-absorb__function { display: grid; grid-template-columns: minmax(0, 1.03fr) minmax(390px, 0.97fr); gap: clamp(30px, 5vw, 62px); align-items: center; padding: clamp(31px, 5vw, 57px); border-radius: 28px; background: linear-gradient( 135deg, var(--sar-absorb-deep) 0%, var(--sar-absorb-dark) 67%, #075667 100% ); box-shadow: 0 23px 65px rgba(4, 45, 54, 0.19); } .sar-absorb__function .sar-absorb__section-label { color: #88e6ee; } .sar-absorb__function .sar-absorb__section-title { color: var(--sar-absorb-white); } .sar-absorb__function .sar-absorb__answer { color: rgba(255, 255, 255, 0.94); } .sar-absorb__function-content > p:not( .sar-absorb__section-label, .sar-absorb__answer ) { margin: 16px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-absorb__function-note { display: flex; align-items: flex-start; gap: 12px; margin-top: 23px; padding: 16px; border: 1px solid rgba(245, 130, 32, 0.32); border-radius: 15px; background: rgba(245, 130, 32, 0.11); } .sar-absorb__function-note-icon { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: var(--sar-absorb-orange); color: var(--sar-absorb-white); font-size: 15px; font-weight: 900; } .sar-absorb__function-note p { margin: 0; color: rgba(255, 255, 255, 0.93); font-size: 13px; font-weight: 700; line-height: 1.58; } /* ========================================================= DIAGRAMMA ========================================================= */ .sar-absorb__diagram { width: 100%; min-width: 0; padding: 18px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 22px; background: rgba(255, 255, 255, 0.97); box-shadow: 0 17px 42px rgba(0, 0, 0, 0.15); } .sar-absorb__diagram-source { display: grid; justify-items: center; padding: 15px; border-radius: 12px; background: var(--sar-absorb-cream); text-align: center; } .sar-absorb__diagram-source span, .sar-absorb__diagram-panel span, .sar-absorb__diagram-result span { color: var(--sar-absorb-orange); font-size: 9px; font-weight: 900; line-height: 1.35; letter-spacing: 0.06em; text-transform: uppercase; } .sar-absorb__diagram-source strong, .sar-absorb__diagram-panel strong, .sar-absorb__diagram-result strong { margin-top: 6px; color: var(--sar-absorb-dark); font-size: 12px; font-weight: 900; line-height: 1.42; text-align: center; } .sar-absorb__diagram-waves { margin-top: 9px; color: var(--sar-absorb-orange); font-size: 18px; font-weight: 900; } .sar-absorb__diagram-arrow { padding: 6px; color: var(--sar-absorb-orange); font-size: 21px; font-weight: 900; text-align: center; } .sar-absorb__diagram-reflection { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; } .sar-absorb__diagram-reflection article { padding: 13px; border: 1px solid rgba(201, 85, 66, 0.14); border-radius: 11px; background: rgba(201, 85, 66, 0.06); } .sar-absorb__diagram-reflection article > span { display: grid; place-items: center; width: 24px; height: 24px; margin-bottom: 7px; border-radius: 8px; background: var(--sar-absorb-dark); color: var(--sar-absorb-white); font-size: 8px; font-weight: 900; } .sar-absorb__diagram-reflection strong { display: block; color: var(--sar-absorb-dark); font-size: 11px; font-weight: 900; line-height: 1.35; } .sar-absorb__diagram-reflection p { margin: 5px 0 0; color: var(--sar-absorb-muted); font-size: 9px; font-weight: 650; line-height: 1.45; } .sar-absorb__diagram-panel, .sar-absorb__diagram-result { display: grid; justify-items: center; padding: 14px; border-radius: 11px; background: var(--sar-absorb-light); } .sar-absorb__diagram-panel span { color: var(--sar-absorb-teal); } .sar-absorb__diagram-reduction { margin-top: 8px; color: var(--sar-absorb-teal); font-size: 15px; font-weight: 900; } .sar-absorb__diagram-result { margin-top: 10px; background: rgba(46, 155, 103, 0.09); } .sar-absorb__diagram-result span { color: var(--sar-absorb-green); } /* ========================================================= BENEFICI ========================================================= */ .sar-absorb__benefits { margin-top: clamp(48px, 7vw, 80px); } .sar-absorb__benefits-heading { max-width: 960px; margin-bottom: 29px; } .sar-absorb__benefits-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; } .sar-absorb__benefit { min-width: 0; padding: 23px 19px; border: 1px solid var(--sar-absorb-border); border-radius: 19px; background: var(--sar-absorb-white); box-shadow: 0 11px 31px rgba(4, 45, 54, 0.055); } .sar-absorb__benefit-icon { display: grid; place-items: center; width: 54px; height: 54px; margin-bottom: 17px; border-radius: 16px; background: rgba(245, 130, 32, 0.11); color: var(--sar-absorb-orange); } .sar-absorb__benefit--teal .sar-absorb__benefit-icon { background: rgba(22, 191, 208, 0.11); color: var(--sar-absorb-teal); } .sar-absorb__benefit--green .sar-absorb__benefit-icon { background: rgba(46, 155, 103, 0.11); color: var(--sar-absorb-green); } .sar-absorb__benefit-number { margin: 0 0 7px; color: var(--sar-absorb-orange); font-size: 10px; font-weight: 900; letter-spacing: 0.065em; } .sar-absorb__benefit h5 { margin: 0; color: var(--sar-absorb-dark); font-size: 19px; font-weight: 900; line-height: 1.3; } .sar-absorb__benefit > p:not(.sar-absorb__benefit-number) { margin: 9px 0 0; color: var(--sar-absorb-muted); font-size: 13px; font-weight: 500; line-height: 1.62; } /* ========================================================= LIMITI ========================================================= */ .sar-absorb__limits { margin-top: clamp(48px, 7vw, 80px); padding: clamp(30px, 5vw, 56px); border-radius: 28px; background: linear-gradient( 135deg, var(--sar-absorb-deep) 0%, var(--sar-absorb-dark) 67%, #075667 100% ); box-shadow: 0 23px 65px rgba(4, 45, 54, 0.19); } .sar-absorb__limits-heading { max-width: 960px; } .sar-absorb__limits .sar-absorb__section-label { color: #88e6ee; } .sar-absorb__limits .sar-absorb__section-title { color: var(--sar-absorb-white); } .sar-absorb__limits .sar-absorb__answer { color: rgba(255, 255, 255, 0.9); } .sar-absorb__limits-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 29px; } .sar-absorb__limit-card { padding: clamp(25px, 4vw, 37px); border: 1px solid rgba(46, 155, 103, 0.19); border-radius: 21px; background: rgba(255, 255, 255, 0.97); } .sar-absorb__limit-card--wrong { border-color: rgba(201, 85, 66, 0.2); background: var(--sar-absorb-cream); } .sar-absorb__limit-tag { display: inline-flex; margin-bottom: 13px; padding: 6px 10px; border-radius: 8px; background: rgba(46, 155, 103, 0.11); color: var(--sar-absorb-green); font-size: 10px; font-weight: 900; letter-spacing: 0.055em; text-transform: uppercase; } .sar-absorb__limit-card--wrong .sar-absorb__limit-tag { background: rgba(201, 85, 66, 0.1); color: var(--sar-absorb-red); } .sar-absorb__limit-card h5 { margin: 0; color: var(--sar-absorb-dark); font-size: clamp(22px, 2.5vw, 31px); font-weight: 900; line-height: 1.22; } .sar-absorb__limit-card ul { display: grid; gap: 9px; margin: 19px 0 0; padding: 0; list-style: none; } .sar-absorb__limit-card li { display: flex; align-items: flex-start; gap: 9px; color: var(--sar-absorb-dark); font-size: 13px; font-weight: 700; line-height: 1.5; } .sar-absorb__limit-card li > span { display: grid; flex: 0 0 auto; place-items: center; width: 21px; height: 21px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-absorb-green); font-size: 11px; font-weight: 900; } .sar-absorb__limit-card--wrong li > span { background: rgba(201, 85, 66, 0.13); color: var(--sar-absorb-red); } /* ========================================================= DIAGNOSI E TABELLA ========================================================= */ .sar-absorb__diagnosis { margin-top: clamp(48px, 7vw, 80px); } .sar-absorb__diagnosis-heading { max-width: 960px; margin-bottom: 27px; } .sar-absorb__table-wrapper { width: 100%; overflow: hidden; border: 1px solid var(--sar-absorb-border); border-radius: 22px; background: var(--sar-absorb-white); box-shadow: var(--sar-absorb-shadow); } .sar-absorb__table { width: 100%; border-collapse: collapse; table-layout: fixed; } .sar-absorb__table th, .sar-absorb__table td { padding: 18px; overflow-wrap: anywhere; vertical-align: top; text-align: left; } .sar-absorb__table th:nth-child(1), .sar-absorb__table td:nth-child(1) { width: 28%; } .sar-absorb__table th:nth-child(2), .sar-absorb__table td:nth-child(2) { width: 32%; } .sar-absorb__table th:nth-child(3), .sar-absorb__table td:nth-child(3) { width: 40%; } .sar-absorb__table thead { background: var(--sar-absorb-dark); color: var(--sar-absorb-white); } .sar-absorb__table th { font-size: 12px; font-weight: 900; line-height: 1.4; text-transform: uppercase; } .sar-absorb__table td { border-top: 1px solid var(--sar-absorb-border); color: var(--sar-absorb-muted); font-size: 13px; font-weight: 550; line-height: 1.58; } .sar-absorb__table td:first-child { color: var(--sar-absorb-dark); font-weight: 900; } .sar-absorb__table tbody tr:nth-child(even) { background: var(--sar-absorb-light); } .sar-absorb__sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* ========================================================= UTILIZZI ========================================================= */ .sar-absorb__uses { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: clamp(30px, 5vw, 60px); align-items: start; margin-top: clamp(48px, 7vw, 80px); padding: clamp(30px, 5vw, 55px); border: 1px solid var(--sar-absorb-border); border-radius: 27px; background: var(--sar-absorb-cream); } .sar-absorb__uses-content > p:not( .sar-absorb__section-label, .sar-absorb__answer ) { margin: 16px 0 0; color: var(--sar-absorb-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-absorb__uses-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; } .sar-absorb__uses-grid article { display: flex; align-items: flex-start; gap: 12px; min-width: 0; padding: 17px; border: 1px solid rgba(7, 59, 70, 0.09); border-radius: 15px; background: rgba(255, 255, 255, 0.95); } .sar-absorb__uses-grid article > span { display: grid; flex: 0 0 auto; place-items: center; width: 29px; height: 29px; border-radius: 9px; background: var(--sar-absorb-dark); color: var(--sar-absorb-white); font-size: 10px; font-weight: 900; } .sar-absorb__uses-grid strong { display: block; color: var(--sar-absorb-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-absorb__uses-grid p { margin: 5px 0 0; color: var(--sar-absorb-muted); font-size: 12px; font-weight: 550; line-height: 1.55; } /* ========================================================= SOLUZIONI COMPLEMENTARI ========================================================= */ .sar-absorb__complementary { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, 0.65fr); gap: clamp(30px, 5vw, 60px); align-items: start; margin-top: clamp(48px, 7vw, 80px); padding: clamp(30px, 5vw, 55px); border-radius: 27px; background: var(--sar-absorb-light); } .sar-absorb__complementary-content > p:not( .sar-absorb__section-label, .sar-absorb__answer ) { margin: 16px 0 0; color: var(--sar-absorb-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-absorb__complementary-sequence { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 22px; } .sar-absorb__complementary-sequence article { display: flex; align-items: flex-start; gap: 12px; padding: 17px; border: 1px solid rgba(0, 143, 163, 0.12); border-radius: 15px; background: var(--sar-absorb-white); } .sar-absorb__complementary-sequence article > span { display: grid; flex: 0 0 auto; place-items: center; width: 29px; height: 29px; border-radius: 9px; background: var(--sar-absorb-teal); color: var(--sar-absorb-white); font-size: 11px; font-weight: 900; } .sar-absorb__complementary-sequence strong { display: block; color: var(--sar-absorb-dark); font-size: 14px; font-weight: 900; line-height: 1.35; } .sar-absorb__complementary-sequence p { margin: 5px 0 0; color: var(--sar-absorb-muted); font-size: 12px; line-height: 1.55; } .sar-absorb__complementary-links { display: grid; gap: 9px; padding: 23px; border-radius: 20px; background: linear-gradient( 135deg, var(--sar-absorb-deep), var(--sar-absorb-dark) ); } .sar-absorb__complementary-links p { margin: 0 0 5px; color: #89e6ee; font-size: 11px; font-weight: 900; letter-spacing: 0.06em; text-transform: uppercase; } .sar-absorb__complementary-links a { display: block; padding: 12px 13px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 10px; background: rgba(255, 255, 255, 0.07); color: var(--sar-absorb-white); font-size: 13px; font-weight: 750; line-height: 1.45; text-decoration: none; } .sar-absorb__complementary-links a:hover { background: rgba(255, 255, 255, 0.13); } /* ========================================================= ERRORI ========================================================= */ .sar-absorb__mistakes { display: grid; grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr); gap: clamp(30px, 5vw, 62px); align-items: start; margin-top: clamp(48px, 7vw, 80px); padding: clamp(30px, 5vw, 55px); border: 1px solid var(--sar-absorb-border); border-radius: 27px; background: var(--sar-absorb-cream); } .sar-absorb__mistakes-list { display: grid; gap: 13px; margin: 0; padding: 0; list-style: none; } .sar-absorb__mistakes-list li { display: flex; align-items: flex-start; gap: 13px; padding: 17px; border: 1px solid rgba(201, 85, 66, 0.14); border-radius: 15px; background: rgba(255, 255, 255, 0.93); } .sar-absorb__mistakes-list li > span { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: rgba(201, 85, 66, 0.13); color: var(--sar-absorb-red); font-size: 17px; font-weight: 900; } .sar-absorb__mistakes-list strong { display: block; color: var(--sar-absorb-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-absorb__mistakes-list p { margin: 5px 0 0; color: var(--sar-absorb-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } /* ========================================================= CONVERSIONE ========================================================= */ .sar-absorb__conversion { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 22px; align-items: start; margin-top: clamp(48px, 7vw, 78px); padding: clamp(28px, 5vw, 47px); border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 25px; background: linear-gradient( 135deg, var(--sar-absorb-white), var(--sar-absorb-light) ); box-shadow: var(--sar-absorb-shadow); } .sar-absorb__conversion-icon { display: grid; place-items: center; width: 59px; height: 59px; border-radius: 18px; background: var(--sar-absorb-teal); color: var(--sar-absorb-white); font-size: 27px; font-weight: 900; } .sar-absorb__conversion-label { margin: 0 0 8px; color: var(--sar-absorb-teal); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-absorb__conversion-title { max-width: 950px; margin: 0; color: var(--sar-absorb-dark); font-size: clamp(24px, 3vw, 38px); font-weight: 900; line-height: 1.19; letter-spacing: -0.027em; text-wrap: balance; } .sar-absorb__conversion-content > p:not( .sar-absorb__conversion-label ) { margin: 15px 0 0; color: var(--sar-absorb-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } /* ========================================================= CTA ========================================================= */ .sar-absorb__cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 36px; align-items: center; margin-top: clamp(48px, 7vw, 78px); padding: clamp(29px, 5vw, 52px); border-radius: 27px; background: linear-gradient( 132deg, var(--sar-absorb-deep) 0%, var(--sar-absorb-dark) 66%, #07596a 100% ); box-shadow: 0 23px 62px rgba(4, 45, 54, 0.19); } .sar-absorb__cta-label { margin: 0 0 8px; color: #86e4ec; font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-absorb__cta-title { max-width: 840px; margin: 0; color: var(--sar-absorb-white); font-size: clamp(25px, 3vw, 39px); font-weight: 900; line-height: 1.17; letter-spacing: -0.028em; text-wrap: balance; } .sar-absorb__cta-text { max-width: 850px; margin: 14px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 15px; font-weight: 500; line-height: 1.68; } .sar-absorb__cta-actions { display: grid; gap: 11px; min-width: 260px; } .sar-absorb__button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 54px; padding: 13px 19px; border: 2px solid transparent; border-radius: 12px; font-size: 14px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .sar-absorb__button:hover { transform: translateY(-2px); } .sar-absorb__button:focus-visible, .sar-absorb__complementary-links a:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; border-radius: 6px; } .sar-absorb__button--primary { background: var(--sar-absorb-orange); color: var(--sar-absorb-white); box-shadow: 0 12px 28px rgba(245, 130, 32, 0.26); } .sar-absorb__button--primary:hover { background: var(--sar-absorb-orange-dark); } .sar-absorb__button--whatsapp { background: var(--sar-absorb-whatsapp); color: var(--sar-absorb-white); box-shadow: 0 12px 28px rgba(37, 211, 102, 0.22); } .sar-absorb__button--whatsapp:hover { background: var(--sar-absorb-whatsapp-dark); box-shadow: 0 15px 32px rgba(37, 211, 102, 0.28); } .sar-absorb__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-absorb-white); } .sar-absorb__button--phone:hover { border-color: rgba(255, 255, 255, 0.53); background: rgba(255, 255, 255, 0.15); } .sar-absorb__button--phone span { display: grid; gap: 1px; } .sar-absorb__button--phone strong { font-size: 15px; font-weight: 900; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1080px) { .sar-absorb__function, .sar-absorb__uses, .sar-absorb__complementary, .sar-absorb__mistakes { grid-template-columns: 1fr; } .sar-absorb__diagram { width: min(100%, 760px); margin-inline: auto; } .sar-absorb__benefits-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-absorb__cta { grid-template-columns: 1fr; } .sar-absorb__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); min-width: 0; } } /* ========================================================= TABLET PICCOLO ========================================================= */ @media (max-width: 820px) { .sar-absorb__limits-grid, .sar-absorb__complementary-sequence { grid-template-columns: 1fr; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 720px) { #cosa-fanno-pannelli-fonoassorbenti-roma { padding: 57px 0; } .sar-absorb__container { width: min(100% - 28px, 1240px); } .sar-absorb__header { margin-bottom: 32px; text-align: left; } .sar-absorb__eyebrow { justify-content: flex-start; padding: 7px 11px; font-size: 10px; } .sar-absorb__title { font-size: clamp(30px, 9vw, 42px); } .sar-absorb__title span { display: block; margin-top: 4px; } .sar-absorb__direct-answer { margin-top: 18px; font-size: 17px; line-height: 1.6; } .sar-absorb__intro { font-size: 15px; line-height: 1.68; } .sar-absorb__section-title { font-size: 27px; } .sar-absorb__answer { font-size: 15px; line-height: 1.68; } .sar-absorb__function { padding: 27px 20px; border-radius: 21px; } .sar-absorb__diagram { padding: 14px; border-radius: 18px; } .sar-absorb__benefits { margin-top: 39px; } .sar-absorb__benefits-heading { margin-bottom: 23px; } .sar-absorb__benefits-grid { grid-template-columns: 1fr; } .sar-absorb__limits { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-absorb__diagnosis { margin-top: 39px; } .sar-absorb__diagnosis-heading { margin-bottom: 23px; } .sar-absorb__table-wrapper { overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; } .sar-absorb__table, .sar-absorb__table tbody, .sar-absorb__table tr, .sar-absorb__table td { display: block; width: 100%; } .sar-absorb__table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); } .sar-absorb__table tbody { display: grid; gap: 13px; } .sar-absorb__table tr { overflow: hidden; border: 1px solid var(--sar-absorb-border); border-radius: 17px; background: var(--sar-absorb-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-absorb__table tbody tr:nth-child(even) { background: var(--sar-absorb-white); } .sar-absorb__table td, .sar-absorb__table td:nth-child(1), .sar-absorb__table td:nth-child(2), .sar-absorb__table td:nth-child(3) { width: 100%; padding: 15px 17px; border-top: 1px solid var(--sar-absorb-border); } .sar-absorb__table td:first-child { border-top: 0; background: var(--sar-absorb-light); } .sar-absorb__table td::before { display: block; margin-bottom: 5px; color: var(--sar-absorb-teal); content: attr(data-label); font-size: 9px; font-weight: 900; letter-spacing: 0.055em; text-transform: uppercase; } .sar-absorb__uses { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-absorb__uses-grid { grid-template-columns: 1fr; } .sar-absorb__complementary { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-absorb__mistakes { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-absorb__conversion { grid-template-columns: 1fr; margin-top: 39px; padding: 25px 20px; border-radius: 20px; } .sar-absorb__conversion-icon { width: 51px; height: 51px; border-radius: 15px; } .sar-absorb__cta { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-absorb__cta-actions { grid-template-columns: 1fr; } .sar-absorb__button { width: 100%; } } /* ========================================================= SCHERMI MOLTO PICCOLI ========================================================= */ @media (max-width: 430px) { .sar-absorb__diagram-reflection { grid-template-columns: 1fr; } .sar-absorb__mistakes-list strong, .sar-absorb__uses-grid strong { font-size: 14px; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sar-absorb__button { transition: none; } .sar-absorb__button:hover { transform: none; } }#imCell_34 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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 — PERCHÉ NON BLOCCANO I RUMORI DEI VICINI Pagina: isolamento-acustico-roma.html Classi isolate con prefisso sar-pnv ========================================================= */ #perche-pannelli-non-bloccano-rumori-vicini-roma { --sar-pnv-dark: #073b46; --sar-pnv-deep: #042d36; --sar-pnv-teal: #008fa3; --sar-pnv-turquoise: #16bfd0; --sar-pnv-orange: #f58220; --sar-pnv-orange-dark: #d96913; --sar-pnv-green: #2e9b67; --sar-pnv-green-dark: #237d53; --sar-pnv-red: #c95542; --sar-pnv-white: #ffffff; --sar-pnv-cream: #fff8ed; --sar-pnv-light: #eefafd; --sar-pnv-text: #18343b; --sar-pnv-muted: #587078; --sar-pnv-border: rgba(7, 59, 70, 0.13); --sar-pnv-shadow: 0 20px 55px rgba(4, 45, 54, 0.11); position: relative; width: 100%; overflow: hidden; padding: clamp(68px, 8vw, 108px) 0; background: radial-gradient( circle at 100% 3%, rgba(22, 191, 208, 0.09), transparent 29% ), radial-gradient( circle at 0% 49%, rgba(245, 130, 32, 0.065), transparent 25% ), linear-gradient( 180deg, #ffffff 0%, #f7fcfd 100% ); color: var(--sar-pnv-text); } #perche-pannelli-non-bloccano-rumori-vicini-roma, #perche-pannelli-non-bloccano-rumori-vicini-roma *, #perche-pannelli-non-bloccano-rumori-vicini-roma *::before, #perche-pannelli-non-bloccano-rumori-vicini-roma *::after { box-sizing: border-box; } .sar-pnv__container { width: min(100% - 40px, 1240px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .sar-pnv__header { max-width: 1010px; margin: 0 auto 48px; text-align: center; } .sar-pnv__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 15px; padding: 8px 14px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-pnv-teal); font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.055em; text-transform: uppercase; } .sar-pnv__title { margin: 0; color: var(--sar-pnv-deep); font-size: clamp(31px, 4vw, 52px); font-weight: 900; line-height: 1.1; letter-spacing: -0.037em; text-wrap: balance; } .sar-pnv__title span { color: var(--sar-pnv-teal); } .sar-pnv__direct-answer { max-width: 950px; margin: 22px auto 0; color: var(--sar-pnv-dark); font-size: clamp(18px, 1.65vw, 21px); font-weight: 700; line-height: 1.65; } .sar-pnv__intro { max-width: 920px; margin: 17px auto 0; color: var(--sar-pnv-muted); font-size: 16px; font-weight: 500; line-height: 1.75; } /* ========================================================= TITOLI INTERNI ========================================================= */ .sar-pnv__section-label { margin: 0 0 9px; color: var(--sar-pnv-orange); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-pnv__section-title { margin: 0; color: var(--sar-pnv-deep); font-size: clamp(26px, 3.2vw, 42px); font-weight: 900; line-height: 1.16; letter-spacing: -0.029em; text-wrap: balance; } .sar-pnv__answer { margin: 17px 0 0; color: var(--sar-pnv-dark); font-size: 16px; font-weight: 650; line-height: 1.72; } /* ========================================================= PRINCIPIO TECNICO ========================================================= */ .sar-pnv__principle { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(390px, 0.98fr); gap: clamp(30px, 5vw, 62px); align-items: center; padding: clamp(31px, 5vw, 57px); border-radius: 28px; background: linear-gradient( 135deg, var(--sar-pnv-deep) 0%, var(--sar-pnv-dark) 67%, #075667 100% ); box-shadow: 0 23px 65px rgba(4, 45, 54, 0.19); } .sar-pnv__principle .sar-pnv__section-label { color: #88e6ee; } .sar-pnv__principle .sar-pnv__section-title { color: var(--sar-pnv-white); } .sar-pnv__principle .sar-pnv__answer { color: rgba(255, 255, 255, 0.94); } .sar-pnv__principle-content > p:not( .sar-pnv__section-label, .sar-pnv__answer ) { margin: 16px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-pnv__principle-note { display: flex; align-items: flex-start; gap: 12px; margin-top: 23px; padding: 16px; border: 1px solid rgba(245, 130, 32, 0.32); border-radius: 15px; background: rgba(245, 130, 32, 0.11); } .sar-pnv__principle-note-icon { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: var(--sar-pnv-orange); color: var(--sar-pnv-white); font-size: 15px; font-weight: 900; } .sar-pnv__principle-note p { margin: 0; color: rgba(255, 255, 255, 0.93); font-size: 13px; font-weight: 700; line-height: 1.58; } /* ========================================================= DIAGRAMMA ========================================================= */ .sar-pnv__diagram { display: grid; gap: 12px; } .sar-pnv__diagram-case { padding: 17px; border: 1px solid rgba(201, 85, 66, 0.2); border-radius: 19px; background: rgba(255, 255, 255, 0.97); box-shadow: 0 15px 38px rgba(0, 0, 0, 0.14); } .sar-pnv__diagram-case--correct { border-color: rgba(46, 155, 103, 0.24); } .sar-pnv__diagram-tag { display: inline-flex; margin-bottom: 12px; padding: 6px 9px; border-radius: 8px; background: rgba(201, 85, 66, 0.1); color: var(--sar-pnv-red); font-size: 9px; font-weight: 900; letter-spacing: 0.055em; text-transform: uppercase; } .sar-pnv__diagram-case--correct .sar-pnv__diagram-tag { background: rgba(46, 155, 103, 0.11); color: var(--sar-pnv-green); } .sar-pnv__diagram-neighbor { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 13px; border-radius: 10px; background: var(--sar-pnv-cream); } .sar-pnv__diagram-neighbor strong { color: var(--sar-pnv-dark); font-size: 11px; font-weight: 900; } .sar-pnv__diagram-neighbor span { color: var(--sar-pnv-orange); font-size: 14px; font-weight: 900; } .sar-pnv__diagram-wall { display: flex; align-items: stretch; justify-content: center; gap: 3px; height: 46px; margin: 9px 0; } .sar-pnv__diagram-wall > * { display: block; height: 100%; } .sar-pnv__diagram-wall--simple i { width: 38%; background: var(--sar-pnv-dark); } .sar-pnv__diagram-wall--simple b { width: 12%; background: var(--sar-pnv-orange); } .sar-pnv__diagram-wall--system i { width: 27%; background: var(--sar-pnv-dark); } .sar-pnv__diagram-wall--system em { width: 18%; background: repeating-linear-gradient( 45deg, rgba(22, 191, 208, 0.45) 0, rgba(22, 191, 208, 0.45) 4px, rgba(238, 250, 253, 1) 4px, rgba(238, 250, 253, 1) 8px ); } .sar-pnv__diagram-wall--system b { width: 9%; background: var(--sar-pnv-green); } .sar-pnv__diagram-wall--system small { width: 22%; background: var(--sar-pnv-teal); } .sar-pnv__diagram-room { padding: 11px 13px; border-radius: 10px; background: var(--sar-pnv-light); } .sar-pnv__diagram-room strong { display: block; color: var(--sar-pnv-dark); font-size: 11px; font-weight: 900; } .sar-pnv__diagram-room p { margin: 5px 0 0; color: var(--sar-pnv-muted); font-size: 9px; font-weight: 650; line-height: 1.45; } .sar-pnv__diagram-result { display: flex; align-items: center; gap: 9px; margin-top: 9px; padding: 10px 12px; border-radius: 10px; } .sar-pnv__diagram-result--wrong { background: rgba(201, 85, 66, 0.08); color: var(--sar-pnv-red); } .sar-pnv__diagram-result--correct { background: rgba(46, 155, 103, 0.09); color: var(--sar-pnv-green); } .sar-pnv__diagram-result span { display: grid; flex: 0 0 auto; place-items: center; width: 23px; height: 23px; border-radius: 50%; background: currentColor; color: var(--sar-pnv-white); font-size: 12px; font-weight: 900; } .sar-pnv__diagram-result strong { font-size: 10px; font-weight: 900; line-height: 1.4; } /* ========================================================= MOTIVI ========================================================= */ .sar-pnv__reasons { margin-top: clamp(48px, 7vw, 80px); } .sar-pnv__reasons-heading { max-width: 960px; margin-bottom: 29px; } .sar-pnv__reasons-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; } .sar-pnv__reason { min-width: 0; padding: 23px 19px; border: 1px solid var(--sar-pnv-border); border-radius: 19px; background: var(--sar-pnv-white); box-shadow: 0 11px 31px rgba(4, 45, 54, 0.055); } .sar-pnv__reason-number { display: block; margin-bottom: 12px; color: var(--sar-pnv-orange); font-size: 10px; font-weight: 900; letter-spacing: 0.065em; } .sar-pnv__reason-icon { display: grid; place-items: center; width: 54px; height: 54px; margin-bottom: 17px; border-radius: 16px; background: rgba(245, 130, 32, 0.11); color: var(--sar-pnv-orange); } .sar-pnv__reason--teal .sar-pnv__reason-icon { background: rgba(22, 191, 208, 0.11); color: var(--sar-pnv-teal); } .sar-pnv__reason--green .sar-pnv__reason-icon { background: rgba(46, 155, 103, 0.11); color: var(--sar-pnv-green); } .sar-pnv__reason h5 { margin: 0; color: var(--sar-pnv-dark); font-size: 19px; font-weight: 900; line-height: 1.3; } .sar-pnv__reason p { margin: 9px 0 0; color: var(--sar-pnv-muted); font-size: 13px; font-weight: 500; line-height: 1.62; } /* ========================================================= PANNELLI INCOLLATI ========================================================= */ .sar-pnv__glue { display: grid; grid-template-columns: minmax(0, 0.91fr) minmax(0, 1.09fr); gap: clamp(30px, 5vw, 60px); align-items: start; margin-top: clamp(48px, 7vw, 80px); padding: clamp(30px, 5vw, 55px); border: 1px solid var(--sar-pnv-border); border-radius: 27px; background: var(--sar-pnv-cream); } .sar-pnv__glue-content > p:not( .sar-pnv__section-label, .sar-pnv__answer ) { margin: 16px 0 0; color: var(--sar-pnv-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-pnv__glue-list { display: grid; gap: 13px; } .sar-pnv__glue-list article { display: flex; align-items: flex-start; gap: 13px; padding: 17px; border: 1px solid rgba(7, 59, 70, 0.09); border-radius: 15px; background: rgba(255, 255, 255, 0.95); } .sar-pnv__glue-list article > span { display: grid; flex: 0 0 auto; place-items: center; width: 29px; height: 29px; border-radius: 9px; background: var(--sar-pnv-dark); color: var(--sar-pnv-white); font-size: 10px; font-weight: 900; } .sar-pnv__glue-list strong { display: block; color: var(--sar-pnv-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-pnv__glue-list p { margin: 5px 0 0; color: var(--sar-pnv-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } /* ========================================================= VIE LATERALI ========================================================= */ .sar-pnv__flanking { margin-top: clamp(48px, 7vw, 80px); padding: clamp(30px, 5vw, 56px); border-radius: 28px; background: linear-gradient( 135deg, var(--sar-pnv-deep) 0%, var(--sar-pnv-dark) 67%, #075667 100% ); box-shadow: 0 23px 65px rgba(4, 45, 54, 0.19); } .sar-pnv__flanking-heading { max-width: 960px; } .sar-pnv__flanking .sar-pnv__section-label { color: #88e6ee; } .sar-pnv__flanking .sar-pnv__section-title { color: var(--sar-pnv-white); } .sar-pnv__flanking .sar-pnv__answer { color: rgba(255, 255, 255, 0.9); } .sar-pnv__flanking-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-top: 29px; } .sar-pnv__flanking-item { display: flex; min-width: 0; flex-direction: column; padding: 21px 18px; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 17px; background: rgba(255, 255, 255, 0.97); } .sar-pnv__flanking-item > span { display: inline-flex; margin-bottom: 10px; color: var(--sar-pnv-orange); font-size: 11px; font-weight: 900; letter-spacing: 0.065em; } .sar-pnv__flanking-item h5 { margin: 0; color: var(--sar-pnv-dark); font-size: 18px; font-weight: 900; line-height: 1.3; } .sar-pnv__flanking-item p { margin: 8px 0 0; color: var(--sar-pnv-muted); font-size: 13px; font-weight: 500; line-height: 1.6; } .sar-pnv__flanking-item a { display: inline-flex; align-self: flex-start; margin-top: auto; padding-top: 14px; color: var(--sar-pnv-teal); font-size: 12px; font-weight: 850; line-height: 1.45; text-decoration: none; } .sar-pnv__flanking-item a:hover { text-decoration: underline; text-underline-offset: 4px; } /* ========================================================= TABELLA ========================================================= */ .sar-pnv__comparison { margin-top: clamp(48px, 7vw, 80px); } .sar-pnv__comparison-heading { max-width: 960px; margin-bottom: 27px; } .sar-pnv__table-wrapper { width: 100%; overflow: hidden; border: 1px solid var(--sar-pnv-border); border-radius: 22px; background: var(--sar-pnv-white); box-shadow: var(--sar-pnv-shadow); } .sar-pnv__table { width: 100%; border-collapse: collapse; table-layout: fixed; } .sar-pnv__table th, .sar-pnv__table td { padding: 18px; overflow-wrap: anywhere; vertical-align: top; text-align: left; } .sar-pnv__table th:nth-child(1), .sar-pnv__table td:nth-child(1) { width: 29%; } .sar-pnv__table th:nth-child(2), .sar-pnv__table td:nth-child(2) { width: 33%; } .sar-pnv__table th:nth-child(3), .sar-pnv__table td:nth-child(3) { width: 38%; } .sar-pnv__table thead { background: var(--sar-pnv-dark); color: var(--sar-pnv-white); } .sar-pnv__table th { font-size: 12px; font-weight: 900; line-height: 1.4; text-transform: uppercase; } .sar-pnv__table td { border-top: 1px solid var(--sar-pnv-border); color: var(--sar-pnv-muted); font-size: 13px; font-weight: 550; line-height: 1.58; } .sar-pnv__table td:first-child { color: var(--sar-pnv-dark); font-weight: 900; } .sar-pnv__table tbody tr:nth-child(even) { background: var(--sar-pnv-light); } .sar-pnv__sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* ========================================================= SISTEMA CORRETTO ========================================================= */ .sar-pnv__system { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: clamp(30px, 5vw, 60px); align-items: start; margin-top: clamp(48px, 7vw, 80px); padding: clamp(30px, 5vw, 55px); border: 1px solid var(--sar-pnv-border); border-radius: 27px; background: var(--sar-pnv-light); } .sar-pnv__system-content > p:not( .sar-pnv__section-label, .sar-pnv__answer ) { margin: 16px 0 0; color: var(--sar-pnv-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-pnv__system-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; } .sar-pnv__system-grid article { display: flex; align-items: flex-start; gap: 12px; min-width: 0; padding: 17px; border: 1px solid rgba(7, 59, 70, 0.09); border-radius: 15px; background: rgba(255, 255, 255, 0.95); } .sar-pnv__system-grid article > span { display: grid; flex: 0 0 auto; place-items: center; width: 29px; height: 29px; border-radius: 9px; background: var(--sar-pnv-dark); color: var(--sar-pnv-white); font-size: 10px; font-weight: 900; } .sar-pnv__system-grid strong { display: block; color: var(--sar-pnv-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-pnv__system-grid p { margin: 5px 0 0; color: var(--sar-pnv-muted); font-size: 12px; font-weight: 550; line-height: 1.55; } /* ========================================================= DECISIONE ========================================================= */ .sar-pnv__decision { margin-top: clamp(48px, 7vw, 80px); } .sar-pnv__decision-heading { max-width: 960px; margin-bottom: 29px; } .sar-pnv__decision-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .sar-pnv__decision-card { padding: clamp(27px, 4vw, 40px); border: 1px solid var(--sar-pnv-border); border-radius: 24px; background: var(--sar-pnv-white); box-shadow: 0 15px 44px rgba(4, 45, 54, 0.07); } .sar-pnv__decision-card--complete { border-color: rgba(0, 143, 163, 0.22); background: var(--sar-pnv-light); } .sar-pnv__decision-tag { display: inline-flex; margin-bottom: 14px; padding: 6px 10px; border-radius: 8px; background: rgba(46, 155, 103, 0.11); color: var(--sar-pnv-green); font-size: 10px; font-weight: 900; letter-spacing: 0.055em; text-transform: uppercase; } .sar-pnv__decision-card--complete .sar-pnv__decision-tag { background: rgba(0, 143, 163, 0.1); color: var(--sar-pnv-teal); } .sar-pnv__decision-card h5 { margin: 0; color: var(--sar-pnv-dark); font-size: clamp(23px, 2.8vw, 33px); font-weight: 900; line-height: 1.2; } .sar-pnv__decision-card p { margin: 14px 0 0; color: var(--sar-pnv-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } .sar-pnv__decision-card ul { display: grid; gap: 9px; margin: 19px 0 0; padding: 0; list-style: none; } .sar-pnv__decision-card li { display: flex; align-items: flex-start; gap: 9px; color: var(--sar-pnv-dark); font-size: 13px; font-weight: 700; line-height: 1.5; } .sar-pnv__decision-card li > span { display: grid; flex: 0 0 auto; place-items: center; width: 21px; height: 21px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-pnv-green); font-size: 11px; font-weight: 900; } .sar-pnv__decision-card a { display: inline-flex; align-items: center; gap: 8px; margin-top: 20px; color: var(--sar-pnv-teal); font-size: 14px; font-weight: 850; line-height: 1.45; text-decoration: none; } .sar-pnv__decision-card a:hover { text-decoration: underline; text-underline-offset: 4px; } /* ========================================================= ERRORI ========================================================= */ .sar-pnv__mistakes { display: grid; grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr); gap: clamp(30px, 5vw, 62px); align-items: start; margin-top: clamp(48px, 7vw, 80px); padding: clamp(30px, 5vw, 55px); border: 1px solid var(--sar-pnv-border); border-radius: 27px; background: var(--sar-pnv-cream); } .sar-pnv__mistakes-list { display: grid; gap: 13px; margin: 0; padding: 0; list-style: none; } .sar-pnv__mistakes-list li { display: flex; align-items: flex-start; gap: 13px; padding: 17px; border: 1px solid rgba(201, 85, 66, 0.14); border-radius: 15px; background: rgba(255, 255, 255, 0.93); } .sar-pnv__mistakes-list li > span { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: rgba(201, 85, 66, 0.13); color: var(--sar-pnv-red); font-size: 17px; font-weight: 900; } .sar-pnv__mistakes-list strong { display: block; color: var(--sar-pnv-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-pnv__mistakes-list p { margin: 5px 0 0; color: var(--sar-pnv-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } /* ========================================================= LINK INTERNI ========================================================= */ .sar-pnv__links { margin-top: clamp(48px, 7vw, 80px); padding: clamp(27px, 4vw, 40px); border: 1px solid rgba(0, 143, 163, 0.17); border-radius: 24px; background: var(--sar-pnv-light); } .sar-pnv__links-label { margin: 0 0 18px; color: var(--sar-pnv-teal); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-pnv__links-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .sar-pnv__links-grid a { display: grid; gap: 5px; min-width: 0; padding: 17px; border: 1px solid rgba(7, 59, 70, 0.1); border-radius: 14px; background: var(--sar-pnv-white); text-decoration: none; transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .sar-pnv__links-grid a:hover { transform: translateY(-2px); border-color: rgba(0, 143, 163, 0.28); box-shadow: 0 12px 28px rgba(4, 45, 54, 0.07); } .sar-pnv__links-grid a > span { color: var(--sar-pnv-orange); font-size: 10px; font-weight: 900; line-height: 1.35; text-transform: uppercase; } .sar-pnv__links-grid a > strong { color: var(--sar-pnv-dark); font-size: 14px; font-weight: 900; line-height: 1.4; } /* ========================================================= CONVERSIONE ========================================================= */ .sar-pnv__conversion { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 22px; align-items: start; margin-top: clamp(48px, 7vw, 78px); padding: clamp(28px, 5vw, 47px); border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 25px; background: linear-gradient( 135deg, var(--sar-pnv-white), var(--sar-pnv-light) ); box-shadow: var(--sar-pnv-shadow); } .sar-pnv__conversion-icon { display: grid; place-items: center; width: 59px; height: 59px; border-radius: 18px; background: var(--sar-pnv-teal); color: var(--sar-pnv-white); font-size: 27px; font-weight: 900; } .sar-pnv__conversion-label { margin: 0 0 8px; color: var(--sar-pnv-teal); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-pnv__conversion-title { max-width: 950px; margin: 0; color: var(--sar-pnv-dark); font-size: clamp(24px, 3vw, 38px); font-weight: 900; line-height: 1.19; letter-spacing: -0.027em; text-wrap: balance; } .sar-pnv__conversion-content > p:not( .sar-pnv__conversion-label ) { margin: 15px 0 0; color: var(--sar-pnv-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } /* ========================================================= CTA ========================================================= */ .sar-pnv__cta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, 310px); gap: 36px; align-items: center; margin-top: clamp(48px, 7vw, 78px); padding: clamp(29px, 5vw, 52px); border-radius: 27px; background: linear-gradient( 132deg, var(--sar-pnv-deep) 0%, var(--sar-pnv-dark) 66%, #07596a 100% ); box-shadow: 0 23px 62px rgba(4, 45, 54, 0.19); } .sar-pnv__cta-label { margin: 0 0 8px; color: #86e4ec; font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-pnv__cta-title { max-width: 840px; margin: 0; color: var(--sar-pnv-white); font-size: clamp(25px, 3vw, 39px); font-weight: 900; line-height: 1.17; letter-spacing: -0.028em; text-wrap: balance; } .sar-pnv__cta-text { max-width: 850px; margin: 14px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 15px; font-weight: 500; line-height: 1.68; } .sar-pnv__cta-actions { display: grid; gap: 11px; min-width: 0; } .sar-pnv__button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; width: 100%; min-height: 54px; padding: 13px 18px; border: 2px solid transparent; border-radius: 12px; font-size: 14px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .sar-pnv__button:hover { transform: translateY(-2px); } .sar-pnv__button:focus-visible, .sar-pnv__flanking-item a:focus-visible, .sar-pnv__decision-card a:focus-visible, .sar-pnv__links-grid a:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; border-radius: 6px; } .sar-pnv__button--primary { background: var(--sar-pnv-orange); color: var(--sar-pnv-white); box-shadow: 0 12px 28px rgba(245, 130, 32, 0.26); } .sar-pnv__button--primary:hover { background: var(--sar-pnv-orange-dark); } .sar-pnv__button--whatsapp { background: var(--sar-pnv-green); color: var(--sar-pnv-white); box-shadow: 0 12px 28px rgba(46, 155, 103, 0.24); } .sar-pnv__button--whatsapp:hover { background: var(--sar-pnv-green-dark); } .sar-pnv__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-pnv-white); } .sar-pnv__button--phone:hover { border-color: rgba(255, 255, 255, 0.53); background: rgba(255, 255, 255, 0.15); } .sar-pnv__button--phone span { display: grid; gap: 1px; } .sar-pnv__button--phone strong { font-size: 15px; font-weight: 900; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1080px) { .sar-pnv__principle, .sar-pnv__glue, .sar-pnv__system, .sar-pnv__mistakes { grid-template-columns: 1fr; } .sar-pnv__diagram { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-pnv__reasons-grid, .sar-pnv__flanking-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-pnv__cta { grid-template-columns: 1fr; } .sar-pnv__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); } } /* ========================================================= TABLET PICCOLO ========================================================= */ @media (max-width: 820px) { .sar-pnv__decision-grid { grid-template-columns: 1fr; } .sar-pnv__cta-actions { grid-template-columns: 1fr; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 720px) { #perche-pannelli-non-bloccano-rumori-vicini-roma { padding: 57px 0; } .sar-pnv__container { width: min(100% - 28px, 1240px); } .sar-pnv__header { margin-bottom: 32px; text-align: left; } .sar-pnv__eyebrow { justify-content: flex-start; padding: 7px 11px; font-size: 10px; } .sar-pnv__title { font-size: clamp(30px, 9vw, 42px); } .sar-pnv__title span { display: block; margin-top: 4px; } .sar-pnv__direct-answer { margin-top: 18px; font-size: 17px; line-height: 1.6; } .sar-pnv__intro { font-size: 15px; line-height: 1.68; } .sar-pnv__section-title { font-size: 27px; } .sar-pnv__answer { font-size: 15px; line-height: 1.68; } .sar-pnv__principle { padding: 27px 20px; border-radius: 21px; } .sar-pnv__diagram { grid-template-columns: 1fr; } .sar-pnv__reasons { margin-top: 39px; } .sar-pnv__reasons-heading { margin-bottom: 23px; } .sar-pnv__reasons-grid { grid-template-columns: 1fr; } .sar-pnv__glue { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-pnv__flanking { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-pnv__flanking-grid { grid-template-columns: 1fr; margin-top: 23px; } .sar-pnv__comparison { margin-top: 39px; } .sar-pnv__comparison-heading { margin-bottom: 23px; } .sar-pnv__table-wrapper { overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; } .sar-pnv__table, .sar-pnv__table tbody, .sar-pnv__table tr, .sar-pnv__table td { display: block; width: 100%; } .sar-pnv__table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); } .sar-pnv__table tbody { display: grid; gap: 13px; } .sar-pnv__table tr { overflow: hidden; border: 1px solid var(--sar-pnv-border); border-radius: 17px; background: var(--sar-pnv-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-pnv__table tbody tr:nth-child(even) { background: var(--sar-pnv-white); } .sar-pnv__table td, .sar-pnv__table td:nth-child(1), .sar-pnv__table td:nth-child(2), .sar-pnv__table td:nth-child(3) { width: 100%; padding: 15px 17px; border-top: 1px solid var(--sar-pnv-border); } .sar-pnv__table td:first-child { border-top: 0; background: var(--sar-pnv-light); } .sar-pnv__table td::before { display: block; margin-bottom: 5px; color: var(--sar-pnv-teal); content: attr(data-label); font-size: 9px; font-weight: 900; letter-spacing: 0.055em; text-transform: uppercase; } .sar-pnv__system { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-pnv__system-grid { grid-template-columns: 1fr; } .sar-pnv__decision { margin-top: 39px; } .sar-pnv__decision-heading { margin-bottom: 23px; } .sar-pnv__decision-card { padding: 24px 19px; border-radius: 20px; } .sar-pnv__mistakes { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-pnv__links { margin-top: 39px; padding: 24px 18px; border-radius: 20px; } .sar-pnv__links-grid { grid-template-columns: 1fr; } .sar-pnv__conversion { grid-template-columns: 1fr; margin-top: 39px; padding: 25px 20px; border-radius: 20px; } .sar-pnv__conversion-icon { width: 51px; height: 51px; border-radius: 15px; } .sar-pnv__cta { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } } /* ========================================================= SCHERMI MOLTO PICCOLI ========================================================= */ @media (max-width: 430px) { .sar-pnv__glue-list strong, .sar-pnv__system-grid strong, .sar-pnv__mistakes-list strong { font-size: 14px; } .sar-pnv__decision-card a, .sar-pnv__flanking-item a { align-items: flex-start; font-size: 13px; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sar-pnv__button, .sar-pnv__links-grid a { transition: none; } .sar-pnv__button:hover, .sar-pnv__links-grid a:hover { transform: none; } }#imCell_35 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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 — QUANDO SERVE UNA STRUTTURA FONOISOLANTE Pagina: isolamento-acustico-roma.html Classi isolate con prefisso sar-struct ========================================================= */ #quando-serve-struttura-fonoisolante-roma { --sar-struct-dark: #073b46; --sar-struct-deep: #042d36; --sar-struct-teal: #008fa3; --sar-struct-turquoise: #16bfd0; --sar-struct-orange: #f58220; --sar-struct-orange-dark: #d96813; --sar-struct-green: #2e9b67; --sar-struct-green-dark: #237c52; --sar-struct-red: #c95542; --sar-struct-violet: #7565a5; --sar-struct-white: #ffffff; --sar-struct-cream: #fff8ed; --sar-struct-light: #eefafd; --sar-struct-text: #18343b; --sar-struct-muted: #587078; --sar-struct-border: rgba(7, 59, 70, 0.13); --sar-struct-shadow: 0 20px 55px rgba(4, 45, 54, 0.11); position: relative; width: 100%; overflow: hidden; padding: clamp(68px, 8vw, 108px) 0; background: radial-gradient( circle at 100% 3%, rgba(22, 191, 208, 0.09), transparent 29% ), radial-gradient( circle at 0% 48%, rgba(245, 130, 32, 0.065), transparent 25% ), linear-gradient( 180deg, #ffffff 0%, #f7fcfd 100% ); color: var(--sar-struct-text); } #quando-serve-struttura-fonoisolante-roma, #quando-serve-struttura-fonoisolante-roma *, #quando-serve-struttura-fonoisolante-roma *::before, #quando-serve-struttura-fonoisolante-roma *::after { box-sizing: border-box; } .sar-struct__container { width: min(100% - 40px, 1240px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .sar-struct__header { max-width: 1010px; margin: 0 auto 48px; text-align: center; } .sar-struct__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 15px; padding: 8px 14px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-struct-teal); font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.055em; text-transform: uppercase; } .sar-struct__title { margin: 0; color: var(--sar-struct-deep); font-size: clamp(31px, 4vw, 52px); font-weight: 900; line-height: 1.1; letter-spacing: -0.037em; text-wrap: balance; } .sar-struct__title span { color: var(--sar-struct-teal); } .sar-struct__direct-answer { max-width: 950px; margin: 22px auto 0; color: var(--sar-struct-dark); font-size: clamp(18px, 1.65vw, 21px); font-weight: 700; line-height: 1.65; } .sar-struct__intro { max-width: 920px; margin: 17px auto 0; color: var(--sar-struct-muted); font-size: 16px; font-weight: 500; line-height: 1.75; } /* ========================================================= TITOLI INTERNI ========================================================= */ .sar-struct__section-label { margin: 0 0 9px; color: var(--sar-struct-orange); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-struct__section-title { margin: 0; color: var(--sar-struct-deep); font-size: clamp(26px, 3.2vw, 42px); font-weight: 900; line-height: 1.16; letter-spacing: -0.029em; text-wrap: balance; } .sar-struct__answer { margin: 17px 0 0; color: var(--sar-struct-dark); font-size: 16px; font-weight: 650; line-height: 1.72; } /* ========================================================= PRINCIPIO TECNICO ========================================================= */ .sar-struct__core { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(390px, 0.98fr); gap: clamp(30px, 5vw, 62px); align-items: center; padding: clamp(31px, 5vw, 57px); border-radius: 28px; background: linear-gradient( 135deg, var(--sar-struct-deep) 0%, var(--sar-struct-dark) 67%, #075667 100% ); box-shadow: 0 23px 65px rgba(4, 45, 54, 0.19); } .sar-struct__core .sar-struct__section-label { color: #88e6ee; } .sar-struct__core .sar-struct__section-title { color: var(--sar-struct-white); } .sar-struct__core .sar-struct__answer { color: rgba(255, 255, 255, 0.94); } .sar-struct__core-content > p:not( .sar-struct__section-label, .sar-struct__answer ) { margin: 16px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-struct__core-note { display: flex; align-items: flex-start; gap: 12px; margin-top: 23px; padding: 16px; border: 1px solid rgba(245, 130, 32, 0.32); border-radius: 15px; background: rgba(245, 130, 32, 0.11); } .sar-struct__core-note-icon { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: var(--sar-struct-orange); color: var(--sar-struct-white); font-size: 15px; font-weight: 900; } .sar-struct__core-note p { margin: 0; color: rgba(255, 255, 255, 0.93); font-size: 13px; font-weight: 700; line-height: 1.58; } /* ========================================================= DIAGRAMMA ========================================================= */ .sar-struct__diagram { width: 100%; min-width: 0; padding: 18px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 22px; background: rgba(255, 255, 255, 0.97); box-shadow: 0 17px 42px rgba(0, 0, 0, 0.15); } .sar-struct__diagram-source, .sar-struct__diagram-existing, .sar-struct__diagram-result { display: grid; justify-items: center; padding: 14px; border-radius: 11px; text-align: center; } .sar-struct__diagram-source { background: var(--sar-struct-cream); } .sar-struct__diagram-existing { background: rgba(201, 85, 66, 0.08); } .sar-struct__diagram-result { margin-top: 9px; background: rgba(46, 155, 103, 0.09); } .sar-struct__diagram-source span, .sar-struct__diagram-existing span, .sar-struct__diagram-result span { color: var(--sar-struct-orange); font-size: 9px; font-weight: 900; line-height: 1.35; letter-spacing: 0.06em; text-transform: uppercase; } .sar-struct__diagram-existing span { color: var(--sar-struct-red); } .sar-struct__diagram-result span { color: var(--sar-struct-green); } .sar-struct__diagram-source strong, .sar-struct__diagram-existing strong, .sar-struct__diagram-result strong { margin-top: 5px; color: var(--sar-struct-dark); font-size: 11px; font-weight: 900; line-height: 1.45; } .sar-struct__diagram-waves { margin-top: 8px; color: var(--sar-struct-orange); font-size: 17px; font-weight: 900; } .sar-struct__diagram-arrow { padding: 5px; color: var(--sar-struct-orange); font-size: 20px; font-weight: 900; text-align: center; } .sar-struct__diagram-system { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; margin-top: 9px; } .sar-struct__diagram-system article { min-width: 0; padding: 12px; border: 1px solid rgba(0, 143, 163, 0.14); border-radius: 10px; background: var(--sar-struct-light); } .sar-struct__diagram-system article > span { display: grid; place-items: center; width: 23px; height: 23px; margin-bottom: 6px; border-radius: 7px; background: var(--sar-struct-dark); color: var(--sar-struct-white); font-size: 8px; font-weight: 900; } .sar-struct__diagram-system strong { color: var(--sar-struct-dark); font-size: 10px; font-weight: 900; line-height: 1.4; } .sar-struct__diagram-seal { display: flex; align-items: center; gap: 9px; margin-top: 9px; padding: 11px 12px; border-radius: 10px; background: rgba(0, 143, 163, 0.09); } .sar-struct__diagram-seal span { display: grid; flex: 0 0 auto; place-items: center; width: 23px; height: 23px; border-radius: 50%; background: var(--sar-struct-teal); color: var(--sar-struct-white); font-size: 11px; font-weight: 900; } .sar-struct__diagram-seal strong { color: var(--sar-struct-dark); font-size: 10px; font-weight: 900; line-height: 1.4; } .sar-struct__diagram-caption { margin: 12px 0 0; color: var(--sar-struct-muted); font-size: 10px; font-weight: 650; line-height: 1.5; text-align: center; } /* ========================================================= SEGNALI ========================================================= */ .sar-struct__signals { margin-top: clamp(48px, 7vw, 80px); } .sar-struct__signals-heading { max-width: 960px; margin-bottom: 29px; } .sar-struct__signals-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; } .sar-struct__signal { min-width: 0; padding: 23px 19px; border: 1px solid var(--sar-struct-border); border-radius: 19px; background: var(--sar-struct-white); box-shadow: 0 11px 31px rgba(4, 45, 54, 0.055); } .sar-struct__signal-number { display: block; color: var(--sar-struct-orange); font-size: 10px; font-weight: 900; letter-spacing: 0.065em; } .sar-struct__signal-icon { display: grid; place-items: center; width: 54px; height: 54px; margin: 12px 0 16px; border-radius: 16px; background: rgba(245, 130, 32, 0.11); color: var(--sar-struct-orange); } .sar-struct__signal--teal .sar-struct__signal-icon { background: rgba(22, 191, 208, 0.11); color: var(--sar-struct-teal); } .sar-struct__signal--green .sar-struct__signal-icon { background: rgba(46, 155, 103, 0.11); color: var(--sar-struct-green); } .sar-struct__signal--dark .sar-struct__signal-icon { background: rgba(7, 59, 70, 0.09); color: var(--sar-struct-dark); } .sar-struct__signal--violet .sar-struct__signal-icon { background: rgba(117, 101, 165, 0.11); color: var(--sar-struct-violet); } .sar-struct__signal h5 { margin: 0; color: var(--sar-struct-dark); font-size: 19px; font-weight: 900; line-height: 1.3; } .sar-struct__signal p { margin: 9px 0 0; color: var(--sar-struct-muted); font-size: 13px; font-weight: 500; line-height: 1.62; } /* ========================================================= ELEMENTI DEL SISTEMA ========================================================= */ .sar-struct__elements { margin-top: clamp(48px, 7vw, 80px); padding: clamp(30px, 5vw, 56px); border-radius: 28px; background: linear-gradient( 135deg, var(--sar-struct-deep) 0%, var(--sar-struct-dark) 67%, #075667 100% ); box-shadow: 0 23px 65px rgba(4, 45, 54, 0.19); } .sar-struct__elements-heading { max-width: 960px; } .sar-struct__elements .sar-struct__section-label { color: #88e6ee; } .sar-struct__elements .sar-struct__section-title { color: var(--sar-struct-white); } .sar-struct__elements .sar-struct__answer { color: rgba(255, 255, 255, 0.9); } .sar-struct__elements-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 29px; } .sar-struct__element { min-width: 0; padding: 21px 18px; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 17px; background: rgba(255, 255, 255, 0.97); } .sar-struct__element > span { display: inline-flex; margin-bottom: 10px; color: var(--sar-struct-orange); font-size: 11px; font-weight: 900; letter-spacing: 0.065em; } .sar-struct__element h5 { margin: 0; color: var(--sar-struct-dark); font-size: 18px; font-weight: 900; line-height: 1.3; } .sar-struct__element p { margin: 8px 0 0; color: var(--sar-struct-muted); font-size: 13px; font-weight: 500; line-height: 1.6; } /* ========================================================= SUPERFICI E SOLUZIONI ========================================================= */ .sar-struct__surfaces { margin-top: clamp(48px, 7vw, 80px); } .sar-struct__surfaces-heading { max-width: 960px; margin-bottom: 29px; } .sar-struct__surfaces-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } .sar-struct__surface { display: flex; min-width: 0; flex-direction: column; padding: clamp(24px, 4vw, 35px); border: 1px solid var(--sar-struct-border); border-radius: 21px; background: var(--sar-struct-white); box-shadow: 0 13px 37px rgba(4, 45, 54, 0.06); } .sar-struct__surface--complete { grid-column: 1 / -1; border-color: rgba(0, 143, 163, 0.22); background: var(--sar-struct-light); } .sar-struct__surface-label { margin: 0 0 8px; color: var(--sar-struct-orange); font-size: 10px; font-weight: 900; letter-spacing: 0.06em; text-transform: uppercase; } .sar-struct__surface h5 { margin: 0; color: var(--sar-struct-dark); font-size: clamp(21px, 2.4vw, 29px); font-weight: 900; line-height: 1.24; } .sar-struct__surface > p:not(.sar-struct__surface-label) { margin: 12px 0 0; color: var(--sar-struct-muted); font-size: 14px; font-weight: 500; line-height: 1.67; } .sar-struct__surface a { display: inline-flex; align-items: center; align-self: flex-start; gap: 8px; margin-top: auto; padding-top: 18px; color: var(--sar-struct-teal); font-size: 13px; font-weight: 850; line-height: 1.45; text-decoration: none; } .sar-struct__surface a:hover { text-decoration: underline; text-underline-offset: 4px; } /* ========================================================= DECISIONE ========================================================= */ .sar-struct__decision { margin-top: clamp(48px, 7vw, 80px); } .sar-struct__decision-heading { max-width: 960px; margin-bottom: 29px; } .sar-struct__decision-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .sar-struct__decision-card { padding: clamp(27px, 4vw, 40px); border: 1px solid var(--sar-struct-border); border-radius: 24px; background: var(--sar-struct-white); box-shadow: 0 15px 44px rgba(4, 45, 54, 0.07); } .sar-struct__decision-card--complete { border-color: rgba(0, 143, 163, 0.22); background: var(--sar-struct-light); } .sar-struct__decision-tag { display: inline-flex; margin-bottom: 14px; padding: 6px 10px; border-radius: 8px; background: rgba(46, 155, 103, 0.11); color: var(--sar-struct-green); font-size: 10px; font-weight: 900; letter-spacing: 0.055em; text-transform: uppercase; } .sar-struct__decision-card--complete .sar-struct__decision-tag { background: rgba(0, 143, 163, 0.1); color: var(--sar-struct-teal); } .sar-struct__decision-card h5 { margin: 0; color: var(--sar-struct-dark); font-size: clamp(23px, 2.8vw, 33px); font-weight: 900; line-height: 1.2; } .sar-struct__decision-card p { margin: 14px 0 0; color: var(--sar-struct-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } .sar-struct__decision-card ul { display: grid; gap: 9px; margin: 19px 0 0; padding: 0; list-style: none; } .sar-struct__decision-card li { display: flex; align-items: flex-start; gap: 9px; color: var(--sar-struct-dark); font-size: 13px; font-weight: 700; line-height: 1.5; } .sar-struct__decision-card li > span { display: grid; flex: 0 0 auto; place-items: center; width: 21px; height: 21px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-struct-green); font-size: 11px; font-weight: 900; } .sar-struct__decision-card a { display: inline-flex; align-items: center; gap: 8px; margin-top: 20px; color: var(--sar-struct-teal); font-size: 14px; font-weight: 850; line-height: 1.45; text-decoration: none; } .sar-struct__decision-card a:hover { text-decoration: underline; text-underline-offset: 4px; } /* ========================================================= RISPOSTE RAPIDE ========================================================= */ .sar-struct__answers { margin-top: clamp(48px, 7vw, 80px); padding: clamp(30px, 5vw, 52px); border: 1px solid var(--sar-struct-border); border-radius: 26px; background: var(--sar-struct-cream); } .sar-struct__answers-heading { max-width: 900px; margin-bottom: 25px; } .sar-struct__answers-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } .sar-struct__answer-card { min-width: 0; padding: 21px 18px; border: 1px solid rgba(7, 59, 70, 0.1); border-radius: 17px; background: var(--sar-struct-white); } .sar-struct__answer-card h5 { margin: 0; color: var(--sar-struct-dark); font-size: 17px; font-weight: 900; line-height: 1.35; } .sar-struct__answer-card p { margin: 9px 0 0; color: var(--sar-struct-muted); font-size: 13px; font-weight: 550; line-height: 1.62; } /* ========================================================= ERRORI ========================================================= */ .sar-struct__mistakes { display: grid; grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr); gap: clamp(30px, 5vw, 62px); align-items: start; margin-top: clamp(48px, 7vw, 80px); padding: clamp(30px, 5vw, 55px); border: 1px solid var(--sar-struct-border); border-radius: 27px; background: var(--sar-struct-light); } .sar-struct__mistakes-list { display: grid; gap: 13px; margin: 0; padding: 0; list-style: none; } .sar-struct__mistakes-list li { display: flex; align-items: flex-start; gap: 13px; padding: 17px; border: 1px solid rgba(201, 85, 66, 0.14); border-radius: 15px; background: rgba(255, 255, 255, 0.94); } .sar-struct__mistakes-list li > span { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: rgba(201, 85, 66, 0.13); color: var(--sar-struct-red); font-size: 17px; font-weight: 900; } .sar-struct__mistakes-list strong { display: block; color: var(--sar-struct-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-struct__mistakes-list p { margin: 5px 0 0; color: var(--sar-struct-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } /* ========================================================= COLLEGAMENTI INTERNI ========================================================= */ .sar-struct__links { margin-top: clamp(48px, 7vw, 80px); padding: clamp(27px, 4vw, 40px); border: 1px solid rgba(0, 143, 163, 0.17); border-radius: 24px; background: var(--sar-struct-light); } .sar-struct__links-label { margin: 0 0 18px; color: var(--sar-struct-teal); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-struct__links-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .sar-struct__links-grid a { display: grid; gap: 5px; min-width: 0; padding: 17px; border: 1px solid rgba(7, 59, 70, 0.1); border-radius: 14px; background: var(--sar-struct-white); text-decoration: none; transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .sar-struct__links-grid a:last-child { grid-column: 1 / -1; } .sar-struct__links-grid a:hover { transform: translateY(-2px); border-color: rgba(0, 143, 163, 0.28); box-shadow: 0 12px 28px rgba(4, 45, 54, 0.07); } .sar-struct__links-grid a > span { color: var(--sar-struct-orange); font-size: 10px; font-weight: 900; line-height: 1.35; text-transform: uppercase; } .sar-struct__links-grid a > strong { color: var(--sar-struct-dark); font-size: 14px; font-weight: 900; line-height: 1.4; } /* ========================================================= CONVERSIONE ========================================================= */ .sar-struct__conversion { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 22px; align-items: start; margin-top: clamp(48px, 7vw, 78px); padding: clamp(28px, 5vw, 47px); border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 25px; background: linear-gradient( 135deg, var(--sar-struct-white), var(--sar-struct-light) ); box-shadow: var(--sar-struct-shadow); } .sar-struct__conversion-icon { display: grid; place-items: center; width: 59px; height: 59px; border-radius: 18px; background: var(--sar-struct-teal); color: var(--sar-struct-white); font-size: 27px; font-weight: 900; } .sar-struct__conversion-label { margin: 0 0 8px; color: var(--sar-struct-teal); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-struct__conversion-title { max-width: 950px; margin: 0; color: var(--sar-struct-dark); font-size: clamp(24px, 3vw, 38px); font-weight: 900; line-height: 1.19; letter-spacing: -0.027em; text-wrap: balance; } .sar-struct__conversion-content > p:not( .sar-struct__conversion-label ) { margin: 15px 0 0; color: var(--sar-struct-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } /* ========================================================= CTA ========================================================= */ .sar-struct__cta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, 315px); gap: 36px; align-items: center; margin-top: clamp(48px, 7vw, 78px); padding: clamp(29px, 5vw, 52px); border-radius: 27px; background: linear-gradient( 132deg, var(--sar-struct-deep) 0%, var(--sar-struct-dark) 66%, #07596a 100% ); box-shadow: 0 23px 62px rgba(4, 45, 54, 0.19); } .sar-struct__cta-label { margin: 0 0 8px; color: #86e4ec; font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-struct__cta-title { max-width: 840px; margin: 0; color: var(--sar-struct-white); font-size: clamp(25px, 3vw, 39px); font-weight: 900; line-height: 1.17; letter-spacing: -0.028em; text-wrap: balance; } .sar-struct__cta-text { max-width: 850px; margin: 14px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 15px; font-weight: 500; line-height: 1.68; } .sar-struct__cta-actions { display: grid; gap: 11px; min-width: 0; } .sar-struct__button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; width: 100%; min-height: 54px; padding: 13px 18px; border: 2px solid transparent; border-radius: 12px; font-size: 14px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .sar-struct__button:hover { transform: translateY(-2px); } .sar-struct__button:focus-visible, .sar-struct__surface a:focus-visible, .sar-struct__decision-card a:focus-visible, .sar-struct__links-grid a:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; border-radius: 6px; } .sar-struct__button--primary { background: var(--sar-struct-orange); color: var(--sar-struct-white); box-shadow: 0 12px 28px rgba(245, 130, 32, 0.26); } .sar-struct__button--primary:hover { background: var(--sar-struct-orange-dark); } .sar-struct__button--whatsapp { background: var(--sar-struct-green); color: var(--sar-struct-white); box-shadow: 0 12px 28px rgba(46, 155, 103, 0.24); } .sar-struct__button--whatsapp:hover { background: var(--sar-struct-green-dark); } .sar-struct__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-struct-white); } .sar-struct__button--phone:hover { border-color: rgba(255, 255, 255, 0.53); background: rgba(255, 255, 255, 0.15); } .sar-struct__button--phone span { display: grid; gap: 1px; } .sar-struct__button--phone strong { font-size: 15px; font-weight: 900; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1080px) { .sar-struct__core, .sar-struct__mistakes { grid-template-columns: 1fr; } .sar-struct__diagram { width: min(100%, 760px); margin-inline: auto; } .sar-struct__signals-grid, .sar-struct__elements-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-struct__answers-grid { grid-template-columns: 1fr; } .sar-struct__cta { grid-template-columns: 1fr; } .sar-struct__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); } } /* ========================================================= TABLET PICCOLO ========================================================= */ @media (max-width: 820px) { .sar-struct__surfaces-grid, .sar-struct__decision-grid { grid-template-columns: 1fr; } .sar-struct__surface--complete { grid-column: auto; } .sar-struct__cta-actions { grid-template-columns: 1fr; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 720px) { #quando-serve-struttura-fonoisolante-roma { padding: 57px 0; } .sar-struct__container { width: min(100% - 28px, 1240px); } .sar-struct__header { margin-bottom: 32px; text-align: left; } .sar-struct__eyebrow { justify-content: flex-start; padding: 7px 11px; font-size: 10px; } .sar-struct__title { font-size: clamp(30px, 9vw, 42px); } .sar-struct__title span { display: block; margin-top: 4px; } .sar-struct__direct-answer { margin-top: 18px; font-size: 17px; line-height: 1.6; } .sar-struct__intro { font-size: 15px; line-height: 1.68; } .sar-struct__section-title { font-size: 27px; } .sar-struct__answer { font-size: 15px; line-height: 1.68; } .sar-struct__core { padding: 27px 20px; border-radius: 21px; } .sar-struct__diagram { padding: 14px; border-radius: 18px; } .sar-struct__signals { margin-top: 39px; } .sar-struct__signals-heading { margin-bottom: 23px; } .sar-struct__signals-grid { grid-template-columns: 1fr; } .sar-struct__elements { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-struct__elements-grid { grid-template-columns: 1fr; margin-top: 23px; } .sar-struct__surfaces { margin-top: 39px; } .sar-struct__surfaces-heading { margin-bottom: 23px; } .sar-struct__surface { padding: 23px 19px; border-radius: 19px; } .sar-struct__decision { margin-top: 39px; } .sar-struct__decision-heading { margin-bottom: 23px; } .sar-struct__decision-card { padding: 24px 19px; border-radius: 20px; } .sar-struct__answers { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-struct__mistakes { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } .sar-struct__links { margin-top: 39px; padding: 24px 18px; border-radius: 20px; } .sar-struct__links-grid { grid-template-columns: 1fr; } .sar-struct__links-grid a:last-child { grid-column: auto; } .sar-struct__conversion { grid-template-columns: 1fr; margin-top: 39px; padding: 25px 20px; border-radius: 20px; } .sar-struct__conversion-icon { width: 51px; height: 51px; border-radius: 15px; } .sar-struct__cta { margin-top: 39px; padding: 27px 20px; border-radius: 21px; } } /* ========================================================= SCHERMI MOLTO PICCOLI ========================================================= */ @media (max-width: 430px) { .sar-struct__diagram-system { grid-template-columns: 1fr; } .sar-struct__mistakes-list strong { font-size: 14px; } .sar-struct__surface a, .sar-struct__decision-card a { align-items: flex-start; font-size: 13px; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sar-struct__button, .sar-struct__links-grid a { transition: none; } .sar-struct__button:hover, .sar-struct__links-grid a:hover { transform: none; } }#imCell_36 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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; } /* ========================================================= H2 — COME INDIVIDUIAMO LA SOLUZIONE CORRETTA Pagina: isolamento-acustico-roma.html Classi isolate con prefisso sar-diagnosis ========================================================= */ #come-individuiamo-soluzione-corretta-roma { --sar-diagnosis-dark: #073b46; --sar-diagnosis-deep: #042d36; --sar-diagnosis-teal: #008fa3; --sar-diagnosis-turquoise: #16bfd0; --sar-diagnosis-orange: #f58220; --sar-diagnosis-orange-dark: #d96813; --sar-diagnosis-green: #2e9b67; --sar-diagnosis-green-dark: #237c52; --sar-diagnosis-red: #c95542; --sar-diagnosis-white: #ffffff; --sar-diagnosis-cream: #fff8ed; --sar-diagnosis-light: #eefafd; --sar-diagnosis-text: #18343b; --sar-diagnosis-muted: #587078; --sar-diagnosis-border: rgba(7, 59, 70, 0.13); --sar-diagnosis-shadow: 0 20px 55px rgba(4, 45, 54, 0.11); position: relative; width: 100%; overflow: hidden; padding: clamp(70px, 8vw, 110px) 0; background: radial-gradient( circle at 100% 2%, rgba(22, 191, 208, 0.09), transparent 29% ), radial-gradient( circle at 0% 48%, rgba(46, 155, 103, 0.065), transparent 25% ), linear-gradient( 180deg, #ffffff 0%, #f7fcfd 100% ); color: var(--sar-diagnosis-text); } #come-individuiamo-soluzione-corretta-roma, #come-individuiamo-soluzione-corretta-roma *, #come-individuiamo-soluzione-corretta-roma *::before, #come-individuiamo-soluzione-corretta-roma *::after { box-sizing: border-box; } .sar-diagnosis__container { width: min(100% - 40px, 1240px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .sar-diagnosis__header { max-width: 1020px; margin: 0 auto 50px; text-align: center; } .sar-diagnosis__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 15px; padding: 8px 14px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-diagnosis-teal); font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.055em; text-transform: uppercase; } .sar-diagnosis__title { margin: 0; color: var(--sar-diagnosis-deep); font-size: clamp(34px, 4.6vw, 58px); font-weight: 900; line-height: 1.08; letter-spacing: -0.04em; text-wrap: balance; } .sar-diagnosis__title span { color: var(--sar-diagnosis-teal); } .sar-diagnosis__direct-answer { max-width: 950px; margin: 23px auto 0; color: var(--sar-diagnosis-dark); font-size: clamp(18px, 1.65vw, 21px); font-weight: 700; line-height: 1.65; } .sar-diagnosis__intro { max-width: 920px; margin: 17px auto 0; color: var(--sar-diagnosis-muted); font-size: 16px; font-weight: 500; line-height: 1.75; } /* ========================================================= TITOLI INTERNI ========================================================= */ .sar-diagnosis__section-label { margin: 0 0 9px; color: var(--sar-diagnosis-orange); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-diagnosis__section-title { margin: 0; color: var(--sar-diagnosis-deep); font-size: clamp(27px, 3.2vw, 43px); font-weight: 900; line-height: 1.16; letter-spacing: -0.03em; text-wrap: balance; } .sar-diagnosis__answer { margin: 17px 0 0; color: var(--sar-diagnosis-dark); font-size: 16px; font-weight: 650; line-height: 1.72; } /* ========================================================= PRINCIPIO DIAGNOSTICO ========================================================= */ .sar-diagnosis__principle { display: grid; grid-template-columns: minmax(0, 1.03fr) minmax(390px, 0.97fr); gap: clamp(30px, 5vw, 62px); align-items: center; padding: clamp(32px, 5vw, 58px); border-radius: 28px; background: linear-gradient( 135deg, var(--sar-diagnosis-deep) 0%, var(--sar-diagnosis-dark) 67%, #075667 100% ); box-shadow: 0 23px 65px rgba(4, 45, 54, 0.19); } .sar-diagnosis__principle .sar-diagnosis__section-label { color: #88e6ee; } .sar-diagnosis__principle .sar-diagnosis__section-title { color: var(--sar-diagnosis-white); } .sar-diagnosis__principle .sar-diagnosis__answer { color: rgba(255, 255, 255, 0.94); } .sar-diagnosis__principle-content > p:not( .sar-diagnosis__section-label, .sar-diagnosis__answer ) { margin: 16px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-diagnosis__principle-note { display: flex; align-items: flex-start; gap: 12px; margin-top: 23px; padding: 16px; border: 1px solid rgba(245, 130, 32, 0.32); border-radius: 15px; background: rgba(245, 130, 32, 0.11); } .sar-diagnosis__principle-note-icon { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: var(--sar-diagnosis-orange); color: var(--sar-diagnosis-white); font-size: 15px; font-weight: 900; } .sar-diagnosis__principle-note p { margin: 0; color: rgba(255, 255, 255, 0.94); font-size: 13px; font-weight: 700; line-height: 1.58; } /* ========================================================= DIAGRAMMA ========================================================= */ .sar-diagnosis__diagram { width: 100%; min-width: 0; padding: 18px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 22px; background: rgba(255, 255, 255, 0.97); box-shadow: 0 17px 42px rgba(0, 0, 0, 0.15); } .sar-diagnosis__diagram-step { display: flex; align-items: flex-start; gap: 12px; padding: 14px; border: 1px solid rgba(7, 59, 70, 0.1); border-radius: 12px; background: var(--sar-diagnosis-light); } .sar-diagnosis__diagram-step--result { border-color: rgba(46, 155, 103, 0.18); background: rgba(46, 155, 103, 0.09); } .sar-diagnosis__diagram-step > span { display: grid; flex: 0 0 auto; place-items: center; width: 31px; height: 31px; border-radius: 9px; background: var(--sar-diagnosis-dark); color: var(--sar-diagnosis-white); font-size: 9px; font-weight: 900; } .sar-diagnosis__diagram-step small { display: block; color: var(--sar-diagnosis-orange); font-size: 8px; font-weight: 900; letter-spacing: 0.06em; text-transform: uppercase; } .sar-diagnosis__diagram-step--result small { color: var(--sar-diagnosis-green); } .sar-diagnosis__diagram-step strong { display: block; margin-top: 4px; color: var(--sar-diagnosis-dark); font-size: 13px; font-weight: 900; line-height: 1.4; } .sar-diagnosis__diagram-step p { margin: 5px 0 0; color: var(--sar-diagnosis-muted); font-size: 10px; font-weight: 600; line-height: 1.48; } .sar-diagnosis__diagram-arrow { padding: 5px; color: var(--sar-diagnosis-orange); font-size: 20px; font-weight: 900; text-align: center; } /* ========================================================= METODO IN OTTO FASI ========================================================= */ .sar-diagnosis__method { margin-top: clamp(50px, 7vw, 82px); } .sar-diagnosis__method-heading { max-width: 970px; margin-bottom: 30px; } .sar-diagnosis__steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; } .sar-diagnosis__step { display: flex; align-items: flex-start; gap: 15px; min-width: 0; padding: 20px; border: 1px solid var(--sar-diagnosis-border); border-radius: 18px; background: var(--sar-diagnosis-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-diagnosis__step-number { display: grid; flex: 0 0 auto; place-items: center; width: 39px; height: 39px; border-radius: 11px; background: var(--sar-diagnosis-dark); color: var(--sar-diagnosis-white); font-size: 13px; font-weight: 900; } .sar-diagnosis__step h4 { margin: 0; color: var(--sar-diagnosis-dark); font-size: 17px; font-weight: 900; line-height: 1.3; } .sar-diagnosis__step p { margin: 6px 0 0; color: var(--sar-diagnosis-muted); font-size: 13px; font-weight: 550; line-height: 1.56; } /* ========================================================= CONTROLLI ========================================================= */ .sar-diagnosis__checks { margin-top: clamp(50px, 7vw, 82px); padding: clamp(31px, 5vw, 57px); border-radius: 28px; background: linear-gradient( 135deg, var(--sar-diagnosis-deep) 0%, var(--sar-diagnosis-dark) 67%, #075667 100% ); box-shadow: 0 23px 65px rgba(4, 45, 54, 0.19); } .sar-diagnosis__checks-heading { max-width: 960px; } .sar-diagnosis__checks .sar-diagnosis__section-label { color: #88e6ee; } .sar-diagnosis__checks .sar-diagnosis__section-title { color: var(--sar-diagnosis-white); } .sar-diagnosis__checks .sar-diagnosis__answer { color: rgba(255, 255, 255, 0.91); } .sar-diagnosis__checks-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 29px; } .sar-diagnosis__check { min-width: 0; padding: 21px 18px; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 17px; background: rgba(255, 255, 255, 0.97); } .sar-diagnosis__check > span { display: inline-flex; margin-bottom: 10px; color: var(--sar-diagnosis-orange); font-size: 11px; font-weight: 900; letter-spacing: 0.065em; } .sar-diagnosis__check h4 { margin: 0; color: var(--sar-diagnosis-dark); font-size: 18px; font-weight: 900; line-height: 1.3; } .sar-diagnosis__check p { margin: 8px 0 0; color: var(--sar-diagnosis-muted); font-size: 13px; font-weight: 500; line-height: 1.6; } /* ========================================================= SOLUZIONI ========================================================= */ .sar-diagnosis__solutions { margin-top: clamp(50px, 7vw, 82px); } .sar-diagnosis__solutions-heading { max-width: 960px; margin-bottom: 29px; } .sar-diagnosis__solutions-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } .sar-diagnosis__solution { display: flex; min-width: 0; flex-direction: column; padding: clamp(24px, 4vw, 35px); border: 1px solid var(--sar-diagnosis-border); border-radius: 21px; background: var(--sar-diagnosis-white); box-shadow: 0 13px 37px rgba(4, 45, 54, 0.06); } .sar-diagnosis__solution--complete { grid-column: 1 / -1; border-color: rgba(0, 143, 163, 0.22); background: var(--sar-diagnosis-light); } .sar-diagnosis__solution-label { margin: 0 0 8px; color: var(--sar-diagnosis-orange); font-size: 10px; font-weight: 900; line-height: 1.35; letter-spacing: 0.06em; text-transform: uppercase; } .sar-diagnosis__solution h4 { margin: 0; color: var(--sar-diagnosis-dark); font-size: clamp(22px, 2.5vw, 30px); font-weight: 900; line-height: 1.24; } .sar-diagnosis__solution > p:not( .sar-diagnosis__solution-label ) { margin: 12px 0 0; color: var(--sar-diagnosis-muted); font-size: 14px; font-weight: 500; line-height: 1.67; } .sar-diagnosis__solution a { display: inline-flex; align-items: center; align-self: flex-start; gap: 8px; margin-top: auto; padding-top: 18px; color: var(--sar-diagnosis-teal); font-size: 13px; font-weight: 850; line-height: 1.45; text-decoration: none; } .sar-diagnosis__solution a:hover { text-decoration: underline; text-underline-offset: 4px; } /* ========================================================= INFORMAZIONI PRELIMINARI ========================================================= */ .sar-diagnosis__remote { display: grid; grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr); gap: clamp(30px, 5vw, 60px); align-items: start; margin-top: clamp(50px, 7vw, 82px); padding: clamp(31px, 5vw, 56px); border: 1px solid var(--sar-diagnosis-border); border-radius: 27px; background: var(--sar-diagnosis-cream); } .sar-diagnosis__remote-content > p:not( .sar-diagnosis__section-label, .sar-diagnosis__answer ) { margin: 16px 0 0; color: var(--sar-diagnosis-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-diagnosis__remote-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; } .sar-diagnosis__remote-grid article { display: flex; align-items: flex-start; gap: 12px; min-width: 0; padding: 17px; border: 1px solid rgba(46, 155, 103, 0.15); border-radius: 15px; background: rgba(255, 255, 255, 0.95); } .sar-diagnosis__remote-grid article > span { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-diagnosis-green); font-size: 12px; font-weight: 900; } .sar-diagnosis__remote-grid .sar-diagnosis__remote-warning { border-color: rgba(201, 85, 66, 0.15); } .sar-diagnosis__remote-warning > span { background: rgba(201, 85, 66, 0.13) !important; color: var(--sar-diagnosis-red) !important; } .sar-diagnosis__remote-grid h4 { margin: 0; color: var(--sar-diagnosis-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-diagnosis__remote-grid p { margin: 5px 0 0; color: var(--sar-diagnosis-muted); font-size: 12px; font-weight: 550; line-height: 1.55; } /* ========================================================= RISPOSTE RAPIDE ========================================================= */ .sar-diagnosis__answers { margin-top: clamp(50px, 7vw, 82px); padding: clamp(30px, 5vw, 52px); border: 1px solid var(--sar-diagnosis-border); border-radius: 26px; background: var(--sar-diagnosis-light); } .sar-diagnosis__answers-heading { max-width: 900px; margin-bottom: 25px; } .sar-diagnosis__answers-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } .sar-diagnosis__answer-card { min-width: 0; padding: 21px 18px; border: 1px solid rgba(7, 59, 70, 0.1); border-radius: 17px; background: var(--sar-diagnosis-white); } .sar-diagnosis__answer-card h4 { margin: 0; color: var(--sar-diagnosis-dark); font-size: 17px; font-weight: 900; line-height: 1.35; } .sar-diagnosis__answer-card p { margin: 9px 0 0; color: var(--sar-diagnosis-muted); font-size: 13px; font-weight: 550; line-height: 1.62; } /* ========================================================= CONVERSIONE ========================================================= */ .sar-diagnosis__conversion { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 22px; align-items: start; margin-top: clamp(50px, 7vw, 80px); padding: clamp(28px, 5vw, 47px); border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 25px; background: linear-gradient( 135deg, var(--sar-diagnosis-white), var(--sar-diagnosis-light) ); box-shadow: var(--sar-diagnosis-shadow); } .sar-diagnosis__conversion-icon { display: grid; place-items: center; width: 59px; height: 59px; border-radius: 18px; background: var(--sar-diagnosis-teal); color: var(--sar-diagnosis-white); font-size: 27px; font-weight: 900; } .sar-diagnosis__conversion-label { margin: 0 0 8px; color: var(--sar-diagnosis-teal); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-diagnosis__conversion-title { max-width: 950px; margin: 0; color: var(--sar-diagnosis-dark); font-size: clamp(24px, 3vw, 38px); font-weight: 900; line-height: 1.19; letter-spacing: -0.027em; text-wrap: balance; } .sar-diagnosis__conversion-content > p:not( .sar-diagnosis__conversion-label ) { margin: 15px 0 0; color: var(--sar-diagnosis-muted); font-size: 15px; font-weight: 500; line-height: 1.7; } /* ========================================================= CTA FINALE ========================================================= */ .sar-diagnosis__cta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 320px); gap: 36px; align-items: center; margin-top: clamp(50px, 7vw, 80px); padding: clamp(30px, 5vw, 53px); border-radius: 27px; background: linear-gradient( 132deg, var(--sar-diagnosis-deep) 0%, var(--sar-diagnosis-dark) 66%, #07596a 100% ); box-shadow: 0 23px 62px rgba(4, 45, 54, 0.19); } .sar-diagnosis__cta-label { margin: 0 0 8px; color: #86e4ec; font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-diagnosis__cta-title { max-width: 850px; margin: 0; color: var(--sar-diagnosis-white); font-size: clamp(25px, 3vw, 39px); font-weight: 900; line-height: 1.17; letter-spacing: -0.028em; text-wrap: balance; } .sar-diagnosis__cta-text { max-width: 860px; margin: 14px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 15px; font-weight: 500; line-height: 1.68; } .sar-diagnosis__cta-actions { display: grid; gap: 11px; min-width: 0; } .sar-diagnosis__button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; width: 100%; min-height: 55px; padding: 13px 18px; border: 2px solid transparent; border-radius: 12px; font-size: 14px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .sar-diagnosis__button:hover { transform: translateY(-2px); } .sar-diagnosis__button:focus-visible, .sar-diagnosis__solution a:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; border-radius: 6px; } .sar-diagnosis__button--primary { background: var(--sar-diagnosis-orange); color: var(--sar-diagnosis-white); box-shadow: 0 12px 28px rgba(245, 130, 32, 0.26); } .sar-diagnosis__button--primary:hover { background: var(--sar-diagnosis-orange-dark); } .sar-diagnosis__button--whatsapp { background: var(--sar-diagnosis-green); color: var(--sar-diagnosis-white); box-shadow: 0 12px 28px rgba(46, 155, 103, 0.24); } .sar-diagnosis__button--whatsapp:hover { background: var(--sar-diagnosis-green-dark); } .sar-diagnosis__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-diagnosis-white); } .sar-diagnosis__button--phone:hover { border-color: rgba(255, 255, 255, 0.53); background: rgba(255, 255, 255, 0.15); } .sar-diagnosis__button span { display: grid; gap: 1px; } .sar-diagnosis__button strong { font-size: 15px; font-weight: 900; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1080px) { .sar-diagnosis__principle, .sar-diagnosis__remote { grid-template-columns: 1fr; } .sar-diagnosis__diagram { width: min(100%, 760px); margin-inline: auto; } .sar-diagnosis__checks-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-diagnosis__answers-grid { grid-template-columns: 1fr; } .sar-diagnosis__cta { grid-template-columns: 1fr; } .sar-diagnosis__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); } } /* ========================================================= TABLET PICCOLO ========================================================= */ @media (max-width: 820px) { .sar-diagnosis__steps, .sar-diagnosis__solutions-grid { grid-template-columns: 1fr; } .sar-diagnosis__solution--complete { grid-column: auto; } .sar-diagnosis__cta-actions { grid-template-columns: 1fr; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 720px) { #come-individuiamo-soluzione-corretta-roma { padding: 58px 0; } .sar-diagnosis__container { width: min(100% - 28px, 1240px); } .sar-diagnosis__header { margin-bottom: 33px; text-align: left; } .sar-diagnosis__eyebrow { justify-content: flex-start; padding: 7px 11px; font-size: 10px; } .sar-diagnosis__title { font-size: clamp(31px, 9vw, 43px); } .sar-diagnosis__title span { display: block; margin-top: 5px; } .sar-diagnosis__direct-answer { margin-top: 18px; font-size: 17px; line-height: 1.6; } .sar-diagnosis__intro { font-size: 15px; line-height: 1.68; } .sar-diagnosis__section-title { font-size: 27px; } .sar-diagnosis__answer { font-size: 15px; line-height: 1.68; } .sar-diagnosis__principle { padding: 27px 20px; border-radius: 21px; } .sar-diagnosis__diagram { padding: 14px; border-radius: 18px; } .sar-diagnosis__method { margin-top: 40px; } .sar-diagnosis__method-heading { margin-bottom: 23px; } .sar-diagnosis__step { padding: 17px 15px; } .sar-diagnosis__checks { margin-top: 40px; padding: 27px 20px; border-radius: 21px; } .sar-diagnosis__checks-grid { grid-template-columns: 1fr; margin-top: 23px; } .sar-diagnosis__solutions { margin-top: 40px; } .sar-diagnosis__solutions-heading { margin-bottom: 23px; } .sar-diagnosis__solution { padding: 23px 19px; border-radius: 19px; } .sar-diagnosis__remote { margin-top: 40px; padding: 27px 20px; border-radius: 21px; } .sar-diagnosis__remote-grid { grid-template-columns: 1fr; } .sar-diagnosis__answers { margin-top: 40px; padding: 27px 20px; border-radius: 21px; } .sar-diagnosis__conversion { grid-template-columns: 1fr; margin-top: 40px; padding: 25px 20px; border-radius: 20px; } .sar-diagnosis__conversion-icon { width: 51px; height: 51px; border-radius: 15px; } .sar-diagnosis__cta { margin-top: 40px; padding: 27px 20px; border-radius: 21px; } } /* ========================================================= SCHERMI MOLTO PICCOLI ========================================================= */ @media (max-width: 430px) { .sar-diagnosis__step h4, .sar-diagnosis__answer-card h4 { font-size: 16px; } .sar-diagnosis__solution a { align-items: flex-start; font-size: 13px; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sar-diagnosis__button { transition: none; } .sar-diagnosis__button:hover { transform: none; } }#imCell_37 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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 — SOPRALLUOGO ANALITICO ISOLAMENTO ACUSTICO ROMA Pagina: isolamento-acustico-roma.html Classi isolate con prefisso sar-inspection ========================================================= */ #sopralluogo-analitico-isolamento-acustico-roma { --sar-inspection-dark: #073b46; --sar-inspection-deep: #042d36; --sar-inspection-teal: #008fa3; --sar-inspection-turquoise: #16bfd0; --sar-inspection-orange: #f58220; --sar-inspection-orange-dark: #d96813; --sar-inspection-green: #2e9b67; --sar-inspection-green-dark: #237c52; --sar-inspection-red: #c95542; --sar-inspection-white: #ffffff; --sar-inspection-cream: #fff8ed; --sar-inspection-light: #eefafd; --sar-inspection-text: #18343b; --sar-inspection-muted: #587078; --sar-inspection-border: rgba(7, 59, 70, 0.13); --sar-inspection-shadow: 0 20px 55px rgba(4, 45, 54, 0.11); position: relative; width: 100%; overflow: hidden; padding: clamp(70px, 8vw, 110px) 0; background: radial-gradient( circle at 100% 3%, rgba(22, 191, 208, 0.09), transparent 29% ), radial-gradient( circle at 0% 48%, rgba(245, 130, 32, 0.065), transparent 25% ), linear-gradient( 180deg, #ffffff 0%, #f7fcfd 100% ); color: var(--sar-inspection-text); } #sopralluogo-analitico-isolamento-acustico-roma, #sopralluogo-analitico-isolamento-acustico-roma *, #sopralluogo-analitico-isolamento-acustico-roma *::before, #sopralluogo-analitico-isolamento-acustico-roma *::after { box-sizing: border-box; } .sar-inspection__container { width: min(100% - 40px, 1240px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .sar-inspection__header { max-width: 1020px; margin: 0 auto 50px; text-align: center; } .sar-inspection__eyebrow { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 15px; padding: 8px 14px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-inspection-teal); font-size: 12px; font-weight: 850; line-height: 1.3; letter-spacing: 0.055em; text-transform: uppercase; } .sar-inspection__title { margin: 0; color: var(--sar-inspection-deep); font-size: clamp(34px, 4.6vw, 58px); font-weight: 900; line-height: 1.08; letter-spacing: -0.04em; text-wrap: balance; } .sar-inspection__title span { color: var(--sar-inspection-teal); } .sar-inspection__direct-answer { max-width: 960px; margin: 23px auto 0; color: var(--sar-inspection-dark); font-size: clamp(18px, 1.65vw, 21px); font-weight: 700; line-height: 1.65; } .sar-inspection__intro { max-width: 920px; margin: 17px auto 0; color: var(--sar-inspection-muted); font-size: 16px; font-weight: 500; line-height: 1.75; } /* ========================================================= TITOLI INTERNI ========================================================= */ .sar-inspection__section-label { margin: 0 0 9px; color: var(--sar-inspection-orange); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-inspection__section-title { margin: 0; color: var(--sar-inspection-deep); font-size: clamp(27px, 3.2vw, 43px); font-weight: 900; line-height: 1.16; letter-spacing: -0.03em; text-wrap: balance; } .sar-inspection__answer { margin: 17px 0 0; color: var(--sar-inspection-dark); font-size: 16px; font-weight: 650; line-height: 1.72; } /* ========================================================= SIGNIFICATO E DIAGRAMMA ========================================================= */ .sar-inspection__meaning { display: grid; grid-template-columns: minmax(0, 1.03fr) minmax(390px, 0.97fr); gap: clamp(30px, 5vw, 62px); align-items: center; padding: clamp(32px, 5vw, 58px); border-radius: 28px; background: linear-gradient( 135deg, var(--sar-inspection-deep) 0%, var(--sar-inspection-dark) 67%, #075667 100% ); box-shadow: 0 23px 65px rgba(4, 45, 54, 0.19); } .sar-inspection__meaning .sar-inspection__section-label { color: #88e6ee; } .sar-inspection__meaning .sar-inspection__section-title { color: var(--sar-inspection-white); } .sar-inspection__meaning .sar-inspection__answer { color: rgba(255, 255, 255, 0.94); } .sar-inspection__meaning-content > p:not( .sar-inspection__section-label, .sar-inspection__answer ) { margin: 16px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-inspection__meaning-note { display: flex; align-items: flex-start; gap: 12px; margin-top: 23px; padding: 16px; border: 1px solid rgba(245, 130, 32, 0.32); border-radius: 15px; background: rgba(245, 130, 32, 0.11); } .sar-inspection__meaning-note-icon { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: var(--sar-inspection-orange); color: var(--sar-inspection-white); font-size: 15px; font-weight: 900; } .sar-inspection__meaning-note p { margin: 0; color: rgba(255, 255, 255, 0.94); font-size: 13px; font-weight: 700; line-height: 1.58; } .sar-inspection__diagram { width: 100%; min-width: 0; padding: 18px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 22px; background: rgba(255, 255, 255, 0.97); box-shadow: 0 17px 42px rgba(0, 0, 0, 0.15); } .sar-inspection__diagram-step { display: flex; align-items: flex-start; gap: 12px; padding: 14px; border: 1px solid rgba(7, 59, 70, 0.1); border-radius: 12px; background: var(--sar-inspection-light); } .sar-inspection__diagram-step--result { border-color: rgba(46, 155, 103, 0.18); background: rgba(46, 155, 103, 0.09); } .sar-inspection__diagram-step > span { display: grid; flex: 0 0 auto; place-items: center; width: 31px; height: 31px; border-radius: 9px; background: var(--sar-inspection-dark); color: var(--sar-inspection-white); font-size: 9px; font-weight: 900; } .sar-inspection__diagram-step small { display: block; color: var(--sar-inspection-orange); font-size: 8px; font-weight: 900; letter-spacing: 0.06em; text-transform: uppercase; } .sar-inspection__diagram-step--result small { color: var(--sar-inspection-green); } .sar-inspection__diagram-step strong { display: block; margin-top: 4px; color: var(--sar-inspection-dark); font-size: 13px; font-weight: 900; line-height: 1.4; } .sar-inspection__diagram-step p { margin: 5px 0 0; color: var(--sar-inspection-muted); font-size: 10px; font-weight: 600; line-height: 1.48; } .sar-inspection__diagram-arrow { padding: 5px; color: var(--sar-inspection-orange); font-size: 20px; font-weight: 900; text-align: center; } /* ========================================================= CONTROLLI ========================================================= */ .sar-inspection__checks { margin-top: clamp(50px, 7vw, 82px); } .sar-inspection__checks-heading { max-width: 970px; margin-bottom: 29px; } .sar-inspection__checks-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; } .sar-inspection__check { min-width: 0; padding: 21px 18px; border: 1px solid var(--sar-inspection-border); border-radius: 18px; background: var(--sar-inspection-white); box-shadow: 0 10px 29px rgba(4, 45, 54, 0.055); } .sar-inspection__check > span { display: inline-flex; margin-bottom: 10px; color: var(--sar-inspection-orange); font-size: 11px; font-weight: 900; letter-spacing: 0.065em; } .sar-inspection__check h4 { margin: 0; color: var(--sar-inspection-dark); font-size: 18px; font-weight: 900; line-height: 1.3; } .sar-inspection__check p { margin: 8px 0 0; color: var(--sar-inspection-muted); font-size: 13px; font-weight: 500; line-height: 1.6; } /* ========================================================= MISURAZIONI ========================================================= */ .sar-inspection__measurements { display: grid; grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr); gap: clamp(30px, 5vw, 60px); align-items: start; margin-top: clamp(50px, 7vw, 82px); padding: clamp(31px, 5vw, 56px); border: 1px solid var(--sar-inspection-border); border-radius: 27px; background: var(--sar-inspection-cream); } .sar-inspection__measurements-content > p:not( .sar-inspection__section-label, .sar-inspection__answer ) { margin: 16px 0 0; color: var(--sar-inspection-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } .sar-inspection__measurements-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; } .sar-inspection__measurements-grid article { min-width: 0; padding: 19px; border: 1px solid rgba(7, 59, 70, 0.1); border-radius: 16px; background: rgba(255, 255, 255, 0.95); } .sar-inspection__measurement-icon { display: grid; place-items: center; width: 52px; height: 52px; margin-bottom: 14px; border-radius: 15px; background: rgba(0, 143, 163, 0.1); color: var(--sar-inspection-teal); } .sar-inspection__measurements-grid h4 { margin: 0; color: var(--sar-inspection-dark); font-size: 16px; font-weight: 900; line-height: 1.35; } .sar-inspection__measurements-grid p { margin: 7px 0 0; color: var(--sar-inspection-muted); font-size: 12px; font-weight: 550; line-height: 1.58; } /* ========================================================= CONFRONTO ========================================================= */ .sar-inspection__comparison { margin-top: clamp(50px, 7vw, 82px); padding: clamp(31px, 5vw, 57px); border-radius: 28px; background: linear-gradient( 135deg, var(--sar-inspection-deep) 0%, var(--sar-inspection-dark) 67%, #075667 100% ); box-shadow: 0 23px 65px rgba(4, 45, 54, 0.19); } .sar-inspection__comparison-heading { max-width: 960px; } .sar-inspection__comparison .sar-inspection__section-label { color: #88e6ee; } .sar-inspection__comparison .sar-inspection__section-title { color: var(--sar-inspection-white); } .sar-inspection__comparison .sar-inspection__answer { color: rgba(255, 255, 255, 0.91); } .sar-inspection__comparison-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 29px; } .sar-inspection__comparison-card { padding: clamp(25px, 4vw, 37px); border: 1px solid rgba(201, 85, 66, 0.2); border-radius: 21px; background: rgba(255, 255, 255, 0.97); } .sar-inspection__comparison-card--analytic { border-color: rgba(46, 155, 103, 0.22); background: var(--sar-inspection-light); } .sar-inspection__comparison-tag { display: inline-flex; margin-bottom: 13px; padding: 6px 10px; border-radius: 8px; background: rgba(201, 85, 66, 0.1); color: var(--sar-inspection-red); font-size: 10px; font-weight: 900; letter-spacing: 0.055em; text-transform: uppercase; } .sar-inspection__comparison-card--analytic .sar-inspection__comparison-tag { background: rgba(46, 155, 103, 0.11); color: var(--sar-inspection-green); } .sar-inspection__comparison-card h4 { margin: 0; color: var(--sar-inspection-dark); font-size: clamp(22px, 2.5vw, 31px); font-weight: 900; line-height: 1.22; } .sar-inspection__comparison-card ul { display: grid; gap: 9px; margin: 19px 0 0; padding: 0; list-style: none; } .sar-inspection__comparison-card li { display: flex; align-items: flex-start; gap: 9px; color: var(--sar-inspection-dark); font-size: 13px; font-weight: 700; line-height: 1.5; } .sar-inspection__comparison-card li > span { display: grid; flex: 0 0 auto; place-items: center; width: 21px; height: 21px; border-radius: 50%; background: rgba(7, 59, 70, 0.08); color: var(--sar-inspection-dark); font-size: 11px; font-weight: 900; } .sar-inspection__comparison-card--analytic li > span { background: rgba(46, 155, 103, 0.13); color: var(--sar-inspection-green); } /* ========================================================= RISULTATI ========================================================= */ .sar-inspection__output { margin-top: clamp(50px, 7vw, 82px); } .sar-inspection__output-heading { max-width: 960px; margin-bottom: 29px; } .sar-inspection__output-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } .sar-inspection__output-grid article { min-width: 0; padding: 22px 19px; border: 1px solid var(--sar-inspection-border); border-radius: 18px; background: var(--sar-inspection-white); box-shadow: 0 10px 29px rgba(4, 45, 54, 0.055); } .sar-inspection__output-grid article > span { display: grid; place-items: center; width: 32px; height: 32px; margin-bottom: 12px; border-radius: 9px; background: var(--sar-inspection-dark); color: var(--sar-inspection-white); font-size: 10px; font-weight: 900; } .sar-inspection__output-grid h4 { margin: 0; color: var(--sar-inspection-dark); font-size: 18px; font-weight: 900; line-height: 1.3; } .sar-inspection__output-grid p { margin: 8px 0 0; color: var(--sar-inspection-muted); font-size: 13px; font-weight: 500; line-height: 1.6; } /* ========================================================= SOLUZIONI E LINK ========================================================= */ .sar-inspection__solutions { margin-top: clamp(50px, 7vw, 82px); padding: clamp(27px, 4vw, 40px); border: 1px solid rgba(0, 143, 163, 0.17); border-radius: 24px; background: var(--sar-inspection-light); } .sar-inspection__solutions-label { margin: 0 0 18px; color: var(--sar-inspection-teal); font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-inspection__solutions-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .sar-inspection__solutions-grid a { display: grid; gap: 5px; min-width: 0; padding: 17px; border: 1px solid rgba(7, 59, 70, 0.1); border-radius: 14px; background: var(--sar-inspection-white); text-decoration: none; transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .sar-inspection__solutions-grid a:last-child { grid-column: 1 / -1; } .sar-inspection__solutions-grid a:hover { transform: translateY(-2px); border-color: rgba(0, 143, 163, 0.28); box-shadow: 0 12px 28px rgba(4, 45, 54, 0.07); } .sar-inspection__solutions-grid a > span { color: var(--sar-inspection-orange); font-size: 10px; font-weight: 900; line-height: 1.35; text-transform: uppercase; } .sar-inspection__solutions-grid a > strong { color: var(--sar-inspection-dark); font-size: 14px; font-weight: 900; line-height: 1.4; } /* ========================================================= METODO IN OTTO FASI ========================================================= */ .sar-inspection__method { margin-top: clamp(50px, 7vw, 82px); } .sar-inspection__method-heading { max-width: 970px; margin-bottom: 29px; } .sar-inspection__steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; } .sar-inspection__step { display: flex; align-items: flex-start; gap: 15px; min-width: 0; padding: 19px; border: 1px solid var(--sar-inspection-border); border-radius: 17px; background: var(--sar-inspection-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-inspection__step > span { display: grid; flex: 0 0 auto; place-items: center; width: 37px; height: 37px; border-radius: 11px; background: var(--sar-inspection-dark); color: var(--sar-inspection-white); font-size: 13px; font-weight: 900; } .sar-inspection__step h4 { margin: 0; color: var(--sar-inspection-dark); font-size: 16px; font-weight: 900; line-height: 1.3; } .sar-inspection__step p { margin: 5px 0 0; color: var(--sar-inspection-muted); font-size: 13px; font-weight: 550; line-height: 1.55; } /* ========================================================= RISPOSTE RAPIDE ========================================================= */ .sar-inspection__answers { margin-top: clamp(50px, 7vw, 82px); padding: clamp(30px, 5vw, 52px); border: 1px solid var(--sar-inspection-border); border-radius: 26px; background: var(--sar-inspection-cream); } .sar-inspection__answers-heading { max-width: 900px; margin-bottom: 25px; } .sar-inspection__answers-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .sar-inspection__answers-grid article { min-width: 0; padding: 21px 18px; border: 1px solid rgba(7, 59, 70, 0.1); border-radius: 17px; background: var(--sar-inspection-white); } .sar-inspection__answers-grid h4 { margin: 0; color: var(--sar-inspection-dark); font-size: 17px; font-weight: 900; line-height: 1.35; } .sar-inspection__answers-grid p { margin: 9px 0 0; color: var(--sar-inspection-muted); font-size: 13px; font-weight: 550; line-height: 1.62; } /* ========================================================= CTA ========================================================= */ .sar-inspection__cta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 320px); gap: 36px; align-items: center; margin-top: clamp(50px, 7vw, 80px); padding: clamp(30px, 5vw, 53px); border-radius: 27px; background: linear-gradient( 132deg, var(--sar-inspection-deep) 0%, var(--sar-inspection-dark) 66%, #07596a 100% ); box-shadow: 0 23px 62px rgba(4, 45, 54, 0.19); } .sar-inspection__cta-label { margin: 0 0 8px; color: #86e4ec; font-size: 11px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-inspection__cta-title { max-width: 850px; margin: 0; color: var(--sar-inspection-white); font-size: clamp(25px, 3vw, 39px); font-weight: 900; line-height: 1.17; letter-spacing: -0.028em; text-wrap: balance; } .sar-inspection__cta-text { max-width: 860px; margin: 14px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 15px; font-weight: 500; line-height: 1.68; } .sar-inspection__cta-actions { display: grid; gap: 11px; min-width: 0; } .sar-inspection__button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; width: 100%; min-height: 55px; padding: 13px 18px; border: 2px solid transparent; border-radius: 12px; font-size: 14px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .sar-inspection__button:hover { transform: translateY(-2px); } .sar-inspection__button:focus-visible, .sar-inspection__solutions-grid a:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; border-radius: 6px; } .sar-inspection__button--primary { background: var(--sar-inspection-orange); color: var(--sar-inspection-white); box-shadow: 0 12px 28px rgba(245, 130, 32, 0.26); } .sar-inspection__button--primary:hover { background: var(--sar-inspection-orange-dark); } .sar-inspection__button--whatsapp { background: var(--sar-inspection-green); color: var(--sar-inspection-white); box-shadow: 0 12px 28px rgba(46, 155, 103, 0.24); } .sar-inspection__button--whatsapp:hover { background: var(--sar-inspection-green-dark); } .sar-inspection__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-inspection-white); } .sar-inspection__button--phone:hover { border-color: rgba(255, 255, 255, 0.53); background: rgba(255, 255, 255, 0.15); } .sar-inspection__button span { display: grid; gap: 1px; } .sar-inspection__button strong { font-size: 15px; font-weight: 900; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1080px) { .sar-inspection__meaning, .sar-inspection__measurements { grid-template-columns: 1fr; } .sar-inspection__diagram { width: min(100%, 760px); margin-inline: auto; } .sar-inspection__checks-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-inspection__output-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-inspection__cta { grid-template-columns: 1fr; } .sar-inspection__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); } } /* ========================================================= TABLET PICCOLO ========================================================= */ @media (max-width: 820px) { .sar-inspection__comparison-grid, .sar-inspection__steps { grid-template-columns: 1fr; } .sar-inspection__cta-actions { grid-template-columns: 1fr; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 720px) { #sopralluogo-analitico-isolamento-acustico-roma { padding: 58px 0; } .sar-inspection__container { width: min(100% - 28px, 1240px); } .sar-inspection__header { margin-bottom: 33px; text-align: left; } .sar-inspection__eyebrow { justify-content: flex-start; padding: 7px 11px; font-size: 10px; } .sar-inspection__title { font-size: clamp(31px, 9vw, 43px); } .sar-inspection__title span { display: block; margin-top: 5px; } .sar-inspection__direct-answer { margin-top: 18px; font-size: 17px; line-height: 1.6; } .sar-inspection__intro { font-size: 15px; line-height: 1.68; } .sar-inspection__section-title { font-size: 27px; } .sar-inspection__answer { font-size: 15px; line-height: 1.68; } .sar-inspection__meaning { padding: 27px 20px; border-radius: 21px; } .sar-inspection__diagram { padding: 14px; border-radius: 18px; } .sar-inspection__checks, .sar-inspection__output { margin-top: 40px; } .sar-inspection__checks-heading, .sar-inspection__output-heading { margin-bottom: 23px; } .sar-inspection__checks-grid, .sar-inspection__output-grid { grid-template-columns: 1fr; } .sar-inspection__measurements { margin-top: 40px; padding: 27px 20px; border-radius: 21px; } .sar-inspection__measurements-grid { grid-template-columns: 1fr; } .sar-inspection__comparison { margin-top: 40px; padding: 27px 20px; border-radius: 21px; } .sar-inspection__comparison-grid { margin-top: 23px; } .sar-inspection__solutions { margin-top: 40px; padding: 24px 18px; border-radius: 20px; } .sar-inspection__solutions-grid { grid-template-columns: 1fr; } .sar-inspection__solutions-grid a:last-child { grid-column: auto; } .sar-inspection__method { margin-top: 40px; } .sar-inspection__method-heading { margin-bottom: 23px; } .sar-inspection__step { padding: 16px 14px; } .sar-inspection__answers { margin-top: 40px; padding: 27px 20px; border-radius: 21px; } .sar-inspection__answers-grid { grid-template-columns: 1fr; } .sar-inspection__cta { margin-top: 40px; padding: 27px 20px; border-radius: 21px; } } /* ========================================================= SCHERMI MOLTO PICCOLI ========================================================= */ @media (max-width: 430px) { .sar-inspection__check h4, .sar-inspection__step h4, .sar-inspection__answers-grid h4 { font-size: 16px; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sar-inspection__button, .sar-inspection__solutions-grid a { transition: none; } .sar-inspection__button:hover, .sar-inspection__solutions-grid a:hover { transform: none; } }#imCell_38 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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 — ANALISI DEL RUMORE PERCEPITO Pagina: isolamento-acustico-roma.html Classi isolate con prefisso sar-perceived ========================================================= */ #analisi-rumore-percepito-roma { --sar-perceived-dark: #073b46; --sar-perceived-deep: #042d36; --sar-perceived-teal: #008fa3; --sar-perceived-turquoise: #16bfd0; --sar-perceived-orange: #f58220; --sar-perceived-orange-dark: #d96813; --sar-perceived-green: #2e9b67; --sar-perceived-green-dark: #237c52; --sar-perceived-white: #ffffff; --sar-perceived-cream: #fff8ed; --sar-perceived-light: #eefafd; --sar-perceived-text: #18343b; --sar-perceived-muted: #587078; --sar-perceived-border: rgba(7, 59, 70, 0.13); --sar-perceived-shadow: 0 18px 48px rgba(4, 45, 54, 0.1); position: relative; width: 100%; overflow: hidden; padding: clamp(60px, 7vw, 90px) 0; background: radial-gradient( circle at 100% 4%, rgba(22, 191, 208, 0.08), transparent 28% ), linear-gradient( 180deg, #ffffff 0%, #f7fcfd 100% ); color: var(--sar-perceived-text); } #analisi-rumore-percepito-roma, #analisi-rumore-percepito-roma *, #analisi-rumore-percepito-roma *::before, #analisi-rumore-percepito-roma *::after { box-sizing: border-box; } .sar-perceived__container { width: min(100% - 40px, 1180px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .sar-perceived__header { max-width: 980px; margin: 0 auto 42px; text-align: center; } .sar-perceived__eyebrow { display: inline-flex; margin: 0 0 14px; padding: 7px 13px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-perceived-teal); font-size: 11px; font-weight: 850; line-height: 1.35; letter-spacing: 0.055em; text-transform: uppercase; } .sar-perceived__title { margin: 0; color: var(--sar-perceived-deep); font-size: clamp(31px, 4vw, 49px); font-weight: 900; line-height: 1.1; letter-spacing: -0.036em; text-wrap: balance; } .sar-perceived__title span { color: var(--sar-perceived-teal); } .sar-perceived__direct-answer { max-width: 940px; margin: 21px auto 0; color: var(--sar-perceived-dark); font-size: clamp(17px, 1.55vw, 20px); font-weight: 700; line-height: 1.67; } .sar-perceived__intro { max-width: 900px; margin: 16px auto 0; color: var(--sar-perceived-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } /* ========================================================= TITOLI INTERNI ========================================================= */ .sar-perceived__section-label { margin: 0 0 8px; color: var(--sar-perceived-orange); font-size: 10px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-perceived__section-title { margin: 0; color: var(--sar-perceived-deep); font-size: clamp(25px, 3vw, 38px); font-weight: 900; line-height: 1.18; letter-spacing: -0.028em; text-wrap: balance; } .sar-perceived__answer { margin: 15px 0 0; color: var(--sar-perceived-dark); font-size: 15px; font-weight: 650; line-height: 1.7; } /* ========================================================= ANALISI ========================================================= */ .sar-perceived__analysis-heading, .sar-perceived__signals-heading { max-width: 900px; margin-bottom: 25px; } .sar-perceived__analysis-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; } .sar-perceived__analysis-card { min-width: 0; padding: 21px 18px; border: 1px solid var(--sar-perceived-border); border-radius: 18px; background: var(--sar-perceived-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-perceived__analysis-card > span { display: inline-flex; margin-bottom: 10px; color: var(--sar-perceived-orange); font-size: 10px; font-weight: 900; letter-spacing: 0.065em; } .sar-perceived__analysis-card h5 { margin: 0; color: var(--sar-perceived-dark); font-size: 17px; font-weight: 900; line-height: 1.32; } .sar-perceived__analysis-card p { margin: 8px 0 0; color: var(--sar-perceived-muted); font-size: 13px; font-weight: 500; line-height: 1.6; } /* ========================================================= PERCORSI ========================================================= */ .sar-perceived__path { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); gap: clamp(28px, 5vw, 56px); align-items: start; margin-top: clamp(42px, 6vw, 70px); padding: clamp(29px, 5vw, 51px); border-radius: 25px; background: linear-gradient( 135deg, var(--sar-perceived-deep), var(--sar-perceived-dark) ); box-shadow: 0 21px 57px rgba(4, 45, 54, 0.18); } .sar-perceived__path .sar-perceived__section-label { color: #88e6ee; } .sar-perceived__path .sar-perceived__section-title { color: var(--sar-perceived-white); } .sar-perceived__path .sar-perceived__answer { color: rgba(255, 255, 255, 0.94); } .sar-perceived__path-content > p:not( .sar-perceived__section-label, .sar-perceived__answer ) { margin: 15px 0 0; color: rgba(255, 255, 255, 0.84); font-size: 14px; line-height: 1.7; } .sar-perceived__path-note { display: flex; align-items: flex-start; gap: 11px; margin-top: 20px; padding: 14px; border: 1px solid rgba(245, 130, 32, 0.3); border-radius: 14px; background: rgba(245, 130, 32, 0.1); } .sar-perceived__path-note > span { display: grid; flex: 0 0 auto; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: var(--sar-perceived-orange); color: var(--sar-perceived-white); font-size: 13px; font-weight: 900; } .sar-perceived__path-note p { margin: 0; color: rgba(255, 255, 255, 0.94); font-size: 12px; font-weight: 700; line-height: 1.55; } .sar-perceived__path-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .sar-perceived__path-grid article { display: flex; align-items: flex-start; gap: 11px; min-width: 0; padding: 17px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; background: rgba(255, 255, 255, 0.97); } .sar-perceived__path-icon { display: grid; flex: 0 0 auto; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: var(--sar-perceived-teal); color: var(--sar-perceived-white); font-size: 12px; font-weight: 900; } .sar-perceived__path-grid h5 { margin: 0; color: var(--sar-perceived-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-perceived__path-grid p { margin: 6px 0 0; color: var(--sar-perceived-muted); font-size: 12px; line-height: 1.56; } /* ========================================================= SEGNALI ========================================================= */ .sar-perceived__signals { margin-top: clamp(42px, 6vw, 70px); } .sar-perceived__signals-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; } .sar-perceived__signal { min-width: 0; padding: 20px; border-left: 4px solid var(--sar-perceived-teal); border-radius: 0 16px 16px 0; background: var(--sar-perceived-light); } .sar-perceived__signal h5 { margin: 0; color: var(--sar-perceived-dark); font-size: 17px; font-weight: 900; line-height: 1.35; } .sar-perceived__signal p { margin: 7px 0 0; color: var(--sar-perceived-muted); font-size: 13px; line-height: 1.6; } /* ========================================================= PREPARAZIONE ========================================================= */ .sar-perceived__prepare { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); gap: clamp(28px, 5vw, 55px); align-items: start; margin-top: clamp(42px, 6vw, 70px); padding: clamp(28px, 5vw, 49px); border: 1px solid var(--sar-perceived-border); border-radius: 24px; background: var(--sar-perceived-cream); } .sar-perceived__prepare-list { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; } .sar-perceived__prepare-list li { display: flex; align-items: flex-start; gap: 11px; padding: 15px; border: 1px solid rgba(46, 155, 103, 0.14); border-radius: 14px; background: rgba(255, 255, 255, 0.95); } .sar-perceived__prepare-list span { display: grid; flex: 0 0 auto; place-items: center; width: 23px; height: 23px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-perceived-green); font-size: 11px; font-weight: 900; } .sar-perceived__prepare-list p { margin: 0; color: var(--sar-perceived-dark); font-size: 13px; font-weight: 700; line-height: 1.55; } /* ========================================================= NOTA MEDIA ========================================================= */ .sar-perceived__media-note { display: flex; align-items: flex-start; gap: 15px; margin-top: 25px; padding: 21px; border: 1px solid rgba(0, 143, 163, 0.18); border-radius: 18px; background: var(--sar-perceived-light); } .sar-perceived__media-note-icon { display: grid; flex: 0 0 auto; place-items: center; width: 38px; height: 38px; border-radius: 11px; background: var(--sar-perceived-teal); color: var(--sar-perceived-white); font-size: 18px; font-weight: 900; } .sar-perceived__media-note h4 { margin: 0; color: var(--sar-perceived-dark); font-size: 17px; font-weight: 900; line-height: 1.35; } .sar-perceived__media-note p { margin: 7px 0 0; color: var(--sar-perceived-muted); font-size: 13px; line-height: 1.6; } /* ========================================================= CTA ========================================================= */ .sar-perceived__cta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 320px); gap: 34px; align-items: center; margin-top: clamp(42px, 6vw, 70px); padding: clamp(29px, 5vw, 50px); border-radius: 25px; background: linear-gradient( 132deg, var(--sar-perceived-deep), var(--sar-perceived-dark) 68%, #07596a ); box-shadow: 0 21px 57px rgba(4, 45, 54, 0.18); } .sar-perceived__cta-label { margin: 0 0 8px; color: #86e4ec; font-size: 10px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-perceived__cta-title { margin: 0; color: var(--sar-perceived-white); font-size: clamp(24px, 3vw, 37px); font-weight: 900; line-height: 1.18; letter-spacing: -0.027em; text-wrap: balance; } .sar-perceived__cta-text { margin: 13px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 14px; line-height: 1.68; } .sar-perceived__cta-actions { display: grid; gap: 10px; } .sar-perceived__button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 53px; padding: 12px 17px; border: 2px solid transparent; border-radius: 12px; font-size: 13px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease; } .sar-perceived__button:hover { transform: translateY(-2px); } .sar-perceived__button:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; } .sar-perceived__button--primary { background: var(--sar-perceived-orange); color: var(--sar-perceived-white); } .sar-perceived__button--primary:hover { background: var(--sar-perceived-orange-dark); } .sar-perceived__button--whatsapp { background: var(--sar-perceived-green); color: var(--sar-perceived-white); } .sar-perceived__button--whatsapp:hover { background: var(--sar-perceived-green-dark); } .sar-perceived__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-perceived-white); } .sar-perceived__button--phone:hover { border-color: rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.15); } .sar-perceived__button span { display: grid; gap: 1px; } .sar-perceived__button strong { font-size: 14px; font-weight: 900; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1020px) { .sar-perceived__analysis-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-perceived__path, .sar-perceived__prepare { grid-template-columns: 1fr; } .sar-perceived__cta { grid-template-columns: 1fr; } .sar-perceived__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); } } /* ========================================================= TABLET PICCOLO ========================================================= */ @media (max-width: 780px) { .sar-perceived__path-grid, .sar-perceived__signals-grid { grid-template-columns: 1fr; } .sar-perceived__cta-actions { grid-template-columns: 1fr; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 680px) { #analisi-rumore-percepito-roma { padding: 54px 0; } .sar-perceived__container { width: min(100% - 28px, 1180px); } .sar-perceived__header { margin-bottom: 31px; text-align: left; } .sar-perceived__eyebrow { font-size: 9px; } .sar-perceived__title { font-size: clamp(29px, 9vw, 40px); } .sar-perceived__title span { display: block; margin-top: 4px; } .sar-perceived__direct-answer { font-size: 16px; line-height: 1.62; } .sar-perceived__section-title { font-size: 26px; } .sar-perceived__analysis-grid { grid-template-columns: 1fr; } .sar-perceived__path, .sar-perceived__prepare { margin-top: 38px; padding: 25px 19px; border-radius: 20px; } .sar-perceived__signals { margin-top: 38px; } .sar-perceived__media-note { flex-direction: column; padding: 19px; } .sar-perceived__cta { margin-top: 38px; padding: 26px 19px; border-radius: 20px; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sar-perceived__button { transition: none; } .sar-perceived__button:hover { transform: none; } }#imCell_39 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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 — MISURAZIONI FONOMETRICHE Pagina: isolamento-acustico-roma.html Classi isolate con prefisso sar-meter ========================================================= */ #misurazioni-fonometriche-rumore-fondo-roma { --sar-meter-dark: #073b46; --sar-meter-deep: #042d36; --sar-meter-teal: #008fa3; --sar-meter-orange: #f58220; --sar-meter-orange-dark: #d96813; --sar-meter-green: #2e9b67; --sar-meter-green-dark: #237c52; --sar-meter-white: #ffffff; --sar-meter-cream: #fff8ed; --sar-meter-light: #eefafd; --sar-meter-text: #18343b; --sar-meter-muted: #587078; --sar-meter-border: rgba(7, 59, 70, 0.13); --sar-meter-shadow: 0 18px 48px rgba(4, 45, 54, 0.1); position: relative; width: 100%; overflow: hidden; padding: clamp(60px, 7vw, 92px) 0; background: radial-gradient( circle at 100% 4%, rgba(22, 191, 208, 0.08), transparent 28% ), linear-gradient( 180deg, #ffffff 0%, #f7fcfd 100% ); color: var(--sar-meter-text); } #misurazioni-fonometriche-rumore-fondo-roma, #misurazioni-fonometriche-rumore-fondo-roma *, #misurazioni-fonometriche-rumore-fondo-roma *::before, #misurazioni-fonometriche-rumore-fondo-roma *::after { box-sizing: border-box; } .sar-meter__container { width: min(100% - 40px, 1180px); margin-inline: auto; } /* ========================================================= INTESTAZIONE ========================================================= */ .sar-meter__header { max-width: 980px; margin: 0 auto 42px; text-align: center; } .sar-meter__eyebrow { display: inline-flex; margin: 0 0 14px; padding: 7px 13px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-meter-teal); font-size: 11px; font-weight: 850; line-height: 1.35; letter-spacing: 0.055em; text-transform: uppercase; } .sar-meter__title { margin: 0; color: var(--sar-meter-deep); font-size: clamp(31px, 4vw, 49px); font-weight: 900; line-height: 1.1; letter-spacing: -0.036em; text-wrap: balance; } .sar-meter__title span { color: var(--sar-meter-teal); } .sar-meter__direct-answer { max-width: 940px; margin: 21px auto 0; color: var(--sar-meter-dark); font-size: clamp(17px, 1.55vw, 20px); font-weight: 700; line-height: 1.67; } .sar-meter__intro { max-width: 900px; margin: 16px auto 0; color: var(--sar-meter-muted); font-size: 15px; font-weight: 500; line-height: 1.72; } /* ========================================================= TITOLI INTERNI ========================================================= */ .sar-meter__section-label { margin: 0 0 8px; color: var(--sar-meter-orange); font-size: 10px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-meter__section-title { margin: 0; color: var(--sar-meter-deep); font-size: clamp(25px, 3vw, 38px); font-weight: 900; line-height: 1.18; letter-spacing: -0.028em; text-wrap: balance; } .sar-meter__answer { margin: 15px 0 0; color: var(--sar-meter-dark); font-size: 15px; font-weight: 650; line-height: 1.7; } /* ========================================================= RUMORE DI FONDO ========================================================= */ .sar-meter__background { display: grid; grid-template-columns: minmax(0, 0.98fr) minmax(360px, 1.02fr); gap: clamp(28px, 5vw, 56px); align-items: center; padding: clamp(29px, 5vw, 52px); border-radius: 25px; background: linear-gradient( 135deg, var(--sar-meter-deep), var(--sar-meter-dark) ); box-shadow: 0 21px 57px rgba(4, 45, 54, 0.18); } .sar-meter__background .sar-meter__section-label { color: #88e6ee; } .sar-meter__background .sar-meter__section-title { color: var(--sar-meter-white); } .sar-meter__background .sar-meter__answer { color: rgba(255, 255, 255, 0.94); } .sar-meter__background-content > p:not( .sar-meter__section-label, .sar-meter__answer ) { margin: 15px 0 0; color: rgba(255, 255, 255, 0.84); font-size: 14px; line-height: 1.7; } .sar-meter__background-note { display: flex; align-items: flex-start; gap: 11px; margin-top: 20px; padding: 14px; border: 1px solid rgba(245, 130, 32, 0.3); border-radius: 14px; background: rgba(245, 130, 32, 0.1); } .sar-meter__background-note > span { display: grid; flex: 0 0 auto; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: var(--sar-meter-orange); color: var(--sar-meter-white); font-size: 13px; font-weight: 900; } .sar-meter__background-note p { margin: 0; color: rgba(255, 255, 255, 0.94); font-size: 12px; font-weight: 700; line-height: 1.55; } /* ========================================================= DIAGRAMMA ========================================================= */ .sar-meter__diagram { display: grid; gap: 11px; min-width: 0; padding: 17px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 20px; background: rgba(255, 255, 255, 0.97); box-shadow: 0 16px 39px rgba(0, 0, 0, 0.14); } .sar-meter__diagram-row { display: grid; grid-template-columns: auto minmax(0, 1fr) 92px; gap: 12px; align-items: center; padding: 13px; border: 1px solid rgba(7, 59, 70, 0.1); border-radius: 12px; background: var(--sar-meter-light); } .sar-meter__diagram-row--result { border-color: rgba(46, 155, 103, 0.18); background: rgba(46, 155, 103, 0.09); } .sar-meter__diagram-tag { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 9px; background: var(--sar-meter-dark); color: var(--sar-meter-white); font-size: 9px; font-weight: 900; } .sar-meter__diagram-row small { display: block; color: var(--sar-meter-orange); font-size: 8px; font-weight: 900; letter-spacing: 0.06em; text-transform: uppercase; } .sar-meter__diagram-row strong { display: block; margin-top: 4px; color: var(--sar-meter-dark); font-size: 13px; font-weight: 900; line-height: 1.35; } .sar-meter__diagram-row p { margin: 5px 0 0; color: var(--sar-meter-muted); font-size: 10px; font-weight: 600; line-height: 1.48; } .sar-meter__diagram-bar { height: 13px; border-radius: 999px; } .sar-meter__diagram-bar--base { width: 46%; background: var(--sar-meter-teal); } .sar-meter__diagram-bar--event { width: 100%; background: var(--sar-meter-orange); } .sar-meter__diagram-bar--result { width: 64%; background: var(--sar-meter-green); } /* ========================================================= DATI ========================================================= */ .sar-meter__data { margin-top: clamp(42px, 6vw, 70px); } .sar-meter__data-heading { max-width: 900px; margin-bottom: 25px; } .sar-meter__data-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; } .sar-meter__data-card { min-width: 0; padding: 21px 18px; border: 1px solid var(--sar-meter-border); border-radius: 18px; background: var(--sar-meter-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-meter__data-card > span { display: inline-flex; margin-bottom: 12px; padding: 7px 10px; border-radius: 9px; background: rgba(245, 130, 32, 0.11); color: var(--sar-meter-orange); font-size: 11px; font-weight: 900; letter-spacing: 0.04em; } .sar-meter__data-card--teal > span { background: rgba(0, 143, 163, 0.1); color: var(--sar-meter-teal); } .sar-meter__data-card--green > span { background: rgba(46, 155, 103, 0.11); color: var(--sar-meter-green); } .sar-meter__data-card h5 { margin: 0; color: var(--sar-meter-dark); font-size: 17px; font-weight: 900; line-height: 1.32; } .sar-meter__data-card p { margin: 8px 0 0; color: var(--sar-meter-muted); font-size: 13px; line-height: 1.6; } /* ========================================================= PROGETTAZIONE ========================================================= */ .sar-meter__design { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: clamp(28px, 5vw, 55px); align-items: start; margin-top: clamp(42px, 6vw, 70px); padding: clamp(28px, 5vw, 49px); border: 1px solid var(--sar-meter-border); border-radius: 24px; background: var(--sar-meter-cream); } .sar-meter__design-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .sar-meter__design-grid article { display: flex; align-items: flex-start; gap: 11px; min-width: 0; padding: 16px; border: 1px solid rgba(7, 59, 70, 0.09); border-radius: 14px; background: rgba(255, 255, 255, 0.95); } .sar-meter__design-grid article > span { display: grid; flex: 0 0 auto; place-items: center; width: 29px; height: 29px; border-radius: 9px; background: var(--sar-meter-dark); color: var(--sar-meter-white); font-size: 9px; font-weight: 900; } .sar-meter__design-grid h5 { margin: 0; color: var(--sar-meter-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-meter__design-grid p { margin: 5px 0 0; color: var(--sar-meter-muted); font-size: 12px; line-height: 1.56; } /* ========================================================= CHIARIMENTO ========================================================= */ .sar-meter__clarification { display: flex; align-items: flex-start; gap: 15px; margin-top: 25px; padding: 21px; border: 1px solid rgba(0, 143, 163, 0.18); border-radius: 18px; background: var(--sar-meter-light); } .sar-meter__clarification-icon { display: grid; flex: 0 0 auto; place-items: center; width: 38px; height: 38px; border-radius: 11px; background: var(--sar-meter-teal); color: var(--sar-meter-white); font-size: 18px; font-weight: 900; } .sar-meter__clarification h4 { margin: 0; color: var(--sar-meter-dark); font-size: 17px; font-weight: 900; line-height: 1.35; } .sar-meter__clarification p { margin: 7px 0 0; color: var(--sar-meter-muted); font-size: 13px; line-height: 1.6; } /* ========================================================= CTA ========================================================= */ .sar-meter__cta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 320px); gap: 34px; align-items: center; margin-top: clamp(42px, 6vw, 70px); padding: clamp(29px, 5vw, 50px); border-radius: 25px; background: linear-gradient( 132deg, var(--sar-meter-deep), var(--sar-meter-dark) 68%, #07596a ); box-shadow: 0 21px 57px rgba(4, 45, 54, 0.18); } .sar-meter__cta-label { margin: 0 0 8px; color: #86e4ec; font-size: 10px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-meter__cta-title { margin: 0; color: var(--sar-meter-white); font-size: clamp(24px, 3vw, 37px); font-weight: 900; line-height: 1.18; letter-spacing: -0.027em; text-wrap: balance; } .sar-meter__cta-text { margin: 13px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 14px; line-height: 1.68; } .sar-meter__cta-actions { display: grid; gap: 10px; } .sar-meter__button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 53px; padding: 12px 17px; border: 2px solid transparent; border-radius: 12px; font-size: 13px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease; } .sar-meter__button:hover { transform: translateY(-2px); } .sar-meter__button:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; } .sar-meter__button--primary { background: var(--sar-meter-orange); color: var(--sar-meter-white); } .sar-meter__button--primary:hover { background: var(--sar-meter-orange-dark); } .sar-meter__button--whatsapp { background: var(--sar-meter-green); color: var(--sar-meter-white); } .sar-meter__button--whatsapp:hover { background: var(--sar-meter-green-dark); } .sar-meter__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-meter-white); } .sar-meter__button--phone:hover { border-color: rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.15); } .sar-meter__button span { display: grid; gap: 1px; } .sar-meter__button strong { font-size: 14px; font-weight: 900; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1020px) { .sar-meter__background, .sar-meter__design { grid-template-columns: 1fr; } .sar-meter__data-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-meter__cta { grid-template-columns: 1fr; } .sar-meter__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); } } /* ========================================================= TABLET PICCOLO ========================================================= */ @media (max-width: 780px) { .sar-meter__design-grid { grid-template-columns: 1fr; } .sar-meter__cta-actions { grid-template-columns: 1fr; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 680px) { #misurazioni-fonometriche-rumore-fondo-roma { padding: 54px 0; } .sar-meter__container { width: min(100% - 28px, 1180px); } .sar-meter__header { margin-bottom: 31px; text-align: left; } .sar-meter__eyebrow { font-size: 9px; } .sar-meter__title { font-size: clamp(29px, 9vw, 40px); } .sar-meter__title span { display: block; margin-top: 4px; } .sar-meter__direct-answer { font-size: 16px; line-height: 1.62; } .sar-meter__section-title { font-size: 26px; } .sar-meter__background, .sar-meter__design { padding: 25px 19px; border-radius: 20px; } .sar-meter__diagram-row { grid-template-columns: auto minmax(0, 1fr); } .sar-meter__diagram-bar { grid-column: 2; width: 100%; } .sar-meter__data { margin-top: 38px; } .sar-meter__data-grid { grid-template-columns: 1fr; } .sar-meter__design { margin-top: 38px; } .sar-meter__clarification { flex-direction: column; padding: 19px; } .sar-meter__cta { margin-top: 38px; padding: 26px 19px; border-radius: 20px; } } /* ========================================================= ACCESSIBILITÀ ========================================================= */ @media (prefers-reduced-motion: reduce) { .sar-meter__button { transition: none; } .sar-meter__button:hover { transform: none; } }#imCell_40 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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; } #verifica-pareti-solai-serramenti-ponti-acustici-roma { --sar-check-dark: #073b46; --sar-check-deep: #042d36; --sar-check-teal: #008fa3; --sar-check-orange: #f58220; --sar-check-orange-dark: #d96813; --sar-check-green: #2e9b67; --sar-check-green-dark: #237c52; --sar-check-white: #ffffff; --sar-check-cream: #fff8ed; --sar-check-light: #eefafd; --sar-check-text: #18343b; --sar-check-muted: #587078; --sar-check-border: rgba(7, 59, 70, 0.13); width: 100%; padding: clamp(60px, 7vw, 92px) 0; overflow: hidden; background: radial-gradient( circle at 100% 3%, rgba(22, 191, 208, 0.08), transparent 28% ), linear-gradient(180deg, #ffffff 0%, #f7fcfd 100%); color: var(--sar-check-text); } #verifica-pareti-solai-serramenti-ponti-acustici-roma, #verifica-pareti-solai-serramenti-ponti-acustici-roma *, #verifica-pareti-solai-serramenti-ponti-acustici-roma *::before, #verifica-pareti-solai-serramenti-ponti-acustici-roma *::after { box-sizing: border-box; } .sar-check__container { width: min(100% - 40px, 1180px); margin-inline: auto; } .sar-check__header { max-width: 990px; margin: 0 auto 39px; text-align: center; } .sar-check__eyebrow { display: inline-flex; margin: 0 0 14px; padding: 7px 13px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-check-teal); font-size: 11px; font-weight: 850; line-height: 1.35; letter-spacing: 0.055em; text-transform: uppercase; } .sar-check__title { margin: 0; color: var(--sar-check-deep); font-size: clamp(31px, 4vw, 49px); font-weight: 900; line-height: 1.1; letter-spacing: -0.036em; text-wrap: balance; } .sar-check__direct-answer { max-width: 940px; margin: 21px auto 0; color: var(--sar-check-dark); font-size: clamp(17px, 1.55vw, 20px); font-weight: 700; line-height: 1.67; } .sar-check__intro { max-width: 900px; margin: 16px auto 0; color: var(--sar-check-muted); font-size: 15px; line-height: 1.72; } .sar-check__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } .sar-check__card { display: flex; min-width: 0; flex-direction: column; padding: clamp(23px, 3vw, 32px); border: 1px solid var(--sar-check-border); border-top: 5px solid var(--sar-check-dark); border-radius: 20px; background: var(--sar-check-white); box-shadow: 0 12px 34px rgba(4, 45, 54, 0.065); } .sar-check__card--teal { border-top-color: var(--sar-check-teal); } .sar-check__card--orange { border-top-color: var(--sar-check-orange); } .sar-check__card--green { border-top-color: var(--sar-check-green); } .sar-check__number { display: grid; place-items: center; width: 37px; height: 37px; margin-bottom: 14px; border-radius: 11px; background: var(--sar-check-dark); color: var(--sar-check-white); font-size: 11px; font-weight: 900; } .sar-check__card--teal .sar-check__number { background: var(--sar-check-teal); } .sar-check__card--orange .sar-check__number { background: var(--sar-check-orange); } .sar-check__card--green .sar-check__number { background: var(--sar-check-green); } .sar-check__label, .sar-check__section-label { margin: 0 0 7px; color: var(--sar-check-orange); font-size: 10px; font-weight: 900; line-height: 1.35; letter-spacing: 0.065em; text-transform: uppercase; } .sar-check__card h4 { margin: 0; color: var(--sar-check-dark); font-size: clamp(21px, 2.3vw, 28px); font-weight: 900; line-height: 1.25; } .sar-check__card > p:not(.sar-check__label) { margin: 12px 0 0; color: var(--sar-check-muted); font-size: 14px; line-height: 1.67; } .sar-check__card ul { display: grid; gap: 8px; margin: 18px 0 0; padding: 0; list-style: none; } .sar-check__card li { display: flex; align-items: flex-start; gap: 8px; color: var(--sar-check-dark); font-size: 12px; font-weight: 700; line-height: 1.5; } .sar-check__card li span { display: grid; flex: 0 0 auto; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-check-green); font-size: 10px; font-weight: 900; } .sar-check__card a { display: inline-flex; align-self: flex-start; margin-top: auto; padding-top: 18px; color: var(--sar-check-teal); font-size: 13px; font-weight: 850; line-height: 1.45; text-decoration: none; } .sar-check__card a:hover { text-decoration: underline; text-underline-offset: 4px; } .sar-check__links { display: grid; gap: 4px; margin-top: auto; } .sar-check__links a { margin-top: 0; } .sar-check__diagnosis { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); gap: clamp(28px, 5vw, 55px); align-items: start; margin-top: clamp(42px, 6vw, 70px); padding: clamp(29px, 5vw, 50px); border-radius: 24px; background: linear-gradient( 135deg, var(--sar-check-deep), var(--sar-check-dark) ); box-shadow: 0 21px 57px rgba(4, 45, 54, 0.18); } .sar-check__diagnosis .sar-check__section-label { color: #88e6ee; } .sar-check__section-title { margin: 0; color: var(--sar-check-white); font-size: clamp(25px, 3vw, 38px); font-weight: 900; line-height: 1.18; letter-spacing: -0.028em; text-wrap: balance; } .sar-check__answer { margin: 15px 0 0; color: rgba(255, 255, 255, 0.94); font-size: 15px; font-weight: 650; line-height: 1.7; } .sar-check__diagnosis-content > p:not( .sar-check__section-label, .sar-check__answer ) { margin: 15px 0 0; color: rgba(255, 255, 255, 0.84); font-size: 14px; line-height: 1.7; } .sar-check__diagnosis-steps { display: grid; gap: 12px; } .sar-check__diagnosis-steps article { display: flex; align-items: flex-start; gap: 12px; padding: 17px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; background: rgba(255, 255, 255, 0.97); } .sar-check__diagnosis-steps article > span { display: grid; flex: 0 0 auto; place-items: center; width: 32px; height: 32px; border-radius: 10px; background: var(--sar-check-teal); color: var(--sar-check-white); font-size: 11px; font-weight: 900; } .sar-check__diagnosis-steps strong { display: block; color: var(--sar-check-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-check__diagnosis-steps p { margin: 5px 0 0; color: var(--sar-check-muted); font-size: 12px; line-height: 1.56; } .sar-check__note { display: flex; align-items: flex-start; gap: 15px; margin-top: 24px; padding: 21px; border: 1px solid rgba(0, 143, 163, 0.18); border-radius: 18px; background: var(--sar-check-light); } .sar-check__note-icon { display: grid; flex: 0 0 auto; place-items: center; width: 38px; height: 38px; border-radius: 11px; background: var(--sar-check-teal); color: var(--sar-check-white); font-size: 18px; font-weight: 900; } .sar-check__note h4 { margin: 0; color: var(--sar-check-dark); font-size: 17px; font-weight: 900; line-height: 1.35; } .sar-check__note p { margin: 7px 0 0; color: var(--sar-check-muted); font-size: 13px; line-height: 1.6; } .sar-check__cta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 320px); gap: 34px; align-items: center; margin-top: clamp(42px, 6vw, 70px); padding: clamp(29px, 5vw, 50px); border-radius: 25px; background: linear-gradient( 132deg, var(--sar-check-deep), var(--sar-check-dark) 68%, #07596a ); box-shadow: 0 21px 57px rgba(4, 45, 54, 0.18); } .sar-check__cta-label { margin: 0 0 8px; color: #86e4ec; font-size: 10px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-check__cta-title { margin: 0; color: var(--sar-check-white); font-size: clamp(24px, 3vw, 37px); font-weight: 900; line-height: 1.18; letter-spacing: -0.027em; text-wrap: balance; } .sar-check__cta-text { margin: 13px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 14px; line-height: 1.68; } .sar-check__cta-actions { display: grid; gap: 10px; } .sar-check__button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 53px; padding: 12px 17px; border: 2px solid transparent; border-radius: 12px; font-size: 13px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease; } .sar-check__button:hover { transform: translateY(-2px); } .sar-check__button:focus-visible, .sar-check__card a:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; border-radius: 6px; } .sar-check__button--primary { background: var(--sar-check-orange); color: var(--sar-check-white); } .sar-check__button--primary:hover { background: var(--sar-check-orange-dark); } .sar-check__button--whatsapp { background: var(--sar-check-green); color: var(--sar-check-white); } .sar-check__button--whatsapp:hover { background: var(--sar-check-green-dark); } .sar-check__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-check-white); } .sar-check__button--phone:hover { border-color: rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.15); } .sar-check__button span { display: grid; gap: 1px; } .sar-check__button strong { font-size: 14px; font-weight: 900; } @media (max-width: 1000px) { .sar-check__diagnosis { grid-template-columns: 1fr; } .sar-check__cta { grid-template-columns: 1fr; } .sar-check__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 780px) { .sar-check__grid { grid-template-columns: 1fr; } .sar-check__cta-actions { grid-template-columns: 1fr; } } @media (max-width: 680px) { #verifica-pareti-solai-serramenti-ponti-acustici-roma { padding: 54px 0; } .sar-check__container { width: min(100% - 28px, 1180px); } .sar-check__header { margin-bottom: 31px; text-align: left; } .sar-check__eyebrow { font-size: 9px; } .sar-check__title { font-size: clamp(29px, 9vw, 40px); } .sar-check__direct-answer { font-size: 16px; line-height: 1.62; } .sar-check__card { padding: 22px 18px; border-radius: 18px; } .sar-check__diagnosis { margin-top: 38px; padding: 25px 19px; border-radius: 20px; } .sar-check__note { flex-direction: column; padding: 19px; } .sar-check__cta { margin-top: 38px; padding: 26px 19px; border-radius: 20px; } } @media (prefers-reduced-motion: reduce) { .sar-check__button { transition: none; } .sar-check__button:hover { transform: none; } }#imCell_41 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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; } #definizione-obiettivo-ottenibile-isolamento-acustico-roma { --sar-goal-dark: #073b46; --sar-goal-deep: #042d36; --sar-goal-teal: #008fa3; --sar-goal-orange: #f58220; --sar-goal-orange-dark: #d96813; --sar-goal-green: #2e9b67; --sar-goal-green-dark: #237c52; --sar-goal-red: #c95542; --sar-goal-white: #ffffff; --sar-goal-cream: #fff8ed; --sar-goal-light: #eefafd; --sar-goal-text: #18343b; --sar-goal-muted: #587078; --sar-goal-border: rgba(7, 59, 70, 0.13); width: 100%; padding: clamp(60px, 7vw, 92px) 0; overflow: hidden; background: radial-gradient( circle at 100% 4%, rgba(22, 191, 208, 0.08), transparent 28% ), linear-gradient(180deg, #ffffff 0%, #f7fcfd 100%); color: var(--sar-goal-text); } #definizione-obiettivo-ottenibile-isolamento-acustico-roma, #definizione-obiettivo-ottenibile-isolamento-acustico-roma *, #definizione-obiettivo-ottenibile-isolamento-acustico-roma *::before, #definizione-obiettivo-ottenibile-isolamento-acustico-roma *::after { box-sizing: border-box; } .sar-goal__container { width: min(100% - 40px, 1180px); margin-inline: auto; } .sar-goal__header { max-width: 980px; margin: 0 auto 40px; text-align: center; } .sar-goal__eyebrow { display: inline-flex; margin: 0 0 14px; padding: 7px 13px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-goal-teal); font-size: 11px; font-weight: 850; line-height: 1.35; letter-spacing: 0.055em; text-transform: uppercase; } .sar-goal__title { margin: 0; color: var(--sar-goal-deep); font-size: clamp(31px, 4vw, 49px); font-weight: 900; line-height: 1.1; letter-spacing: -0.036em; text-wrap: balance; } .sar-goal__direct-answer { max-width: 940px; margin: 21px auto 0; color: var(--sar-goal-dark); font-size: clamp(17px, 1.55vw, 20px); font-weight: 700; line-height: 1.67; } .sar-goal__intro { max-width: 900px; margin: 16px auto 0; color: var(--sar-goal-muted); font-size: 15px; line-height: 1.72; } .sar-goal__section-label { margin: 0 0 8px; color: var(--sar-goal-orange); font-size: 10px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-goal__section-title { margin: 0; color: var(--sar-goal-deep); font-size: clamp(25px, 3vw, 38px); font-weight: 900; line-height: 1.18; letter-spacing: -0.028em; text-wrap: balance; } .sar-goal__answer { margin: 15px 0 0; color: var(--sar-goal-dark); font-size: 15px; font-weight: 650; line-height: 1.7; } .sar-goal__main { display: grid; grid-template-columns: minmax(0, 0.96fr) minmax(0, 1.04fr); gap: clamp(28px, 5vw, 56px); align-items: start; padding: clamp(29px, 5vw, 52px); border-radius: 25px; background: linear-gradient( 135deg, var(--sar-goal-deep), var(--sar-goal-dark) ); box-shadow: 0 21px 57px rgba(4, 45, 54, 0.18); } .sar-goal__main .sar-goal__section-label { color: #88e6ee; } .sar-goal__main .sar-goal__section-title { color: var(--sar-goal-white); } .sar-goal__main .sar-goal__answer { color: rgba(255, 255, 255, 0.94); } .sar-goal__content > p:not( .sar-goal__section-label, .sar-goal__answer ) { margin: 15px 0 0; color: rgba(255, 255, 255, 0.84); font-size: 14px; line-height: 1.7; } .sar-goal__note { display: flex; align-items: flex-start; gap: 11px; margin-top: 20px; padding: 14px; border: 1px solid rgba(245, 130, 32, 0.3); border-radius: 14px; background: rgba(245, 130, 32, 0.1); } .sar-goal__note > span { display: grid; flex: 0 0 auto; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: var(--sar-goal-orange); color: var(--sar-goal-white); font-size: 13px; font-weight: 900; } .sar-goal__note p { margin: 0; color: rgba(255, 255, 255, 0.94); font-size: 12px; font-weight: 700; line-height: 1.55; } .sar-goal__factors { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .sar-goal__factors article { display: flex; align-items: flex-start; gap: 11px; min-width: 0; padding: 17px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; background: rgba(255, 255, 255, 0.97); } .sar-goal__factors article > span { display: grid; flex: 0 0 auto; place-items: center; width: 31px; height: 31px; border-radius: 9px; background: var(--sar-goal-teal); color: var(--sar-goal-white); font-size: 9px; font-weight: 900; } .sar-goal__factors h5 { margin: 0; color: var(--sar-goal-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-goal__factors p { margin: 5px 0 0; color: var(--sar-goal-muted); font-size: 12px; line-height: 1.56; } .sar-goal__clarity { margin-top: clamp(42px, 6vw, 70px); } .sar-goal__clarity-heading { max-width: 900px; margin-bottom: 25px; } .sar-goal__clarity-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } .sar-goal__clarity-card { padding: clamp(23px, 3.5vw, 34px); border: 1px solid rgba(46, 155, 103, 0.2); border-top: 5px solid var(--sar-goal-green); border-radius: 20px; background: var(--sar-goal-white); box-shadow: 0 12px 34px rgba(4, 45, 54, 0.065); } .sar-goal__clarity-card--limit { border-color: rgba(201, 85, 66, 0.18); border-top-color: var(--sar-goal-red); background: var(--sar-goal-cream); } .sar-goal__clarity-label { margin: 0 0 8px; color: var(--sar-goal-green); font-size: 10px; font-weight: 900; letter-spacing: 0.065em; text-transform: uppercase; } .sar-goal__clarity-card--limit .sar-goal__clarity-label { color: var(--sar-goal-red); } .sar-goal__clarity-card h5 { margin: 0; color: var(--sar-goal-dark); font-size: clamp(21px, 2.4vw, 29px); font-weight: 900; line-height: 1.25; } .sar-goal__clarity-card ul { display: grid; gap: 9px; margin: 18px 0 0; padding: 0; list-style: none; } .sar-goal__clarity-card li { display: flex; align-items: flex-start; gap: 9px; color: var(--sar-goal-dark); font-size: 13px; font-weight: 700; line-height: 1.52; } .sar-goal__clarity-card li > span { display: grid; flex: 0 0 auto; place-items: center; width: 21px; height: 21px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-goal-green); font-size: 10px; font-weight: 900; } .sar-goal__clarity-card--limit li > span { background: rgba(201, 85, 66, 0.12); color: var(--sar-goal-red); } .sar-goal__choices { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: clamp(28px, 5vw, 54px); align-items: start; margin-top: clamp(42px, 6vw, 70px); padding: clamp(28px, 5vw, 49px); border: 1px solid var(--sar-goal-border); border-radius: 24px; background: var(--sar-goal-light); } .sar-goal__choices-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .sar-goal__choices-grid article { min-width: 0; padding: 20px; border: 1px solid rgba(7, 59, 70, 0.1); border-radius: 16px; background: var(--sar-goal-white); } .sar-goal__choices-grid .sar-goal__choice--complete { border-color: rgba(0, 143, 163, 0.22); } .sar-goal__choice-tag { display: inline-flex; margin-bottom: 10px; padding: 6px 9px; border-radius: 8px; background: rgba(245, 130, 32, 0.1); color: var(--sar-goal-orange); font-size: 9px; font-weight: 900; letter-spacing: 0.055em; text-transform: uppercase; } .sar-goal__choices-grid h5 { margin: 0; color: var(--sar-goal-dark); font-size: 18px; font-weight: 900; line-height: 1.3; } .sar-goal__choices-grid p { margin: 8px 0 0; color: var(--sar-goal-muted); font-size: 13px; line-height: 1.6; } .sar-goal__choices-grid a { display: inline-flex; margin-top: 14px; color: var(--sar-goal-teal); font-size: 12px; font-weight: 850; line-height: 1.45; text-decoration: none; } .sar-goal__choices-grid a:hover { text-decoration: underline; text-underline-offset: 4px; } .sar-goal__answers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 24px; } .sar-goal__answers article { min-width: 0; padding: 20px; border: 1px solid var(--sar-goal-border); border-radius: 16px; background: var(--sar-goal-cream); } .sar-goal__answers h4 { margin: 0; color: var(--sar-goal-dark); font-size: 16px; font-weight: 900; line-height: 1.35; } .sar-goal__answers p { margin: 8px 0 0; color: var(--sar-goal-muted); font-size: 13px; line-height: 1.6; } .sar-goal__cta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 320px); gap: 34px; align-items: center; margin-top: clamp(42px, 6vw, 70px); padding: clamp(29px, 5vw, 50px); border-radius: 25px; background: linear-gradient( 132deg, var(--sar-goal-deep), var(--sar-goal-dark) 68%, #07596a ); box-shadow: 0 21px 57px rgba(4, 45, 54, 0.18); } .sar-goal__cta-label { margin: 0 0 8px; color: #86e4ec; font-size: 10px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-goal__cta-title { margin: 0; color: var(--sar-goal-white); font-size: clamp(24px, 3vw, 37px); font-weight: 900; line-height: 1.18; letter-spacing: -0.027em; text-wrap: balance; } .sar-goal__cta-text { margin: 13px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 14px; line-height: 1.68; } .sar-goal__cta-actions { display: grid; gap: 10px; } .sar-goal__button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 53px; padding: 12px 17px; border: 2px solid transparent; border-radius: 12px; font-size: 13px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease; } .sar-goal__button:hover { transform: translateY(-2px); } .sar-goal__button:focus-visible, .sar-goal__choices-grid a:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; } .sar-goal__button--primary { background: var(--sar-goal-orange); color: var(--sar-goal-white); } .sar-goal__button--primary:hover { background: var(--sar-goal-orange-dark); } .sar-goal__button--whatsapp { background: var(--sar-goal-green); color: var(--sar-goal-white); } .sar-goal__button--whatsapp:hover { background: var(--sar-goal-green-dark); } .sar-goal__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-goal-white); } .sar-goal__button--phone:hover { border-color: rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.15); } .sar-goal__button span { display: grid; gap: 1px; } .sar-goal__button strong { font-size: 14px; font-weight: 900; } @media (max-width: 1020px) { .sar-goal__main, .sar-goal__choices { grid-template-columns: 1fr; } .sar-goal__cta { grid-template-columns: 1fr; } .sar-goal__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 780px) { .sar-goal__clarity-grid, .sar-goal__choices-grid, .sar-goal__answers { grid-template-columns: 1fr; } .sar-goal__cta-actions { grid-template-columns: 1fr; } } @media (max-width: 680px) { #definizione-obiettivo-ottenibile-isolamento-acustico-roma { padding: 54px 0; } .sar-goal__container { width: min(100% - 28px, 1180px); } .sar-goal__header { margin-bottom: 31px; text-align: left; } .sar-goal__eyebrow { font-size: 9px; } .sar-goal__title { font-size: clamp(29px, 9vw, 40px); } .sar-goal__direct-answer { font-size: 16px; line-height: 1.62; } .sar-goal__main, .sar-goal__choices { padding: 25px 19px; border-radius: 20px; } .sar-goal__factors { grid-template-columns: 1fr; } .sar-goal__clarity, .sar-goal__choices { margin-top: 38px; } .sar-goal__clarity-card { padding: 22px 18px; border-radius: 18px; } .sar-goal__cta { margin-top: 38px; padding: 26px 19px; border-radius: 20px; } } @media (prefers-reduced-motion: reduce) { .sar-goal__button { transition: none; } .sar-goal__button:hover { transform: none; } }#imCell_42 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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; } #perche-evita-interventi-inutili-incompleti-roma { --sar-avoid-dark: #073b46; --sar-avoid-deep: #042d36; --sar-avoid-teal: #008fa3; --sar-avoid-orange: #f58220; --sar-avoid-orange-dark: #d96813; --sar-avoid-green: #2e9b67; --sar-avoid-green-dark: #237c52; --sar-avoid-red: #c95542; --sar-avoid-white: #ffffff; --sar-avoid-cream: #fff8ed; --sar-avoid-light: #eefafd; --sar-avoid-text: #18343b; --sar-avoid-muted: #587078; --sar-avoid-border: rgba(7, 59, 70, 0.13); width: 100%; padding: clamp(58px, 7vw, 88px) 0; overflow: hidden; background: radial-gradient(circle at 100% 3%, rgba(22, 191, 208, 0.08), transparent 28%), linear-gradient(180deg, #ffffff 0%, #f7fcfd 100%); color: var(--sar-avoid-text); } #perche-evita-interventi-inutili-incompleti-roma, #perche-evita-interventi-inutili-incompleti-roma *, #perche-evita-interventi-inutili-incompleti-roma *::before, #perche-evita-interventi-inutili-incompleti-roma *::after { box-sizing: border-box; } .sar-avoid__container { width: min(100% - 40px, 1160px); margin-inline: auto; } .sar-avoid__header { max-width: 960px; margin: 0 auto 38px; text-align: center; } .sar-avoid__eyebrow, .sar-avoid__label, .sar-avoid__compare-label, .sar-avoid__cta-label { margin: 0 0 8px; font-size: 10px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-avoid__eyebrow { display: inline-flex; margin-bottom: 14px; padding: 7px 13px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-avoid-teal); } .sar-avoid__title { margin: 0; color: var(--sar-avoid-deep); font-size: clamp(30px, 4vw, 48px); font-weight: 900; line-height: 1.1; letter-spacing: -0.036em; text-wrap: balance; } .sar-avoid__direct-answer { max-width: 930px; margin: 20px auto 0; color: var(--sar-avoid-dark); font-size: clamp(17px, 1.55vw, 20px); font-weight: 700; line-height: 1.67; } .sar-avoid__intro { max-width: 890px; margin: 15px auto 0; color: var(--sar-avoid-muted); font-size: 15px; line-height: 1.72; } .sar-avoid__core { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); gap: clamp(28px, 5vw, 54px); align-items: start; padding: clamp(28px, 5vw, 50px); border-radius: 24px; background: linear-gradient(135deg, var(--sar-avoid-deep), var(--sar-avoid-dark)); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.18); } .sar-avoid__core .sar-avoid__label { color: #88e6ee; } .sar-avoid__subtitle { margin: 0; color: var(--sar-avoid-deep); font-size: clamp(24px, 3vw, 37px); font-weight: 900; line-height: 1.18; letter-spacing: -0.028em; text-wrap: balance; } .sar-avoid__core .sar-avoid__subtitle { color: var(--sar-avoid-white); } .sar-avoid__answer { margin: 15px 0 0; color: var(--sar-avoid-dark); font-size: 15px; font-weight: 650; line-height: 1.7; } .sar-avoid__core .sar-avoid__answer { color: rgba(255, 255, 255, 0.94); } .sar-avoid__core-content > p:not(.sar-avoid__label, .sar-avoid__answer) { margin: 15px 0 0; color: rgba(255, 255, 255, 0.84); font-size: 14px; line-height: 1.7; } .sar-avoid__note { display: flex; gap: 11px; align-items: flex-start; margin-top: 20px; padding: 14px; border: 1px solid rgba(245, 130, 32, 0.3); border-radius: 14px; background: rgba(245, 130, 32, 0.1); } .sar-avoid__note > span, .sar-avoid__compare-card li > span { display: grid; flex: 0 0 auto; place-items: center; border-radius: 50%; font-weight: 900; } .sar-avoid__note > span { width: 25px; height: 25px; background: var(--sar-avoid-orange); color: var(--sar-avoid-white); } .sar-avoid__note p { margin: 0; color: rgba(255, 255, 255, 0.94); font-size: 12px; font-weight: 700; line-height: 1.55; } .sar-avoid__reasons { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .sar-avoid__reasons article { display: flex; gap: 11px; align-items: flex-start; min-width: 0; padding: 16px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; background: rgba(255, 255, 255, 0.97); } .sar-avoid__reasons article > span { display: grid; flex: 0 0 auto; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: var(--sar-avoid-teal); color: var(--sar-avoid-white); font-size: 9px; font-weight: 900; } .sar-avoid__reasons h5 { margin: 0; color: var(--sar-avoid-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-avoid__reasons p { margin: 5px 0 0; color: var(--sar-avoid-muted); font-size: 12px; line-height: 1.55; } .sar-avoid__compare { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: clamp(40px, 6vw, 66px); } .sar-avoid__compare-card { padding: clamp(23px, 3vw, 32px); border: 1px solid var(--sar-avoid-border); border-top: 5px solid var(--sar-avoid-red); border-radius: 20px; background: var(--sar-avoid-cream); box-shadow: 0 12px 34px rgba(4, 45, 54, 0.06); } .sar-avoid__compare-card--good { border-top-color: var(--sar-avoid-green); background: var(--sar-avoid-light); } .sar-avoid__compare-label { color: var(--sar-avoid-red); } .sar-avoid__compare-card--good .sar-avoid__compare-label { color: var(--sar-avoid-green); } .sar-avoid__compare-card h4 { margin: 0; color: var(--sar-avoid-dark); font-size: clamp(21px, 2.4vw, 28px); font-weight: 900; line-height: 1.25; } .sar-avoid__compare-card ul { display: grid; gap: 9px; margin: 18px 0 0; padding: 0; list-style: none; } .sar-avoid__compare-card li { display: flex; gap: 9px; align-items: flex-start; color: var(--sar-avoid-dark); font-size: 13px; font-weight: 700; line-height: 1.52; } .sar-avoid__compare-card li > span { width: 21px; height: 21px; background: rgba(201, 85, 66, 0.12); color: var(--sar-avoid-red); font-size: 10px; } .sar-avoid__compare-card--good li > span { background: rgba(46, 155, 103, 0.13); color: var(--sar-avoid-green); } .sar-avoid__decision { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(280px, 0.65fr); gap: clamp(28px, 5vw, 54px); align-items: center; margin-top: clamp(40px, 6vw, 66px); padding: clamp(27px, 5vw, 46px); border: 1px solid var(--sar-avoid-border); border-radius: 23px; background: var(--sar-avoid-light); } .sar-avoid__decision .sar-avoid__label { color: var(--sar-avoid-orange); } .sar-avoid__links { display: grid; gap: 9px; } .sar-avoid__links a { padding: 13px 14px; border: 1px solid rgba(7, 59, 70, 0.1); border-radius: 11px; background: var(--sar-avoid-white); color: var(--sar-avoid-dark); font-size: 13px; font-weight: 850; line-height: 1.45; text-decoration: none; } .sar-avoid__links a:hover { border-color: rgba(0, 143, 163, 0.28); color: var(--sar-avoid-teal); } .sar-avoid__cta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, 310px); gap: 32px; align-items: center; margin-top: clamp(40px, 6vw, 66px); padding: clamp(28px, 5vw, 48px); border-radius: 24px; background: linear-gradient(132deg, var(--sar-avoid-deep), var(--sar-avoid-dark) 68%, #07596a); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.18); } .sar-avoid__cta-label { color: #86e4ec; } .sar-avoid__cta-title { margin: 0; color: var(--sar-avoid-white); font-size: clamp(24px, 3vw, 36px); font-weight: 900; line-height: 1.18; letter-spacing: -0.027em; text-wrap: balance; } .sar-avoid__cta-text { margin: 13px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 14px; line-height: 1.68; } .sar-avoid__cta-actions { display: grid; gap: 10px; } .sar-avoid__button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 52px; padding: 12px 16px; border: 2px solid transparent; border-radius: 12px; font-size: 13px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease; } .sar-avoid__button:hover { transform: translateY(-2px); } .sar-avoid__button:focus-visible, .sar-avoid__links a:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; } .sar-avoid__button--primary { background: var(--sar-avoid-orange); color: var(--sar-avoid-white); } .sar-avoid__button--primary:hover { background: var(--sar-avoid-orange-dark); } .sar-avoid__button--whatsapp { background: var(--sar-avoid-green); color: var(--sar-avoid-white); } .sar-avoid__button--whatsapp:hover { background: var(--sar-avoid-green-dark); } .sar-avoid__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-avoid-white); } .sar-avoid__button--phone:hover { border-color: rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.15); } .sar-avoid__button span { display: grid; gap: 1px; } .sar-avoid__button strong { font-size: 14px; font-weight: 900; } @media (max-width: 1000px) { .sar-avoid__core, .sar-avoid__decision, .sar-avoid__cta { grid-template-columns: 1fr; } .sar-avoid__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 760px) { .sar-avoid__compare, .sar-avoid__reasons, .sar-avoid__cta-actions { grid-template-columns: 1fr; } } @media (max-width: 680px) { #perche-evita-interventi-inutili-incompleti-roma { padding: 52px 0; } .sar-avoid__container { width: min(100% - 28px, 1160px); } .sar-avoid__header { margin-bottom: 30px; text-align: left; } .sar-avoid__eyebrow { font-size: 9px; } .sar-avoid__title { font-size: clamp(29px, 9vw, 40px); } .sar-avoid__direct-answer { font-size: 16px; line-height: 1.62; } .sar-avoid__core, .sar-avoid__decision { padding: 24px 18px; border-radius: 19px; } .sar-avoid__compare, .sar-avoid__decision, .sar-avoid__cta { margin-top: 36px; } .sar-avoid__compare-card { padding: 22px 18px; border-radius: 18px; } .sar-avoid__cta { padding: 25px 18px; border-radius: 19px; } } @media (prefers-reduced-motion: reduce) { .sar-avoid__button { transition: none; } .sar-avoid__button:hover { transform: none; } }#imCell_43 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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; } #intervento-parziale-insonorizzazione-completa-roma { --sar-scope-dark: #073b46; --sar-scope-deep: #042d36; --sar-scope-teal: #008fa3; --sar-scope-orange: #f58220; --sar-scope-orange-dark: #d96813; --sar-scope-green: #2e9b67; --sar-scope-green-dark: #237c52; --sar-scope-white: #ffffff; --sar-scope-cream: #fff8ed; --sar-scope-light: #eefafd; --sar-scope-text: #18343b; --sar-scope-muted: #587078; --sar-scope-border: rgba(7, 59, 70, 0.13); width: 100%; padding: clamp(68px, 8vw, 106px) 0; overflow: hidden; background: radial-gradient( circle at 100% 3%, rgba(22, 191, 208, 0.09), transparent 28% ), linear-gradient( 180deg, #ffffff 0%, #f7fcfd 100% ); color: var(--sar-scope-text); } #intervento-parziale-insonorizzazione-completa-roma, #intervento-parziale-insonorizzazione-completa-roma *, #intervento-parziale-insonorizzazione-completa-roma *::before, #intervento-parziale-insonorizzazione-completa-roma *::after { box-sizing: border-box; } .sar-scope__container { width: min(100% - 40px, 1200px); margin-inline: auto; } .sar-scope__header { max-width: 1000px; margin: 0 auto 44px; text-align: center; } .sar-scope__eyebrow { display: inline-flex; margin: 0 0 14px; padding: 7px 13px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-scope-teal); font-size: 11px; font-weight: 850; line-height: 1.35; letter-spacing: 0.055em; text-transform: uppercase; } .sar-scope__title { margin: 0; color: var(--sar-scope-deep); font-size: clamp(34px, 4.6vw, 57px); font-weight: 900; line-height: 1.08; letter-spacing: -0.04em; text-wrap: balance; } .sar-scope__direct-answer { max-width: 950px; margin: 22px auto 0; color: var(--sar-scope-dark); font-size: clamp(18px, 1.6vw, 21px); font-weight: 700; line-height: 1.67; } .sar-scope__intro { max-width: 910px; margin: 17px auto 0; color: var(--sar-scope-muted); font-size: 16px; line-height: 1.73; } .sar-scope__label, .sar-scope__cta-label { margin: 0 0 8px; color: var(--sar-scope-orange); font-size: 10px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-scope__subtitle { margin: 0; color: var(--sar-scope-deep); font-size: clamp(26px, 3.2vw, 41px); font-weight: 900; line-height: 1.17; letter-spacing: -0.03em; text-wrap: balance; } .sar-scope__answer { margin: 15px 0 0; color: var(--sar-scope-dark); font-size: 15px; font-weight: 650; line-height: 1.72; } .sar-scope__choice { display: grid; grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr); gap: clamp(30px, 5vw, 58px); align-items: start; padding: clamp(30px, 5vw, 53px); border-radius: 26px; background: linear-gradient( 135deg, var(--sar-scope-deep), var(--sar-scope-dark) ); box-shadow: 0 22px 60px rgba(4, 45, 54, 0.18); } .sar-scope__choice .sar-scope__label { color: #88e6ee; } .sar-scope__choice .sar-scope__subtitle { color: var(--sar-scope-white); } .sar-scope__choice .sar-scope__answer { color: rgba(255, 255, 255, 0.94); } .sar-scope__choice-content > p:not( .sar-scope__label, .sar-scope__answer ) { margin: 15px 0 0; color: rgba(255, 255, 255, 0.84); font-size: 14px; line-height: 1.7; } .sar-scope__note { display: flex; align-items: flex-start; gap: 11px; margin-top: 20px; padding: 14px; border: 1px solid rgba(245, 130, 32, 0.3); border-radius: 14px; background: rgba(245, 130, 32, 0.1); } .sar-scope__note > span { display: grid; flex: 0 0 auto; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: var(--sar-scope-orange); color: var(--sar-scope-white); font-weight: 900; } .sar-scope__note p { margin: 0; color: rgba(255, 255, 255, 0.94); font-size: 12px; font-weight: 700; line-height: 1.55; } .sar-scope__choice-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; } .sar-scope__choice-card { min-width: 0; padding: 23px 20px; border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 18px; background: rgba(255, 255, 255, 0.97); } .sar-scope__choice-card--complete { border-color: rgba(22, 191, 208, 0.35); background: var(--sar-scope-light); } .sar-scope__choice-tag { display: inline-flex; margin-bottom: 11px; padding: 6px 9px; border-radius: 8px; background: rgba(245, 130, 32, 0.1); color: var(--sar-scope-orange); font-size: 9px; font-weight: 900; letter-spacing: 0.055em; text-transform: uppercase; } .sar-scope__choice-card--complete .sar-scope__choice-tag { background: rgba(0, 143, 163, 0.1); color: var(--sar-scope-teal); } .sar-scope__choice-card h4 { margin: 0; color: var(--sar-scope-dark); font-size: 23px; font-weight: 900; line-height: 1.26; } .sar-scope__choice-card > p { margin: 10px 0 0; color: var(--sar-scope-muted); font-size: 13px; line-height: 1.63; } .sar-scope__choice-card ul { display: grid; gap: 8px; margin: 17px 0 0; padding: 0; list-style: none; } .sar-scope__choice-card li { display: flex; align-items: flex-start; gap: 8px; color: var(--sar-scope-dark); font-size: 12px; font-weight: 700; line-height: 1.5; } .sar-scope__choice-card li > span { display: grid; flex: 0 0 auto; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-scope-green); font-size: 10px; font-weight: 900; } .sar-scope__choice-card a { display: inline-flex; margin-top: 17px; color: var(--sar-scope-teal); font-size: 12px; font-weight: 850; line-height: 1.45; text-decoration: none; } .sar-scope__choice-card a:hover { text-decoration: underline; text-underline-offset: 4px; } .sar-scope__table-section { margin-top: clamp(48px, 7vw, 78px); } .sar-scope__table-heading { max-width: 940px; margin-bottom: 27px; } .sar-scope__table-wrapper { width: 100%; overflow: hidden; border: 1px solid var(--sar-scope-border); border-radius: 22px; background: var(--sar-scope-white); box-shadow: 0 17px 46px rgba(4, 45, 54, 0.08); } .sar-scope__table { width: 100%; border-collapse: collapse; table-layout: fixed; } .sar-scope__table th, .sar-scope__table td { padding: 19px; overflow-wrap: anywhere; vertical-align: top; text-align: left; } .sar-scope__table thead { background: var(--sar-scope-dark); color: var(--sar-scope-white); } .sar-scope__table thead th { font-size: 12px; font-weight: 900; line-height: 1.4; text-transform: uppercase; } .sar-scope__table thead th:nth-child(1) { width: 26%; } .sar-scope__table thead th:nth-child(2) { width: 39%; } .sar-scope__table thead th:nth-child(3) { width: 35%; } .sar-scope__table tbody th, .sar-scope__table tbody td { border-top: 1px solid var(--sar-scope-border); } .sar-scope__table tbody th { color: var(--sar-scope-dark); font-size: 14px; font-weight: 900; line-height: 1.52; } .sar-scope__table tbody td { color: var(--sar-scope-muted); font-size: 13px; font-weight: 550; line-height: 1.63; } .sar-scope__table tbody tr:nth-child(even) { background: var(--sar-scope-light); } .sar-scope__table-row--complete { background: rgba(46, 155, 103, 0.08) !important; } .sar-scope__table-row--complete th { color: var(--sar-scope-green); } .sar-scope__sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sar-scope__signals { display: grid; grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr); gap: clamp(30px, 5vw, 56px); align-items: start; margin-top: clamp(48px, 7vw, 78px); padding: clamp(29px, 5vw, 50px); border: 1px solid var(--sar-scope-border); border-radius: 24px; background: var(--sar-scope-cream); } .sar-scope__signals-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .sar-scope__signals-grid article { display: flex; align-items: flex-start; gap: 11px; min-width: 0; padding: 16px; border: 1px solid rgba(7, 59, 70, 0.09); border-radius: 14px; background: rgba(255, 255, 255, 0.96); } .sar-scope__signals-grid article > span { display: grid; flex: 0 0 auto; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: var(--sar-scope-teal); color: var(--sar-scope-white); font-size: 9px; font-weight: 900; } .sar-scope__signals-grid h4 { margin: 0; color: var(--sar-scope-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-scope__signals-grid p { margin: 5px 0 0; color: var(--sar-scope-muted); font-size: 12px; line-height: 1.56; } .sar-scope__links { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin-top: 24px; } .sar-scope__links a { display: flex; align-items: center; min-width: 0; padding: 14px; border: 1px solid rgba(0, 143, 163, 0.15); border-radius: 12px; background: var(--sar-scope-light); color: var(--sar-scope-dark); font-size: 12px; font-weight: 850; line-height: 1.45; text-decoration: none; } .sar-scope__links a:hover { border-color: rgba(0, 143, 163, 0.35); color: var(--sar-scope-teal); } .sar-scope__cta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(255px, 315px); gap: 34px; align-items: center; margin-top: clamp(48px, 7vw, 78px); padding: clamp(30px, 5vw, 51px); border-radius: 25px; background: linear-gradient( 132deg, var(--sar-scope-deep), var(--sar-scope-dark) 68%, #07596a ); box-shadow: 0 21px 57px rgba(4, 45, 54, 0.18); } .sar-scope__cta-label { color: #86e4ec; } .sar-scope__cta-title { margin: 0; color: var(--sar-scope-white); font-size: clamp(25px, 3vw, 38px); font-weight: 900; line-height: 1.18; letter-spacing: -0.028em; text-wrap: balance; } .sar-scope__cta-text { margin: 13px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 14px; line-height: 1.68; } .sar-scope__cta-actions { display: grid; gap: 10px; } .sar-scope__button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 53px; padding: 12px 17px; border: 2px solid transparent; border-radius: 12px; font-size: 13px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease; } .sar-scope__button:hover { transform: translateY(-2px); } .sar-scope__button:focus-visible, .sar-scope__links a:focus-visible, .sar-scope__choice-card a:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; } .sar-scope__button--primary { background: var(--sar-scope-orange); color: var(--sar-scope-white); } .sar-scope__button--primary:hover { background: var(--sar-scope-orange-dark); } .sar-scope__button--whatsapp { background: var(--sar-scope-green); color: var(--sar-scope-white); } .sar-scope__button--whatsapp:hover { background: var(--sar-scope-green-dark); } .sar-scope__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-scope-white); } .sar-scope__button--phone:hover { border-color: rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.15); } .sar-scope__button span { display: grid; gap: 1px; } .sar-scope__button strong { font-size: 14px; font-weight: 900; } @media (max-width: 1060px) { .sar-scope__choice, .sar-scope__signals, .sar-scope__cta { grid-template-columns: 1fr; } .sar-scope__links { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-scope__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 800px) { .sar-scope__choice-grid, .sar-scope__signals-grid, .sar-scope__cta-actions { grid-template-columns: 1fr; } } @media (max-width: 720px) { #intervento-parziale-insonorizzazione-completa-roma { padding: 56px 0; } .sar-scope__container { width: min(100% - 28px, 1200px); } .sar-scope__header { margin-bottom: 32px; text-align: left; } .sar-scope__eyebrow { font-size: 9px; } .sar-scope__title { font-size: clamp(31px, 9vw, 43px); } .sar-scope__direct-answer { font-size: 17px; line-height: 1.62; } .sar-scope__choice, .sar-scope__signals { padding: 25px 19px; border-radius: 20px; } .sar-scope__table-section, .sar-scope__signals, .sar-scope__cta { margin-top: 40px; } .sar-scope__table-wrapper { overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; } .sar-scope__table, .sar-scope__table tbody, .sar-scope__table tr, .sar-scope__table th, .sar-scope__table td { display: block; width: 100%; } .sar-scope__table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); } .sar-scope__table tbody { display: grid; gap: 14px; } .sar-scope__table tr { overflow: hidden; border: 1px solid var(--sar-scope-border); border-radius: 17px; background: var(--sar-scope-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-scope__table tbody tr:nth-child(even), .sar-scope__table-row--complete { background: var(--sar-scope-white) !important; } .sar-scope__table tbody th, .sar-scope__table tbody td { padding: 15px 17px; border-top: 1px solid var(--sar-scope-border); } .sar-scope__table tbody th { border-top: 0; background: var(--sar-scope-light); } .sar-scope__table tbody th::before, .sar-scope__table tbody td::before { display: block; margin-bottom: 5px; color: var(--sar-scope-teal); content: attr(data-label); font-size: 9px; font-weight: 900; letter-spacing: 0.055em; text-transform: uppercase; } .sar-scope__links { grid-template-columns: 1fr; } .sar-scope__cta { padding: 26px 19px; border-radius: 20px; } } @media (prefers-reduced-motion: reduce) { .sar-scope__button { transition: none; } .sar-scope__button:hover { transform: none; } }#imCell_44 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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; } #quanto-spazio-occupa-isolamento-acustico-roma { --sar-space-dark: #073b46; --sar-space-deep: #042d36; --sar-space-teal: #008fa3; --sar-space-turquoise: #16bfd0; --sar-space-orange: #f58220; --sar-space-orange-dark: #d96813; --sar-space-green: #2e9b67; --sar-space-green-dark: #237c52; --sar-space-white: #ffffff; --sar-space-cream: #fff8ed; --sar-space-light: #eefafd; --sar-space-text: #18343b; --sar-space-muted: #587078; --sar-space-border: rgba(7, 59, 70, 0.13); width: 100%; padding: clamp(68px, 8vw, 106px) 0; overflow: hidden; background: radial-gradient( circle at 100% 3%, rgba(22, 191, 208, 0.09), transparent 28% ), radial-gradient( circle at 0% 55%, rgba(245, 130, 32, 0.06), transparent 24% ), linear-gradient( 180deg, #ffffff 0%, #f7fcfd 100% ); color: var(--sar-space-text); } #quanto-spazio-occupa-isolamento-acustico-roma, #quanto-spazio-occupa-isolamento-acustico-roma *, #quanto-spazio-occupa-isolamento-acustico-roma *::before, #quanto-spazio-occupa-isolamento-acustico-roma *::after { box-sizing: border-box; } .sar-space__container { width: min(100% - 40px, 1200px); margin-inline: auto; } .sar-space__header { max-width: 1000px; margin: 0 auto 44px; text-align: center; } .sar-space__eyebrow { display: inline-flex; margin: 0 0 14px; padding: 7px 13px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-space-teal); font-size: 11px; font-weight: 850; line-height: 1.35; letter-spacing: 0.055em; text-transform: uppercase; } .sar-space__title { margin: 0; color: var(--sar-space-deep); font-size: clamp(34px, 4.6vw, 57px); font-weight: 900; line-height: 1.08; letter-spacing: -0.04em; text-wrap: balance; } .sar-space__direct-answer { max-width: 950px; margin: 22px auto 0; color: var(--sar-space-dark); font-size: clamp(18px, 1.6vw, 21px); font-weight: 700; line-height: 1.67; } .sar-space__intro { max-width: 910px; margin: 17px auto 0; color: var(--sar-space-muted); font-size: 16px; line-height: 1.73; } .sar-space__label, .sar-space__cta-label { margin: 0 0 8px; color: var(--sar-space-orange); font-size: 10px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-space__subtitle { margin: 0; color: var(--sar-space-deep); font-size: clamp(26px, 3.2vw, 41px); font-weight: 900; line-height: 1.17; letter-spacing: -0.03em; text-wrap: balance; } .sar-space__answer { margin: 15px 0 0; color: var(--sar-space-dark); font-size: 15px; font-weight: 650; line-height: 1.72; } .sar-space__overview { display: grid; grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr); gap: clamp(30px, 5vw, 58px); align-items: start; padding: clamp(30px, 5vw, 53px); border-radius: 26px; background: linear-gradient( 135deg, var(--sar-space-deep), var(--sar-space-dark) ); box-shadow: 0 22px 60px rgba(4, 45, 54, 0.18); } .sar-space__overview .sar-space__label { color: #88e6ee; } .sar-space__overview .sar-space__subtitle { color: var(--sar-space-white); } .sar-space__overview .sar-space__answer { color: rgba(255, 255, 255, 0.94); } .sar-space__overview-content > p:not( .sar-space__label, .sar-space__answer ) { margin: 15px 0 0; color: rgba(255, 255, 255, 0.84); font-size: 14px; line-height: 1.7; } .sar-space__overview-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; } .sar-space__overview-card { display: flex; min-width: 0; flex-direction: column; padding: 20px; border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 17px; background: rgba(255, 255, 255, 0.97); } .sar-space__overview-value { display: inline-flex; align-self: flex-start; margin-bottom: 11px; padding: 7px 10px; border-radius: 9px; background: rgba(7, 59, 70, 0.09); color: var(--sar-space-dark); font-size: 12px; font-weight: 900; } .sar-space__overview-card--teal .sar-space__overview-value { background: rgba(0, 143, 163, 0.1); color: var(--sar-space-teal); } .sar-space__overview-card--orange .sar-space__overview-value { background: rgba(245, 130, 32, 0.1); color: var(--sar-space-orange); } .sar-space__overview-card--green .sar-space__overview-value { background: rgba(46, 155, 103, 0.11); color: var(--sar-space-green); } .sar-space__overview-card h4 { margin: 0; color: var(--sar-space-dark); font-size: 21px; font-weight: 900; line-height: 1.28; } .sar-space__overview-card p { margin: 9px 0 0; color: var(--sar-space-muted); font-size: 12px; line-height: 1.6; } .sar-space__overview-card a { display: inline-flex; align-self: flex-start; margin-top: auto; padding-top: 15px; color: var(--sar-space-teal); font-size: 12px; font-weight: 850; line-height: 1.45; text-decoration: none; } .sar-space__overview-card a:hover { text-decoration: underline; text-underline-offset: 4px; } .sar-space__table-section { margin-top: clamp(48px, 7vw, 78px); } .sar-space__table-heading { max-width: 940px; margin-bottom: 27px; } .sar-space__table-wrapper { width: 100%; overflow: hidden; border: 1px solid var(--sar-space-border); border-radius: 22px; background: var(--sar-space-white); box-shadow: 0 17px 46px rgba(4, 45, 54, 0.08); } .sar-space__table { width: 100%; border-collapse: collapse; table-layout: fixed; } .sar-space__table th, .sar-space__table td { padding: 18px; overflow-wrap: anywhere; vertical-align: top; text-align: left; } .sar-space__table thead { background: var(--sar-space-dark); color: var(--sar-space-white); } .sar-space__table thead th { font-size: 11px; font-weight: 900; line-height: 1.4; text-transform: uppercase; } .sar-space__table thead th:nth-child(1) { width: 22%; } .sar-space__table thead th:nth-child(2) { width: 20%; } .sar-space__table thead th:nth-child(3) { width: 29%; } .sar-space__table thead th:nth-child(4) { width: 29%; } .sar-space__table tbody th, .sar-space__table tbody td { border-top: 1px solid var(--sar-space-border); } .sar-space__table tbody th { color: var(--sar-space-dark); font-size: 14px; font-weight: 900; line-height: 1.52; } .sar-space__table tbody td { color: var(--sar-space-muted); font-size: 13px; font-weight: 550; line-height: 1.63; } .sar-space__table tbody tr:nth-child(even) { background: var(--sar-space-light); } .sar-space__table-row--complete { background: rgba(46, 155, 103, 0.08); } .sar-space__table-row--complete th { color: var(--sar-space-green); } .sar-space__sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sar-space__room { display: grid; grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr); gap: clamp(30px, 5vw, 56px); align-items: start; margin-top: clamp(48px, 7vw, 78px); padding: clamp(29px, 5vw, 50px); border: 1px solid var(--sar-space-border); border-radius: 24px; background: var(--sar-space-cream); } .sar-space__room-content > p:not( .sar-space__label, .sar-space__answer ) { margin: 15px 0 0; color: var(--sar-space-muted); font-size: 14px; line-height: 1.7; } .sar-space__room-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .sar-space__room-grid article { display: flex; align-items: flex-start; gap: 11px; min-width: 0; padding: 16px; border: 1px solid rgba(7, 59, 70, 0.09); border-radius: 14px; background: rgba(255, 255, 255, 0.96); } .sar-space__room-grid article > span { display: grid; flex: 0 0 auto; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: var(--sar-space-teal); color: var(--sar-space-white); font-size: 9px; font-weight: 900; } .sar-space__room-grid h4 { margin: 0; color: var(--sar-space-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-space__room-grid p { margin: 5px 0 0; color: var(--sar-space-muted); font-size: 12px; line-height: 1.56; } .sar-space__balance { margin-top: clamp(48px, 7vw, 78px); } .sar-space__balance-heading { max-width: 940px; margin-bottom: 26px; } .sar-space__balance-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } .sar-space__balance-grid article { min-width: 0; padding: 22px 19px; border: 1px solid var(--sar-space-border); border-top: 4px solid var(--sar-space-teal); border-radius: 18px; background: var(--sar-space-white); box-shadow: 0 10px 29px rgba(4, 45, 54, 0.055); } .sar-space__balance-tag { display: inline-flex; margin-bottom: 10px; padding: 6px 9px; border-radius: 8px; background: rgba(0, 143, 163, 0.09); color: var(--sar-space-teal); font-size: 9px; font-weight: 900; letter-spacing: 0.055em; text-transform: uppercase; } .sar-space__balance-grid h4 { margin: 0; color: var(--sar-space-dark); font-size: 18px; font-weight: 900; line-height: 1.3; } .sar-space__balance-grid p { margin: 8px 0 0; color: var(--sar-space-muted); font-size: 13px; line-height: 1.6; } .sar-space__note { display: flex; align-items: flex-start; gap: 15px; margin-top: 24px; padding: 21px; border: 1px solid rgba(0, 143, 163, 0.18); border-radius: 18px; background: var(--sar-space-light); } .sar-space__note-icon { display: grid; flex: 0 0 auto; place-items: center; width: 38px; height: 38px; border-radius: 11px; background: var(--sar-space-teal); color: var(--sar-space-white); font-size: 18px; font-weight: 900; } .sar-space__note h3 { margin: 0; color: var(--sar-space-dark); font-size: 17px; font-weight: 900; line-height: 1.35; } .sar-space__note p { margin: 7px 0 0; color: var(--sar-space-muted); font-size: 13px; line-height: 1.6; } .sar-space__cta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(255px, 315px); gap: 34px; align-items: center; margin-top: clamp(48px, 7vw, 78px); padding: clamp(30px, 5vw, 51px); border-radius: 25px; background: linear-gradient( 132deg, var(--sar-space-deep), var(--sar-space-dark) 68%, #07596a ); box-shadow: 0 21px 57px rgba(4, 45, 54, 0.18); } .sar-space__cta-label { color: #86e4ec; } .sar-space__cta-title { margin: 0; color: var(--sar-space-white); font-size: clamp(25px, 3vw, 38px); font-weight: 900; line-height: 1.18; letter-spacing: -0.028em; text-wrap: balance; } .sar-space__cta-text { margin: 13px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 14px; line-height: 1.68; } .sar-space__cta-actions { display: grid; gap: 10px; } .sar-space__button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 53px; padding: 12px 17px; border: 2px solid transparent; border-radius: 12px; font-size: 13px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease; } .sar-space__button:hover { transform: translateY(-2px); } .sar-space__button:focus-visible, .sar-space__overview-card a:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; } .sar-space__button--primary { background: var(--sar-space-orange); color: var(--sar-space-white); } .sar-space__button--primary:hover { background: var(--sar-space-orange-dark); } .sar-space__button--whatsapp { background: var(--sar-space-green); color: var(--sar-space-white); } .sar-space__button--whatsapp:hover { background: var(--sar-space-green-dark); } .sar-space__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-space-white); } .sar-space__button--phone:hover { border-color: rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.15); } .sar-space__button span { display: grid; gap: 1px; } .sar-space__button strong { font-size: 14px; font-weight: 900; } @media (max-width: 1060px) { .sar-space__overview, .sar-space__room, .sar-space__cta { grid-template-columns: 1fr; } .sar-space__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 820px) { .sar-space__overview-grid, .sar-space__room-grid, .sar-space__balance-grid, .sar-space__cta-actions { grid-template-columns: 1fr; } } @media (max-width: 720px) { #quanto-spazio-occupa-isolamento-acustico-roma { padding: 56px 0; } .sar-space__container { width: min(100% - 28px, 1200px); } .sar-space__header { margin-bottom: 32px; text-align: left; } .sar-space__eyebrow { font-size: 9px; } .sar-space__title { font-size: clamp(31px, 9vw, 43px); } .sar-space__direct-answer { font-size: 17px; line-height: 1.62; } .sar-space__overview, .sar-space__room { padding: 25px 19px; border-radius: 20px; } .sar-space__table-section, .sar-space__room, .sar-space__balance, .sar-space__cta { margin-top: 40px; } .sar-space__table-wrapper { overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; } .sar-space__table, .sar-space__table tbody, .sar-space__table tr, .sar-space__table th, .sar-space__table td { display: block; width: 100%; } .sar-space__table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); } .sar-space__table tbody { display: grid; gap: 14px; } .sar-space__table tr { overflow: hidden; border: 1px solid var(--sar-space-border); border-radius: 17px; background: var(--sar-space-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-space__table tbody tr:nth-child(even), .sar-space__table-row--complete { background: var(--sar-space-white); } .sar-space__table tbody th, .sar-space__table tbody td { padding: 15px 17px; border-top: 1px solid var(--sar-space-border); } .sar-space__table tbody th { border-top: 0; background: var(--sar-space-light); } .sar-space__table tbody th::before, .sar-space__table tbody td::before { display: block; margin-bottom: 5px; color: var(--sar-space-teal); content: attr(data-label); font-size: 9px; font-weight: 900; letter-spacing: 0.055em; text-transform: uppercase; } .sar-space__note { flex-direction: column; padding: 19px; } .sar-space__cta { padding: 26px 19px; border-radius: 20px; } } @media (prefers-reduced-motion: reduce) { .sar-space__button { transition: none; } .sar-space__button:hover { transform: none; } }#imCell_45 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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; } #spessori-pareti-isolamento-acustico-roma { --sar-wallthk-dark: #073b46; --sar-wallthk-deep: #042d36; --sar-wallthk-teal: #008fa3; --sar-wallthk-orange: #f58220; --sar-wallthk-orange-dark: #d96813; --sar-wallthk-green: #2e9b67; --sar-wallthk-green-dark: #237c52; --sar-wallthk-white: #ffffff; --sar-wallthk-cream: #fff8ed; --sar-wallthk-light: #eefafd; --sar-wallthk-muted: #587078; --sar-wallthk-border: rgba(7, 59, 70, 0.13); width: 100%; padding: clamp(58px, 7vw, 90px) 0; overflow: hidden; background: radial-gradient( circle at 100% 4%, rgba(22, 191, 208, 0.08), transparent 28% ), linear-gradient( 180deg, #ffffff 0%, #f7fcfd 100% ); color: #18343b; } #spessori-pareti-isolamento-acustico-roma, #spessori-pareti-isolamento-acustico-roma *, #spessori-pareti-isolamento-acustico-roma *::before, #spessori-pareti-isolamento-acustico-roma *::after { box-sizing: border-box; } .sar-wallthk__container { width: min(100% - 40px, 1160px); margin-inline: auto; } .sar-wallthk__header { max-width: 960px; margin: 0 auto 38px; text-align: center; } .sar-wallthk__eyebrow { display: inline-flex; margin: 0 0 14px; padding: 7px 13px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-wallthk-teal); font-size: 10px; font-weight: 850; line-height: 1.35; letter-spacing: 0.06em; text-transform: uppercase; } .sar-wallthk__title { margin: 0; color: var(--sar-wallthk-deep); font-size: clamp(30px, 4vw, 48px); font-weight: 900; line-height: 1.1; letter-spacing: -0.036em; text-wrap: balance; } .sar-wallthk__direct-answer { max-width: 930px; margin: 20px auto 0; color: var(--sar-wallthk-dark); font-size: clamp(17px, 1.55vw, 20px); font-weight: 700; line-height: 1.67; } .sar-wallthk__intro { max-width: 890px; margin: 15px auto 0; color: var(--sar-wallthk-muted); font-size: 15px; line-height: 1.72; } .sar-wallthk__label, .sar-wallthk__cta-label { margin: 0 0 8px; color: var(--sar-wallthk-orange); font-size: 10px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-wallthk__subtitle { margin: 0; color: var(--sar-wallthk-deep); font-size: clamp(24px, 3vw, 37px); font-weight: 900; line-height: 1.18; letter-spacing: -0.028em; text-wrap: balance; } .sar-wallthk__answer { margin: 15px 0 0; color: var(--sar-wallthk-dark); font-size: 15px; font-weight: 650; line-height: 1.7; } .sar-wallthk__range { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); gap: clamp(28px, 5vw, 54px); align-items: start; padding: clamp(28px, 5vw, 50px); border-radius: 24px; background: linear-gradient( 135deg, var(--sar-wallthk-deep), var(--sar-wallthk-dark) ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.18); } .sar-wallthk__range .sar-wallthk__label { color: #88e6ee; } .sar-wallthk__range .sar-wallthk__subtitle { color: var(--sar-wallthk-white); } .sar-wallthk__range .sar-wallthk__answer { color: rgba(255, 255, 255, 0.94); } .sar-wallthk__range-content > p:not( .sar-wallthk__label, .sar-wallthk__answer ) { margin: 15px 0 0; color: rgba(255, 255, 255, 0.84); font-size: 14px; line-height: 1.7; } .sar-wallthk__note { display: flex; gap: 11px; align-items: flex-start; margin-top: 20px; padding: 14px; border: 1px solid rgba(245, 130, 32, 0.3); border-radius: 14px; background: rgba(245, 130, 32, 0.1); } .sar-wallthk__note > span { display: grid; flex: 0 0 auto; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: var(--sar-wallthk-orange); color: var(--sar-wallthk-white); font-weight: 900; } .sar-wallthk__note p { margin: 0; color: rgba(255, 255, 255, 0.94); font-size: 12px; font-weight: 700; line-height: 1.55; } .sar-wallthk__range-grid { display: grid; gap: 12px; } .sar-wallthk__range-grid article { min-width: 0; padding: 18px; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 16px; background: rgba(255, 255, 255, 0.97); } .sar-wallthk__value { display: inline-flex; margin-bottom: 10px; padding: 7px 10px; border-radius: 9px; background: rgba(0, 143, 163, 0.1); color: var(--sar-wallthk-teal); font-size: 12px; font-weight: 900; } .sar-wallthk__range-grid h5, .sar-wallthk__factors-grid h5 { margin: 0; color: var(--sar-wallthk-dark); font-size: 16px; font-weight: 900; line-height: 1.35; } .sar-wallthk__range-grid p, .sar-wallthk__factors-grid p { margin: 7px 0 0; color: var(--sar-wallthk-muted); font-size: 12px; line-height: 1.58; } .sar-wallthk__factors { margin-top: clamp(40px, 6vw, 66px); } .sar-wallthk__factors-heading { max-width: 880px; margin-bottom: 24px; } .sar-wallthk__factors-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; } .sar-wallthk__factors-grid article { min-width: 0; padding: 20px 17px; border: 1px solid var(--sar-wallthk-border); border-radius: 17px; background: var(--sar-wallthk-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-wallthk__factors-grid article > span { display: grid; place-items: center; width: 31px; height: 31px; margin-bottom: 11px; border-radius: 9px; background: var(--sar-wallthk-dark); color: var(--sar-wallthk-white); font-size: 9px; font-weight: 900; } .sar-wallthk__room { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(300px, 0.7fr); gap: clamp(28px, 5vw, 52px); align-items: center; margin-top: clamp(40px, 6vw, 66px); padding: clamp(27px, 5vw, 46px); border: 1px solid var(--sar-wallthk-border); border-radius: 23px; background: var(--sar-wallthk-cream); } .sar-wallthk__room-content a { display: inline-flex; margin-top: 16px; color: var(--sar-wallthk-teal); font-size: 13px; font-weight: 850; line-height: 1.45; text-decoration: none; } .sar-wallthk__room-content a:hover { text-decoration: underline; text-underline-offset: 4px; } .sar-wallthk__room-list { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; } .sar-wallthk__room-list li { display: flex; gap: 9px; align-items: flex-start; padding: 13px 14px; border: 1px solid rgba(46, 155, 103, 0.14); border-radius: 12px; background: var(--sar-wallthk-white); color: var(--sar-wallthk-dark); font-size: 13px; font-weight: 700; line-height: 1.5; } .sar-wallthk__room-list span { display: grid; flex: 0 0 auto; place-items: center; width: 21px; height: 21px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-wallthk-green); font-size: 10px; font-weight: 900; } .sar-wallthk__answers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 24px; } .sar-wallthk__answers article { min-width: 0; padding: 20px; border: 1px solid var(--sar-wallthk-border); border-radius: 16px; background: var(--sar-wallthk-light); } .sar-wallthk__answers h4 { margin: 0; color: var(--sar-wallthk-dark); font-size: 16px; font-weight: 900; line-height: 1.35; } .sar-wallthk__answers p { margin: 8px 0 0; color: var(--sar-wallthk-muted); font-size: 13px; line-height: 1.6; } .sar-wallthk__cta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, 310px); gap: 32px; align-items: center; margin-top: clamp(40px, 6vw, 66px); padding: clamp(28px, 5vw, 48px); border-radius: 24px; background: linear-gradient( 132deg, var(--sar-wallthk-deep), var(--sar-wallthk-dark) 68%, #07596a ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.18); } .sar-wallthk__cta-label { color: #86e4ec; } .sar-wallthk__cta-title { margin: 0; color: var(--sar-wallthk-white); font-size: clamp(24px, 3vw, 36px); font-weight: 900; line-height: 1.18; letter-spacing: -0.027em; text-wrap: balance; } .sar-wallthk__cta-text { margin: 13px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 14px; line-height: 1.68; } .sar-wallthk__cta-actions { display: grid; gap: 10px; } .sar-wallthk__button { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 52px; padding: 12px 16px; border: 2px solid transparent; border-radius: 12px; font-size: 13px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease; } .sar-wallthk__button:hover { transform: translateY(-2px); } .sar-wallthk__button:focus-visible, .sar-wallthk__room-content a:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; } .sar-wallthk__button--primary { background: var(--sar-wallthk-orange); color: var(--sar-wallthk-white); } .sar-wallthk__button--primary:hover { background: var(--sar-wallthk-orange-dark); } .sar-wallthk__button--whatsapp { background: var(--sar-wallthk-green); color: var(--sar-wallthk-white); } .sar-wallthk__button--whatsapp:hover { background: var(--sar-wallthk-green-dark); } .sar-wallthk__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-wallthk-white); } .sar-wallthk__button--phone:hover { border-color: rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.15); } .sar-wallthk__button span { display: grid; gap: 1px; } .sar-wallthk__button strong { font-size: 14px; font-weight: 900; } @media (max-width: 1000px) { .sar-wallthk__range, .sar-wallthk__room, .sar-wallthk__cta { grid-template-columns: 1fr; } .sar-wallthk__factors-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-wallthk__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 760px) { .sar-wallthk__factors-grid, .sar-wallthk__answers, .sar-wallthk__cta-actions { grid-template-columns: 1fr; } } @media (max-width: 680px) { #spessori-pareti-isolamento-acustico-roma { padding: 52px 0; } .sar-wallthk__container { width: min(100% - 28px, 1160px); } .sar-wallthk__header { margin-bottom: 30px; text-align: left; } .sar-wallthk__eyebrow { font-size: 9px; } .sar-wallthk__title { font-size: clamp(29px, 9vw, 40px); } .sar-wallthk__direct-answer { font-size: 16px; line-height: 1.62; } .sar-wallthk__range, .sar-wallthk__room { padding: 24px 18px; border-radius: 19px; } .sar-wallthk__factors, .sar-wallthk__room, .sar-wallthk__cta { margin-top: 36px; } .sar-wallthk__cta { padding: 25px 18px; border-radius: 19px; } } @media (prefers-reduced-motion: reduce) { .sar-wallthk__button { transition: none; } .sar-wallthk__button:hover { transform: none; } }#imCell_46 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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; } #spessori-soffitti-isolamento-acustico-roma { --sar-ceilthk-dark: #073b46; --sar-ceilthk-deep: #042d36; --sar-ceilthk-teal: #008fa3; --sar-ceilthk-orange: #f58220; --sar-ceilthk-orange-dark: #d96813; --sar-ceilthk-green: #2e9b67; --sar-ceilthk-green-dark: #237c52; --sar-ceilthk-white: #ffffff; --sar-ceilthk-cream: #fff8ed; --sar-ceilthk-light: #eefafd; --sar-ceilthk-muted: #587078; --sar-ceilthk-border: rgba(7, 59, 70, 0.13); width: 100%; padding: clamp(58px, 7vw, 90px) 0; overflow: hidden; background: radial-gradient( circle at 100% 4%, rgba(22, 191, 208, 0.08), transparent 28% ), linear-gradient( 180deg, #ffffff 0%, #f7fcfd 100% ); color: #18343b; } #spessori-soffitti-isolamento-acustico-roma, #spessori-soffitti-isolamento-acustico-roma *, #spessori-soffitti-isolamento-acustico-roma *::before, #spessori-soffitti-isolamento-acustico-roma *::after { box-sizing: border-box; } .sar-ceilthk__container { width: min(100% - 40px, 1160px); margin-inline: auto; } .sar-ceilthk__header { max-width: 960px; margin: 0 auto 38px; text-align: center; } .sar-ceilthk__eyebrow { display: inline-flex; margin: 0 0 14px; padding: 7px 13px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-ceilthk-teal); font-size: 10px; font-weight: 850; line-height: 1.35; letter-spacing: 0.06em; text-transform: uppercase; } .sar-ceilthk__title { margin: 0; color: var(--sar-ceilthk-deep); font-size: clamp(30px, 4vw, 48px); font-weight: 900; line-height: 1.1; letter-spacing: -0.036em; text-wrap: balance; } .sar-ceilthk__direct-answer { max-width: 930px; margin: 20px auto 0; color: var(--sar-ceilthk-dark); font-size: clamp(17px, 1.55vw, 20px); font-weight: 700; line-height: 1.67; } .sar-ceilthk__intro { max-width: 890px; margin: 15px auto 0; color: var(--sar-ceilthk-muted); font-size: 15px; line-height: 1.72; } .sar-ceilthk__label, .sar-ceilthk__cta-label { margin: 0 0 8px; color: var(--sar-ceilthk-orange); font-size: 10px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-ceilthk__subtitle { margin: 0; color: var(--sar-ceilthk-deep); font-size: clamp(24px, 3vw, 37px); font-weight: 900; line-height: 1.18; letter-spacing: -0.028em; text-wrap: balance; } .sar-ceilthk__answer { margin: 15px 0 0; color: var(--sar-ceilthk-dark); font-size: 15px; font-weight: 650; line-height: 1.7; } .sar-ceilthk__range { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); gap: clamp(28px, 5vw, 54px); align-items: start; padding: clamp(28px, 5vw, 50px); border-radius: 24px; background: linear-gradient( 135deg, var(--sar-ceilthk-deep), var(--sar-ceilthk-dark) ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.18); } .sar-ceilthk__range .sar-ceilthk__label { color: #88e6ee; } .sar-ceilthk__range .sar-ceilthk__subtitle { color: var(--sar-ceilthk-white); } .sar-ceilthk__range .sar-ceilthk__answer { color: rgba(255, 255, 255, 0.94); } .sar-ceilthk__range-content > p:not( .sar-ceilthk__label, .sar-ceilthk__answer ) { margin: 15px 0 0; color: rgba(255, 255, 255, 0.84); font-size: 14px; line-height: 1.7; } .sar-ceilthk__note { display: flex; gap: 11px; align-items: flex-start; margin-top: 20px; padding: 14px; border: 1px solid rgba(245, 130, 32, 0.3); border-radius: 14px; background: rgba(245, 130, 32, 0.1); } .sar-ceilthk__note > span { display: grid; flex: 0 0 auto; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: var(--sar-ceilthk-orange); color: var(--sar-ceilthk-white); font-weight: 900; } .sar-ceilthk__note p { margin: 0; color: rgba(255, 255, 255, 0.94); font-size: 12px; font-weight: 700; line-height: 1.55; } .sar-ceilthk__range-grid { display: grid; gap: 12px; } .sar-ceilthk__range-grid article { min-width: 0; padding: 18px; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 16px; background: rgba(255, 255, 255, 0.97); } .sar-ceilthk__value { display: inline-flex; margin-bottom: 10px; padding: 7px 10px; border-radius: 9px; background: rgba(0, 143, 163, 0.1); color: var(--sar-ceilthk-teal); font-size: 12px; font-weight: 900; } .sar-ceilthk__range-grid h5, .sar-ceilthk__factors-grid h5 { margin: 0; color: var(--sar-ceilthk-dark); font-size: 16px; font-weight: 900; line-height: 1.35; } .sar-ceilthk__range-grid p, .sar-ceilthk__factors-grid p { margin: 7px 0 0; color: var(--sar-ceilthk-muted); font-size: 12px; line-height: 1.58; } .sar-ceilthk__factors { margin-top: clamp(40px, 6vw, 66px); } .sar-ceilthk__factors-heading { max-width: 900px; margin-bottom: 24px; } .sar-ceilthk__factors-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; } .sar-ceilthk__factors-grid article { min-width: 0; padding: 20px 17px; border: 1px solid var(--sar-ceilthk-border); border-radius: 17px; background: var(--sar-ceilthk-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-ceilthk__factors-grid article > span { display: grid; place-items: center; width: 31px; height: 31px; margin-bottom: 11px; border-radius: 9px; background: var(--sar-ceilthk-dark); color: var(--sar-ceilthk-white); font-size: 9px; font-weight: 900; } .sar-ceilthk__height { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(300px, 0.7fr); gap: clamp(28px, 5vw, 52px); align-items: center; margin-top: clamp(40px, 6vw, 66px); padding: clamp(27px, 5vw, 46px); border: 1px solid var(--sar-ceilthk-border); border-radius: 23px; background: var(--sar-ceilthk-cream); } .sar-ceilthk__height-content a { display: inline-flex; margin-top: 16px; color: var(--sar-ceilthk-teal); font-size: 13px; font-weight: 850; line-height: 1.45; text-decoration: none; } .sar-ceilthk__height-content a:hover { text-decoration: underline; text-underline-offset: 4px; } .sar-ceilthk__height-list { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; } .sar-ceilthk__height-list li { display: flex; gap: 9px; align-items: flex-start; padding: 13px 14px; border: 1px solid rgba(46, 155, 103, 0.14); border-radius: 12px; background: var(--sar-ceilthk-white); color: var(--sar-ceilthk-dark); font-size: 13px; font-weight: 700; line-height: 1.5; } .sar-ceilthk__height-list span { display: grid; flex: 0 0 auto; place-items: center; width: 21px; height: 21px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-ceilthk-green); font-size: 10px; font-weight: 900; } .sar-ceilthk__answers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 24px; } .sar-ceilthk__answers article { min-width: 0; padding: 20px; border: 1px solid var(--sar-ceilthk-border); border-radius: 16px; background: var(--sar-ceilthk-light); } .sar-ceilthk__answers h4 { margin: 0; color: var(--sar-ceilthk-dark); font-size: 16px; font-weight: 900; line-height: 1.35; } .sar-ceilthk__answers p { margin: 8px 0 0; color: var(--sar-ceilthk-muted); font-size: 13px; line-height: 1.6; } .sar-ceilthk__cta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, 310px); gap: 32px; align-items: center; margin-top: clamp(40px, 6vw, 66px); padding: clamp(28px, 5vw, 48px); border-radius: 24px; background: linear-gradient( 132deg, var(--sar-ceilthk-deep), var(--sar-ceilthk-dark) 68%, #07596a ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.18); } .sar-ceilthk__cta-label { color: #86e4ec; } .sar-ceilthk__cta-title { margin: 0; color: var(--sar-ceilthk-white); font-size: clamp(24px, 3vw, 36px); font-weight: 900; line-height: 1.18; letter-spacing: -0.027em; text-wrap: balance; } .sar-ceilthk__cta-text { margin: 13px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 14px; line-height: 1.68; } .sar-ceilthk__cta-actions { display: grid; gap: 10px; } .sar-ceilthk__button { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 52px; padding: 12px 16px; border: 2px solid transparent; border-radius: 12px; font-size: 13px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease; } .sar-ceilthk__button:hover { transform: translateY(-2px); } .sar-ceilthk__button:focus-visible, .sar-ceilthk__height-content a:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; } .sar-ceilthk__button--primary { background: var(--sar-ceilthk-orange); color: var(--sar-ceilthk-white); } .sar-ceilthk__button--primary:hover { background: var(--sar-ceilthk-orange-dark); } .sar-ceilthk__button--whatsapp { background: var(--sar-ceilthk-green); color: var(--sar-ceilthk-white); } .sar-ceilthk__button--whatsapp:hover { background: var(--sar-ceilthk-green-dark); } .sar-ceilthk__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-ceilthk-white); } .sar-ceilthk__button--phone:hover { border-color: rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.15); } .sar-ceilthk__button span { display: grid; gap: 1px; } .sar-ceilthk__button strong { font-size: 14px; font-weight: 900; } @media (max-width: 1000px) { .sar-ceilthk__range, .sar-ceilthk__height, .sar-ceilthk__cta { grid-template-columns: 1fr; } .sar-ceilthk__factors-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-ceilthk__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 760px) { .sar-ceilthk__factors-grid, .sar-ceilthk__answers, .sar-ceilthk__cta-actions { grid-template-columns: 1fr; } } @media (max-width: 680px) { #spessori-soffitti-isolamento-acustico-roma { padding: 52px 0; } .sar-ceilthk__container { width: min(100% - 28px, 1160px); } .sar-ceilthk__header { margin-bottom: 30px; text-align: left; } .sar-ceilthk__eyebrow { font-size: 9px; } .sar-ceilthk__title { font-size: clamp(29px, 9vw, 40px); } .sar-ceilthk__direct-answer { font-size: 16px; line-height: 1.62; } .sar-ceilthk__range, .sar-ceilthk__height { padding: 24px 18px; border-radius: 19px; } .sar-ceilthk__factors, .sar-ceilthk__height, .sar-ceilthk__cta { margin-top: 36px; } .sar-ceilthk__cta { padding: 25px 18px; border-radius: 19px; } } @media (prefers-reduced-motion: reduce) { .sar-ceilthk__button { transition: none; } .sar-ceilthk__button:hover { transform: none; } }#imCell_47 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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; } #spessori-pavimenti-isolamento-acustico-roma { --sar-floor-depth-dark: #073b46; --sar-floor-depth-deep: #042d36; --sar-floor-depth-teal: #008fa3; --sar-floor-depth-orange: #f58220; --sar-floor-depth-orange-dark: #d96813; --sar-floor-depth-green: #2e9b67; --sar-floor-depth-green-dark: #237c52; --sar-floor-depth-white: #ffffff; --sar-floor-depth-cream: #fff8ed; --sar-floor-depth-light: #eefafd; --sar-floor-depth-text: #18343b; --sar-floor-depth-muted: #587078; --sar-floor-depth-border: rgba(7, 59, 70, 0.13); width: 100%; padding: clamp(58px, 7vw, 90px) 0; overflow: hidden; background: radial-gradient( circle at 100% 4%, rgba(22, 191, 208, 0.08), transparent 28% ), linear-gradient( 180deg, #ffffff 0%, #f7fcfd 100% ); color: var(--sar-floor-depth-text); } #spessori-pavimenti-isolamento-acustico-roma, #spessori-pavimenti-isolamento-acustico-roma *, #spessori-pavimenti-isolamento-acustico-roma *::before, #spessori-pavimenti-isolamento-acustico-roma *::after { box-sizing: border-box; } .sar-floor-depth__container { width: min(100% - 40px, 1160px); margin-inline: auto; } .sar-floor-depth__header { max-width: 960px; margin: 0 auto 38px; text-align: center; } .sar-floor-depth__eyebrow { display: inline-flex; margin: 0 0 14px; padding: 7px 13px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-floor-depth-teal); font-size: 10px; font-weight: 850; line-height: 1.35; letter-spacing: 0.06em; text-transform: uppercase; } .sar-floor-depth__title { margin: 0; color: var(--sar-floor-depth-deep); font-size: clamp(30px, 4vw, 48px); font-weight: 900; line-height: 1.1; letter-spacing: -0.036em; text-wrap: balance; } .sar-floor-depth__direct-answer { max-width: 930px; margin: 20px auto 0; color: var(--sar-floor-depth-dark); font-size: clamp(17px, 1.55vw, 20px); font-weight: 700; line-height: 1.67; } .sar-floor-depth__intro { max-width: 890px; margin: 15px auto 0; color: var(--sar-floor-depth-muted); font-size: 15px; line-height: 1.72; } .sar-floor-depth__label, .sar-floor-depth__cta-label { margin: 0 0 8px; color: var(--sar-floor-depth-orange); font-size: 10px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-floor-depth__subtitle { margin: 0; color: var(--sar-floor-depth-deep); font-size: clamp(24px, 3vw, 37px); font-weight: 900; line-height: 1.18; letter-spacing: -0.028em; text-wrap: balance; } .sar-floor-depth__answer { margin: 15px 0 0; color: var(--sar-floor-depth-dark); font-size: 15px; font-weight: 650; line-height: 1.7; } .sar-floor-depth__range { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); gap: clamp(28px, 5vw, 54px); align-items: start; padding: clamp(28px, 5vw, 50px); border-radius: 24px; background: linear-gradient( 135deg, var(--sar-floor-depth-deep), var(--sar-floor-depth-dark) ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.18); } .sar-floor-depth__range .sar-floor-depth__label { color: #88e6ee; } .sar-floor-depth__range .sar-floor-depth__subtitle { color: var(--sar-floor-depth-white); } .sar-floor-depth__range .sar-floor-depth__answer { color: rgba(255, 255, 255, 0.94); } .sar-floor-depth__range-content > p:not( .sar-floor-depth__label, .sar-floor-depth__answer ) { margin: 15px 0 0; color: rgba(255, 255, 255, 0.84); font-size: 14px; line-height: 1.7; } .sar-floor-depth__note { display: flex; gap: 11px; align-items: flex-start; margin-top: 20px; padding: 14px; border: 1px solid rgba(245, 130, 32, 0.3); border-radius: 14px; background: rgba(245, 130, 32, 0.1); } .sar-floor-depth__note > span { display: grid; flex: 0 0 auto; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: var(--sar-floor-depth-orange); color: var(--sar-floor-depth-white); font-weight: 900; } .sar-floor-depth__note p { margin: 0; color: rgba(255, 255, 255, 0.94); font-size: 12px; font-weight: 700; line-height: 1.55; } .sar-floor-depth__range-grid { display: grid; gap: 12px; } .sar-floor-depth__range-grid article { min-width: 0; padding: 18px; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 16px; background: rgba(255, 255, 255, 0.97); } .sar-floor-depth__value { display: inline-flex; margin-bottom: 10px; padding: 7px 10px; border-radius: 9px; background: rgba(0, 143, 163, 0.1); color: var(--sar-floor-depth-teal); font-size: 12px; font-weight: 900; } .sar-floor-depth__range-grid h5, .sar-floor-depth__factors-grid h5 { margin: 0; color: var(--sar-floor-depth-dark); font-size: 16px; font-weight: 900; line-height: 1.35; } .sar-floor-depth__range-grid p, .sar-floor-depth__factors-grid p { margin: 7px 0 0; color: var(--sar-floor-depth-muted); font-size: 12px; line-height: 1.58; } .sar-floor-depth__factors { margin-top: clamp(40px, 6vw, 66px); } .sar-floor-depth__factors-heading { max-width: 900px; margin-bottom: 24px; } .sar-floor-depth__factors-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; } .sar-floor-depth__factors-grid article { min-width: 0; padding: 20px 17px; border: 1px solid var(--sar-floor-depth-border); border-radius: 17px; background: var(--sar-floor-depth-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-floor-depth__factors-grid article > span { display: grid; place-items: center; width: 31px; height: 31px; margin-bottom: 11px; border-radius: 9px; background: var(--sar-floor-depth-dark); color: var(--sar-floor-depth-white); font-size: 9px; font-weight: 900; } .sar-floor-depth__levels { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(300px, 0.7fr); gap: clamp(28px, 5vw, 52px); align-items: center; margin-top: clamp(40px, 6vw, 66px); padding: clamp(27px, 5vw, 46px); border: 1px solid var(--sar-floor-depth-border); border-radius: 23px; background: var(--sar-floor-depth-cream); } .sar-floor-depth__levels-content > p:not( .sar-floor-depth__label, .sar-floor-depth__answer ) { margin: 15px 0 0; color: var(--sar-floor-depth-muted); font-size: 14px; line-height: 1.7; } .sar-floor-depth__levels-content a { display: inline-flex; margin-top: 16px; color: var(--sar-floor-depth-teal); font-size: 13px; font-weight: 850; line-height: 1.45; text-decoration: none; } .sar-floor-depth__levels-content a:hover { text-decoration: underline; text-underline-offset: 4px; } .sar-floor-depth__levels-list { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; } .sar-floor-depth__levels-list li { display: flex; gap: 9px; align-items: flex-start; padding: 13px 14px; border: 1px solid rgba(46, 155, 103, 0.14); border-radius: 12px; background: var(--sar-floor-depth-white); color: var(--sar-floor-depth-dark); font-size: 13px; font-weight: 700; line-height: 1.5; } .sar-floor-depth__levels-list span { display: grid; flex: 0 0 auto; place-items: center; width: 21px; height: 21px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-floor-depth-green); font-size: 10px; font-weight: 900; } .sar-floor-depth__answers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 24px; } .sar-floor-depth__answers article { min-width: 0; padding: 20px; border: 1px solid var(--sar-floor-depth-border); border-radius: 16px; background: var(--sar-floor-depth-light); } .sar-floor-depth__answers h4 { margin: 0; color: var(--sar-floor-depth-dark); font-size: 16px; font-weight: 900; line-height: 1.35; } .sar-floor-depth__answers p { margin: 8px 0 0; color: var(--sar-floor-depth-muted); font-size: 13px; line-height: 1.6; } .sar-floor-depth__cta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, 310px); gap: 32px; align-items: center; margin-top: clamp(40px, 6vw, 66px); padding: clamp(28px, 5vw, 48px); border-radius: 24px; background: linear-gradient( 132deg, var(--sar-floor-depth-deep), var(--sar-floor-depth-dark) 68%, #07596a ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.18); } .sar-floor-depth__cta-label { color: #86e4ec; } .sar-floor-depth__cta-title { margin: 0; color: var(--sar-floor-depth-white); font-size: clamp(24px, 3vw, 36px); font-weight: 900; line-height: 1.18; letter-spacing: -0.027em; text-wrap: balance; } .sar-floor-depth__cta-text { margin: 13px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 14px; line-height: 1.68; } .sar-floor-depth__cta-actions { display: grid; gap: 10px; } .sar-floor-depth__button { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 52px; padding: 12px 16px; border: 2px solid transparent; border-radius: 12px; font-size: 13px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease; } .sar-floor-depth__button:hover { transform: translateY(-2px); } .sar-floor-depth__button:focus-visible, .sar-floor-depth__levels-content a:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; } .sar-floor-depth__button--primary { background: var(--sar-floor-depth-orange); color: var(--sar-floor-depth-white); } .sar-floor-depth__button--primary:hover { background: var(--sar-floor-depth-orange-dark); } .sar-floor-depth__button--whatsapp { background: var(--sar-floor-depth-green); color: var(--sar-floor-depth-white); } .sar-floor-depth__button--whatsapp:hover { background: var(--sar-floor-depth-green-dark); } .sar-floor-depth__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-floor-depth-white); } .sar-floor-depth__button--phone:hover { border-color: rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.15); } .sar-floor-depth__button span { display: grid; gap: 1px; } .sar-floor-depth__button strong { font-size: 14px; font-weight: 900; } @media (max-width: 1000px) { .sar-floor-depth__range, .sar-floor-depth__levels, .sar-floor-depth__cta { grid-template-columns: 1fr; } .sar-floor-depth__factors-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-floor-depth__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 760px) { .sar-floor-depth__factors-grid, .sar-floor-depth__answers, .sar-floor-depth__cta-actions { grid-template-columns: 1fr; } } @media (max-width: 680px) { #spessori-pavimenti-isolamento-acustico-roma { padding: 52px 0; } .sar-floor-depth__container { width: min(100% - 28px, 1160px); } .sar-floor-depth__header { margin-bottom: 30px; text-align: left; } .sar-floor-depth__eyebrow { font-size: 9px; } .sar-floor-depth__title { font-size: clamp(29px, 9vw, 40px); } .sar-floor-depth__direct-answer { font-size: 16px; line-height: 1.62; } .sar-floor-depth__range, .sar-floor-depth__levels { padding: 24px 18px; border-radius: 19px; } .sar-floor-depth__factors, .sar-floor-depth__levels, .sar-floor-depth__cta { margin-top: 36px; } .sar-floor-depth__cta { padding: 25px 18px; border-radius: 19px; } } @media (prefers-reduced-motion: reduce) { .sar-floor-depth__button { transition: none; } .sar-floor-depth__button:hover { transform: none; } }#imCell_48 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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; } #spessore-senza-diagnosi-isolamento-acustico-roma { --sar-thickness-diagnosis-dark: #073b46; --sar-thickness-diagnosis-deep: #042d36; --sar-thickness-diagnosis-teal: #008fa3; --sar-thickness-diagnosis-orange: #f58220; --sar-thickness-diagnosis-orange-dark: #d96813; --sar-thickness-diagnosis-green: #2e9b67; --sar-thickness-diagnosis-green-dark: #237c52; --sar-thickness-diagnosis-red: #c95542; --sar-thickness-diagnosis-white: #ffffff; --sar-thickness-diagnosis-cream: #fff8ed; --sar-thickness-diagnosis-light: #eefafd; --sar-thickness-diagnosis-text: #18343b; --sar-thickness-diagnosis-muted: #587078; --sar-thickness-diagnosis-border: rgba(7, 59, 70, 0.13); width: 100%; padding: clamp(58px, 7vw, 90px) 0; overflow: hidden; background: radial-gradient( circle at 100% 4%, rgba(22, 191, 208, 0.08), transparent 28% ), linear-gradient(180deg, #ffffff 0%, #f7fcfd 100%); color: var(--sar-thickness-diagnosis-text); } #spessore-senza-diagnosi-isolamento-acustico-roma, #spessore-senza-diagnosi-isolamento-acustico-roma *, #spessore-senza-diagnosi-isolamento-acustico-roma *::before, #spessore-senza-diagnosi-isolamento-acustico-roma *::after { box-sizing: border-box; } .sar-thickness-diagnosis__container { width: min(100% - 40px, 1160px); margin-inline: auto; } .sar-thickness-diagnosis__header { max-width: 960px; margin: 0 auto 38px; text-align: center; } .sar-thickness-diagnosis__eyebrow { display: inline-flex; margin: 0 0 14px; padding: 7px 13px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-thickness-diagnosis-teal); font-size: 10px; font-weight: 850; line-height: 1.35; letter-spacing: 0.06em; text-transform: uppercase; } .sar-thickness-diagnosis__title { margin: 0; color: var(--sar-thickness-diagnosis-deep); font-size: clamp(30px, 4vw, 48px); font-weight: 900; line-height: 1.1; letter-spacing: -0.036em; text-wrap: balance; } .sar-thickness-diagnosis__direct-answer { max-width: 930px; margin: 20px auto 0; color: var(--sar-thickness-diagnosis-dark); font-size: clamp(17px, 1.55vw, 20px); font-weight: 700; line-height: 1.67; } .sar-thickness-diagnosis__intro { max-width: 890px; margin: 15px auto 0; color: var(--sar-thickness-diagnosis-muted); font-size: 15px; line-height: 1.72; } .sar-thickness-diagnosis__label, .sar-thickness-diagnosis__comparison-label, .sar-thickness-diagnosis__cta-label { margin: 0 0 8px; color: var(--sar-thickness-diagnosis-orange); font-size: 10px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-thickness-diagnosis__subtitle { margin: 0; color: var(--sar-thickness-diagnosis-deep); font-size: clamp(24px, 3vw, 37px); font-weight: 900; line-height: 1.18; letter-spacing: -0.028em; text-wrap: balance; } .sar-thickness-diagnosis__answer { margin: 15px 0 0; color: var(--sar-thickness-diagnosis-dark); font-size: 15px; font-weight: 650; line-height: 1.7; } .sar-thickness-diagnosis__main { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); gap: clamp(28px, 5vw, 54px); align-items: start; padding: clamp(28px, 5vw, 50px); border-radius: 24px; background: linear-gradient( 135deg, var(--sar-thickness-diagnosis-deep), var(--sar-thickness-diagnosis-dark) ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.18); } .sar-thickness-diagnosis__main .sar-thickness-diagnosis__label { color: #88e6ee; } .sar-thickness-diagnosis__main .sar-thickness-diagnosis__subtitle { color: var(--sar-thickness-diagnosis-white); } .sar-thickness-diagnosis__main .sar-thickness-diagnosis__answer { color: rgba(255, 255, 255, 0.94); } .sar-thickness-diagnosis__main-copy > p:not( .sar-thickness-diagnosis__label, .sar-thickness-diagnosis__answer ) { margin: 15px 0 0; color: rgba(255, 255, 255, 0.84); font-size: 14px; line-height: 1.7; } .sar-thickness-diagnosis__notice { display: flex; gap: 11px; align-items: flex-start; margin-top: 20px; padding: 14px; border: 1px solid rgba(245, 130, 32, 0.3); border-radius: 14px; background: rgba(245, 130, 32, 0.1); } .sar-thickness-diagnosis__notice > span { display: grid; flex: 0 0 auto; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: var(--sar-thickness-diagnosis-orange); color: var(--sar-thickness-diagnosis-white); font-weight: 900; } .sar-thickness-diagnosis__notice p { margin: 0; color: rgba(255, 255, 255, 0.94); font-size: 12px; font-weight: 700; line-height: 1.55; } .sar-thickness-diagnosis__factors { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .sar-thickness-diagnosis__factors article { display: flex; gap: 11px; align-items: flex-start; min-width: 0; padding: 16px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; background: rgba(255, 255, 255, 0.97); } .sar-thickness-diagnosis__factors article > span { display: grid; flex: 0 0 auto; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: var(--sar-thickness-diagnosis-teal); color: var(--sar-thickness-diagnosis-white); font-size: 9px; font-weight: 900; } .sar-thickness-diagnosis__factors h5 { margin: 0; color: var(--sar-thickness-diagnosis-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-thickness-diagnosis__factors p { margin: 5px 0 0; color: var(--sar-thickness-diagnosis-muted); font-size: 12px; line-height: 1.56; } .sar-thickness-diagnosis__comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: clamp(40px, 6vw, 66px); } .sar-thickness-diagnosis__comparison-card { padding: clamp(23px, 3vw, 32px); border: 1px solid var(--sar-thickness-diagnosis-border); border-top: 5px solid var(--sar-thickness-diagnosis-red); border-radius: 20px; background: var(--sar-thickness-diagnosis-cream); box-shadow: 0 12px 34px rgba(4, 45, 54, 0.06); } .sar-thickness-diagnosis__comparison-card--good { border-top-color: var(--sar-thickness-diagnosis-green); background: var(--sar-thickness-diagnosis-light); } .sar-thickness-diagnosis__comparison-label { color: var(--sar-thickness-diagnosis-red); } .sar-thickness-diagnosis__comparison-card--good .sar-thickness-diagnosis__comparison-label { color: var(--sar-thickness-diagnosis-green); } .sar-thickness-diagnosis__comparison-card h4 { margin: 0; color: var(--sar-thickness-diagnosis-dark); font-size: clamp(21px, 2.4vw, 28px); font-weight: 900; line-height: 1.25; } .sar-thickness-diagnosis__comparison-card ul { display: grid; gap: 9px; margin: 18px 0 0; padding: 0; list-style: none; } .sar-thickness-diagnosis__comparison-card li { display: flex; gap: 9px; align-items: flex-start; color: var(--sar-thickness-diagnosis-dark); font-size: 13px; font-weight: 700; line-height: 1.52; } .sar-thickness-diagnosis__comparison-card li > span { display: grid; flex: 0 0 auto; place-items: center; width: 21px; height: 21px; border-radius: 50%; background: rgba(201, 85, 66, 0.12); color: var(--sar-thickness-diagnosis-red); font-size: 10px; font-weight: 900; } .sar-thickness-diagnosis__comparison-card--good li > span { background: rgba(46, 155, 103, 0.13); color: var(--sar-thickness-diagnosis-green); } .sar-thickness-diagnosis__decision { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(280px, 0.7fr); gap: clamp(28px, 5vw, 52px); align-items: center; margin-top: clamp(40px, 6vw, 66px); padding: clamp(27px, 5vw, 46px); border: 1px solid var(--sar-thickness-diagnosis-border); border-radius: 23px; background: var(--sar-thickness-diagnosis-light); } .sar-thickness-diagnosis__steps { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; } .sar-thickness-diagnosis__steps li { display: flex; gap: 10px; align-items: center; padding: 13px 14px; border: 1px solid rgba(7, 59, 70, 0.1); border-radius: 12px; background: var(--sar-thickness-diagnosis-white); } .sar-thickness-diagnosis__steps span { display: grid; flex: 0 0 auto; place-items: center; width: 28px; height: 28px; border-radius: 9px; background: var(--sar-thickness-diagnosis-dark); color: var(--sar-thickness-diagnosis-white); font-size: 10px; font-weight: 900; } .sar-thickness-diagnosis__steps p { margin: 0; color: var(--sar-thickness-diagnosis-dark); font-size: 13px; font-weight: 700; line-height: 1.5; } .sar-thickness-diagnosis__aside { display: flex; gap: 15px; align-items: flex-start; margin-top: 24px; padding: 21px; border: 1px solid rgba(0, 143, 163, 0.18); border-radius: 18px; background: var(--sar-thickness-diagnosis-light); } .sar-thickness-diagnosis__aside-icon { display: grid; flex: 0 0 auto; place-items: center; width: 38px; height: 38px; border-radius: 11px; background: var(--sar-thickness-diagnosis-teal); color: var(--sar-thickness-diagnosis-white); font-size: 18px; font-weight: 900; } .sar-thickness-diagnosis__aside h4 { margin: 0; color: var(--sar-thickness-diagnosis-dark); font-size: 17px; font-weight: 900; line-height: 1.35; } .sar-thickness-diagnosis__aside p { margin: 7px 0 0; color: var(--sar-thickness-diagnosis-muted); font-size: 13px; line-height: 1.6; } .sar-thickness-diagnosis__cta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, 310px); gap: 32px; align-items: center; margin-top: clamp(40px, 6vw, 66px); padding: clamp(28px, 5vw, 48px); border-radius: 24px; background: linear-gradient( 132deg, var(--sar-thickness-diagnosis-deep), var(--sar-thickness-diagnosis-dark) 68%, #07596a ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.18); } .sar-thickness-diagnosis__cta-label { color: #86e4ec; } .sar-thickness-diagnosis__cta-title { margin: 0; color: var(--sar-thickness-diagnosis-white); font-size: clamp(24px, 3vw, 36px); font-weight: 900; line-height: 1.18; letter-spacing: -0.027em; text-wrap: balance; } .sar-thickness-diagnosis__cta-text { margin: 13px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 14px; line-height: 1.68; } .sar-thickness-diagnosis__cta-actions { display: grid; gap: 10px; } .sar-thickness-diagnosis__button { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 52px; padding: 12px 16px; border: 2px solid transparent; border-radius: 12px; font-size: 13px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease; } .sar-thickness-diagnosis__button:hover { transform: translateY(-2px); } .sar-thickness-diagnosis__button:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; } .sar-thickness-diagnosis__button--primary { background: var(--sar-thickness-diagnosis-orange); color: var(--sar-thickness-diagnosis-white); } .sar-thickness-diagnosis__button--primary:hover { background: var(--sar-thickness-diagnosis-orange-dark); } .sar-thickness-diagnosis__button--whatsapp { background: var(--sar-thickness-diagnosis-green); color: var(--sar-thickness-diagnosis-white); } .sar-thickness-diagnosis__button--whatsapp:hover { background: var(--sar-thickness-diagnosis-green-dark); } .sar-thickness-diagnosis__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-thickness-diagnosis-white); } .sar-thickness-diagnosis__button--phone:hover { border-color: rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.15); } .sar-thickness-diagnosis__button span { display: grid; gap: 1px; } .sar-thickness-diagnosis__button strong { font-size: 14px; font-weight: 900; } @media (max-width: 1000px) { .sar-thickness-diagnosis__main, .sar-thickness-diagnosis__decision, .sar-thickness-diagnosis__cta { grid-template-columns: 1fr; } .sar-thickness-diagnosis__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 760px) { .sar-thickness-diagnosis__factors, .sar-thickness-diagnosis__comparison, .sar-thickness-diagnosis__cta-actions { grid-template-columns: 1fr; } } @media (max-width: 680px) { #spessore-senza-diagnosi-isolamento-acustico-roma { padding: 52px 0; } .sar-thickness-diagnosis__container { width: min(100% - 28px, 1160px); } .sar-thickness-diagnosis__header { margin-bottom: 30px; text-align: left; } .sar-thickness-diagnosis__eyebrow { font-size: 9px; } .sar-thickness-diagnosis__title { font-size: clamp(29px, 9vw, 40px); } .sar-thickness-diagnosis__direct-answer { font-size: 16px; line-height: 1.62; } .sar-thickness-diagnosis__main, .sar-thickness-diagnosis__decision { padding: 24px 18px; border-radius: 19px; } .sar-thickness-diagnosis__comparison, .sar-thickness-diagnosis__decision, .sar-thickness-diagnosis__cta { margin-top: 36px; } .sar-thickness-diagnosis__comparison-card { padding: 22px 18px; border-radius: 18px; } .sar-thickness-diagnosis__aside { flex-direction: column; padding: 19px; } .sar-thickness-diagnosis__cta { padding: 25px 18px; border-radius: 19px; } } @media (prefers-reduced-motion: reduce) { .sar-thickness-diagnosis__button { transition: none; } .sar-thickness-diagnosis__button:hover { transform: none; } }#imCell_49 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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; } #quanto-costa-isolamento-acustico-roma { --sar-cost-dark: #073b46; --sar-cost-deep: #042d36; --sar-cost-teal: #008fa3; --sar-cost-orange: #f58220; --sar-cost-orange-dark: #d96813; --sar-cost-green: #2e9b67; --sar-cost-green-dark: #237c52; --sar-cost-white: #ffffff; --sar-cost-cream: #fff8ed; --sar-cost-light: #eefafd; --sar-cost-text: #18343b; --sar-cost-muted: #587078; --sar-cost-border: rgba(7, 59, 70, 0.13); width: 100%; padding: clamp(68px, 8vw, 104px) 0; overflow: hidden; background: radial-gradient( circle at 100% 4%, rgba(22, 191, 208, 0.09), transparent 28% ), linear-gradient( 180deg, #ffffff 0%, #f7fcfd 100% ); color: var(--sar-cost-text); } #quanto-costa-isolamento-acustico-roma, #quanto-costa-isolamento-acustico-roma *, #quanto-costa-isolamento-acustico-roma *::before, #quanto-costa-isolamento-acustico-roma *::after { box-sizing: border-box; } .sar-cost__container { width: min(100% - 40px, 1200px); margin-inline: auto; } .sar-cost__header { max-width: 1000px; margin: 0 auto 44px; text-align: center; } .sar-cost__eyebrow { display: inline-flex; margin: 0 0 14px; padding: 7px 13px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-cost-teal); font-size: 11px; font-weight: 850; line-height: 1.35; letter-spacing: 0.055em; text-transform: uppercase; } .sar-cost__title { margin: 0; color: var(--sar-cost-deep); font-size: clamp(34px, 4.6vw, 57px); font-weight: 900; line-height: 1.08; letter-spacing: -0.04em; text-wrap: balance; } .sar-cost__direct-answer { max-width: 950px; margin: 22px auto 0; color: var(--sar-cost-dark); font-size: clamp(18px, 1.6vw, 21px); font-weight: 700; line-height: 1.67; } .sar-cost__intro { max-width: 910px; margin: 17px auto 0; color: var(--sar-cost-muted); font-size: 16px; line-height: 1.73; } .sar-cost__label, .sar-cost__cta-label { margin: 0 0 8px; color: var(--sar-cost-orange); font-size: 10px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-cost__subtitle { margin: 0; color: var(--sar-cost-deep); font-size: clamp(26px, 3.2vw, 41px); font-weight: 900; line-height: 1.17; letter-spacing: -0.03em; text-wrap: balance; } .sar-cost__answer { margin: 15px 0 0; color: var(--sar-cost-dark); font-size: 15px; font-weight: 650; line-height: 1.72; } .sar-cost__variables { display: grid; grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr); gap: clamp(30px, 5vw, 58px); align-items: start; padding: clamp(30px, 5vw, 53px); border-radius: 26px; background: linear-gradient( 135deg, var(--sar-cost-deep), var(--sar-cost-dark) ); box-shadow: 0 22px 60px rgba(4, 45, 54, 0.18); } .sar-cost__variables .sar-cost__label { color: #88e6ee; } .sar-cost__variables .sar-cost__subtitle { color: var(--sar-cost-white); } .sar-cost__variables .sar-cost__answer { color: rgba(255, 255, 255, 0.94); } .sar-cost__variables-copy > p:not( .sar-cost__label, .sar-cost__answer ) { margin: 15px 0 0; color: rgba(255, 255, 255, 0.84); font-size: 14px; line-height: 1.7; } .sar-cost__notice { display: flex; align-items: flex-start; gap: 11px; margin-top: 20px; padding: 14px; border: 1px solid rgba(245, 130, 32, 0.3); border-radius: 14px; background: rgba(245, 130, 32, 0.1); } .sar-cost__notice > span { display: grid; flex: 0 0 auto; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: var(--sar-cost-orange); color: var(--sar-cost-white); font-weight: 900; } .sar-cost__notice p { margin: 0; color: rgba(255, 255, 255, 0.94); font-size: 12px; font-weight: 700; line-height: 1.55; } .sar-cost__variables-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .sar-cost__variables-grid article { display: flex; align-items: flex-start; gap: 11px; min-width: 0; padding: 16px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; background: rgba(255, 255, 255, 0.97); } .sar-cost__variables-grid article > span { display: grid; flex: 0 0 auto; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: var(--sar-cost-teal); color: var(--sar-cost-white); font-size: 9px; font-weight: 900; } .sar-cost__variables-grid h4 { margin: 0; color: var(--sar-cost-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-cost__variables-grid p { margin: 5px 0 0; color: var(--sar-cost-muted); font-size: 12px; line-height: 1.56; } .sar-cost__table-section, .sar-cost__process { margin-top: clamp(48px, 7vw, 76px); } .sar-cost__table-heading, .sar-cost__process-heading { max-width: 930px; margin-bottom: 27px; } .sar-cost__table-wrapper { width: 100%; overflow: hidden; border: 1px solid var(--sar-cost-border); border-radius: 22px; background: var(--sar-cost-white); box-shadow: 0 17px 46px rgba(4, 45, 54, 0.08); } .sar-cost__table { width: 100%; border-collapse: collapse; table-layout: fixed; } .sar-cost__table th, .sar-cost__table td { padding: 19px; overflow-wrap: anywhere; vertical-align: top; text-align: left; } .sar-cost__table thead { background: var(--sar-cost-dark); color: var(--sar-cost-white); } .sar-cost__table thead th { font-size: 11px; font-weight: 900; line-height: 1.4; text-transform: uppercase; } .sar-cost__table thead th:nth-child(1) { width: 23%; } .sar-cost__table thead th:nth-child(2) { width: 39%; } .sar-cost__table thead th:nth-child(3) { width: 38%; } .sar-cost__table tbody th, .sar-cost__table tbody td { border-top: 1px solid var(--sar-cost-border); } .sar-cost__table tbody th { color: var(--sar-cost-dark); font-size: 14px; font-weight: 900; line-height: 1.52; } .sar-cost__table tbody td { color: var(--sar-cost-muted); font-size: 13px; font-weight: 550; line-height: 1.63; } .sar-cost__table tbody tr:nth-child(even) { background: var(--sar-cost-light); } .sar-cost__table-row--complete { background: rgba(46, 155, 103, 0.08); } .sar-cost__table-row--complete th { color: var(--sar-cost-green); } .sar-cost__sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sar-cost__reason { display: grid; grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr); gap: clamp(30px, 5vw, 56px); align-items: start; margin-top: clamp(48px, 7vw, 76px); padding: clamp(29px, 5vw, 50px); border: 1px solid var(--sar-cost-border); border-radius: 24px; background: var(--sar-cost-cream); } .sar-cost__reason-copy > p:not( .sar-cost__label, .sar-cost__answer ) { margin: 15px 0 0; color: var(--sar-cost-muted); font-size: 14px; line-height: 1.7; } .sar-cost__reason-grid { display: grid; gap: 12px; } .sar-cost__reason-grid article { min-width: 0; padding: 18px; border: 1px solid rgba(46, 155, 103, 0.15); border-radius: 15px; background: var(--sar-cost-white); } .sar-cost__reason-grid article > span { display: grid; place-items: center; width: 29px; height: 29px; margin-bottom: 10px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-cost-green); font-size: 11px; font-weight: 900; } .sar-cost__reason-grid h4 { margin: 0; color: var(--sar-cost-dark); font-size: 16px; font-weight: 900; line-height: 1.35; } .sar-cost__reason-grid p { margin: 6px 0 0; color: var(--sar-cost-muted); font-size: 12px; line-height: 1.58; } .sar-cost__steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; } .sar-cost__steps li { min-width: 0; padding: 17px; border: 1px solid var(--sar-cost-border); border-radius: 15px; background: var(--sar-cost-white); box-shadow: 0 9px 26px rgba(4, 45, 54, 0.05); } .sar-cost__steps span { display: grid; place-items: center; width: 31px; height: 31px; margin-bottom: 10px; border-radius: 9px; background: var(--sar-cost-dark); color: var(--sar-cost-white); font-size: 10px; font-weight: 900; } .sar-cost__steps h4 { margin: 0; color: var(--sar-cost-dark); font-size: 14px; font-weight: 900; line-height: 1.4; } .sar-cost__links { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin-top: 24px; } .sar-cost__links a { display: flex; align-items: center; min-width: 0; padding: 14px; border: 1px solid rgba(0, 143, 163, 0.15); border-radius: 12px; background: var(--sar-cost-light); color: var(--sar-cost-dark); font-size: 12px; font-weight: 850; line-height: 1.45; text-decoration: none; } .sar-cost__links a:hover { border-color: rgba(0, 143, 163, 0.35); color: var(--sar-cost-teal); } .sar-cost__answers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 24px; } .sar-cost__answers article { min-width: 0; padding: 20px; border: 1px solid var(--sar-cost-border); border-radius: 16px; background: var(--sar-cost-cream); } .sar-cost__answers h3 { margin: 0; color: var(--sar-cost-dark); font-size: 16px; font-weight: 900; line-height: 1.35; } .sar-cost__answers p { margin: 8px 0 0; color: var(--sar-cost-muted); font-size: 13px; line-height: 1.6; } .sar-cost__cta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(255px, 315px); gap: 34px; align-items: center; margin-top: clamp(48px, 7vw, 76px); padding: clamp(30px, 5vw, 51px); border-radius: 25px; background: linear-gradient( 132deg, var(--sar-cost-deep), var(--sar-cost-dark) 68%, #07596a ); box-shadow: 0 21px 57px rgba(4, 45, 54, 0.18); } .sar-cost__cta-label { color: #86e4ec; } .sar-cost__cta-title { margin: 0; color: var(--sar-cost-white); font-size: clamp(25px, 3vw, 38px); font-weight: 900; line-height: 1.18; letter-spacing: -0.028em; text-wrap: balance; } .sar-cost__cta-text { margin: 13px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 14px; line-height: 1.68; } .sar-cost__cta-actions { display: grid; gap: 10px; } .sar-cost__button { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 53px; padding: 12px 17px; border: 2px solid transparent; border-radius: 12px; font-size: 13px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease; } .sar-cost__button:hover { transform: translateY(-2px); } .sar-cost__button:focus-visible, .sar-cost__links a:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; } .sar-cost__button--primary { background: var(--sar-cost-orange); color: var(--sar-cost-white); } .sar-cost__button--primary:hover { background: var(--sar-cost-orange-dark); } .sar-cost__button--whatsapp { background: var(--sar-cost-green); color: var(--sar-cost-white); } .sar-cost__button--whatsapp:hover { background: var(--sar-cost-green-dark); } .sar-cost__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-cost-white); } .sar-cost__button--phone:hover { border-color: rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.15); } .sar-cost__button span { display: grid; gap: 1px; } .sar-cost__button strong { font-size: 14px; font-weight: 900; } @media (max-width: 1060px) { .sar-cost__variables, .sar-cost__reason, .sar-cost__cta { grid-template-columns: 1fr; } .sar-cost__steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-cost__links { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-cost__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 800px) { .sar-cost__variables-grid, .sar-cost__answers, .sar-cost__cta-actions { grid-template-columns: 1fr; } } @media (max-width: 720px) { #quanto-costa-isolamento-acustico-roma { padding: 56px 0; } .sar-cost__container { width: min(100% - 28px, 1200px); } .sar-cost__header { margin-bottom: 32px; text-align: left; } .sar-cost__eyebrow { font-size: 9px; } .sar-cost__title { font-size: clamp(31px, 9vw, 43px); } .sar-cost__direct-answer { font-size: 17px; line-height: 1.62; } .sar-cost__variables, .sar-cost__reason { padding: 25px 19px; border-radius: 20px; } .sar-cost__table-section, .sar-cost__reason, .sar-cost__process, .sar-cost__cta { margin-top: 40px; } .sar-cost__table-wrapper { overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; } .sar-cost__table, .sar-cost__table tbody, .sar-cost__table tr, .sar-cost__table th, .sar-cost__table td { display: block; width: 100%; } .sar-cost__table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); } .sar-cost__table tbody { display: grid; gap: 14px; } .sar-cost__table tr { overflow: hidden; border: 1px solid var(--sar-cost-border); border-radius: 17px; background: var(--sar-cost-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-cost__table tbody tr:nth-child(even), .sar-cost__table-row--complete { background: var(--sar-cost-white); } .sar-cost__table tbody th, .sar-cost__table tbody td { padding: 15px 17px; border-top: 1px solid var(--sar-cost-border); } .sar-cost__table tbody th { border-top: 0; background: var(--sar-cost-light); } .sar-cost__table tbody th::before, .sar-cost__table tbody td::before { display: block; margin-bottom: 5px; color: var(--sar-cost-teal); content: attr(data-label); font-size: 9px; font-weight: 900; letter-spacing: 0.055em; text-transform: uppercase; } .sar-cost__steps, .sar-cost__links { grid-template-columns: 1fr; } .sar-cost__cta { padding: 26px 19px; border-radius: 20px; } } @media (prefers-reduced-motion: reduce) { .sar-cost__button { transition: none; } .sar-cost__button:hover { transform: none; } }#imCell_51 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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; } #superfici-dimensioni-ambiente-isolamento-acustico-roma { --sar-area-dark: #073b46; --sar-area-deep: #042d36; --sar-area-teal: #008fa3; --sar-area-orange: #f58220; --sar-area-orange-dark: #d96813; --sar-area-green: #2e9b67; --sar-area-green-dark: #237c52; --sar-area-white: #ffffff; --sar-area-cream: #fff8ed; --sar-area-light: #eefafd; --sar-area-text: #18343b; --sar-area-muted: #587078; --sar-area-border: rgba(7, 59, 70, 0.13); width: 100%; padding: clamp(58px, 7vw, 90px) 0; overflow: hidden; background: radial-gradient( circle at 100% 4%, rgba(22, 191, 208, 0.08), transparent 28% ), linear-gradient(180deg, #ffffff 0%, #f7fcfd 100%); color: var(--sar-area-text); } #superfici-dimensioni-ambiente-isolamento-acustico-roma, #superfici-dimensioni-ambiente-isolamento-acustico-roma *, #superfici-dimensioni-ambiente-isolamento-acustico-roma *::before, #superfici-dimensioni-ambiente-isolamento-acustico-roma *::after { box-sizing: border-box; } .sar-area__container { width: min(100% - 40px, 1160px); margin-inline: auto; } .sar-area__header { max-width: 960px; margin: 0 auto 38px; text-align: center; } .sar-area__eyebrow { display: inline-flex; margin: 0 0 14px; padding: 7px 13px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-area-teal); font-size: 10px; font-weight: 850; line-height: 1.35; letter-spacing: 0.06em; text-transform: uppercase; } .sar-area__title { margin: 0; color: var(--sar-area-deep); font-size: clamp(30px, 4vw, 48px); font-weight: 900; line-height: 1.1; letter-spacing: -0.036em; text-wrap: balance; } .sar-area__direct-answer { max-width: 930px; margin: 20px auto 0; color: var(--sar-area-dark); font-size: clamp(17px, 1.55vw, 20px); font-weight: 700; line-height: 1.67; } .sar-area__intro { max-width: 890px; margin: 15px auto 0; color: var(--sar-area-muted); font-size: 15px; line-height: 1.72; } .sar-area__label, .sar-area__compare-label, .sar-area__cta-label { margin: 0 0 8px; color: var(--sar-area-orange); font-size: 10px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-area__subtitle { margin: 0; color: var(--sar-area-deep); font-size: clamp(24px, 3vw, 37px); font-weight: 900; line-height: 1.18; letter-spacing: -0.028em; text-wrap: balance; } .sar-area__answer { margin: 15px 0 0; color: var(--sar-area-dark); font-size: 15px; font-weight: 650; line-height: 1.7; } .sar-area__main { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); gap: clamp(28px, 5vw, 54px); align-items: start; padding: clamp(28px, 5vw, 50px); border-radius: 24px; background: linear-gradient( 135deg, var(--sar-area-deep), var(--sar-area-dark) ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.18); } .sar-area__main .sar-area__label { color: #88e6ee; } .sar-area__main .sar-area__subtitle { color: var(--sar-area-white); } .sar-area__main .sar-area__answer { color: rgba(255, 255, 255, 0.94); } .sar-area__copy > p:not( .sar-area__label, .sar-area__answer ) { margin: 15px 0 0; color: rgba(255, 255, 255, 0.84); font-size: 14px; line-height: 1.7; } .sar-area__note { display: flex; gap: 11px; align-items: flex-start; margin-top: 20px; padding: 14px; border: 1px solid rgba(245, 130, 32, 0.3); border-radius: 14px; background: rgba(245, 130, 32, 0.1); } .sar-area__note > span { display: grid; flex: 0 0 auto; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: var(--sar-area-orange); color: var(--sar-area-white); font-weight: 900; } .sar-area__note p { margin: 0; color: rgba(255, 255, 255, 0.94); font-size: 12px; font-weight: 700; line-height: 1.55; } .sar-area__cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .sar-area__cards article { min-width: 0; padding: 17px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; background: rgba(255, 255, 255, 0.97); } .sar-area__cards article > span { display: grid; place-items: center; width: 30px; height: 30px; margin-bottom: 10px; border-radius: 9px; background: var(--sar-area-teal); color: var(--sar-area-white); font-size: 9px; font-weight: 900; } .sar-area__cards h5 { margin: 0; color: var(--sar-area-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-area__cards p { margin: 6px 0 0; color: var(--sar-area-muted); font-size: 12px; line-height: 1.56; } .sar-area__compare { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: clamp(40px, 6vw, 66px); } .sar-area__compare-card { padding: clamp(23px, 3vw, 32px); border: 1px solid var(--sar-area-border); border-top: 5px solid var(--sar-area-green); border-radius: 20px; background: var(--sar-area-light); box-shadow: 0 12px 34px rgba(4, 45, 54, 0.06); } .sar-area__compare-card--complex { border-top-color: var(--sar-area-orange); background: var(--sar-area-cream); } .sar-area__compare-card h4 { margin: 0; color: var(--sar-area-dark); font-size: clamp(21px, 2.4vw, 28px); font-weight: 900; line-height: 1.25; } .sar-area__compare-card p:not(.sar-area__compare-label) { margin: 10px 0 0; color: var(--sar-area-muted); font-size: 13px; line-height: 1.62; } .sar-area__measure { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(300px, 0.7fr); gap: clamp(28px, 5vw, 52px); align-items: center; margin-top: clamp(40px, 6vw, 66px); padding: clamp(27px, 5vw, 46px); border: 1px solid var(--sar-area-border); border-radius: 23px; background: var(--sar-area-cream); } .sar-area__measure-list { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; } .sar-area__measure-list li { display: flex; gap: 9px; align-items: flex-start; padding: 13px 14px; border: 1px solid rgba(46, 155, 103, 0.14); border-radius: 12px; background: var(--sar-area-white); color: var(--sar-area-dark); font-size: 13px; font-weight: 700; line-height: 1.5; } .sar-area__measure-list span { display: grid; flex: 0 0 auto; place-items: center; width: 21px; height: 21px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-area-green); font-size: 10px; font-weight: 900; } .sar-area__answers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 24px; } .sar-area__answers article { min-width: 0; padding: 20px; border: 1px solid var(--sar-area-border); border-radius: 16px; background: var(--sar-area-light); } .sar-area__answers h4 { margin: 0; color: var(--sar-area-dark); font-size: 16px; font-weight: 900; line-height: 1.35; } .sar-area__answers p { margin: 8px 0 0; color: var(--sar-area-muted); font-size: 13px; line-height: 1.6; } .sar-area__cta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, 310px); gap: 32px; align-items: center; margin-top: clamp(40px, 6vw, 66px); padding: clamp(28px, 5vw, 48px); border-radius: 24px; background: linear-gradient( 132deg, var(--sar-area-deep), var(--sar-area-dark) 68%, #07596a ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.18); } .sar-area__cta-label { color: #86e4ec; } .sar-area__cta-title { margin: 0; color: var(--sar-area-white); font-size: clamp(24px, 3vw, 36px); font-weight: 900; line-height: 1.18; letter-spacing: -0.027em; text-wrap: balance; } .sar-area__cta-text { margin: 13px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 14px; line-height: 1.68; } .sar-area__cta-actions { display: grid; gap: 10px; } .sar-area__button { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 52px; padding: 12px 16px; border: 2px solid transparent; border-radius: 12px; font-size: 13px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease; } .sar-area__button:hover { transform: translateY(-2px); } .sar-area__button:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; } .sar-area__button--primary { background: var(--sar-area-orange); color: var(--sar-area-white); } .sar-area__button--primary:hover { background: var(--sar-area-orange-dark); } .sar-area__button--whatsapp { background: var(--sar-area-green); color: var(--sar-area-white); } .sar-area__button--whatsapp:hover { background: var(--sar-area-green-dark); } .sar-area__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-area-white); } .sar-area__button--phone:hover { border-color: rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.15); } .sar-area__button span { display: grid; gap: 1px; } .sar-area__button strong { font-size: 14px; font-weight: 900; } @media (max-width: 1000px) { .sar-area__main, .sar-area__measure, .sar-area__cta { grid-template-columns: 1fr; } .sar-area__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 760px) { .sar-area__cards, .sar-area__compare, .sar-area__answers, .sar-area__cta-actions { grid-template-columns: 1fr; } } @media (max-width: 680px) { #superfici-dimensioni-ambiente-isolamento-acustico-roma { padding: 52px 0; } .sar-area__container { width: min(100% - 28px, 1160px); } .sar-area__header { margin-bottom: 30px; text-align: left; } .sar-area__eyebrow { font-size: 9px; } .sar-area__title { font-size: clamp(29px, 9vw, 40px); } .sar-area__direct-answer { font-size: 16px; line-height: 1.62; } .sar-area__main, .sar-area__measure { padding: 24px 18px; border-radius: 19px; } .sar-area__compare, .sar-area__measure, .sar-area__cta { margin-top: 36px; } .sar-area__compare-card { padding: 22px 18px; border-radius: 18px; } .sar-area__cta { padding: 25px 18px; border-radius: 19px; } } @media (prefers-reduced-motion: reduce) { .sar-area__button { transition: none; } .sar-area__button:hover { transform: none; } }#imCell_50 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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; } #tipologia-intensita-rumore-isolamento-acustico-roma { --sar-noise-dark: #073b46; --sar-noise-deep: #042d36; --sar-noise-teal: #008fa3; --sar-noise-orange: #f58220; --sar-noise-orange-dark: #d96813; --sar-noise-green: #2e9b67; --sar-noise-green-dark: #237c52; --sar-noise-white: #ffffff; --sar-noise-cream: #fff8ed; --sar-noise-light: #eefafd; --sar-noise-text: #18343b; --sar-noise-muted: #587078; --sar-noise-border: rgba(7, 59, 70, 0.13); width: 100%; padding: clamp(58px, 7vw, 90px) 0; overflow: hidden; background: radial-gradient( circle at 100% 4%, rgba(22, 191, 208, 0.08), transparent 28% ), linear-gradient(180deg, #ffffff 0%, #f7fcfd 100%); color: var(--sar-noise-text); } #tipologia-intensita-rumore-isolamento-acustico-roma, #tipologia-intensita-rumore-isolamento-acustico-roma *, #tipologia-intensita-rumore-isolamento-acustico-roma *::before, #tipologia-intensita-rumore-isolamento-acustico-roma *::after { box-sizing: border-box; } .sar-noise__container { width: min(100% - 40px, 1160px); margin-inline: auto; } .sar-noise__header { max-width: 960px; margin: 0 auto 38px; text-align: center; } .sar-noise__eyebrow { display: inline-flex; margin: 0 0 14px; padding: 7px 13px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-noise-teal); font-size: 10px; font-weight: 850; line-height: 1.35; letter-spacing: 0.06em; text-transform: uppercase; } .sar-noise__title { margin: 0; color: var(--sar-noise-deep); font-size: clamp(30px, 4vw, 48px); font-weight: 900; line-height: 1.1; letter-spacing: -0.036em; text-wrap: balance; } .sar-noise__direct-answer { max-width: 930px; margin: 20px auto 0; color: var(--sar-noise-dark); font-size: clamp(17px, 1.55vw, 20px); font-weight: 700; line-height: 1.67; } .sar-noise__intro { max-width: 890px; margin: 15px auto 0; color: var(--sar-noise-muted); font-size: 15px; line-height: 1.72; } .sar-noise__label, .sar-noise__cta-label { margin: 0 0 8px; color: var(--sar-noise-orange); font-size: 10px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-noise__subtitle { margin: 0; color: var(--sar-noise-deep); font-size: clamp(24px, 3vw, 37px); font-weight: 900; line-height: 1.18; letter-spacing: -0.028em; text-wrap: balance; } .sar-noise__answer { margin: 15px 0 0; color: var(--sar-noise-dark); font-size: 15px; font-weight: 650; line-height: 1.7; } .sar-noise__main { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); gap: clamp(28px, 5vw, 54px); align-items: start; padding: clamp(28px, 5vw, 50px); border-radius: 24px; background: linear-gradient( 135deg, var(--sar-noise-deep), var(--sar-noise-dark) ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.18); } .sar-noise__main .sar-noise__label { color: #88e6ee; } .sar-noise__main .sar-noise__subtitle { color: var(--sar-noise-white); } .sar-noise__main .sar-noise__answer { color: rgba(255, 255, 255, 0.94); } .sar-noise__main-copy > p:not( .sar-noise__label, .sar-noise__answer ) { margin: 15px 0 0; color: rgba(255, 255, 255, 0.84); font-size: 14px; line-height: 1.7; } .sar-noise__notice { display: flex; gap: 11px; align-items: flex-start; margin-top: 20px; padding: 14px; border: 1px solid rgba(245, 130, 32, 0.3); border-radius: 14px; background: rgba(245, 130, 32, 0.1); } .sar-noise__notice > span { display: grid; flex: 0 0 auto; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: var(--sar-noise-orange); color: var(--sar-noise-white); font-weight: 900; } .sar-noise__notice p { margin: 0; color: rgba(255, 255, 255, 0.94); font-size: 12px; font-weight: 700; line-height: 1.55; } .sar-noise__types { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .sar-noise__types article { display: flex; gap: 11px; align-items: flex-start; min-width: 0; padding: 16px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; background: rgba(255, 255, 255, 0.97); } .sar-noise__types article > span { display: grid; flex: 0 0 auto; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: var(--sar-noise-teal); color: var(--sar-noise-white); font-size: 9px; font-weight: 900; } .sar-noise__types h5, .sar-noise__intensity-grid h5 { margin: 0; color: var(--sar-noise-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-noise__types p, .sar-noise__intensity-grid p { margin: 5px 0 0; color: var(--sar-noise-muted); font-size: 12px; line-height: 1.56; } .sar-noise__intensity { margin-top: clamp(40px, 6vw, 66px); } .sar-noise__intensity-heading { max-width: 900px; margin-bottom: 24px; } .sar-noise__intensity-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; } .sar-noise__intensity-grid article { min-width: 0; padding: 20px 17px; border: 1px solid var(--sar-noise-border); border-radius: 17px; background: var(--sar-noise-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-noise__tag { display: inline-flex; margin-bottom: 10px; padding: 6px 9px; border-radius: 8px; background: rgba(0, 143, 163, 0.09); color: var(--sar-noise-teal); font-size: 9px; font-weight: 900; letter-spacing: 0.055em; text-transform: uppercase; } .sar-noise__decision { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(300px, 0.7fr); gap: clamp(28px, 5vw, 52px); align-items: center; margin-top: clamp(40px, 6vw, 66px); padding: clamp(27px, 5vw, 46px); border: 1px solid var(--sar-noise-border); border-radius: 23px; background: var(--sar-noise-cream); } .sar-noise__decision-list { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; } .sar-noise__decision-list li { display: flex; gap: 9px; align-items: flex-start; padding: 13px 14px; border: 1px solid rgba(46, 155, 103, 0.14); border-radius: 12px; background: var(--sar-noise-white); color: var(--sar-noise-dark); font-size: 13px; font-weight: 700; line-height: 1.5; } .sar-noise__decision-list span { display: grid; flex: 0 0 auto; place-items: center; width: 21px; height: 21px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-noise-green); font-size: 10px; font-weight: 900; } .sar-noise__answers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 24px; } .sar-noise__answers article { min-width: 0; padding: 20px; border: 1px solid var(--sar-noise-border); border-radius: 16px; background: var(--sar-noise-light); } .sar-noise__answers h4 { margin: 0; color: var(--sar-noise-dark); font-size: 16px; font-weight: 900; line-height: 1.35; } .sar-noise__answers p { margin: 8px 0 0; color: var(--sar-noise-muted); font-size: 13px; line-height: 1.6; } .sar-noise__cta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, 310px); gap: 32px; align-items: center; margin-top: clamp(40px, 6vw, 66px); padding: clamp(28px, 5vw, 48px); border-radius: 24px; background: linear-gradient( 132deg, var(--sar-noise-deep), var(--sar-noise-dark) 68%, #07596a ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.18); } .sar-noise__cta-label { color: #86e4ec; } .sar-noise__cta-title { margin: 0; color: var(--sar-noise-white); font-size: clamp(24px, 3vw, 36px); font-weight: 900; line-height: 1.18; letter-spacing: -0.027em; text-wrap: balance; } .sar-noise__cta-text { margin: 13px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 14px; line-height: 1.68; } .sar-noise__cta-actions { display: grid; gap: 10px; } .sar-noise__button { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 52px; padding: 12px 16px; border: 2px solid transparent; border-radius: 12px; font-size: 13px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease; } .sar-noise__button:hover { transform: translateY(-2px); } .sar-noise__button:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; } .sar-noise__button--primary { background: var(--sar-noise-orange); color: var(--sar-noise-white); } .sar-noise__button--primary:hover { background: var(--sar-noise-orange-dark); } .sar-noise__button--whatsapp { background: var(--sar-noise-green); color: var(--sar-noise-white); } .sar-noise__button--whatsapp:hover { background: var(--sar-noise-green-dark); } .sar-noise__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-noise-white); } .sar-noise__button--phone:hover { border-color: rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.15); } .sar-noise__button span { display: grid; gap: 1px; } .sar-noise__button strong { font-size: 14px; font-weight: 900; } @media (max-width: 1000px) { .sar-noise__main, .sar-noise__decision, .sar-noise__cta { grid-template-columns: 1fr; } .sar-noise__intensity-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-noise__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 760px) { .sar-noise__types, .sar-noise__intensity-grid, .sar-noise__answers, .sar-noise__cta-actions { grid-template-columns: 1fr; } } @media (max-width: 680px) { #tipologia-intensita-rumore-isolamento-acustico-roma { padding: 52px 0; } .sar-noise__container { width: min(100% - 28px, 1160px); } .sar-noise__header { margin-bottom: 30px; text-align: left; } .sar-noise__eyebrow { font-size: 9px; } .sar-noise__title { font-size: clamp(29px, 9vw, 40px); } .sar-noise__direct-answer { font-size: 16px; line-height: 1.62; } .sar-noise__main, .sar-noise__decision { padding: 24px 18px; border-radius: 19px; } .sar-noise__intensity, .sar-noise__decision, .sar-noise__cta { margin-top: 36px; } .sar-noise__cta { padding: 25px 18px; border-radius: 19px; } } @media (prefers-reduced-motion: reduce) { .sar-noise__button { transition: none; } .sar-noise__button:hover { transform: none; } }#imCell_52 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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; } #numero-elementi-da-trattare-isolamento-acustico-roma { --sar-elements-dark: #073b46; --sar-elements-deep: #042d36; --sar-elements-teal: #008fa3; --sar-elements-orange: #f58220; --sar-elements-orange-dark: #d96813; --sar-elements-green: #2e9b67; --sar-elements-green-dark: #237c52; --sar-elements-white: #ffffff; --sar-elements-cream: #fff8ed; --sar-elements-light: #eefafd; --sar-elements-text: #18343b; --sar-elements-muted: #587078; --sar-elements-border: rgba(7, 59, 70, 0.13); width: 100%; padding: clamp(58px, 7vw, 90px) 0; overflow: hidden; background: radial-gradient( circle at 100% 4%, rgba(22, 191, 208, 0.08), transparent 28% ), linear-gradient( 180deg, #ffffff 0%, #f7fcfd 100% ); color: var(--sar-elements-text); } #numero-elementi-da-trattare-isolamento-acustico-roma, #numero-elementi-da-trattare-isolamento-acustico-roma *, #numero-elementi-da-trattare-isolamento-acustico-roma *::before, #numero-elementi-da-trattare-isolamento-acustico-roma *::after { box-sizing: border-box; } .sar-elements__container { width: min(100% - 40px, 1160px); margin-inline: auto; } .sar-elements__header { max-width: 960px; margin: 0 auto 38px; text-align: center; } .sar-elements__eyebrow { display: inline-flex; margin: 0 0 14px; padding: 7px 13px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-elements-teal); font-size: 10px; font-weight: 850; line-height: 1.35; letter-spacing: 0.06em; text-transform: uppercase; } .sar-elements__title { margin: 0; color: var(--sar-elements-deep); font-size: clamp(30px, 4vw, 48px); font-weight: 900; line-height: 1.1; letter-spacing: -0.036em; text-wrap: balance; } .sar-elements__direct-answer { max-width: 930px; margin: 20px auto 0; color: var(--sar-elements-dark); font-size: clamp(17px, 1.55vw, 20px); font-weight: 700; line-height: 1.67; } .sar-elements__intro { max-width: 890px; margin: 15px auto 0; color: var(--sar-elements-muted); font-size: 15px; line-height: 1.72; } .sar-elements__label, .sar-elements__compare-label, .sar-elements__cta-label { margin: 0 0 8px; color: var(--sar-elements-orange); font-size: 10px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-elements__subtitle { margin: 0; color: var(--sar-elements-deep); font-size: clamp(24px, 3vw, 37px); font-weight: 900; line-height: 1.18; letter-spacing: -0.028em; text-wrap: balance; } .sar-elements__answer { margin: 15px 0 0; color: var(--sar-elements-dark); font-size: 15px; font-weight: 650; line-height: 1.7; } .sar-elements__main { display: grid; grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr); gap: clamp(28px, 5vw, 54px); align-items: start; padding: clamp(28px, 5vw, 50px); border-radius: 24px; background: linear-gradient( 135deg, var(--sar-elements-deep), var(--sar-elements-dark) ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.18); } .sar-elements__main .sar-elements__label { color: #88e6ee; } .sar-elements__main .sar-elements__subtitle { color: var(--sar-elements-white); } .sar-elements__main .sar-elements__answer { color: rgba(255, 255, 255, 0.94); } .sar-elements__main-copy > p:not( .sar-elements__label, .sar-elements__answer ) { margin: 15px 0 0; color: rgba(255, 255, 255, 0.84); font-size: 14px; line-height: 1.7; } .sar-elements__notice { display: flex; align-items: flex-start; gap: 11px; margin-top: 20px; padding: 14px; border: 1px solid rgba(245, 130, 32, 0.3); border-radius: 14px; background: rgba(245, 130, 32, 0.1); } .sar-elements__notice > span { display: grid; flex: 0 0 auto; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: var(--sar-elements-orange); color: var(--sar-elements-white); font-weight: 900; } .sar-elements__notice p { margin: 0; color: rgba(255, 255, 255, 0.94); font-size: 12px; font-weight: 700; line-height: 1.55; } .sar-elements__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .sar-elements__grid article { display: flex; align-items: flex-start; gap: 11px; min-width: 0; padding: 16px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; background: rgba(255, 255, 255, 0.97); } .sar-elements__grid article > span { display: grid; flex: 0 0 auto; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: var(--sar-elements-teal); color: var(--sar-elements-white); font-size: 9px; font-weight: 900; } .sar-elements__grid h5 { margin: 0; color: var(--sar-elements-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-elements__grid p { margin: 5px 0 0; color: var(--sar-elements-muted); font-size: 12px; line-height: 1.56; } .sar-elements__compare { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: clamp(40px, 6vw, 66px); } .sar-elements__compare-card { padding: clamp(23px, 3vw, 32px); border: 1px solid var(--sar-elements-border); border-top: 5px solid var(--sar-elements-teal); border-radius: 20px; background: var(--sar-elements-light); box-shadow: 0 12px 34px rgba(4, 45, 54, 0.06); } .sar-elements__compare-card--multi { border-top-color: var(--sar-elements-green); background: var(--sar-elements-cream); } .sar-elements__compare-card h4 { margin: 0; color: var(--sar-elements-dark); font-size: clamp(21px, 2.4vw, 28px); font-weight: 900; line-height: 1.25; } .sar-elements__compare-card > p:not( .sar-elements__compare-label ) { margin: 10px 0 0; color: var(--sar-elements-muted); font-size: 13px; line-height: 1.62; } .sar-elements__compare-card ul { display: grid; gap: 9px; margin: 18px 0 0; padding: 0; list-style: none; } .sar-elements__compare-card li { display: flex; align-items: flex-start; gap: 9px; color: var(--sar-elements-dark); font-size: 13px; font-weight: 700; line-height: 1.52; } .sar-elements__compare-card li > span { display: grid; flex: 0 0 auto; place-items: center; width: 21px; height: 21px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-elements-green); font-size: 10px; font-weight: 900; } .sar-elements__decision { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(280px, 0.7fr); gap: clamp(28px, 5vw, 52px); align-items: center; margin-top: clamp(40px, 6vw, 66px); padding: clamp(27px, 5vw, 46px); border: 1px solid var(--sar-elements-border); border-radius: 23px; background: var(--sar-elements-light); } .sar-elements__steps { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; } .sar-elements__steps li { display: flex; align-items: center; gap: 10px; padding: 13px 14px; border: 1px solid rgba(7, 59, 70, 0.1); border-radius: 12px; background: var(--sar-elements-white); } .sar-elements__steps span { display: grid; flex: 0 0 auto; place-items: center; width: 28px; height: 28px; border-radius: 9px; background: var(--sar-elements-dark); color: var(--sar-elements-white); font-size: 10px; font-weight: 900; } .sar-elements__steps p { margin: 0; color: var(--sar-elements-dark); font-size: 13px; font-weight: 700; line-height: 1.5; } .sar-elements__links { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin-top: 24px; } .sar-elements__links a { display: flex; align-items: center; min-width: 0; padding: 14px; border: 1px solid rgba(0, 143, 163, 0.15); border-radius: 12px; background: var(--sar-elements-light); color: var(--sar-elements-dark); font-size: 12px; font-weight: 850; line-height: 1.45; text-decoration: none; } .sar-elements__links a:hover { border-color: rgba(0, 143, 163, 0.35); color: var(--sar-elements-teal); } .sar-elements__answers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 24px; } .sar-elements__answers article { min-width: 0; padding: 20px; border: 1px solid var(--sar-elements-border); border-radius: 16px; background: var(--sar-elements-cream); } .sar-elements__answers h4 { margin: 0; color: var(--sar-elements-dark); font-size: 16px; font-weight: 900; line-height: 1.35; } .sar-elements__answers p { margin: 8px 0 0; color: var(--sar-elements-muted); font-size: 13px; line-height: 1.6; } .sar-elements__cta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, 310px); gap: 32px; align-items: center; margin-top: clamp(40px, 6vw, 66px); padding: clamp(28px, 5vw, 48px); border-radius: 24px; background: linear-gradient( 132deg, var(--sar-elements-deep), var(--sar-elements-dark) 68%, #07596a ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.18); } .sar-elements__cta-label { color: #86e4ec; } .sar-elements__cta-title { margin: 0; color: var(--sar-elements-white); font-size: clamp(24px, 3vw, 36px); font-weight: 900; line-height: 1.18; letter-spacing: -0.027em; text-wrap: balance; } .sar-elements__cta-text { margin: 13px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 14px; line-height: 1.68; } .sar-elements__cta-actions { display: grid; gap: 10px; } .sar-elements__button { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 52px; padding: 12px 16px; border: 2px solid transparent; border-radius: 12px; font-size: 13px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease; } .sar-elements__button:hover { transform: translateY(-2px); } .sar-elements__button:focus-visible, .sar-elements__links a:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; } .sar-elements__button--primary { background: var(--sar-elements-orange); color: var(--sar-elements-white); } .sar-elements__button--primary:hover { background: var(--sar-elements-orange-dark); } .sar-elements__button--whatsapp { background: var(--sar-elements-green); color: var(--sar-elements-white); } .sar-elements__button--whatsapp:hover { background: var(--sar-elements-green-dark); } .sar-elements__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-elements-white); } .sar-elements__button--phone:hover { border-color: rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.15); } .sar-elements__button span { display: grid; gap: 1px; } .sar-elements__button strong { font-size: 14px; font-weight: 900; } @media (max-width: 1040px) { .sar-elements__main, .sar-elements__decision, .sar-elements__cta { grid-template-columns: 1fr; } .sar-elements__links { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-elements__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 760px) { .sar-elements__grid, .sar-elements__compare, .sar-elements__answers, .sar-elements__cta-actions { grid-template-columns: 1fr; } } @media (max-width: 680px) { #numero-elementi-da-trattare-isolamento-acustico-roma { padding: 52px 0; } .sar-elements__container { width: min(100% - 28px, 1160px); } .sar-elements__header { margin-bottom: 30px; text-align: left; } .sar-elements__eyebrow { font-size: 9px; } .sar-elements__title { font-size: clamp(29px, 9vw, 40px); } .sar-elements__direct-answer { font-size: 16px; line-height: 1.62; } .sar-elements__main, .sar-elements__decision { padding: 24px 18px; border-radius: 19px; } .sar-elements__compare, .sar-elements__decision, .sar-elements__cta { margin-top: 36px; } .sar-elements__compare-card { padding: 22px 18px; border-radius: 18px; } .sar-elements__links { grid-template-columns: 1fr; } .sar-elements__cta { padding: 25px 18px; border-radius: 19px; } } @media (prefers-reduced-motion: reduce) { .sar-elements__button { transition: none; } .sar-elements__button:hover { transform: none; } }#imCell_54 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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; } #vie-laterali-trasmissione-isolamento-acustico-roma { --sar-flankcost-dark: #073b46; --sar-flankcost-deep: #042d36; --sar-flankcost-teal: #008fa3; --sar-flankcost-orange: #f58220; --sar-flankcost-orange-dark: #d96813; --sar-flankcost-green: #2e9b67; --sar-flankcost-green-dark: #237c52; --sar-flankcost-white: #ffffff; --sar-flankcost-cream: #fff8ed; --sar-flankcost-light: #eefafd; --sar-flankcost-text: #18343b; --sar-flankcost-muted: #587078; --sar-flankcost-border: rgba(7, 59, 70, 0.13); width: 100%; padding: clamp(58px, 7vw, 90px) 0; overflow: hidden; background: radial-gradient( circle at 100% 4%, rgba(22, 191, 208, 0.08), transparent 28% ), linear-gradient(180deg, #ffffff 0%, #f7fcfd 100%); color: var(--sar-flankcost-text); } #vie-laterali-trasmissione-isolamento-acustico-roma, #vie-laterali-trasmissione-isolamento-acustico-roma *, #vie-laterali-trasmissione-isolamento-acustico-roma *::before, #vie-laterali-trasmissione-isolamento-acustico-roma *::after { box-sizing: border-box; } .sar-flankcost__container { width: min(100% - 40px, 1160px); margin-inline: auto; } .sar-flankcost__header { max-width: 960px; margin: 0 auto 38px; text-align: center; } .sar-flankcost__eyebrow { display: inline-flex; margin: 0 0 14px; padding: 7px 13px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-flankcost-teal); font-size: 10px; font-weight: 850; line-height: 1.35; letter-spacing: 0.06em; text-transform: uppercase; } .sar-flankcost__title { margin: 0; color: var(--sar-flankcost-deep); font-size: clamp(30px, 4vw, 48px); font-weight: 900; line-height: 1.1; letter-spacing: -0.036em; text-wrap: balance; } .sar-flankcost__direct-answer { max-width: 930px; margin: 20px auto 0; color: var(--sar-flankcost-dark); font-size: clamp(17px, 1.55vw, 20px); font-weight: 700; line-height: 1.67; } .sar-flankcost__intro { max-width: 890px; margin: 15px auto 0; color: var(--sar-flankcost-muted); font-size: 15px; line-height: 1.72; } .sar-flankcost__label, .sar-flankcost__cta-label { margin: 0 0 8px; color: var(--sar-flankcost-orange); font-size: 10px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-flankcost__subtitle { margin: 0; color: var(--sar-flankcost-deep); font-size: clamp(24px, 3vw, 37px); font-weight: 900; line-height: 1.18; letter-spacing: -0.028em; text-wrap: balance; } .sar-flankcost__answer { margin: 15px 0 0; color: var(--sar-flankcost-dark); font-size: 15px; font-weight: 650; line-height: 1.7; } .sar-flankcost__main { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); gap: clamp(28px, 5vw, 54px); align-items: start; padding: clamp(28px, 5vw, 50px); border-radius: 24px; background: linear-gradient( 135deg, var(--sar-flankcost-deep), var(--sar-flankcost-dark) ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.18); } .sar-flankcost__main .sar-flankcost__label { color: #88e6ee; } .sar-flankcost__main .sar-flankcost__subtitle { color: var(--sar-flankcost-white); } .sar-flankcost__main .sar-flankcost__answer { color: rgba(255, 255, 255, 0.94); } .sar-flankcost__copy > p:not( .sar-flankcost__label, .sar-flankcost__answer ) { margin: 15px 0 0; color: rgba(255, 255, 255, 0.84); font-size: 14px; line-height: 1.7; } .sar-flankcost__notice { display: flex; gap: 11px; align-items: flex-start; margin-top: 20px; padding: 14px; border: 1px solid rgba(245, 130, 32, 0.3); border-radius: 14px; background: rgba(245, 130, 32, 0.1); } .sar-flankcost__notice > span { display: grid; flex: 0 0 auto; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: var(--sar-flankcost-orange); color: var(--sar-flankcost-white); font-weight: 900; } .sar-flankcost__notice p { margin: 0; color: rgba(255, 255, 255, 0.94); font-size: 12px; font-weight: 700; line-height: 1.55; } .sar-flankcost__paths { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .sar-flankcost__paths article { display: flex; gap: 11px; align-items: flex-start; min-width: 0; padding: 16px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; background: rgba(255, 255, 255, 0.97); } .sar-flankcost__paths article > span { display: grid; flex: 0 0 auto; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: var(--sar-flankcost-teal); color: var(--sar-flankcost-white); font-size: 9px; font-weight: 900; } .sar-flankcost__paths h5 { margin: 0; color: var(--sar-flankcost-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-flankcost__paths p { margin: 5px 0 0; color: var(--sar-flankcost-muted); font-size: 12px; line-height: 1.56; } .sar-flankcost__impact { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(300px, 0.7fr); gap: clamp(28px, 5vw, 52px); align-items: center; margin-top: clamp(40px, 6vw, 66px); padding: clamp(27px, 5vw, 46px); border: 1px solid var(--sar-flankcost-border); border-radius: 23px; background: var(--sar-flankcost-cream); } .sar-flankcost__impact-list { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; } .sar-flankcost__impact-list li { display: flex; gap: 9px; align-items: flex-start; padding: 13px 14px; border: 1px solid rgba(46, 155, 103, 0.14); border-radius: 12px; background: var(--sar-flankcost-white); color: var(--sar-flankcost-dark); font-size: 13px; font-weight: 700; line-height: 1.5; } .sar-flankcost__impact-list span { display: grid; flex: 0 0 auto; place-items: center; width: 21px; height: 21px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-flankcost-green); font-size: 10px; font-weight: 900; } .sar-flankcost__answers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 24px; } .sar-flankcost__answers article { min-width: 0; padding: 20px; border: 1px solid var(--sar-flankcost-border); border-radius: 16px; background: var(--sar-flankcost-light); } .sar-flankcost__answers h4 { margin: 0; color: var(--sar-flankcost-dark); font-size: 16px; font-weight: 900; line-height: 1.35; } .sar-flankcost__answers p { margin: 8px 0 0; color: var(--sar-flankcost-muted); font-size: 13px; line-height: 1.6; } .sar-flankcost__cta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, 310px); gap: 32px; align-items: center; margin-top: clamp(40px, 6vw, 66px); padding: clamp(28px, 5vw, 48px); border-radius: 24px; background: linear-gradient( 132deg, var(--sar-flankcost-deep), var(--sar-flankcost-dark) 68%, #07596a ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.18); } .sar-flankcost__cta-label { color: #86e4ec; } .sar-flankcost__cta-title { margin: 0; color: var(--sar-flankcost-white); font-size: clamp(24px, 3vw, 36px); font-weight: 900; line-height: 1.18; letter-spacing: -0.027em; text-wrap: balance; } .sar-flankcost__cta-text { margin: 13px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 14px; line-height: 1.68; } .sar-flankcost__cta-actions { display: grid; gap: 10px; } .sar-flankcost__button { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 52px; padding: 12px 16px; border: 2px solid transparent; border-radius: 12px; font-size: 13px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease; } .sar-flankcost__button:hover { transform: translateY(-2px); } .sar-flankcost__button:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; } .sar-flankcost__button--primary { background: var(--sar-flankcost-orange); color: var(--sar-flankcost-white); } .sar-flankcost__button--primary:hover { background: var(--sar-flankcost-orange-dark); } .sar-flankcost__button--whatsapp { background: var(--sar-flankcost-green); color: var(--sar-flankcost-white); } .sar-flankcost__button--whatsapp:hover { background: var(--sar-flankcost-green-dark); } .sar-flankcost__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-flankcost-white); } .sar-flankcost__button--phone:hover { border-color: rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.15); } .sar-flankcost__button span { display: grid; gap: 1px; } .sar-flankcost__button strong { font-size: 14px; font-weight: 900; } @media (max-width: 1000px) { .sar-flankcost__main, .sar-flankcost__impact, .sar-flankcost__cta { grid-template-columns: 1fr; } .sar-flankcost__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 760px) { .sar-flankcost__paths, .sar-flankcost__answers, .sar-flankcost__cta-actions { grid-template-columns: 1fr; } } @media (max-width: 680px) { #vie-laterali-trasmissione-isolamento-acustico-roma { padding: 52px 0; } .sar-flankcost__container { width: min(100% - 28px, 1160px); } .sar-flankcost__header { margin-bottom: 30px; text-align: left; } .sar-flankcost__eyebrow { font-size: 9px; } .sar-flankcost__title { font-size: clamp(29px, 9vw, 40px); } .sar-flankcost__direct-answer { font-size: 16px; line-height: 1.62; } .sar-flankcost__main, .sar-flankcost__impact { padding: 24px 18px; border-radius: 19px; } .sar-flankcost__impact, .sar-flankcost__cta { margin-top: 36px; } .sar-flankcost__cta { padding: 25px 18px; border-radius: 19px; } } @media (prefers-reduced-motion: reduce) { .sar-flankcost__button { transition: none; } .sar-flankcost__button:hover { transform: none; } }#imCell_55 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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; } #prestazione-richiesta-isolamento-acustico-roma { --sar-performance-dark: #073b46; --sar-performance-deep: #042d36; --sar-performance-teal: #008fa3; --sar-performance-orange: #f58220; --sar-performance-orange-dark: #d96813; --sar-performance-green: #2e9b67; --sar-performance-green-dark: #237c52; --sar-performance-white: #ffffff; --sar-performance-cream: #fff8ed; --sar-performance-light: #eefafd; --sar-performance-text: #18343b; --sar-performance-muted: #587078; --sar-performance-border: rgba(7, 59, 70, 0.13); width: 100%; padding: clamp(58px, 7vw, 90px) 0; overflow: hidden; background: radial-gradient( circle at 100% 4%, rgba(22, 191, 208, 0.08), transparent 28% ), linear-gradient(180deg, #ffffff 0%, #f7fcfd 100%); color: var(--sar-performance-text); } #prestazione-richiesta-isolamento-acustico-roma, #prestazione-richiesta-isolamento-acustico-roma *, #prestazione-richiesta-isolamento-acustico-roma *::before, #prestazione-richiesta-isolamento-acustico-roma *::after { box-sizing: border-box; } .sar-performance__container { width: min(100% - 40px, 1160px); margin-inline: auto; } .sar-performance__header { max-width: 960px; margin: 0 auto 38px; text-align: center; } .sar-performance__eyebrow { display: inline-flex; margin: 0 0 14px; padding: 7px 13px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-performance-teal); font-size: 10px; font-weight: 850; line-height: 1.35; letter-spacing: 0.06em; text-transform: uppercase; } .sar-performance__title { margin: 0; color: var(--sar-performance-deep); font-size: clamp(30px, 4vw, 48px); font-weight: 900; line-height: 1.1; letter-spacing: -0.036em; text-wrap: balance; } .sar-performance__direct-answer { max-width: 930px; margin: 20px auto 0; color: var(--sar-performance-dark); font-size: clamp(17px, 1.55vw, 20px); font-weight: 700; line-height: 1.67; } .sar-performance__intro { max-width: 890px; margin: 15px auto 0; color: var(--sar-performance-muted); font-size: 15px; line-height: 1.72; } .sar-performance__label, .sar-performance__cta-label { margin: 0 0 8px; color: var(--sar-performance-orange); font-size: 10px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-performance__subtitle { margin: 0; color: var(--sar-performance-deep); font-size: clamp(24px, 3vw, 37px); font-weight: 900; line-height: 1.18; letter-spacing: -0.028em; text-wrap: balance; } .sar-performance__answer { margin: 15px 0 0; color: var(--sar-performance-dark); font-size: 15px; font-weight: 650; line-height: 1.7; } .sar-performance__main { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); gap: clamp(28px, 5vw, 54px); align-items: start; padding: clamp(28px, 5vw, 50px); border-radius: 24px; background: linear-gradient( 135deg, var(--sar-performance-deep), var(--sar-performance-dark) ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.18); } .sar-performance__main .sar-performance__label { color: #88e6ee; } .sar-performance__main .sar-performance__subtitle { color: var(--sar-performance-white); } .sar-performance__main .sar-performance__answer { color: rgba(255, 255, 255, 0.94); } .sar-performance__copy > p:not( .sar-performance__label, .sar-performance__answer ) { margin: 15px 0 0; color: rgba(255, 255, 255, 0.84); font-size: 14px; line-height: 1.7; } .sar-performance__notice { display: flex; gap: 11px; align-items: flex-start; margin-top: 20px; padding: 14px; border: 1px solid rgba(245, 130, 32, 0.3); border-radius: 14px; background: rgba(245, 130, 32, 0.1); } .sar-performance__notice > span { display: grid; flex: 0 0 auto; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: var(--sar-performance-orange); color: var(--sar-performance-white); font-weight: 900; } .sar-performance__notice p { margin: 0; color: rgba(255, 255, 255, 0.94); font-size: 12px; font-weight: 700; line-height: 1.55; } .sar-performance__factors { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .sar-performance__factors article { display: flex; gap: 11px; align-items: flex-start; min-width: 0; padding: 16px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; background: rgba(255, 255, 255, 0.97); } .sar-performance__factors article > span { display: grid; flex: 0 0 auto; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: var(--sar-performance-teal); color: var(--sar-performance-white); font-size: 9px; font-weight: 900; } .sar-performance__factors h5, .sar-performance__levels-grid h5 { margin: 0; color: var(--sar-performance-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-performance__factors p, .sar-performance__levels-grid p { margin: 5px 0 0; color: var(--sar-performance-muted); font-size: 12px; line-height: 1.56; } .sar-performance__levels { margin-top: clamp(40px, 6vw, 66px); } .sar-performance__levels-heading { max-width: 900px; margin-bottom: 24px; } .sar-performance__levels-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } .sar-performance__levels-grid article { display: flex; min-width: 0; flex-direction: column; padding: 21px 18px; border: 1px solid var(--sar-performance-border); border-top: 4px solid var(--sar-performance-teal); border-radius: 18px; background: var(--sar-performance-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-performance__tag { display: inline-flex; align-self: flex-start; margin-bottom: 10px; padding: 6px 9px; border-radius: 8px; background: rgba(0, 143, 163, 0.09); color: var(--sar-performance-teal); font-size: 9px; font-weight: 900; letter-spacing: 0.055em; text-transform: uppercase; } .sar-performance__levels-grid a { display: inline-flex; align-self: flex-start; margin-top: auto; padding-top: 14px; color: var(--sar-performance-teal); font-size: 12px; font-weight: 850; line-height: 1.45; text-decoration: none; } .sar-performance__levels-grid a:hover { text-decoration: underline; text-underline-offset: 4px; } .sar-performance__clarity { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(300px, 0.7fr); gap: clamp(28px, 5vw, 52px); align-items: center; margin-top: clamp(40px, 6vw, 66px); padding: clamp(27px, 5vw, 46px); border: 1px solid var(--sar-performance-border); border-radius: 23px; background: var(--sar-performance-cream); } .sar-performance__list { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; } .sar-performance__list li { display: flex; gap: 9px; align-items: flex-start; padding: 13px 14px; border: 1px solid rgba(46, 155, 103, 0.14); border-radius: 12px; background: var(--sar-performance-white); color: var(--sar-performance-dark); font-size: 13px; font-weight: 700; line-height: 1.5; } .sar-performance__list span { display: grid; flex: 0 0 auto; place-items: center; width: 21px; height: 21px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-performance-green); font-size: 10px; font-weight: 900; } .sar-performance__answers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 24px; } .sar-performance__answers article { min-width: 0; padding: 20px; border: 1px solid var(--sar-performance-border); border-radius: 16px; background: var(--sar-performance-light); } .sar-performance__answers h4 { margin: 0; color: var(--sar-performance-dark); font-size: 16px; font-weight: 900; line-height: 1.35; } .sar-performance__answers p { margin: 8px 0 0; color: var(--sar-performance-muted); font-size: 13px; line-height: 1.6; } .sar-performance__cta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, 310px); gap: 32px; align-items: center; margin-top: clamp(40px, 6vw, 66px); padding: clamp(28px, 5vw, 48px); border-radius: 24px; background: linear-gradient( 132deg, var(--sar-performance-deep), var(--sar-performance-dark) 68%, #07596a ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.18); } .sar-performance__cta-label { color: #86e4ec; } .sar-performance__cta-title { margin: 0; color: var(--sar-performance-white); font-size: clamp(24px, 3vw, 36px); font-weight: 900; line-height: 1.18; letter-spacing: -0.027em; text-wrap: balance; } .sar-performance__cta-text { margin: 13px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 14px; line-height: 1.68; } .sar-performance__cta-actions { display: grid; gap: 10px; } .sar-performance__button { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 52px; padding: 12px 16px; border: 2px solid transparent; border-radius: 12px; font-size: 13px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease; } .sar-performance__button:hover { transform: translateY(-2px); } .sar-performance__button:focus-visible, .sar-performance__levels-grid a:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; } .sar-performance__button--primary { background: var(--sar-performance-orange); color: var(--sar-performance-white); } .sar-performance__button--primary:hover { background: var(--sar-performance-orange-dark); } .sar-performance__button--whatsapp { background: var(--sar-performance-green); color: var(--sar-performance-white); } .sar-performance__button--whatsapp:hover { background: var(--sar-performance-green-dark); } .sar-performance__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-performance-white); } .sar-performance__button--phone:hover { border-color: rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.15); } .sar-performance__button span { display: grid; gap: 1px; } .sar-performance__button strong { font-size: 14px; font-weight: 900; } @media (max-width: 1000px) { .sar-performance__main, .sar-performance__clarity, .sar-performance__cta { grid-template-columns: 1fr; } .sar-performance__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 760px) { .sar-performance__factors, .sar-performance__levels-grid, .sar-performance__answers, .sar-performance__cta-actions { grid-template-columns: 1fr; } } @media (max-width: 680px) { #prestazione-richiesta-isolamento-acustico-roma { padding: 52px 0; } .sar-performance__container { width: min(100% - 28px, 1160px); } .sar-performance__header { margin-bottom: 30px; text-align: left; } .sar-performance__eyebrow { font-size: 9px; } .sar-performance__title { font-size: clamp(29px, 9vw, 40px); } .sar-performance__direct-answer { font-size: 16px; line-height: 1.62; } .sar-performance__main, .sar-performance__clarity { padding: 24px 18px; border-radius: 19px; } .sar-performance__levels, .sar-performance__clarity, .sar-performance__cta { margin-top: 36px; } .sar-performance__cta { padding: 25px 18px; border-radius: 19px; } } @media (prefers-reduced-motion: reduce) { .sar-performance__button { transition: none; } .sar-performance__button:hover { transform: none; } }#imCell_56 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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; } #stato-strutture-esistenti-isolamento-acustico-roma { --sar-existing-dark: #073b46; --sar-existing-deep: #042d36; --sar-existing-teal: #008fa3; --sar-existing-orange: #f58220; --sar-existing-orange-dark: #d96813; --sar-existing-green: #2e9b67; --sar-existing-green-dark: #237c52; --sar-existing-white: #ffffff; --sar-existing-cream: #fff8ed; --sar-existing-light: #eefafd; --sar-existing-text: #18343b; --sar-existing-muted: #587078; --sar-existing-border: rgba(7, 59, 70, 0.13); width: 100%; padding: clamp(58px, 7vw, 90px) 0; overflow: hidden; background: radial-gradient( circle at 100% 4%, rgba(22, 191, 208, 0.08), transparent 28% ), linear-gradient( 180deg, #ffffff 0%, #f7fcfd 100% ); color: var(--sar-existing-text); } #stato-strutture-esistenti-isolamento-acustico-roma, #stato-strutture-esistenti-isolamento-acustico-roma *, #stato-strutture-esistenti-isolamento-acustico-roma *::before, #stato-strutture-esistenti-isolamento-acustico-roma *::after { box-sizing: border-box; } .sar-existing__container { width: min(100% - 40px, 1160px); margin-inline: auto; } .sar-existing__header { max-width: 960px; margin: 0 auto 38px; text-align: center; } .sar-existing__eyebrow { display: inline-flex; margin: 0 0 14px; padding: 7px 13px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-existing-teal); font-size: 10px; font-weight: 850; line-height: 1.35; letter-spacing: 0.06em; text-transform: uppercase; } .sar-existing__title { margin: 0; color: var(--sar-existing-deep); font-size: clamp(30px, 4vw, 48px); font-weight: 900; line-height: 1.1; letter-spacing: -0.036em; text-wrap: balance; } .sar-existing__direct-answer { max-width: 930px; margin: 20px auto 0; color: var(--sar-existing-dark); font-size: clamp(17px, 1.55vw, 20px); font-weight: 700; line-height: 1.67; } .sar-existing__intro { max-width: 890px; margin: 15px auto 0; color: var(--sar-existing-muted); font-size: 15px; line-height: 1.72; } .sar-existing__label, .sar-existing__cta-label { margin: 0 0 8px; color: var(--sar-existing-orange); font-size: 10px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-existing__subtitle { margin: 0; color: var(--sar-existing-deep); font-size: clamp(24px, 3vw, 37px); font-weight: 900; line-height: 1.18; letter-spacing: -0.028em; text-wrap: balance; } .sar-existing__answer { margin: 15px 0 0; color: var(--sar-existing-dark); font-size: 15px; font-weight: 650; line-height: 1.7; } .sar-existing__main { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); gap: clamp(28px, 5vw, 54px); align-items: start; padding: clamp(28px, 5vw, 50px); border-radius: 24px; background: linear-gradient( 135deg, var(--sar-existing-deep), var(--sar-existing-dark) ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.18); } .sar-existing__main .sar-existing__label { color: #88e6ee; } .sar-existing__main .sar-existing__subtitle { color: var(--sar-existing-white); } .sar-existing__main .sar-existing__answer { color: rgba(255, 255, 255, 0.94); } .sar-existing__copy > p:not( .sar-existing__label, .sar-existing__answer ) { margin: 15px 0 0; color: rgba(255, 255, 255, 0.84); font-size: 14px; line-height: 1.7; } .sar-existing__notice { display: flex; gap: 11px; align-items: flex-start; margin-top: 20px; padding: 14px; border: 1px solid rgba(245, 130, 32, 0.3); border-radius: 14px; background: rgba(245, 130, 32, 0.1); } .sar-existing__notice > span { display: grid; flex: 0 0 auto; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: var(--sar-existing-orange); color: var(--sar-existing-white); font-weight: 900; } .sar-existing__notice p { margin: 0; color: rgba(255, 255, 255, 0.94); font-size: 12px; font-weight: 700; line-height: 1.55; } .sar-existing__checks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .sar-existing__checks article { display: flex; gap: 11px; align-items: flex-start; min-width: 0; padding: 16px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; background: rgba(255, 255, 255, 0.97); } .sar-existing__checks article > span { display: grid; flex: 0 0 auto; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: var(--sar-existing-teal); color: var(--sar-existing-white); font-size: 9px; font-weight: 900; } .sar-existing__checks h5, .sar-existing__conditions-grid h5 { margin: 0; color: var(--sar-existing-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-existing__checks p, .sar-existing__conditions-grid p { margin: 5px 0 0; color: var(--sar-existing-muted); font-size: 12px; line-height: 1.56; } .sar-existing__conditions { margin-top: clamp(40px, 6vw, 66px); } .sar-existing__conditions-heading { max-width: 900px; margin-bottom: 24px; } .sar-existing__conditions-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; } .sar-existing__conditions-grid article { min-width: 0; padding: 20px 17px; border: 1px solid var(--sar-existing-border); border-radius: 17px; background: var(--sar-existing-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-existing__tag { display: inline-flex; margin-bottom: 10px; padding: 6px 9px; border-radius: 8px; background: rgba(0, 143, 163, 0.09); color: var(--sar-existing-teal); font-size: 9px; font-weight: 900; letter-spacing: 0.055em; text-transform: uppercase; } .sar-existing__cost { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(300px, 0.7fr); gap: clamp(28px, 5vw, 52px); align-items: center; margin-top: clamp(40px, 6vw, 66px); padding: clamp(27px, 5vw, 46px); border: 1px solid var(--sar-existing-border); border-radius: 23px; background: var(--sar-existing-cream); } .sar-existing__cost-list { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; } .sar-existing__cost-list li { display: flex; gap: 9px; align-items: flex-start; padding: 13px 14px; border: 1px solid rgba(46, 155, 103, 0.14); border-radius: 12px; background: var(--sar-existing-white); color: var(--sar-existing-dark); font-size: 13px; font-weight: 700; line-height: 1.5; } .sar-existing__cost-list span { display: grid; flex: 0 0 auto; place-items: center; width: 21px; height: 21px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-existing-green); font-size: 10px; font-weight: 900; } .sar-existing__clarification { display: flex; gap: 15px; align-items: flex-start; margin-top: 24px; padding: 21px; border: 1px solid rgba(0, 143, 163, 0.18); border-radius: 18px; background: var(--sar-existing-light); } .sar-existing__clarification-icon { display: grid; flex: 0 0 auto; place-items: center; width: 38px; height: 38px; border-radius: 11px; background: var(--sar-existing-teal); color: var(--sar-existing-white); font-size: 18px; font-weight: 900; } .sar-existing__clarification h4 { margin: 0; color: var(--sar-existing-dark); font-size: 17px; font-weight: 900; line-height: 1.35; } .sar-existing__clarification p { margin: 7px 0 0; color: var(--sar-existing-muted); font-size: 13px; line-height: 1.6; } .sar-existing__answers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 24px; } .sar-existing__answers article { min-width: 0; padding: 20px; border: 1px solid var(--sar-existing-border); border-radius: 16px; background: var(--sar-existing-light); } .sar-existing__answers h4 { margin: 0; color: var(--sar-existing-dark); font-size: 16px; font-weight: 900; line-height: 1.35; } .sar-existing__answers p { margin: 8px 0 0; color: var(--sar-existing-muted); font-size: 13px; line-height: 1.6; } .sar-existing__cta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, 310px); gap: 32px; align-items: center; margin-top: clamp(40px, 6vw, 66px); padding: clamp(28px, 5vw, 48px); border-radius: 24px; background: linear-gradient( 132deg, var(--sar-existing-deep), var(--sar-existing-dark) 68%, #07596a ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.18); } .sar-existing__cta-label { color: #86e4ec; } .sar-existing__cta-title { margin: 0; color: var(--sar-existing-white); font-size: clamp(24px, 3vw, 36px); font-weight: 900; line-height: 1.18; letter-spacing: -0.027em; text-wrap: balance; } .sar-existing__cta-text { margin: 13px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 14px; line-height: 1.68; } .sar-existing__cta-actions { display: grid; gap: 10px; } .sar-existing__button { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 52px; padding: 12px 16px; border: 2px solid transparent; border-radius: 12px; font-size: 13px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease; } .sar-existing__button:hover { transform: translateY(-2px); } .sar-existing__button:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; } .sar-existing__button--primary { background: var(--sar-existing-orange); color: var(--sar-existing-white); } .sar-existing__button--primary:hover { background: var(--sar-existing-orange-dark); } .sar-existing__button--whatsapp { background: var(--sar-existing-green); color: var(--sar-existing-white); } .sar-existing__button--whatsapp:hover { background: var(--sar-existing-green-dark); } .sar-existing__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-existing-white); } .sar-existing__button--phone:hover { border-color: rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.15); } .sar-existing__button span { display: grid; gap: 1px; } .sar-existing__button strong { font-size: 14px; font-weight: 900; } @media (max-width: 1000px) { .sar-existing__main, .sar-existing__cost, .sar-existing__cta { grid-template-columns: 1fr; } .sar-existing__conditions-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-existing__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 760px) { .sar-existing__checks, .sar-existing__conditions-grid, .sar-existing__answers, .sar-existing__cta-actions { grid-template-columns: 1fr; } } @media (max-width: 680px) { #stato-strutture-esistenti-isolamento-acustico-roma { padding: 52px 0; } .sar-existing__container { width: min(100% - 28px, 1160px); } .sar-existing__header { margin-bottom: 30px; text-align: left; } .sar-existing__eyebrow { font-size: 9px; } .sar-existing__title { font-size: clamp(29px, 9vw, 40px); } .sar-existing__direct-answer { font-size: 16px; line-height: 1.62; } .sar-existing__main, .sar-existing__cost { padding: 24px 18px; border-radius: 19px; } .sar-existing__conditions, .sar-existing__cost, .sar-existing__cta { margin-top: 36px; } .sar-existing__clarification { flex-direction: column; padding: 19px; } .sar-existing__cta { padding: 25px 18px; border-radius: 19px; } } @media (prefers-reduced-motion: reduce) { .sar-existing__button { transition: none; } .sar-existing__button:hover { transform: none; } }#imCell_57 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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; } #finiture-impianti-complessita-posa-isolamento-acustico-roma { --sar-install-dark: #073b46; --sar-install-deep: #042d36; --sar-install-teal: #008fa3; --sar-install-orange: #f58220; --sar-install-orange-dark: #d96813; --sar-install-green: #2e9b67; --sar-install-green-dark: #237c52; --sar-install-white: #ffffff; --sar-install-cream: #fff8ed; --sar-install-light: #eefafd; --sar-install-text: #18343b; --sar-install-muted: #587078; --sar-install-border: rgba(7, 59, 70, 0.13); width: 100%; padding: clamp(58px, 7vw, 90px) 0; overflow: hidden; background: radial-gradient( circle at 100% 4%, rgba(22, 191, 208, 0.08), transparent 28% ), linear-gradient(180deg, #ffffff 0%, #f7fcfd 100%); color: var(--sar-install-text); } #finiture-impianti-complessita-posa-isolamento-acustico-roma, #finiture-impianti-complessita-posa-isolamento-acustico-roma *, #finiture-impianti-complessita-posa-isolamento-acustico-roma *::before, #finiture-impianti-complessita-posa-isolamento-acustico-roma *::after { box-sizing: border-box; } .sar-install__container { width: min(100% - 40px, 1160px); margin-inline: auto; } .sar-install__header { max-width: 960px; margin: 0 auto 38px; text-align: center; } .sar-install__eyebrow { display: inline-flex; margin: 0 0 14px; padding: 7px 13px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-install-teal); font-size: 10px; font-weight: 850; line-height: 1.35; letter-spacing: 0.06em; text-transform: uppercase; } .sar-install__title { margin: 0; color: var(--sar-install-deep); font-size: clamp(30px, 4vw, 48px); font-weight: 900; line-height: 1.1; letter-spacing: -0.036em; text-wrap: balance; } .sar-install__direct-answer { max-width: 930px; margin: 20px auto 0; color: var(--sar-install-dark); font-size: clamp(17px, 1.55vw, 20px); font-weight: 700; line-height: 1.67; } .sar-install__intro { max-width: 890px; margin: 15px auto 0; color: var(--sar-install-muted); font-size: 15px; line-height: 1.72; } .sar-install__label, .sar-install__comparison-label, .sar-install__cta-label { margin: 0 0 8px; color: var(--sar-install-orange); font-size: 10px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-install__subtitle { margin: 0; color: var(--sar-install-deep); font-size: clamp(24px, 3vw, 37px); font-weight: 900; line-height: 1.18; letter-spacing: -0.028em; text-wrap: balance; } .sar-install__answer { margin: 15px 0 0; color: var(--sar-install-dark); font-size: 15px; font-weight: 650; line-height: 1.7; } .sar-install__main { display: grid; grid-template-columns: minmax(0, 0.94fr) minmax(0, 1.06fr); gap: clamp(28px, 5vw, 54px); align-items: start; padding: clamp(28px, 5vw, 50px); border-radius: 24px; background: linear-gradient( 135deg, var(--sar-install-deep), var(--sar-install-dark) ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.18); } .sar-install__main .sar-install__label { color: #88e6ee; } .sar-install__main .sar-install__subtitle { color: var(--sar-install-white); } .sar-install__main .sar-install__answer { color: rgba(255, 255, 255, 0.94); } .sar-install__copy > p:not( .sar-install__label, .sar-install__answer ) { margin: 15px 0 0; color: rgba(255, 255, 255, 0.84); font-size: 14px; line-height: 1.7; } .sar-install__notice { display: flex; gap: 11px; align-items: flex-start; margin-top: 20px; padding: 14px; border: 1px solid rgba(245, 130, 32, 0.3); border-radius: 14px; background: rgba(245, 130, 32, 0.1); } .sar-install__notice > span { display: grid; flex: 0 0 auto; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: var(--sar-install-orange); color: var(--sar-install-white); font-weight: 900; } .sar-install__notice p { margin: 0; color: rgba(255, 255, 255, 0.94); font-size: 12px; font-weight: 700; line-height: 1.55; } .sar-install__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .sar-install__grid article { min-width: 0; padding: 17px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; background: rgba(255, 255, 255, 0.97); } .sar-install__grid article > span { display: grid; place-items: center; width: 30px; height: 30px; margin-bottom: 10px; border-radius: 9px; background: var(--sar-install-teal); color: var(--sar-install-white); font-size: 9px; font-weight: 900; } .sar-install__grid h5 { margin: 0; color: var(--sar-install-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-install__grid p { margin: 6px 0 0; color: var(--sar-install-muted); font-size: 12px; line-height: 1.56; } .sar-install__comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: clamp(40px, 6vw, 66px); } .sar-install__comparison-card { padding: clamp(23px, 3vw, 32px); border: 1px solid var(--sar-install-border); border-top: 5px solid var(--sar-install-green); border-radius: 20px; background: var(--sar-install-light); box-shadow: 0 12px 34px rgba(4, 45, 54, 0.06); } .sar-install__comparison-card--complex { border-top-color: var(--sar-install-orange); background: var(--sar-install-cream); } .sar-install__comparison-card h4 { margin: 0; color: var(--sar-install-dark); font-size: clamp(21px, 2.4vw, 28px); font-weight: 900; line-height: 1.25; } .sar-install__comparison-card p:not(.sar-install__comparison-label) { margin: 10px 0 0; color: var(--sar-install-muted); font-size: 13px; line-height: 1.62; } .sar-install__check { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(300px, 0.7fr); gap: clamp(28px, 5vw, 52px); align-items: center; margin-top: clamp(40px, 6vw, 66px); padding: clamp(27px, 5vw, 46px); border: 1px solid var(--sar-install-border); border-radius: 23px; background: var(--sar-install-cream); } .sar-install__list { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; } .sar-install__list li { display: flex; gap: 9px; align-items: flex-start; padding: 13px 14px; border: 1px solid rgba(46, 155, 103, 0.14); border-radius: 12px; background: var(--sar-install-white); color: var(--sar-install-dark); font-size: 13px; font-weight: 700; line-height: 1.5; } .sar-install__list span { display: grid; flex: 0 0 auto; place-items: center; width: 21px; height: 21px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-install-green); font-size: 10px; font-weight: 900; } .sar-install__answers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 24px; } .sar-install__answers article { min-width: 0; padding: 20px; border: 1px solid var(--sar-install-border); border-radius: 16px; background: var(--sar-install-light); } .sar-install__answers h4 { margin: 0; color: var(--sar-install-dark); font-size: 16px; font-weight: 900; line-height: 1.35; } .sar-install__answers p { margin: 8px 0 0; color: var(--sar-install-muted); font-size: 13px; line-height: 1.6; } .sar-install__cta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, 310px); gap: 32px; align-items: center; margin-top: clamp(40px, 6vw, 66px); padding: clamp(28px, 5vw, 48px); border-radius: 24px; background: linear-gradient( 132deg, var(--sar-install-deep), var(--sar-install-dark) 68%, #07596a ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.18); } .sar-install__cta-label { color: #86e4ec; } .sar-install__cta-title { margin: 0; color: var(--sar-install-white); font-size: clamp(24px, 3vw, 36px); font-weight: 900; line-height: 1.18; letter-spacing: -0.027em; text-wrap: balance; } .sar-install__cta-text { margin: 13px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 14px; line-height: 1.68; } .sar-install__cta-actions { display: grid; gap: 10px; } .sar-install__button { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 52px; padding: 12px 16px; border: 2px solid transparent; border-radius: 12px; font-size: 13px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease; } .sar-install__button:hover { transform: translateY(-2px); } .sar-install__button:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; } .sar-install__button--primary { background: var(--sar-install-orange); color: var(--sar-install-white); } .sar-install__button--primary:hover { background: var(--sar-install-orange-dark); } .sar-install__button--whatsapp { background: var(--sar-install-green); color: var(--sar-install-white); } .sar-install__button--whatsapp:hover { background: var(--sar-install-green-dark); } .sar-install__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-install-white); } .sar-install__button--phone:hover { border-color: rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.15); } .sar-install__button span { display: grid; gap: 1px; } .sar-install__button strong { font-size: 14px; font-weight: 900; } @media (max-width: 1000px) { .sar-install__main, .sar-install__check, .sar-install__cta { grid-template-columns: 1fr; } .sar-install__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 760px) { .sar-install__grid, .sar-install__comparison, .sar-install__answers, .sar-install__cta-actions { grid-template-columns: 1fr; } } @media (max-width: 680px) { #finiture-impianti-complessita-posa-isolamento-acustico-roma { padding: 52px 0; } .sar-install__container { width: min(100% - 28px, 1160px); } .sar-install__header { margin-bottom: 30px; text-align: left; } .sar-install__eyebrow { font-size: 9px; } .sar-install__title { font-size: clamp(29px, 9vw, 40px); } .sar-install__direct-answer { font-size: 16px; line-height: 1.62; } .sar-install__main, .sar-install__check { padding: 24px 18px; border-radius: 19px; } .sar-install__comparison, .sar-install__check, .sar-install__cta { margin-top: 36px; } .sar-install__comparison-card { padding: 22px 18px; border-radius: 18px; } .sar-install__cta { padding: 25px 18px; border-radius: 19px; } } @media (prefers-reduced-motion: reduce) { .sar-install__button { transition: none; } .sar-install__button:hover { transform: none; } }#imCell_58 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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; } #quale-risultato-si-puo-ottenere-isolamento-acustico-roma { --sar-outcome-dark: #073b46; --sar-outcome-deep: #042d36; --sar-outcome-teal: #008fa3; --sar-outcome-orange: #f58220; --sar-outcome-orange-dark: #d96813; --sar-outcome-green: #2e9b67; --sar-outcome-green-dark: #237c52; --sar-outcome-white: #ffffff; --sar-outcome-cream: #fff8ed; --sar-outcome-light: #eefafd; --sar-outcome-text: #18343b; --sar-outcome-muted: #587078; --sar-outcome-border: rgba(7, 59, 70, 0.13); width: 100%; padding: clamp(64px, 8vw, 98px) 0; overflow: hidden; background: radial-gradient( circle at 100% 5%, rgba(22, 191, 208, 0.08), transparent 29% ), linear-gradient(180deg, #ffffff 0%, #f7fcfd 100%); color: var(--sar-outcome-text); } #quale-risultato-si-puo-ottenere-isolamento-acustico-roma, #quale-risultato-si-puo-ottenere-isolamento-acustico-roma *, #quale-risultato-si-puo-ottenere-isolamento-acustico-roma *::before, #quale-risultato-si-puo-ottenere-isolamento-acustico-roma *::after { box-sizing: border-box; } .sar-outcome__container { width: min(100% - 40px, 1160px); margin-inline: auto; } .sar-outcome__header { max-width: 980px; margin: 0 auto 40px; text-align: center; } .sar-outcome__eyebrow { display: inline-flex; margin: 0 0 14px; padding: 7px 13px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-outcome-teal); font-size: 10px; font-weight: 850; line-height: 1.35; letter-spacing: 0.06em; text-transform: uppercase; } .sar-outcome__title { margin: 0; color: var(--sar-outcome-deep); font-size: clamp(34px, 4.6vw, 56px); font-weight: 900; line-height: 1.08; letter-spacing: -0.04em; text-wrap: balance; } .sar-outcome__direct-answer { max-width: 940px; margin: 22px auto 0; color: var(--sar-outcome-dark); font-size: clamp(18px, 1.6vw, 21px); font-weight: 700; line-height: 1.66; } .sar-outcome__intro { max-width: 900px; margin: 16px auto 0; color: var(--sar-outcome-muted); font-size: 15px; line-height: 1.72; } .sar-outcome__label, .sar-outcome__card-label, .sar-outcome__cta-label { margin: 0 0 8px; color: var(--sar-outcome-orange); font-size: 10px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-outcome__subtitle { margin: 0; color: var(--sar-outcome-deep); font-size: clamp(25px, 3vw, 38px); font-weight: 900; line-height: 1.18; letter-spacing: -0.028em; text-wrap: balance; } .sar-outcome__answer { margin: 15px 0 0; color: var(--sar-outcome-dark); font-size: 15px; font-weight: 650; line-height: 1.7; } .sar-outcome__main { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); gap: clamp(28px, 5vw, 54px); align-items: start; padding: clamp(29px, 5vw, 50px); border-radius: 24px; background: linear-gradient( 135deg, var(--sar-outcome-deep), var(--sar-outcome-dark) ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.18); } .sar-outcome__main .sar-outcome__label { color: #88e6ee; } .sar-outcome__main .sar-outcome__subtitle { color: var(--sar-outcome-white); } .sar-outcome__main .sar-outcome__answer { color: rgba(255, 255, 255, 0.94); } .sar-outcome__copy > p:not( .sar-outcome__label, .sar-outcome__answer ) { margin: 15px 0 0; color: rgba(255, 255, 255, 0.84); font-size: 14px; line-height: 1.7; } .sar-outcome__notice { display: flex; gap: 11px; align-items: flex-start; margin-top: 20px; padding: 14px; border: 1px solid rgba(245, 130, 32, 0.3); border-radius: 14px; background: rgba(245, 130, 32, 0.1); } .sar-outcome__notice > span { display: grid; flex: 0 0 auto; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: var(--sar-outcome-orange); color: var(--sar-outcome-white); font-weight: 900; } .sar-outcome__notice p { margin: 0; color: rgba(255, 255, 255, 0.94); font-size: 12px; font-weight: 700; line-height: 1.55; } .sar-outcome__factors { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .sar-outcome__factors article { display: flex; gap: 11px; align-items: flex-start; min-width: 0; padding: 16px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; background: rgba(255, 255, 255, 0.97); } .sar-outcome__factors article > span { display: grid; flex: 0 0 auto; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: var(--sar-outcome-teal); color: var(--sar-outcome-white); font-size: 9px; font-weight: 900; } .sar-outcome__factors h4 { margin: 0; color: var(--sar-outcome-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-outcome__factors p { margin: 5px 0 0; color: var(--sar-outcome-muted); font-size: 12px; line-height: 1.56; } .sar-outcome__comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: clamp(40px, 6vw, 66px); } .sar-outcome__card { display: flex; min-width: 0; flex-direction: column; padding: clamp(23px, 3vw, 32px); border: 1px solid var(--sar-outcome-border); border-top: 5px solid var(--sar-outcome-teal); border-radius: 20px; background: var(--sar-outcome-light); box-shadow: 0 12px 34px rgba(4, 45, 54, 0.06); } .sar-outcome__card--full { border-top-color: var(--sar-outcome-green); background: var(--sar-outcome-cream); } .sar-outcome__card h3 { margin: 0; color: var(--sar-outcome-dark); font-size: clamp(21px, 2.4vw, 28px); font-weight: 900; line-height: 1.25; } .sar-outcome__card > p:not(.sar-outcome__card-label) { margin: 10px 0 0; color: var(--sar-outcome-muted); font-size: 13px; line-height: 1.62; } .sar-outcome__card ul { display: grid; gap: 9px; margin: 18px 0 0; padding: 0; list-style: none; } .sar-outcome__card li { display: flex; gap: 9px; align-items: flex-start; color: var(--sar-outcome-dark); font-size: 13px; font-weight: 700; line-height: 1.52; } .sar-outcome__card li > span { display: grid; flex: 0 0 auto; place-items: center; width: 21px; height: 21px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-outcome-green); font-size: 10px; font-weight: 900; } .sar-outcome__card a { display: inline-flex; align-self: flex-start; margin-top: auto; padding-top: 17px; color: var(--sar-outcome-teal); font-size: 12px; font-weight: 850; line-height: 1.45; text-decoration: none; } .sar-outcome__card a:hover { text-decoration: underline; text-underline-offset: 4px; } .sar-outcome__clarity { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(300px, 0.7fr); gap: clamp(28px, 5vw, 52px); align-items: center; margin-top: clamp(40px, 6vw, 66px); padding: clamp(27px, 5vw, 46px); border: 1px solid var(--sar-outcome-border); border-radius: 23px; background: var(--sar-outcome-cream); } .sar-outcome__list { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; } .sar-outcome__list li { display: flex; gap: 9px; align-items: flex-start; padding: 13px 14px; border: 1px solid rgba(46, 155, 103, 0.14); border-radius: 12px; background: var(--sar-outcome-white); color: var(--sar-outcome-dark); font-size: 13px; font-weight: 700; line-height: 1.5; } .sar-outcome__list span { display: grid; flex: 0 0 auto; place-items: center; width: 21px; height: 21px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-outcome-green); font-size: 10px; font-weight: 900; } .sar-outcome__answers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 24px; } .sar-outcome__answers article { min-width: 0; padding: 20px; border: 1px solid var(--sar-outcome-border); border-radius: 16px; background: var(--sar-outcome-light); } .sar-outcome__answers h3 { margin: 0; color: var(--sar-outcome-dark); font-size: 16px; font-weight: 900; line-height: 1.35; } .sar-outcome__answers p { margin: 8px 0 0; color: var(--sar-outcome-muted); font-size: 13px; line-height: 1.6; } .sar-outcome__cta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, 310px); gap: 32px; align-items: center; margin-top: clamp(40px, 6vw, 66px); padding: clamp(28px, 5vw, 48px); border-radius: 24px; background: linear-gradient( 132deg, var(--sar-outcome-deep), var(--sar-outcome-dark) 68%, #07596a ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.18); } .sar-outcome__cta-label { color: #86e4ec; } .sar-outcome__cta-title { margin: 0; color: var(--sar-outcome-white); font-size: clamp(24px, 3vw, 36px); font-weight: 900; line-height: 1.18; letter-spacing: -0.027em; text-wrap: balance; } .sar-outcome__cta-text { margin: 13px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 14px; line-height: 1.68; } .sar-outcome__cta-actions { display: grid; gap: 10px; } .sar-outcome__button { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 52px; padding: 12px 16px; border: 2px solid transparent; border-radius: 12px; font-size: 13px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease; } .sar-outcome__button:hover { transform: translateY(-2px); } .sar-outcome__button:focus-visible, .sar-outcome__card a:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; } .sar-outcome__button--primary { background: var(--sar-outcome-orange); color: var(--sar-outcome-white); } .sar-outcome__button--primary:hover { background: var(--sar-outcome-orange-dark); } .sar-outcome__button--whatsapp { background: var(--sar-outcome-green); color: var(--sar-outcome-white); } .sar-outcome__button--whatsapp:hover { background: var(--sar-outcome-green-dark); } .sar-outcome__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-outcome-white); } .sar-outcome__button--phone:hover { border-color: rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.15); } .sar-outcome__button span { display: grid; gap: 1px; } .sar-outcome__button strong { font-size: 14px; font-weight: 900; } @media (max-width: 1000px) { .sar-outcome__main, .sar-outcome__clarity, .sar-outcome__cta { grid-template-columns: 1fr; } .sar-outcome__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 760px) { .sar-outcome__factors, .sar-outcome__comparison, .sar-outcome__answers, .sar-outcome__cta-actions { grid-template-columns: 1fr; } } @media (max-width: 680px) { #quale-risultato-si-puo-ottenere-isolamento-acustico-roma { padding: 54px 0; } .sar-outcome__container { width: min(100% - 28px, 1160px); } .sar-outcome__header { margin-bottom: 31px; text-align: left; } .sar-outcome__eyebrow { font-size: 9px; } .sar-outcome__title { font-size: clamp(31px, 9vw, 43px); } .sar-outcome__direct-answer { font-size: 17px; line-height: 1.62; } .sar-outcome__main, .sar-outcome__clarity { padding: 24px 18px; border-radius: 19px; } .sar-outcome__comparison, .sar-outcome__clarity, .sar-outcome__cta { margin-top: 36px; } .sar-outcome__card { padding: 22px 18px; border-radius: 18px; } .sar-outcome__cta { padding: 25px 18px; border-radius: 19px; } } @media (prefers-reduced-motion: reduce) { .sar-outcome__button { transition: none; } .sar-outcome__button:hover { transform: none; } }#imCell_59 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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; } #differenza-laboratorio-risultato-abitazione-roma { --sar-labreal-dark: #073b46; --sar-labreal-deep: #042d36; --sar-labreal-teal: #008fa3; --sar-labreal-orange: #f58220; --sar-labreal-orange-dark: #d96813; --sar-labreal-green: #2e9b67; --sar-labreal-green-dark: #237c52; --sar-labreal-white: #ffffff; --sar-labreal-cream: #fff8ed; --sar-labreal-light: #eefafd; --sar-labreal-text: #18343b; --sar-labreal-muted: #587078; --sar-labreal-border: rgba(7, 59, 70, 0.13); width: 100%; padding: clamp(58px, 7vw, 90px) 0; overflow: hidden; background: radial-gradient( circle at 100% 4%, rgba(22, 191, 208, 0.08), transparent 28% ), linear-gradient(180deg, #ffffff 0%, #f7fcfd 100%); color: var(--sar-labreal-text); } #differenza-laboratorio-risultato-abitazione-roma, #differenza-laboratorio-risultato-abitazione-roma *, #differenza-laboratorio-risultato-abitazione-roma *::before, #differenza-laboratorio-risultato-abitazione-roma *::after { box-sizing: border-box; } .sar-labreal__container { width: min(100% - 40px, 1160px); margin-inline: auto; } .sar-labreal__header { max-width: 960px; margin: 0 auto 38px; text-align: center; } .sar-labreal__eyebrow { display: inline-flex; margin: 0 0 14px; padding: 7px 13px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-labreal-teal); font-size: 10px; font-weight: 850; line-height: 1.35; letter-spacing: 0.06em; text-transform: uppercase; } .sar-labreal__title { margin: 0; color: var(--sar-labreal-deep); font-size: clamp(30px, 4vw, 48px); font-weight: 900; line-height: 1.1; letter-spacing: -0.036em; text-wrap: balance; } .sar-labreal__direct-answer { max-width: 930px; margin: 20px auto 0; color: var(--sar-labreal-dark); font-size: clamp(17px, 1.55vw, 20px); font-weight: 700; line-height: 1.67; } .sar-labreal__intro { max-width: 890px; margin: 15px auto 0; color: var(--sar-labreal-muted); font-size: 15px; line-height: 1.72; } .sar-labreal__label, .sar-labreal__cta-label { margin: 0 0 8px; color: var(--sar-labreal-orange); font-size: 10px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-labreal__subtitle { margin: 0; color: var(--sar-labreal-deep); font-size: clamp(24px, 3vw, 37px); font-weight: 900; line-height: 1.18; letter-spacing: -0.028em; text-wrap: balance; } .sar-labreal__answer { margin: 15px 0 0; color: var(--sar-labreal-dark); font-size: 15px; font-weight: 650; line-height: 1.7; } .sar-labreal__main { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); gap: clamp(28px, 5vw, 54px); align-items: start; padding: clamp(28px, 5vw, 50px); border-radius: 24px; background: linear-gradient( 135deg, var(--sar-labreal-deep), var(--sar-labreal-dark) ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.18); } .sar-labreal__main .sar-labreal__label { color: #88e6ee; } .sar-labreal__main .sar-labreal__subtitle { color: var(--sar-labreal-white); } .sar-labreal__main .sar-labreal__answer { color: rgba(255, 255, 255, 0.94); } .sar-labreal__copy > p:not( .sar-labreal__label, .sar-labreal__answer ) { margin: 15px 0 0; color: rgba(255, 255, 255, 0.84); font-size: 14px; line-height: 1.7; } .sar-labreal__notice { display: flex; gap: 11px; align-items: flex-start; margin-top: 20px; padding: 14px; border: 1px solid rgba(245, 130, 32, 0.3); border-radius: 14px; background: rgba(245, 130, 32, 0.1); } .sar-labreal__notice > span { display: grid; flex: 0 0 auto; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: var(--sar-labreal-orange); color: var(--sar-labreal-white); font-weight: 900; } .sar-labreal__notice p { margin: 0; color: rgba(255, 255, 255, 0.94); font-size: 12px; font-weight: 700; line-height: 1.55; } .sar-labreal__comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .sar-labreal__comparison article { min-width: 0; padding: 17px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; background: rgba(255, 255, 255, 0.97); } .sar-labreal__tag { display: inline-flex; margin-bottom: 10px; padding: 6px 9px; border-radius: 8px; background: rgba(0, 143, 163, 0.09); color: var(--sar-labreal-teal); font-size: 9px; font-weight: 900; letter-spacing: 0.055em; text-transform: uppercase; } .sar-labreal__comparison h5, .sar-labreal__factors-grid h5 { margin: 0; color: var(--sar-labreal-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-labreal__comparison p, .sar-labreal__factors-grid p { margin: 6px 0 0; color: var(--sar-labreal-muted); font-size: 12px; line-height: 1.56; } .sar-labreal__factors { margin-top: clamp(40px, 6vw, 66px); } .sar-labreal__factors-heading { max-width: 900px; margin-bottom: 24px; } .sar-labreal__factors-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; } .sar-labreal__factors-grid article { min-width: 0; padding: 20px 17px; border: 1px solid var(--sar-labreal-border); border-radius: 17px; background: var(--sar-labreal-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-labreal__factors-grid article > span { display: grid; place-items: center; width: 31px; height: 31px; margin-bottom: 11px; border-radius: 9px; background: var(--sar-labreal-dark); color: var(--sar-labreal-white); font-size: 9px; font-weight: 900; } .sar-labreal__project { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(300px, 0.7fr); gap: clamp(28px, 5vw, 52px); align-items: center; margin-top: clamp(40px, 6vw, 66px); padding: clamp(27px, 5vw, 46px); border: 1px solid var(--sar-labreal-border); border-radius: 23px; background: var(--sar-labreal-cream); } .sar-labreal__list { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; } .sar-labreal__list li { display: flex; gap: 9px; align-items: flex-start; padding: 13px 14px; border: 1px solid rgba(46, 155, 103, 0.14); border-radius: 12px; background: var(--sar-labreal-white); color: var(--sar-labreal-dark); font-size: 13px; font-weight: 700; line-height: 1.5; } .sar-labreal__list span { display: grid; flex: 0 0 auto; place-items: center; width: 21px; height: 21px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-labreal-green); font-size: 10px; font-weight: 900; } .sar-labreal__answers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 24px; } .sar-labreal__answers article { min-width: 0; padding: 20px; border: 1px solid var(--sar-labreal-border); border-radius: 16px; background: var(--sar-labreal-light); } .sar-labreal__answers h4 { margin: 0; color: var(--sar-labreal-dark); font-size: 16px; font-weight: 900; line-height: 1.35; } .sar-labreal__answers p { margin: 8px 0 0; color: var(--sar-labreal-muted); font-size: 13px; line-height: 1.6; } .sar-labreal__cta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, 310px); gap: 32px; align-items: center; margin-top: clamp(40px, 6vw, 66px); padding: clamp(28px, 5vw, 48px); border-radius: 24px; background: linear-gradient( 132deg, var(--sar-labreal-deep), var(--sar-labreal-dark) 68%, #07596a ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.18); } .sar-labreal__cta-label { color: #86e4ec; } .sar-labreal__cta-title { margin: 0; color: var(--sar-labreal-white); font-size: clamp(24px, 3vw, 36px); font-weight: 900; line-height: 1.18; letter-spacing: -0.027em; text-wrap: balance; } .sar-labreal__cta-text { margin: 13px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 14px; line-height: 1.68; } .sar-labreal__cta-actions { display: grid; gap: 10px; } .sar-labreal__button { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 52px; padding: 12px 16px; border: 2px solid transparent; border-radius: 12px; font-size: 13px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease; } .sar-labreal__button:hover { transform: translateY(-2px); } .sar-labreal__button:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; } .sar-labreal__button--primary { background: var(--sar-labreal-orange); color: var(--sar-labreal-white); } .sar-labreal__button--primary:hover { background: var(--sar-labreal-orange-dark); } .sar-labreal__button--whatsapp { background: var(--sar-labreal-green); color: var(--sar-labreal-white); } .sar-labreal__button--whatsapp:hover { background: var(--sar-labreal-green-dark); } .sar-labreal__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-labreal-white); } .sar-labreal__button--phone:hover { border-color: rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.15); } .sar-labreal__button span { display: grid; gap: 1px; } .sar-labreal__button strong { font-size: 14px; font-weight: 900; } @media (max-width: 1000px) { .sar-labreal__main, .sar-labreal__project, .sar-labreal__cta { grid-template-columns: 1fr; } .sar-labreal__factors-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-labreal__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 760px) { .sar-labreal__comparison, .sar-labreal__factors-grid, .sar-labreal__answers, .sar-labreal__cta-actions { grid-template-columns: 1fr; } } @media (max-width: 680px) { #differenza-laboratorio-risultato-abitazione-roma { padding: 52px 0; } .sar-labreal__container { width: min(100% - 28px, 1160px); } .sar-labreal__header { margin-bottom: 30px; text-align: left; } .sar-labreal__eyebrow { font-size: 9px; } .sar-labreal__title { font-size: clamp(29px, 9vw, 40px); } .sar-labreal__direct-answer { font-size: 16px; line-height: 1.62; } .sar-labreal__main, .sar-labreal__project { padding: 24px 18px; border-radius: 19px; } .sar-labreal__factors, .sar-labreal__project, .sar-labreal__cta { margin-top: 36px; } .sar-labreal__cta { padding: 25px 18px; border-radius: 19px; } } @media (prefers-reduced-motion: reduce) { .sar-labreal__button { transition: none; } .sar-labreal__button:hover { transform: none; } }#imCell_60 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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; } #decibel-materiale-isolamento-acustico-roma { --sar-dbclaim-dark: #073b46; --sar-dbclaim-deep: #042d36; --sar-dbclaim-teal: #008fa3; --sar-dbclaim-orange: #f58220; --sar-dbclaim-orange-dark: #d96813; --sar-dbclaim-green: #2e9b67; --sar-dbclaim-green-dark: #237c52; --sar-dbclaim-white: #ffffff; --sar-dbclaim-cream: #fff8ed; --sar-dbclaim-light: #eefafd; --sar-dbclaim-text: #18343b; --sar-dbclaim-muted: #587078; --sar-dbclaim-border: rgba(7, 59, 70, 0.13); width: 100%; padding: clamp(58px, 7vw, 90px) 0; overflow: hidden; background: radial-gradient( circle at 100% 4%, rgba(22, 191, 208, 0.08), transparent 28% ), linear-gradient(180deg, #ffffff 0%, #f7fcfd 100%); color: var(--sar-dbclaim-text); } #decibel-materiale-isolamento-acustico-roma, #decibel-materiale-isolamento-acustico-roma *, #decibel-materiale-isolamento-acustico-roma *::before, #decibel-materiale-isolamento-acustico-roma *::after { box-sizing: border-box; } .sar-dbclaim__container { width: min(100% - 40px, 1160px); margin-inline: auto; } .sar-dbclaim__header { max-width: 960px; margin: 0 auto 38px; text-align: center; } .sar-dbclaim__eyebrow { display: inline-flex; margin: 0 0 14px; padding: 7px 13px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-dbclaim-teal); font-size: 10px; font-weight: 850; line-height: 1.35; letter-spacing: 0.06em; text-transform: uppercase; } .sar-dbclaim__title { margin: 0; color: var(--sar-dbclaim-deep); font-size: clamp(30px, 4vw, 48px); font-weight: 900; line-height: 1.1; letter-spacing: -0.036em; text-wrap: balance; } .sar-dbclaim__direct-answer { max-width: 930px; margin: 20px auto 0; color: var(--sar-dbclaim-dark); font-size: clamp(17px, 1.55vw, 20px); font-weight: 700; line-height: 1.67; } .sar-dbclaim__intro { max-width: 890px; margin: 15px auto 0; color: var(--sar-dbclaim-muted); font-size: 15px; line-height: 1.72; } .sar-dbclaim__label, .sar-dbclaim__cta-label { margin: 0 0 8px; color: var(--sar-dbclaim-orange); font-size: 10px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-dbclaim__subtitle { margin: 0; color: var(--sar-dbclaim-deep); font-size: clamp(24px, 3vw, 37px); font-weight: 900; line-height: 1.18; letter-spacing: -0.028em; text-wrap: balance; } .sar-dbclaim__answer { margin: 15px 0 0; color: var(--sar-dbclaim-dark); font-size: 15px; font-weight: 650; line-height: 1.7; } .sar-dbclaim__main { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); gap: clamp(28px, 5vw, 54px); align-items: start; padding: clamp(28px, 5vw, 50px); border-radius: 24px; background: linear-gradient( 135deg, var(--sar-dbclaim-deep), var(--sar-dbclaim-dark) ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.18); } .sar-dbclaim__main .sar-dbclaim__label { color: #88e6ee; } .sar-dbclaim__main .sar-dbclaim__subtitle { color: var(--sar-dbclaim-white); } .sar-dbclaim__main .sar-dbclaim__answer { color: rgba(255, 255, 255, 0.94); } .sar-dbclaim__copy > p:not( .sar-dbclaim__label, .sar-dbclaim__answer ) { margin: 15px 0 0; color: rgba(255, 255, 255, 0.84); font-size: 14px; line-height: 1.7; } .sar-dbclaim__notice { display: flex; gap: 11px; align-items: flex-start; margin-top: 20px; padding: 14px; border: 1px solid rgba(245, 130, 32, 0.3); border-radius: 14px; background: rgba(245, 130, 32, 0.1); } .sar-dbclaim__notice > span { display: grid; flex: 0 0 auto; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: var(--sar-dbclaim-orange); color: var(--sar-dbclaim-white); font-weight: 900; } .sar-dbclaim__notice p { margin: 0; color: rgba(255, 255, 255, 0.94); font-size: 12px; font-weight: 700; line-height: 1.55; } .sar-dbclaim__comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .sar-dbclaim__comparison article { min-width: 0; padding: 17px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; background: rgba(255, 255, 255, 0.97); } .sar-dbclaim__tag { display: inline-flex; margin-bottom: 10px; padding: 6px 9px; border-radius: 8px; background: rgba(0, 143, 163, 0.09); color: var(--sar-dbclaim-teal); font-size: 9px; font-weight: 900; letter-spacing: 0.055em; text-transform: uppercase; } .sar-dbclaim__comparison h5, .sar-dbclaim__factors-grid h5 { margin: 0; color: var(--sar-dbclaim-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-dbclaim__comparison p, .sar-dbclaim__factors-grid p { margin: 6px 0 0; color: var(--sar-dbclaim-muted); font-size: 12px; line-height: 1.56; } .sar-dbclaim__factors { margin-top: clamp(40px, 6vw, 66px); } .sar-dbclaim__factors-heading { max-width: 900px; margin-bottom: 24px; } .sar-dbclaim__factors-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; } .sar-dbclaim__factors-grid article { min-width: 0; padding: 20px 17px; border: 1px solid var(--sar-dbclaim-border); border-radius: 17px; background: var(--sar-dbclaim-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-dbclaim__factors-grid article > span { display: grid; place-items: center; width: 31px; height: 31px; margin-bottom: 11px; border-radius: 9px; background: var(--sar-dbclaim-dark); color: var(--sar-dbclaim-white); font-size: 9px; font-weight: 900; } .sar-dbclaim__method { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(300px, 0.7fr); gap: clamp(28px, 5vw, 52px); align-items: center; margin-top: clamp(40px, 6vw, 66px); padding: clamp(27px, 5vw, 46px); border: 1px solid var(--sar-dbclaim-border); border-radius: 23px; background: var(--sar-dbclaim-cream); } .sar-dbclaim__list { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; } .sar-dbclaim__list li { display: flex; gap: 9px; align-items: flex-start; padding: 13px 14px; border: 1px solid rgba(46, 155, 103, 0.14); border-radius: 12px; background: var(--sar-dbclaim-white); color: var(--sar-dbclaim-dark); font-size: 13px; font-weight: 700; line-height: 1.5; } .sar-dbclaim__list span { display: grid; flex: 0 0 auto; place-items: center; width: 21px; height: 21px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-dbclaim-green); font-size: 10px; font-weight: 900; } .sar-dbclaim__answers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 24px; } .sar-dbclaim__answers article { min-width: 0; padding: 20px; border: 1px solid var(--sar-dbclaim-border); border-radius: 16px; background: var(--sar-dbclaim-light); } .sar-dbclaim__answers h4 { margin: 0; color: var(--sar-dbclaim-dark); font-size: 16px; font-weight: 900; line-height: 1.35; } .sar-dbclaim__answers p { margin: 8px 0 0; color: var(--sar-dbclaim-muted); font-size: 13px; line-height: 1.6; } .sar-dbclaim__cta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, 310px); gap: 32px; align-items: center; margin-top: clamp(40px, 6vw, 66px); padding: clamp(28px, 5vw, 48px); border-radius: 24px; background: linear-gradient( 132deg, var(--sar-dbclaim-deep), var(--sar-dbclaim-dark) 68%, #07596a ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.18); } .sar-dbclaim__cta-label { color: #86e4ec; } .sar-dbclaim__cta-title { margin: 0; color: var(--sar-dbclaim-white); font-size: clamp(24px, 3vw, 36px); font-weight: 900; line-height: 1.18; letter-spacing: -0.027em; text-wrap: balance; } .sar-dbclaim__cta-text { margin: 13px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 14px; line-height: 1.68; } .sar-dbclaim__cta-actions { display: grid; gap: 10px; } .sar-dbclaim__button { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 52px; padding: 12px 16px; border: 2px solid transparent; border-radius: 12px; font-size: 13px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease; } .sar-dbclaim__button:hover { transform: translateY(-2px); } .sar-dbclaim__button:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; } .sar-dbclaim__button--primary { background: var(--sar-dbclaim-orange); color: var(--sar-dbclaim-white); } .sar-dbclaim__button--primary:hover { background: var(--sar-dbclaim-orange-dark); } .sar-dbclaim__button--whatsapp { background: var(--sar-dbclaim-green); color: var(--sar-dbclaim-white); } .sar-dbclaim__button--whatsapp:hover { background: var(--sar-dbclaim-green-dark); } .sar-dbclaim__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-dbclaim-white); } .sar-dbclaim__button--phone:hover { border-color: rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.15); } .sar-dbclaim__button span { display: grid; gap: 1px; } .sar-dbclaim__button strong { font-size: 14px; font-weight: 900; } @media (max-width: 1000px) { .sar-dbclaim__main, .sar-dbclaim__method, .sar-dbclaim__cta { grid-template-columns: 1fr; } .sar-dbclaim__factors-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-dbclaim__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 760px) { .sar-dbclaim__comparison, .sar-dbclaim__factors-grid, .sar-dbclaim__answers, .sar-dbclaim__cta-actions { grid-template-columns: 1fr; } } @media (max-width: 680px) { #decibel-materiale-isolamento-acustico-roma { padding: 52px 0; } .sar-dbclaim__container { width: min(100% - 28px, 1160px); } .sar-dbclaim__header { margin-bottom: 30px; text-align: left; } .sar-dbclaim__eyebrow { font-size: 9px; } .sar-dbclaim__title { font-size: clamp(29px, 9vw, 40px); } .sar-dbclaim__direct-answer { font-size: 16px; line-height: 1.62; } .sar-dbclaim__main, .sar-dbclaim__method { padding: 24px 18px; border-radius: 19px; } .sar-dbclaim__factors, .sar-dbclaim__method, .sar-dbclaim__cta { margin-top: 36px; } .sar-dbclaim__cta { padding: 25px 18px; border-radius: 19px; } } @media (prefers-reduced-motion: reduce) { .sar-dbclaim__button { transition: none; } .sar-dbclaim__button:hover { transform: none; } }#imCell_61 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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; } #ruolo-posa-raccordi-isolamento-acustico-roma { --sar-jointfit-dark: #073b46; --sar-jointfit-deep: #042d36; --sar-jointfit-teal: #008fa3; --sar-jointfit-orange: #f58220; --sar-jointfit-orange-dark: #d96813; --sar-jointfit-green: #2e9b67; --sar-jointfit-green-dark: #237c52; --sar-jointfit-red: #bd5648; --sar-jointfit-white: #ffffff; --sar-jointfit-cream: #fff8ed; --sar-jointfit-light: #eefafd; --sar-jointfit-text: #18343b; --sar-jointfit-muted: #587078; --sar-jointfit-border: rgba(7, 59, 70, 0.13); width: 100%; padding: clamp(58px, 7vw, 90px) 0; overflow: hidden; background: radial-gradient( circle at 100% 4%, rgba(22, 191, 208, 0.08), transparent 28% ), linear-gradient(180deg, #ffffff 0%, #f7fcfd 100%); color: var(--sar-jointfit-text); } #ruolo-posa-raccordi-isolamento-acustico-roma, #ruolo-posa-raccordi-isolamento-acustico-roma *, #ruolo-posa-raccordi-isolamento-acustico-roma *::before, #ruolo-posa-raccordi-isolamento-acustico-roma *::after { box-sizing: border-box; } .sar-jointfit__container { width: min(100% - 40px, 1160px); margin-inline: auto; } .sar-jointfit__header { max-width: 960px; margin: 0 auto 38px; text-align: center; } .sar-jointfit__eyebrow { display: inline-flex; margin: 0 0 14px; padding: 7px 13px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-jointfit-teal); font-size: 10px; font-weight: 850; line-height: 1.35; letter-spacing: 0.06em; text-transform: uppercase; } .sar-jointfit__title { margin: 0; color: var(--sar-jointfit-deep); font-size: clamp(30px, 4vw, 48px); font-weight: 900; line-height: 1.1; letter-spacing: -0.036em; text-wrap: balance; } .sar-jointfit__direct-answer { max-width: 930px; margin: 20px auto 0; color: var(--sar-jointfit-dark); font-size: clamp(17px, 1.55vw, 20px); font-weight: 700; line-height: 1.67; } .sar-jointfit__intro { max-width: 890px; margin: 15px auto 0; color: var(--sar-jointfit-muted); font-size: 15px; line-height: 1.72; } .sar-jointfit__label, .sar-jointfit__card-label, .sar-jointfit__cta-label { margin: 0 0 8px; color: var(--sar-jointfit-orange); font-size: 10px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-jointfit__subtitle { margin: 0; color: var(--sar-jointfit-deep); font-size: clamp(24px, 3vw, 37px); font-weight: 900; line-height: 1.18; letter-spacing: -0.028em; text-wrap: balance; } .sar-jointfit__answer { margin: 15px 0 0; color: var(--sar-jointfit-dark); font-size: 15px; font-weight: 650; line-height: 1.7; } .sar-jointfit__main { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); gap: clamp(28px, 5vw, 54px); align-items: start; padding: clamp(28px, 5vw, 50px); border-radius: 24px; background: linear-gradient( 135deg, var(--sar-jointfit-deep), var(--sar-jointfit-dark) ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.18); } .sar-jointfit__main .sar-jointfit__label { color: #88e6ee; } .sar-jointfit__main .sar-jointfit__subtitle { color: var(--sar-jointfit-white); } .sar-jointfit__main .sar-jointfit__answer { color: rgba(255, 255, 255, 0.94); } .sar-jointfit__copy > p:not( .sar-jointfit__label, .sar-jointfit__answer ) { margin: 15px 0 0; color: rgba(255, 255, 255, 0.84); font-size: 14px; line-height: 1.7; } .sar-jointfit__notice { display: flex; gap: 11px; align-items: flex-start; margin-top: 20px; padding: 14px; border: 1px solid rgba(245, 130, 32, 0.3); border-radius: 14px; background: rgba(245, 130, 32, 0.1); } .sar-jointfit__notice > span { display: grid; flex: 0 0 auto; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: var(--sar-jointfit-orange); color: var(--sar-jointfit-white); font-weight: 900; } .sar-jointfit__notice p { margin: 0; color: rgba(255, 255, 255, 0.94); font-size: 12px; font-weight: 700; line-height: 1.55; } .sar-jointfit__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .sar-jointfit__grid article { min-width: 0; padding: 17px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; background: rgba(255, 255, 255, 0.97); } .sar-jointfit__grid article > span { display: grid; place-items: center; width: 30px; height: 30px; margin-bottom: 10px; border-radius: 9px; background: var(--sar-jointfit-teal); color: var(--sar-jointfit-white); font-size: 9px; font-weight: 900; } .sar-jointfit__grid h5 { margin: 0; color: var(--sar-jointfit-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-jointfit__grid p { margin: 6px 0 0; color: var(--sar-jointfit-muted); font-size: 12px; line-height: 1.56; } .sar-jointfit__comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: clamp(40px, 6vw, 66px); } .sar-jointfit__card { padding: clamp(23px, 3vw, 32px); border: 1px solid var(--sar-jointfit-border); border-top: 5px solid var(--sar-jointfit-red); border-radius: 20px; background: var(--sar-jointfit-cream); box-shadow: 0 12px 34px rgba(4, 45, 54, 0.06); } .sar-jointfit__card--good { border-top-color: var(--sar-jointfit-green); background: var(--sar-jointfit-light); } .sar-jointfit__card h4 { margin: 0; color: var(--sar-jointfit-dark); font-size: clamp(21px, 2.4vw, 28px); font-weight: 900; line-height: 1.25; } .sar-jointfit__card ul { display: grid; gap: 9px; margin: 18px 0 0; padding: 0; list-style: none; } .sar-jointfit__card li { display: flex; gap: 9px; align-items: flex-start; color: var(--sar-jointfit-dark); font-size: 13px; font-weight: 700; line-height: 1.52; } .sar-jointfit__card li > span { display: grid; flex: 0 0 auto; place-items: center; width: 21px; height: 21px; border-radius: 50%; background: rgba(189, 86, 72, 0.12); color: var(--sar-jointfit-red); font-size: 10px; font-weight: 900; } .sar-jointfit__card--good li > span { background: rgba(46, 155, 103, 0.13); color: var(--sar-jointfit-green); } .sar-jointfit__check { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(300px, 0.7fr); gap: clamp(28px, 5vw, 52px); align-items: center; margin-top: clamp(40px, 6vw, 66px); padding: clamp(27px, 5vw, 46px); border: 1px solid var(--sar-jointfit-border); border-radius: 23px; background: var(--sar-jointfit-cream); } .sar-jointfit__list { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; } .sar-jointfit__list li { display: flex; gap: 9px; align-items: flex-start; padding: 13px 14px; border: 1px solid rgba(46, 155, 103, 0.14); border-radius: 12px; background: var(--sar-jointfit-white); color: var(--sar-jointfit-dark); font-size: 13px; font-weight: 700; line-height: 1.5; } .sar-jointfit__list span { display: grid; flex: 0 0 auto; place-items: center; width: 21px; height: 21px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-jointfit-green); font-size: 10px; font-weight: 900; } .sar-jointfit__answers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 24px; } .sar-jointfit__answers article { min-width: 0; padding: 20px; border: 1px solid var(--sar-jointfit-border); border-radius: 16px; background: var(--sar-jointfit-light); } .sar-jointfit__answers h4 { margin: 0; color: var(--sar-jointfit-dark); font-size: 16px; font-weight: 900; line-height: 1.35; } .sar-jointfit__answers p { margin: 8px 0 0; color: var(--sar-jointfit-muted); font-size: 13px; line-height: 1.6; } .sar-jointfit__cta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, 310px); gap: 32px; align-items: center; margin-top: clamp(40px, 6vw, 66px); padding: clamp(28px, 5vw, 48px); border-radius: 24px; background: linear-gradient( 132deg, var(--sar-jointfit-deep), var(--sar-jointfit-dark) 68%, #07596a ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.18); } .sar-jointfit__cta-label { color: #86e4ec; } .sar-jointfit__cta-title { margin: 0; color: var(--sar-jointfit-white); font-size: clamp(24px, 3vw, 36px); font-weight: 900; line-height: 1.18; letter-spacing: -0.027em; text-wrap: balance; } .sar-jointfit__cta-text { margin: 13px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 14px; line-height: 1.68; } .sar-jointfit__cta-actions { display: grid; gap: 10px; } .sar-jointfit__button { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 52px; padding: 12px 16px; border: 2px solid transparent; border-radius: 12px; font-size: 13px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease; } .sar-jointfit__button:hover { transform: translateY(-2px); } .sar-jointfit__button:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; } .sar-jointfit__button--primary { background: var(--sar-jointfit-orange); color: var(--sar-jointfit-white); } .sar-jointfit__button--primary:hover { background: var(--sar-jointfit-orange-dark); } .sar-jointfit__button--whatsapp { background: var(--sar-jointfit-green); color: var(--sar-jointfit-white); } .sar-jointfit__button--whatsapp:hover { background: var(--sar-jointfit-green-dark); } .sar-jointfit__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-jointfit-white); } .sar-jointfit__button--phone:hover { border-color: rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.15); } .sar-jointfit__button span { display: grid; gap: 1px; } .sar-jointfit__button strong { font-size: 14px; font-weight: 900; } @media (max-width: 1000px) { .sar-jointfit__main, .sar-jointfit__check, .sar-jointfit__cta { grid-template-columns: 1fr; } .sar-jointfit__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 760px) { .sar-jointfit__grid, .sar-jointfit__comparison, .sar-jointfit__answers, .sar-jointfit__cta-actions { grid-template-columns: 1fr; } } @media (max-width: 680px) { #ruolo-posa-raccordi-isolamento-acustico-roma { padding: 52px 0; } .sar-jointfit__container { width: min(100% - 28px, 1160px); } .sar-jointfit__header { margin-bottom: 30px; text-align: left; } .sar-jointfit__eyebrow { font-size: 9px; } .sar-jointfit__title { font-size: clamp(29px, 9vw, 40px); } .sar-jointfit__direct-answer { font-size: 16px; line-height: 1.62; } .sar-jointfit__main, .sar-jointfit__check { padding: 24px 18px; border-radius: 19px; } .sar-jointfit__comparison, .sar-jointfit__check, .sar-jointfit__cta { margin-top: 36px; } .sar-jointfit__card { padding: 22px 18px; border-radius: 18px; } .sar-jointfit__cta { padding: 25px 18px; border-radius: 19px; } } @media (prefers-reduced-motion: reduce) { .sar-jointfit__button { transition: none; } .sar-jointfit__button:hover { transform: none; } }#imCell_62 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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; } #garanzia-sorgedil-condizioni-applicazione-roma { --sar-warranty-dark: #073b46; --sar-warranty-deep: #042d36; --sar-warranty-teal: #008fa3; --sar-warranty-orange: #f58220; --sar-warranty-orange-dark: #d96813; --sar-warranty-green: #2e9b67; --sar-warranty-green-dark: #237c52; --sar-warranty-white: #ffffff; --sar-warranty-cream: #fff8ed; --sar-warranty-light: #eefafd; --sar-warranty-text: #18343b; --sar-warranty-muted: #587078; --sar-warranty-border: rgba(7, 59, 70, 0.13); width: 100%; padding: clamp(58px, 7vw, 92px) 0; overflow: hidden; background: radial-gradient( circle at 100% 4%, rgba(22, 191, 208, 0.09), transparent 29% ), linear-gradient(180deg, #ffffff 0%, #f7fcfd 100%); color: var(--sar-warranty-text); } #garanzia-sorgedil-condizioni-applicazione-roma, #garanzia-sorgedil-condizioni-applicazione-roma *, #garanzia-sorgedil-condizioni-applicazione-roma *::before, #garanzia-sorgedil-condizioni-applicazione-roma *::after { box-sizing: border-box; } .sar-warranty__container { width: min(100% - 40px, 1160px); margin-inline: auto; } .sar-warranty__header { max-width: 980px; margin: 0 auto 40px; text-align: center; } .sar-warranty__eyebrow { display: inline-flex; margin: 0 0 14px; padding: 7px 13px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-warranty-teal); font-size: 10px; font-weight: 850; line-height: 1.35; letter-spacing: 0.06em; text-transform: uppercase; } .sar-warranty__title { margin: 0; color: var(--sar-warranty-deep); font-size: clamp(30px, 4vw, 48px); font-weight: 900; line-height: 1.1; letter-spacing: -0.036em; text-wrap: balance; } .sar-warranty__direct-answer { max-width: 940px; margin: 20px auto 0; color: var(--sar-warranty-dark); font-size: clamp(17px, 1.55vw, 20px); font-weight: 700; line-height: 1.67; } .sar-warranty__intro { max-width: 900px; margin: 15px auto 0; color: var(--sar-warranty-muted); font-size: 15px; line-height: 1.72; } .sar-warranty__label, .sar-warranty__card-label, .sar-warranty__cta-label { margin: 0 0 8px; color: var(--sar-warranty-orange); font-size: 10px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-warranty__subtitle { margin: 0; color: var(--sar-warranty-deep); font-size: clamp(24px, 3vw, 37px); font-weight: 900; line-height: 1.18; letter-spacing: -0.028em; text-wrap: balance; } .sar-warranty__answer { margin: 15px 0 0; color: var(--sar-warranty-dark); font-size: 15px; font-weight: 650; line-height: 1.7; } .sar-warranty__main { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); gap: clamp(28px, 5vw, 54px); align-items: start; padding: clamp(28px, 5vw, 50px); border-radius: 24px; background: linear-gradient( 135deg, var(--sar-warranty-deep), var(--sar-warranty-dark) ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.18); } .sar-warranty__main .sar-warranty__label { color: #88e6ee; } .sar-warranty__main .sar-warranty__subtitle { color: var(--sar-warranty-white); } .sar-warranty__main .sar-warranty__answer { color: rgba(255, 255, 255, 0.94); } .sar-warranty__copy > p:not( .sar-warranty__label, .sar-warranty__answer ) { margin: 15px 0 0; color: rgba(255, 255, 255, 0.84); font-size: 14px; line-height: 1.7; } .sar-warranty__notice { display: flex; gap: 11px; align-items: flex-start; margin-top: 20px; padding: 14px; border: 1px solid rgba(245, 130, 32, 0.3); border-radius: 14px; background: rgba(245, 130, 32, 0.1); } .sar-warranty__notice > span { display: grid; flex: 0 0 auto; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: var(--sar-warranty-orange); color: var(--sar-warranty-white); font-weight: 900; } .sar-warranty__notice p { margin: 0; color: rgba(255, 255, 255, 0.94); font-size: 12px; font-weight: 700; line-height: 1.55; } .sar-warranty__criteria { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .sar-warranty__criteria article { display: flex; gap: 11px; align-items: flex-start; min-width: 0; padding: 16px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; background: rgba(255, 255, 255, 0.97); } .sar-warranty__criteria article > span { display: grid; flex: 0 0 auto; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: var(--sar-warranty-teal); color: var(--sar-warranty-white); font-size: 9px; font-weight: 900; } .sar-warranty__criteria h5, .sar-warranty__scope-grid h5 { margin: 0; color: var(--sar-warranty-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-warranty__criteria p, .sar-warranty__scope-grid p { margin: 5px 0 0; color: var(--sar-warranty-muted); font-size: 12px; line-height: 1.56; } .sar-warranty__official { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr); gap: clamp(28px, 5vw, 54px); align-items: center; margin-top: clamp(40px, 6vw, 66px); padding: clamp(22px, 4vw, 36px); border: 1px solid var(--sar-warranty-border); border-radius: 23px; background: var(--sar-warranty-cream); } .sar-warranty__media { margin: 0; overflow: hidden; aspect-ratio: 16 / 9; border-radius: 17px; background: var(--sar-warranty-deep); box-shadow: 0 14px 34px rgba(4, 45, 54, 0.14); } .sar-warranty__media a, .sar-warranty__media img { display: block; width: 100%; height: 100%; } .sar-warranty__media img { object-fit: cover; } .sar-warranty__official-link, .sar-warranty__room-link { display: inline-flex; gap: 8px; align-items: center; margin-top: 17px; color: var(--sar-warranty-teal); font-size: 13px; font-weight: 850; line-height: 1.45; text-decoration: none; } .sar-warranty__official-link:hover, .sar-warranty__room-link:hover { text-decoration: underline; text-underline-offset: 4px; } .sar-warranty__scope { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(300px, 0.75fr); gap: clamp(28px, 5vw, 52px); align-items: center; margin-top: clamp(40px, 6vw, 66px); padding: clamp(27px, 5vw, 46px); border: 1px solid var(--sar-warranty-border); border-radius: 23px; background: var(--sar-warranty-light); } .sar-warranty__scope-grid { display: grid; gap: 10px; } .sar-warranty__scope-grid article { min-width: 0; padding: 15px; border: 1px solid rgba(46, 155, 103, 0.15); border-radius: 14px; background: var(--sar-warranty-white); } .sar-warranty__scope-grid article > span { display: grid; place-items: center; width: 25px; height: 25px; margin-bottom: 9px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-warranty-green); font-size: 10px; font-weight: 900; } .sar-warranty__limits, .sar-warranty__answers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 24px; } .sar-warranty__limits article, .sar-warranty__answers article { min-width: 0; padding: 20px; border: 1px solid var(--sar-warranty-border); border-radius: 16px; background: var(--sar-warranty-white); box-shadow: 0 9px 26px rgba(4, 45, 54, 0.05); } .sar-warranty__limits article { border-top: 4px solid var(--sar-warranty-orange); background: var(--sar-warranty-cream); } .sar-warranty__answers article { background: var(--sar-warranty-light); } .sar-warranty__limits h4, .sar-warranty__answers h4 { margin: 0; color: var(--sar-warranty-dark); font-size: 16px; font-weight: 900; line-height: 1.35; } .sar-warranty__limits p:not(.sar-warranty__card-label), .sar-warranty__answers p { margin: 8px 0 0; color: var(--sar-warranty-muted); font-size: 13px; line-height: 1.6; } .sar-warranty__cta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, 310px); gap: 32px; align-items: center; margin-top: clamp(40px, 6vw, 66px); padding: clamp(28px, 5vw, 48px); border-radius: 24px; background: linear-gradient( 132deg, var(--sar-warranty-deep), var(--sar-warranty-dark) 68%, #07596a ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.18); } .sar-warranty__cta-label { color: #86e4ec; } .sar-warranty__cta-title { margin: 0; color: var(--sar-warranty-white); font-size: clamp(24px, 3vw, 36px); font-weight: 900; line-height: 1.18; letter-spacing: -0.027em; text-wrap: balance; } .sar-warranty__cta-text { margin: 13px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 14px; line-height: 1.68; } .sar-warranty__cta-actions { display: grid; gap: 10px; } .sar-warranty__button { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 52px; padding: 12px 16px; border: 2px solid transparent; border-radius: 12px; font-size: 13px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease; } .sar-warranty__button:hover { transform: translateY(-2px); } .sar-warranty__button:focus-visible, .sar-warranty__official-link:focus-visible, .sar-warranty__room-link:focus-visible, .sar-warranty__media a:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; } .sar-warranty__button--primary { background: var(--sar-warranty-orange); color: var(--sar-warranty-white); } .sar-warranty__button--primary:hover { background: var(--sar-warranty-orange-dark); } .sar-warranty__button--whatsapp { background: var(--sar-warranty-green); color: var(--sar-warranty-white); } .sar-warranty__button--whatsapp:hover { background: var(--sar-warranty-green-dark); } .sar-warranty__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-warranty-white); } .sar-warranty__button--phone:hover { border-color: rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.15); } .sar-warranty__button span { display: grid; gap: 1px; } .sar-warranty__button strong { font-size: 14px; font-weight: 900; } @media (max-width: 1000px) { .sar-warranty__main, .sar-warranty__official, .sar-warranty__scope, .sar-warranty__cta { grid-template-columns: 1fr; } .sar-warranty__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 760px) { .sar-warranty__criteria, .sar-warranty__limits, .sar-warranty__answers, .sar-warranty__cta-actions { grid-template-columns: 1fr; } } @media (max-width: 680px) { #garanzia-sorgedil-condizioni-applicazione-roma { padding: 52px 0; } .sar-warranty__container { width: min(100% - 28px, 1160px); } .sar-warranty__header { margin-bottom: 30px; text-align: left; } .sar-warranty__eyebrow { font-size: 9px; } .sar-warranty__title { font-size: clamp(29px, 9vw, 40px); } .sar-warranty__direct-answer { font-size: 16px; line-height: 1.62; } .sar-warranty__main, .sar-warranty__official, .sar-warranty__scope { padding: 24px 18px; border-radius: 19px; } .sar-warranty__official, .sar-warranty__scope, .sar-warranty__cta { margin-top: 36px; } .sar-warranty__cta { padding: 25px 18px; border-radius: 19px; } } @media (prefers-reduced-motion: reduce) { .sar-warranty__button { transition: none; } .sar-warranty__button:hover { transform: none; } }#imCell_63 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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; } #casi-reali-isolamento-acustico-roma { --sar-cases-dark: #073b46; --sar-cases-deep: #042d36; --sar-cases-teal: #008fa3; --sar-cases-turquoise: #16bfd0; --sar-cases-orange: #f58220; --sar-cases-orange-dark: #d96813; --sar-cases-green: #2e9b67; --sar-cases-green-dark: #237c52; --sar-cases-white: #ffffff; --sar-cases-cream: #fff8ed; --sar-cases-light: #eefafd; --sar-cases-text: #18343b; --sar-cases-muted: #587078; --sar-cases-border: rgba(7, 59, 70, 0.13); width: 100%; padding: clamp(64px, 8vw, 98px) 0; overflow: hidden; background: radial-gradient( circle at 100% 4%, rgba(22, 191, 208, 0.09), transparent 29% ), linear-gradient( 180deg, #ffffff 0%, #f6fcfd 100% ); color: var(--sar-cases-text); } #casi-reali-isolamento-acustico-roma, #casi-reali-isolamento-acustico-roma *, #casi-reali-isolamento-acustico-roma *::before, #casi-reali-isolamento-acustico-roma *::after { box-sizing: border-box; } .sar-cases__container { width: min(100% - 40px, 1180px); margin-inline: auto; } .sar-cases__header { max-width: 980px; margin: 0 auto 42px; text-align: center; } .sar-cases__eyebrow { display: inline-flex; margin: 0 0 14px; padding: 7px 13px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-cases-teal); font-size: 10px; font-weight: 850; line-height: 1.35; letter-spacing: 0.06em; text-transform: uppercase; } .sar-cases__title { margin: 0; color: var(--sar-cases-deep); font-size: clamp(34px, 4.6vw, 56px); font-weight: 900; line-height: 1.08; letter-spacing: -0.04em; text-wrap: balance; } .sar-cases__direct-answer { max-width: 940px; margin: 22px auto 0; color: var(--sar-cases-dark); font-size: clamp(18px, 1.6vw, 21px); font-weight: 700; line-height: 1.66; } .sar-cases__intro { max-width: 900px; margin: 16px auto 0; color: var(--sar-cases-muted); font-size: 15px; line-height: 1.72; } .sar-cases__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; } .sar-cases__card { display: flex; min-width: 0; flex-direction: column; overflow: hidden; border: 1px solid var(--sar-cases-border); border-radius: 21px; background: var(--sar-cases-white); box-shadow: 0 14px 38px rgba(4, 45, 54, 0.075); } .sar-cases__video { position: relative; width: 100%; overflow: hidden; aspect-ratio: 16 / 9; background: var(--sar-cases-deep); } .sar-cases__video iframe { position: absolute; inset: 0; display: block; width: 100%; height: 100%; border: 0; } .sar-cases__content { display: flex; flex: 1; flex-direction: column; padding: 21px; } .sar-cases__meta { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 12px; } .sar-cases__meta span { display: inline-flex; padding: 6px 9px; border-radius: 999px; background: rgba(0, 143, 163, 0.09); color: var(--sar-cases-teal); font-size: 9px; font-weight: 900; line-height: 1.25; letter-spacing: 0.045em; text-transform: uppercase; } .sar-cases__content > h3 { margin: 0; color: var(--sar-cases-dark); font-size: clamp(20px, 2vw, 25px); font-weight: 900; line-height: 1.25; letter-spacing: -0.02em; } .sar-cases__summary { margin: 11px 0 0; color: var(--sar-cases-muted); font-size: 13px; line-height: 1.64; } .sar-cases__detail { margin-top: 17px; padding: 14px; border-left: 4px solid var(--sar-cases-orange); border-radius: 0 12px 12px 0; background: var(--sar-cases-cream); } .sar-cases__detail h4 { margin: 0; color: var(--sar-cases-dark); font-size: 13px; font-weight: 900; line-height: 1.4; } .sar-cases__detail p { margin: 6px 0 0; color: var(--sar-cases-muted); font-size: 12px; line-height: 1.58; } .sar-cases__video-link { display: inline-flex; gap: 7px; align-items: center; align-self: flex-start; margin-top: auto; padding-top: 18px; color: var(--sar-cases-teal); font-size: 12px; font-weight: 850; line-height: 1.4; text-decoration: none; } .sar-cases__video-link:hover { text-decoration: underline; text-underline-offset: 4px; } .sar-cases__label, .sar-cases__cta-label { margin: 0 0 8px; color: var(--sar-cases-orange); font-size: 10px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-cases__subtitle { margin: 0; color: var(--sar-cases-deep); font-size: clamp(24px, 3vw, 37px); font-weight: 900; line-height: 1.18; letter-spacing: -0.028em; text-wrap: balance; } .sar-cases__answer { margin: 15px 0 0; color: var(--sar-cases-dark); font-size: 15px; font-weight: 650; line-height: 1.7; } .sar-cases__reading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, 0.8fr); gap: clamp(30px, 5vw, 55px); align-items: center; margin-top: clamp(42px, 6vw, 68px); padding: clamp(28px, 5vw, 48px); border-radius: 23px; background: linear-gradient( 135deg, var(--sar-cases-deep), var(--sar-cases-dark) ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.17); } .sar-cases__reading .sar-cases__label { color: #88e6ee; } .sar-cases__reading .sar-cases__subtitle { color: var(--sar-cases-white); } .sar-cases__reading .sar-cases__answer { color: rgba(255, 255, 255, 0.9); } .sar-cases__reading-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; } .sar-cases__reading-list li { display: flex; gap: 10px; align-items: flex-start; min-width: 0; padding: 14px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 13px; background: rgba(255, 255, 255, 0.96); } .sar-cases__reading-list li > span { display: grid; flex: 0 0 auto; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-cases-green); font-size: 10px; font-weight: 900; } .sar-cases__reading-list h4 { margin: 0; color: var(--sar-cases-dark); font-size: 13px; font-weight: 900; line-height: 1.4; } .sar-cases__reading-list p { margin: 4px 0 0; color: var(--sar-cases-muted); font-size: 11px; line-height: 1.5; } .sar-cases__paths { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 24px; } .sar-cases__paths a { display: grid; gap: 6px; min-width: 0; padding: 18px; border: 1px solid var(--sar-cases-border); border-radius: 15px; background: var(--sar-cases-light); color: var(--sar-cases-dark); text-decoration: none; } .sar-cases__paths a:hover { border-color: rgba(0, 143, 163, 0.36); } .sar-cases__paths span { color: var(--sar-cases-teal); font-size: 9px; font-weight: 900; line-height: 1.35; letter-spacing: 0.055em; text-transform: uppercase; } .sar-cases__paths strong { font-size: 13px; font-weight: 850; line-height: 1.48; } .sar-cases__official { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 28px; align-items: center; margin-top: clamp(40px, 6vw, 66px); padding: clamp(24px, 4vw, 38px); border: 1px solid var(--sar-cases-border); border-radius: 20px; background: var(--sar-cases-cream); } .sar-cases__official h3 { margin: 0; color: var(--sar-cases-dark); font-size: clamp(22px, 2.6vw, 31px); font-weight: 900; line-height: 1.22; letter-spacing: -0.025em; } .sar-cases__official p:not(.sar-cases__label) { margin: 10px 0 0; color: var(--sar-cases-muted); font-size: 13px; line-height: 1.62; } .sar-cases__official > a { display: inline-flex; gap: 8px; align-items: center; justify-content: center; min-height: 49px; padding: 12px 17px; border: 2px solid var(--sar-cases-teal); border-radius: 11px; background: var(--sar-cases-white); color: var(--sar-cases-teal); font-size: 12px; font-weight: 850; line-height: 1.35; text-align: center; text-decoration: none; } .sar-cases__official > a:hover { background: var(--sar-cases-teal); color: var(--sar-cases-white); } .sar-cases__cta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, 310px); gap: 32px; align-items: center; margin-top: clamp(42px, 6vw, 68px); padding: clamp(28px, 5vw, 48px); border-radius: 24px; background: linear-gradient( 132deg, var(--sar-cases-deep), var(--sar-cases-dark) 68%, #07596a ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.18); } .sar-cases__cta-label { color: #86e4ec; } .sar-cases__cta-title { margin: 0; color: var(--sar-cases-white); font-size: clamp(24px, 3vw, 36px); font-weight: 900; line-height: 1.18; letter-spacing: -0.027em; text-wrap: balance; } .sar-cases__cta-text { margin: 13px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 14px; line-height: 1.68; } .sar-cases__cta-actions { display: grid; gap: 10px; } .sar-cases__button { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 52px; padding: 12px 16px; border: 2px solid transparent; border-radius: 12px; font-size: 13px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease; } .sar-cases__button:hover { transform: translateY(-2px); } .sar-cases__button:focus-visible, .sar-cases__video-link:focus-visible, .sar-cases__paths a:focus-visible, .sar-cases__official > a:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; } .sar-cases__button--primary { background: var(--sar-cases-orange); color: var(--sar-cases-white); } .sar-cases__button--primary:hover { background: var(--sar-cases-orange-dark); } .sar-cases__button--whatsapp { background: var(--sar-cases-green); color: var(--sar-cases-white); } .sar-cases__button--whatsapp:hover { background: var(--sar-cases-green-dark); } .sar-cases__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-cases-white); } .sar-cases__button--phone:hover { border-color: rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.15); } .sar-cases__button span { display: grid; gap: 1px; } .sar-cases__button strong { font-size: 14px; font-weight: 900; } @media (max-width: 1040px) { .sar-cases__grid { grid-template-columns: 1fr; } .sar-cases__card { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); } .sar-cases__video { height: 100%; min-height: 330px; aspect-ratio: auto; } .sar-cases__reading, .sar-cases__cta { grid-template-columns: 1fr; } .sar-cases__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 780px) { .sar-cases__card { display: flex; } .sar-cases__video { height: auto; min-height: 0; aspect-ratio: 16 / 9; } .sar-cases__reading-list, .sar-cases__paths, .sar-cases__cta-actions { grid-template-columns: 1fr; } .sar-cases__official { grid-template-columns: 1fr; } .sar-cases__official > a { justify-self: start; } } @media (max-width: 680px) { #casi-reali-isolamento-acustico-roma { padding: 54px 0; } .sar-cases__container { width: min(100% - 28px, 1180px); } .sar-cases__header { margin-bottom: 31px; text-align: left; } .sar-cases__eyebrow { font-size: 9px; } .sar-cases__title { font-size: clamp(31px, 9vw, 43px); } .sar-cases__direct-answer { font-size: 17px; line-height: 1.62; } .sar-cases__content { padding: 19px; } .sar-cases__reading, .sar-cases__official { padding: 24px 18px; border-radius: 19px; } .sar-cases__reading, .sar-cases__official, .sar-cases__cta { margin-top: 36px; } .sar-cases__cta { padding: 25px 18px; border-radius: 19px; } } @media (prefers-reduced-motion: reduce) { .sar-cases__button { transition: none; } .sar-cases__button:hover { transform: none; } }#imCell_64 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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; } #zone-roma-provincia-isolamento-acustico { --sar-coverage-dark: #073b46; --sar-coverage-deep: #042d36; --sar-coverage-teal: #008fa3; --sar-coverage-orange: #f58220; --sar-coverage-orange-dark: #d96813; --sar-coverage-green: #2e9b67; --sar-coverage-green-dark: #237c52; --sar-coverage-white: #ffffff; --sar-coverage-cream: #fff8ed; --sar-coverage-light: #eefafd; --sar-coverage-text: #18343b; --sar-coverage-muted: #587078; --sar-coverage-border: rgba(7, 59, 70, 0.13); width: 100%; padding: clamp(64px, 8vw, 96px) 0; overflow: hidden; background: radial-gradient( circle at 100% 5%, rgba(22, 191, 208, 0.08), transparent 29% ), linear-gradient(180deg, #ffffff 0%, #f6fcfd 100%); color: var(--sar-coverage-text); } #zone-roma-provincia-isolamento-acustico, #zone-roma-provincia-isolamento-acustico *, #zone-roma-provincia-isolamento-acustico *::before, #zone-roma-provincia-isolamento-acustico *::after { box-sizing: border-box; } .sar-coverage__container { width: min(100% - 40px, 1180px); margin-inline: auto; } .sar-coverage__header { max-width: 980px; margin: 0 auto 42px; text-align: center; } .sar-coverage__eyebrow { display: inline-flex; margin: 0 0 14px; padding: 7px 13px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-coverage-teal); font-size: 10px; font-weight: 850; line-height: 1.35; letter-spacing: 0.06em; text-transform: uppercase; } .sar-coverage__title { margin: 0; color: var(--sar-coverage-deep); font-size: clamp(34px, 4.6vw, 56px); font-weight: 900; line-height: 1.08; letter-spacing: -0.04em; text-wrap: balance; } .sar-coverage__direct-answer { max-width: 940px; margin: 22px auto 0; color: var(--sar-coverage-dark); font-size: clamp(18px, 1.6vw, 21px); font-weight: 700; line-height: 1.66; } .sar-coverage__intro { max-width: 900px; margin: 16px auto 0; color: var(--sar-coverage-muted); font-size: 15px; line-height: 1.72; } .sar-coverage__areas { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; } .sar-coverage__area { min-width: 0; padding: 20px 18px; border: 1px solid var(--sar-coverage-border); border-top: 4px solid var(--sar-coverage-teal); border-radius: 17px; background: var(--sar-coverage-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-coverage__area-code { display: grid; place-items: center; width: 31px; height: 31px; margin-bottom: 12px; border-radius: 9px; background: var(--sar-coverage-dark); color: var(--sar-coverage-white); font-size: 9px; font-weight: 900; } .sar-coverage__area h3 { margin: 0; color: var(--sar-coverage-dark); font-size: 17px; font-weight: 900; line-height: 1.35; } .sar-coverage__area p { margin: 7px 0 0; color: var(--sar-coverage-muted); font-size: 12px; line-height: 1.58; } .sar-coverage__label, .sar-coverage__cta-label { margin: 0 0 8px; color: var(--sar-coverage-orange); font-size: 10px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-coverage__subtitle { margin: 0; color: var(--sar-coverage-deep); font-size: clamp(24px, 3vw, 37px); font-weight: 900; line-height: 1.18; letter-spacing: -0.028em; text-wrap: balance; } .sar-coverage__answer { margin: 15px 0 0; color: var(--sar-coverage-dark); font-size: 15px; font-weight: 650; line-height: 1.7; } .sar-coverage__process { display: grid; grid-template-columns: minmax(0, 1fr) minmax(330px, 0.8fr); gap: clamp(30px, 5vw, 55px); align-items: center; margin-top: clamp(42px, 6vw, 68px); padding: clamp(28px, 5vw, 48px); border-radius: 23px; background: linear-gradient( 135deg, var(--sar-coverage-deep), var(--sar-coverage-dark) ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.17); } .sar-coverage__process .sar-coverage__label { color: #88e6ee; } .sar-coverage__process .sar-coverage__subtitle { color: var(--sar-coverage-white); } .sar-coverage__process .sar-coverage__answer { color: rgba(255, 255, 255, 0.9); } .sar-coverage__steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; } .sar-coverage__steps li { display: flex; gap: 10px; align-items: center; min-width: 0; padding: 14px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 13px; background: rgba(255, 255, 255, 0.96); } .sar-coverage__steps span { display: grid; flex: 0 0 auto; place-items: center; width: 28px; height: 28px; border-radius: 9px; background: var(--sar-coverage-teal); color: var(--sar-coverage-white); font-size: 10px; font-weight: 900; } .sar-coverage__steps p { margin: 0; color: var(--sar-coverage-dark); font-size: 12px; font-weight: 800; line-height: 1.45; } .sar-coverage__services { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin-top: 24px; } .sar-coverage__services a { display: flex; align-items: center; min-width: 0; padding: 15px; border: 1px solid rgba(0, 143, 163, 0.16); border-radius: 12px; background: var(--sar-coverage-light); color: var(--sar-coverage-dark); font-size: 12px; font-weight: 850; line-height: 1.45; text-decoration: none; } .sar-coverage__services a:hover { border-color: rgba(0, 143, 163, 0.38); color: var(--sar-coverage-teal); } .sar-coverage__answers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 24px; } .sar-coverage__answers article { min-width: 0; padding: 20px; border: 1px solid var(--sar-coverage-border); border-radius: 16px; background: var(--sar-coverage-cream); } .sar-coverage__answers h3 { margin: 0; color: var(--sar-coverage-dark); font-size: 16px; font-weight: 900; line-height: 1.35; } .sar-coverage__answers p { margin: 8px 0 0; color: var(--sar-coverage-muted); font-size: 13px; line-height: 1.6; } .sar-coverage__cta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, 310px); gap: 32px; align-items: center; margin-top: clamp(42px, 6vw, 68px); padding: clamp(28px, 5vw, 48px); border-radius: 24px; background: linear-gradient( 132deg, var(--sar-coverage-deep), var(--sar-coverage-dark) 68%, #07596a ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.18); } .sar-coverage__cta-label { color: #86e4ec; } .sar-coverage__cta-title { margin: 0; color: var(--sar-coverage-white); font-size: clamp(24px, 3vw, 36px); font-weight: 900; line-height: 1.18; letter-spacing: -0.027em; text-wrap: balance; } .sar-coverage__cta-text { margin: 13px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 14px; line-height: 1.68; } .sar-coverage__cta-actions { display: grid; gap: 10px; } .sar-coverage__button { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 52px; padding: 12px 16px; border: 2px solid transparent; border-radius: 12px; font-size: 13px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease; } .sar-coverage__button:hover { transform: translateY(-2px); } .sar-coverage__button:focus-visible, .sar-coverage__services a:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; } .sar-coverage__button--primary { background: var(--sar-coverage-orange); color: var(--sar-coverage-white); } .sar-coverage__button--primary:hover { background: var(--sar-coverage-orange-dark); } .sar-coverage__button--whatsapp { background: var(--sar-coverage-green); color: var(--sar-coverage-white); } .sar-coverage__button--whatsapp:hover { background: var(--sar-coverage-green-dark); } .sar-coverage__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-coverage-white); } .sar-coverage__button--phone:hover { border-color: rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.15); } .sar-coverage__button span { display: grid; gap: 1px; } .sar-coverage__button strong { font-size: 14px; font-weight: 900; } @media (max-width: 1040px) { .sar-coverage__areas { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-coverage__process, .sar-coverage__cta { grid-template-columns: 1fr; } .sar-coverage__services { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-coverage__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 760px) { .sar-coverage__areas, .sar-coverage__steps, .sar-coverage__services, .sar-coverage__answers, .sar-coverage__cta-actions { grid-template-columns: 1fr; } } @media (max-width: 680px) { #zone-roma-provincia-isolamento-acustico { padding: 54px 0; } .sar-coverage__container { width: min(100% - 28px, 1180px); } .sar-coverage__header { margin-bottom: 31px; text-align: left; } .sar-coverage__eyebrow { font-size: 9px; } .sar-coverage__title { font-size: clamp(31px, 9vw, 43px); } .sar-coverage__direct-answer { font-size: 17px; line-height: 1.62; } .sar-coverage__process { padding: 24px 18px; border-radius: 19px; } .sar-coverage__process, .sar-coverage__cta { margin-top: 36px; } .sar-coverage__cta { padding: 25px 18px; border-radius: 19px; } } @media (prefers-reduced-motion: reduce) { .sar-coverage__button { transition: none; } .sar-coverage__button:hover { transform: none; } }#imCell_65 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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; } #perche-scegliere-sorgedil-isolamento-acustico-roma { --sar-choice-dark: #073b46; --sar-choice-deep: #042d36; --sar-choice-teal: #008fa3; --sar-choice-turquoise: #16bfd0; --sar-choice-orange: #f58220; --sar-choice-orange-dark: #d96813; --sar-choice-green: #2e9b67; --sar-choice-green-dark: #237c52; --sar-choice-white: #ffffff; --sar-choice-cream: #fff8ed; --sar-choice-light: #eefafd; --sar-choice-text: #18343b; --sar-choice-muted: #587078; --sar-choice-border: rgba(7, 59, 70, 0.13); width: 100%; padding: clamp(64px, 8vw, 98px) 0; overflow: hidden; background: radial-gradient( circle at 100% 4%, rgba(22, 191, 208, 0.09), transparent 29% ), linear-gradient( 180deg, #ffffff 0%, #f6fcfd 100% ); color: var(--sar-choice-text); } #perche-scegliere-sorgedil-isolamento-acustico-roma, #perche-scegliere-sorgedil-isolamento-acustico-roma *, #perche-scegliere-sorgedil-isolamento-acustico-roma *::before, #perche-scegliere-sorgedil-isolamento-acustico-roma *::after { box-sizing: border-box; } .sar-choice__container { width: min(100% - 40px, 1180px); margin-inline: auto; } .sar-choice__header { max-width: 980px; margin: 0 auto 42px; text-align: center; } .sar-choice__eyebrow { display: inline-flex; margin: 0 0 14px; padding: 7px 13px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-choice-teal); font-size: 10px; font-weight: 850; line-height: 1.35; letter-spacing: 0.06em; text-transform: uppercase; } .sar-choice__title { margin: 0; color: var(--sar-choice-deep); font-size: clamp(34px, 4.6vw, 56px); font-weight: 900; line-height: 1.08; letter-spacing: -0.04em; text-wrap: balance; } .sar-choice__direct-answer { max-width: 940px; margin: 22px auto 0; color: var(--sar-choice-dark); font-size: clamp(18px, 1.6vw, 21px); font-weight: 700; line-height: 1.66; } .sar-choice__intro { max-width: 900px; margin: 16px auto 0; color: var(--sar-choice-muted); font-size: 15px; line-height: 1.72; } .sar-choice__reasons { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } .sar-choice__reasons article { min-width: 0; padding: 20px 18px; border: 1px solid var(--sar-choice-border); border-top: 4px solid var(--sar-choice-teal); border-radius: 17px; background: var(--sar-choice-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-choice__reasons article > span { display: grid; place-items: center; width: 31px; height: 31px; margin-bottom: 12px; border-radius: 9px; background: var(--sar-choice-dark); color: var(--sar-choice-white); font-size: 9px; font-weight: 900; } .sar-choice__reasons h3 { margin: 0; color: var(--sar-choice-dark); font-size: 17px; font-weight: 900; line-height: 1.35; } .sar-choice__reasons p { margin: 7px 0 0; color: var(--sar-choice-muted); font-size: 12px; line-height: 1.58; } .sar-choice__label, .sar-choice__cta-label, .sar-choice__book-kicker { margin: 0 0 8px; color: var(--sar-choice-orange); font-size: 10px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-choice__subtitle { margin: 0; color: var(--sar-choice-deep); font-size: clamp(24px, 3vw, 37px); font-weight: 900; line-height: 1.18; letter-spacing: -0.028em; text-wrap: balance; } .sar-choice__answer { margin: 15px 0 0; color: var(--sar-choice-dark); font-size: 15px; font-weight: 650; line-height: 1.7; } .sar-choice__method { display: grid; grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr); gap: clamp(30px, 5vw, 55px); align-items: center; margin-top: clamp(42px, 6vw, 68px); padding: clamp(28px, 5vw, 48px); border-radius: 23px; background: linear-gradient( 135deg, var(--sar-choice-deep), var(--sar-choice-dark) ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.17); } .sar-choice__method .sar-choice__label { color: #88e6ee; } .sar-choice__method .sar-choice__subtitle { color: var(--sar-choice-white); } .sar-choice__method .sar-choice__answer { color: rgba(255, 255, 255, 0.9); } .sar-choice__steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; } .sar-choice__steps li { display: flex; gap: 10px; align-items: center; min-width: 0; padding: 12px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 13px; background: rgba(255, 255, 255, 0.96); } .sar-choice__steps span { display: grid; flex: 0 0 auto; place-items: center; width: 28px; height: 28px; border-radius: 9px; background: var(--sar-choice-teal); color: var(--sar-choice-white); font-size: 10px; font-weight: 900; } .sar-choice__steps p { margin: 0; color: var(--sar-choice-dark); font-size: 12px; font-weight: 800; line-height: 1.42; } .sar-choice__books { margin-top: clamp(42px, 6vw, 68px); } .sar-choice__books-heading { max-width: 920px; margin-bottom: 25px; } .sar-choice__books-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; } .sar-choice__book { display: grid; grid-template-columns: minmax(140px, 0.48fr) minmax(0, 1fr); gap: 21px; align-items: center; min-width: 0; padding: clamp(21px, 3vw, 29px); border: 1px solid var(--sar-choice-border); border-radius: 20px; background: var(--sar-choice-white); box-shadow: 0 13px 36px rgba(4, 45, 54, 0.07); } .sar-choice__book-media { display: grid; place-items: center; min-width: 0; margin: 0; padding: 13px; border-radius: 16px; background: var(--sar-choice-light); } .sar-choice__book-media img { display: block; width: 100%; max-width: 210px; height: auto; } .sar-choice__book-copy { min-width: 0; } .sar-choice__book-copy h4 { margin: 0; color: var(--sar-choice-dark); font-size: clamp(21px, 2.2vw, 28px); font-weight: 900; line-height: 1.2; letter-spacing: -0.025em; } .sar-choice__book-copy > p:not(.sar-choice__book-kicker) { margin: 10px 0 0; color: var(--sar-choice-muted); font-size: 13px; line-height: 1.62; } .sar-choice__book-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 17px; } .sar-choice__book-link { display: inline-flex; align-items: center; justify-content: center; min-height: 43px; padding: 10px 13px; border: 2px solid transparent; border-radius: 10px; font-size: 11px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; } .sar-choice__book-link--pdf { background: var(--sar-choice-orange); color: var(--sar-choice-white); } .sar-choice__book-link--pdf:hover { background: var(--sar-choice-orange-dark); } .sar-choice__clarity { display: grid; grid-template-columns: minmax(0, 1fr) minmax(310px, 0.74fr); gap: clamp(28px, 5vw, 52px); align-items: center; margin-top: clamp(42px, 6vw, 68px); padding: clamp(27px, 5vw, 46px); border: 1px solid var(--sar-choice-border); border-radius: 23px; background: var(--sar-choice-cream); } .sar-choice__links { display: grid; gap: 10px; } .sar-choice__links a { display: flex; align-items: center; min-height: 50px; padding: 13px 15px; border: 1px solid rgba(0, 143, 163, 0.16); border-radius: 12px; background: var(--sar-choice-white); color: var(--sar-choice-dark); font-size: 12px; font-weight: 850; line-height: 1.45; text-decoration: none; } .sar-choice__links a:hover { border-color: rgba(0, 143, 163, 0.38); color: var(--sar-choice-teal); } .sar-choice__answers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 24px; } .sar-choice__answers article { min-width: 0; padding: 20px; border: 1px solid var(--sar-choice-border); border-radius: 16px; background: var(--sar-choice-light); } .sar-choice__answers h3 { margin: 0; color: var(--sar-choice-dark); font-size: 16px; font-weight: 900; line-height: 1.35; } .sar-choice__answers p { margin: 8px 0 0; color: var(--sar-choice-muted); font-size: 13px; line-height: 1.6; } .sar-choice__cta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, 310px); gap: 32px; align-items: center; margin-top: clamp(42px, 6vw, 68px); padding: clamp(28px, 5vw, 48px); border-radius: 24px; background: linear-gradient( 132deg, var(--sar-choice-deep), var(--sar-choice-dark) 68%, #07596a ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.18); } .sar-choice__cta-label { color: #86e4ec; } .sar-choice__cta-title { margin: 0; color: var(--sar-choice-white); font-size: clamp(24px, 3vw, 36px); font-weight: 900; line-height: 1.18; letter-spacing: -0.027em; text-wrap: balance; } .sar-choice__cta-text { margin: 13px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 14px; line-height: 1.68; } .sar-choice__cta-actions { display: grid; gap: 10px; } .sar-choice__button { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 52px; padding: 12px 16px; border: 2px solid transparent; border-radius: 12px; font-size: 13px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease; } .sar-choice__button:hover { transform: translateY(-2px); } .sar-choice__button:focus-visible, .sar-choice__book-link:focus-visible, .sar-choice__links a:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; } .sar-choice__button--primary { background: var(--sar-choice-orange); color: var(--sar-choice-white); } .sar-choice__button--primary:hover { background: var(--sar-choice-orange-dark); } .sar-choice__button--whatsapp { background: var(--sar-choice-green); color: var(--sar-choice-white); } .sar-choice__button--whatsapp:hover { background: var(--sar-choice-green-dark); } .sar-choice__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-choice-white); } .sar-choice__button--phone:hover { border-color: rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.15); } .sar-choice__button span { display: grid; gap: 1px; } .sar-choice__button strong { font-size: 14px; font-weight: 900; } @media (max-width: 1040px) { .sar-choice__reasons { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-choice__method, .sar-choice__clarity, .sar-choice__cta { grid-template-columns: 1fr; } .sar-choice__books-grid { grid-template-columns: 1fr; } .sar-choice__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 760px) { .sar-choice__reasons, .sar-choice__steps, .sar-choice__answers, .sar-choice__cta-actions { grid-template-columns: 1fr; } .sar-choice__book { grid-template-columns: minmax(120px, 0.42fr) minmax(0, 1fr); } } @media (max-width: 600px) { #perche-scegliere-sorgedil-isolamento-acustico-roma { padding: 54px 0; } .sar-choice__container { width: min(100% - 28px, 1180px); } .sar-choice__header { margin-bottom: 31px; text-align: left; } .sar-choice__eyebrow { font-size: 9px; } .sar-choice__title { font-size: clamp(31px, 9vw, 43px); } .sar-choice__direct-answer { font-size: 17px; line-height: 1.62; } .sar-choice__method, .sar-choice__clarity { padding: 24px 18px; border-radius: 19px; } .sar-choice__method, .sar-choice__books, .sar-choice__clarity, .sar-choice__cta { margin-top: 36px; } .sar-choice__book { grid-template-columns: 1fr; padding: 21px 18px; border-radius: 18px; } .sar-choice__book-media img { max-width: 180px; } .sar-choice__book-actions { display: grid; } .sar-choice__cta { padding: 25px 18px; border-radius: 19px; } } @media (prefers-reduced-motion: reduce) { .sar-choice__button { transition: none; } .sar-choice__button:hover { transform: none; } }#imCell_67 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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; } #specializzazione-abitazioni-isolamento-acustico-roma { --sar-homefocus-dark: #073b46; --sar-homefocus-deep: #042d36; --sar-homefocus-teal: #008fa3; --sar-homefocus-orange: #f58220; --sar-homefocus-orange-dark: #d96813; --sar-homefocus-green: #2e9b67; --sar-homefocus-green-dark: #237c52; --sar-homefocus-white: #ffffff; --sar-homefocus-cream: #fff8ed; --sar-homefocus-light: #eefafd; --sar-homefocus-text: #18343b; --sar-homefocus-muted: #587078; --sar-homefocus-border: rgba(7, 59, 70, 0.13); width: 100%; padding: clamp(58px, 7vw, 90px) 0; overflow: hidden; background: radial-gradient( circle at 100% 4%, rgba(22, 191, 208, 0.08), transparent 28% ), linear-gradient(180deg, #ffffff 0%, #f7fcfd 100%); color: var(--sar-homefocus-text); } #specializzazione-abitazioni-isolamento-acustico-roma, #specializzazione-abitazioni-isolamento-acustico-roma *, #specializzazione-abitazioni-isolamento-acustico-roma *::before, #specializzazione-abitazioni-isolamento-acustico-roma *::after { box-sizing: border-box; } .sar-homefocus__container { width: min(100% - 40px, 1160px); margin-inline: auto; } .sar-homefocus__header { max-width: 960px; margin: 0 auto 38px; text-align: center; } .sar-homefocus__eyebrow { display: inline-flex; margin: 0 0 14px; padding: 7px 13px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-homefocus-teal); font-size: 10px; font-weight: 850; line-height: 1.35; letter-spacing: 0.06em; text-transform: uppercase; } .sar-homefocus__title { margin: 0; color: var(--sar-homefocus-deep); font-size: clamp(30px, 4vw, 48px); font-weight: 900; line-height: 1.1; letter-spacing: -0.036em; text-wrap: balance; } .sar-homefocus__direct-answer { max-width: 930px; margin: 20px auto 0; color: var(--sar-homefocus-dark); font-size: clamp(17px, 1.55vw, 20px); font-weight: 700; line-height: 1.67; } .sar-homefocus__intro { max-width: 890px; margin: 15px auto 0; color: var(--sar-homefocus-muted); font-size: 15px; line-height: 1.72; } .sar-homefocus__label, .sar-homefocus__cta-label { margin: 0 0 8px; color: var(--sar-homefocus-orange); font-size: 10px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-homefocus__subtitle { margin: 0; color: var(--sar-homefocus-deep); font-size: clamp(24px, 3vw, 37px); font-weight: 900; line-height: 1.18; letter-spacing: -0.028em; text-wrap: balance; } .sar-homefocus__answer { margin: 15px 0 0; color: var(--sar-homefocus-dark); font-size: 15px; font-weight: 650; line-height: 1.7; } .sar-homefocus__main { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); gap: clamp(28px, 5vw, 54px); align-items: start; padding: clamp(28px, 5vw, 50px); border-radius: 24px; background: linear-gradient( 135deg, var(--sar-homefocus-deep), var(--sar-homefocus-dark) ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.18); } .sar-homefocus__main .sar-homefocus__label { color: #88e6ee; } .sar-homefocus__main .sar-homefocus__subtitle { color: var(--sar-homefocus-white); } .sar-homefocus__main .sar-homefocus__answer { color: rgba(255, 255, 255, 0.94); } .sar-homefocus__copy > p:not( .sar-homefocus__label, .sar-homefocus__answer ) { margin: 15px 0 0; color: rgba(255, 255, 255, 0.84); font-size: 14px; line-height: 1.7; } .sar-homefocus__note { display: flex; gap: 11px; align-items: flex-start; margin-top: 20px; padding: 14px; border: 1px solid rgba(245, 130, 32, 0.3); border-radius: 14px; background: rgba(245, 130, 32, 0.1); } .sar-homefocus__note > span { display: grid; flex: 0 0 auto; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: var(--sar-homefocus-orange); color: var(--sar-homefocus-white); font-weight: 900; } .sar-homefocus__note p { margin: 0; color: rgba(255, 255, 255, 0.94); font-size: 12px; font-weight: 700; line-height: 1.55; } .sar-homefocus__needs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .sar-homefocus__needs article { display: flex; gap: 11px; align-items: flex-start; min-width: 0; padding: 16px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; background: rgba(255, 255, 255, 0.97); } .sar-homefocus__needs article > span { display: grid; flex: 0 0 auto; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: var(--sar-homefocus-teal); color: var(--sar-homefocus-white); font-size: 9px; font-weight: 900; } .sar-homefocus__needs h5, .sar-homefocus__problems-grid h5 { margin: 0; color: var(--sar-homefocus-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-homefocus__needs p, .sar-homefocus__problems-grid p { margin: 5px 0 0; color: var(--sar-homefocus-muted); font-size: 12px; line-height: 1.56; } .sar-homefocus__problems { margin-top: clamp(40px, 6vw, 66px); } .sar-homefocus__problems-heading { max-width: 900px; margin-bottom: 24px; } .sar-homefocus__problems-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; } .sar-homefocus__problems-grid article { min-width: 0; padding: 20px 17px; border: 1px solid var(--sar-homefocus-border); border-top: 4px solid var(--sar-homefocus-teal); border-radius: 17px; background: var(--sar-homefocus-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-homefocus__difference { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(300px, 0.7fr); gap: clamp(28px, 5vw, 52px); align-items: center; margin-top: clamp(40px, 6vw, 66px); padding: clamp(27px, 5vw, 46px); border: 1px solid var(--sar-homefocus-border); border-radius: 23px; background: var(--sar-homefocus-cream); } .sar-homefocus__list { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; } .sar-homefocus__list li { display: flex; gap: 9px; align-items: flex-start; padding: 13px 14px; border: 1px solid rgba(46, 155, 103, 0.14); border-radius: 12px; background: var(--sar-homefocus-white); color: var(--sar-homefocus-dark); font-size: 13px; font-weight: 700; line-height: 1.5; } .sar-homefocus__list span { display: grid; flex: 0 0 auto; place-items: center; width: 21px; height: 21px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-homefocus-green); font-size: 10px; font-weight: 900; } .sar-homefocus__services { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin-top: 24px; } .sar-homefocus__services a { display: flex; align-items: center; min-width: 0; padding: 14px; border: 1px solid rgba(0, 143, 163, 0.16); border-radius: 12px; background: var(--sar-homefocus-light); color: var(--sar-homefocus-dark); font-size: 12px; font-weight: 850; line-height: 1.45; text-decoration: none; } .sar-homefocus__services a:hover { border-color: rgba(0, 143, 163, 0.38); color: var(--sar-homefocus-teal); } .sar-homefocus__answers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 24px; } .sar-homefocus__answers article { min-width: 0; padding: 20px; border: 1px solid var(--sar-homefocus-border); border-radius: 16px; background: var(--sar-homefocus-light); } .sar-homefocus__answers h4 { margin: 0; color: var(--sar-homefocus-dark); font-size: 16px; font-weight: 900; line-height: 1.35; } .sar-homefocus__answers p { margin: 8px 0 0; color: var(--sar-homefocus-muted); font-size: 13px; line-height: 1.6; } .sar-homefocus__cta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, 310px); gap: 32px; align-items: center; margin-top: clamp(40px, 6vw, 66px); padding: clamp(28px, 5vw, 48px); border-radius: 24px; background: linear-gradient( 132deg, var(--sar-homefocus-deep), var(--sar-homefocus-dark) 68%, #07596a ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.18); } .sar-homefocus__cta-label { color: #86e4ec; } .sar-homefocus__cta-title { margin: 0; color: var(--sar-homefocus-white); font-size: clamp(24px, 3vw, 36px); font-weight: 900; line-height: 1.18; letter-spacing: -0.027em; text-wrap: balance; } .sar-homefocus__cta-text { margin: 13px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 14px; line-height: 1.68; } .sar-homefocus__cta-actions { display: grid; gap: 10px; } .sar-homefocus__button { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 52px; padding: 12px 16px; border: 2px solid transparent; border-radius: 12px; font-size: 13px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease; } .sar-homefocus__button:hover { transform: translateY(-2px); } .sar-homefocus__button:focus-visible, .sar-homefocus__services a:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; } .sar-homefocus__button--primary { background: var(--sar-homefocus-orange); color: var(--sar-homefocus-white); } .sar-homefocus__button--primary:hover { background: var(--sar-homefocus-orange-dark); } .sar-homefocus__button--whatsapp { background: var(--sar-homefocus-green); color: var(--sar-homefocus-white); } .sar-homefocus__button--whatsapp:hover { background: var(--sar-homefocus-green-dark); } .sar-homefocus__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-homefocus-white); } .sar-homefocus__button--phone:hover { border-color: rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.15); } .sar-homefocus__button span { display: grid; gap: 1px; } .sar-homefocus__button strong { font-size: 14px; font-weight: 900; } @media (max-width: 1040px) { .sar-homefocus__main, .sar-homefocus__difference, .sar-homefocus__cta { grid-template-columns: 1fr; } .sar-homefocus__problems-grid, .sar-homefocus__services { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-homefocus__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 760px) { .sar-homefocus__needs, .sar-homefocus__problems-grid, .sar-homefocus__services, .sar-homefocus__answers, .sar-homefocus__cta-actions { grid-template-columns: 1fr; } } @media (max-width: 680px) { #specializzazione-abitazioni-isolamento-acustico-roma { padding: 52px 0; } .sar-homefocus__container { width: min(100% - 28px, 1160px); } .sar-homefocus__header { margin-bottom: 30px; text-align: left; } .sar-homefocus__eyebrow { font-size: 9px; } .sar-homefocus__title { font-size: clamp(29px, 9vw, 40px); } .sar-homefocus__direct-answer { font-size: 16px; line-height: 1.62; } .sar-homefocus__main, .sar-homefocus__difference { padding: 24px 18px; border-radius: 19px; } .sar-homefocus__problems, .sar-homefocus__difference, .sar-homefocus__cta { margin-top: 36px; } .sar-homefocus__cta { padding: 25px 18px; border-radius: 19px; } } @media (prefers-reduced-motion: reduce) { .sar-homefocus__button { transition: none; } .sar-homefocus__button:hover { transform: none; } }#imCell_68 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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; } #esperienza-dal-2006-isolamento-acustico-roma { --sar-history-dark: #073b46; --sar-history-deep: #042d36; --sar-history-teal: #008fa3; --sar-history-orange: #f58220; --sar-history-orange-dark: #d96813; --sar-history-green: #2e9b67; --sar-history-green-dark: #237c52; --sar-history-white: #ffffff; --sar-history-cream: #fff8ed; --sar-history-light: #eefafd; --sar-history-text: #18343b; --sar-history-muted: #587078; --sar-history-border: rgba(7, 59, 70, 0.13); width: 100%; padding: clamp(58px, 7vw, 90px) 0; overflow: hidden; background: radial-gradient( circle at 100% 4%, rgba(22, 191, 208, 0.08), transparent 28% ), linear-gradient(180deg, #ffffff 0%, #f7fcfd 100%); color: var(--sar-history-text); } #esperienza-dal-2006-isolamento-acustico-roma, #esperienza-dal-2006-isolamento-acustico-roma *, #esperienza-dal-2006-isolamento-acustico-roma *::before, #esperienza-dal-2006-isolamento-acustico-roma *::after { box-sizing: border-box; } .sar-history__container { width: min(100% - 40px, 1160px); margin-inline: auto; } .sar-history__header { max-width: 960px; margin: 0 auto 38px; text-align: center; } .sar-history__eyebrow { display: inline-flex; margin: 0 0 14px; padding: 7px 13px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-history-teal); font-size: 10px; font-weight: 850; line-height: 1.35; letter-spacing: 0.06em; text-transform: uppercase; } .sar-history__title { margin: 0; color: var(--sar-history-deep); font-size: clamp(30px, 4vw, 48px); font-weight: 900; line-height: 1.1; letter-spacing: -0.036em; text-wrap: balance; } .sar-history__direct-answer { max-width: 930px; margin: 20px auto 0; color: var(--sar-history-dark); font-size: clamp(17px, 1.55vw, 20px); font-weight: 700; line-height: 1.67; } .sar-history__intro { max-width: 890px; margin: 15px auto 0; color: var(--sar-history-muted); font-size: 15px; line-height: 1.72; } .sar-history__label, .sar-history__cta-label { margin: 0 0 8px; color: var(--sar-history-orange); font-size: 10px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-history__subtitle { margin: 0; color: var(--sar-history-deep); font-size: clamp(24px, 3vw, 37px); font-weight: 900; line-height: 1.18; letter-spacing: -0.028em; text-wrap: balance; } .sar-history__answer { margin: 15px 0 0; color: var(--sar-history-dark); font-size: 15px; font-weight: 650; line-height: 1.7; } .sar-history__main { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); gap: clamp(28px, 5vw, 54px); align-items: start; padding: clamp(28px, 5vw, 50px); border-radius: 24px; background: linear-gradient( 135deg, var(--sar-history-deep), var(--sar-history-dark) ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.18); } .sar-history__main .sar-history__label { color: #88e6ee; } .sar-history__main .sar-history__subtitle { color: var(--sar-history-white); } .sar-history__main .sar-history__answer { color: rgba(255, 255, 255, 0.94); } .sar-history__copy > p:not( .sar-history__label, .sar-history__answer ) { margin: 15px 0 0; color: rgba(255, 255, 255, 0.84); font-size: 14px; line-height: 1.7; } .sar-history__note { display: flex; gap: 11px; align-items: flex-start; margin-top: 20px; padding: 14px; border: 1px solid rgba(245, 130, 32, 0.3); border-radius: 14px; background: rgba(245, 130, 32, 0.1); } .sar-history__note > span { display: grid; flex: 0 0 auto; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: var(--sar-history-orange); color: var(--sar-history-white); font-weight: 900; } .sar-history__note p { margin: 0; color: rgba(255, 255, 255, 0.94); font-size: 12px; font-weight: 700; line-height: 1.55; } .sar-history__pillars { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .sar-history__pillars article { display: flex; gap: 11px; align-items: flex-start; min-width: 0; padding: 16px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; background: rgba(255, 255, 255, 0.97); } .sar-history__pillars article > span { display: grid; flex: 0 0 auto; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: var(--sar-history-teal); color: var(--sar-history-white); font-size: 9px; font-weight: 900; } .sar-history__pillars h5, .sar-history__steps h5 { margin: 0; color: var(--sar-history-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-history__pillars p { margin: 5px 0 0; color: var(--sar-history-muted); font-size: 12px; line-height: 1.56; } .sar-history__timeline { margin-top: clamp(40px, 6vw, 66px); } .sar-history__timeline-heading { max-width: 900px; margin-bottom: 24px; } .sar-history__steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; margin: 0; padding: 0; list-style: none; } .sar-history__steps li { display: flex; gap: 11px; align-items: flex-start; min-width: 0; padding: 18px 16px; border: 1px solid var(--sar-history-border); border-radius: 16px; background: var(--sar-history-white); box-shadow: 0 9px 25px rgba(4, 45, 54, 0.05); } .sar-history__steps li > span { display: grid; flex: 0 0 auto; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: var(--sar-history-dark); color: var(--sar-history-white); font-size: 10px; font-weight: 900; } .sar-history__steps p { margin: 5px 0 0; color: var(--sar-history-muted); font-size: 12px; line-height: 1.5; } .sar-history__answers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 24px; } .sar-history__answers article { min-width: 0; padding: 20px; border: 1px solid var(--sar-history-border); border-radius: 16px; background: var(--sar-history-light); } .sar-history__answers h4 { margin: 0; color: var(--sar-history-dark); font-size: 16px; font-weight: 900; line-height: 1.35; } .sar-history__answers p { margin: 8px 0 0; color: var(--sar-history-muted); font-size: 13px; line-height: 1.6; } .sar-history__cta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, 310px); gap: 32px; align-items: center; margin-top: clamp(40px, 6vw, 66px); padding: clamp(28px, 5vw, 48px); border-radius: 24px; background: linear-gradient( 132deg, var(--sar-history-deep), var(--sar-history-dark) 68%, #07596a ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.18); } .sar-history__cta-label { color: #86e4ec; } .sar-history__cta-title { margin: 0; color: var(--sar-history-white); font-size: clamp(24px, 3vw, 36px); font-weight: 900; line-height: 1.18; letter-spacing: -0.027em; text-wrap: balance; } .sar-history__cta-text { margin: 13px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 14px; line-height: 1.68; } .sar-history__cta-actions { display: grid; gap: 10px; } .sar-history__button { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 52px; padding: 12px 16px; border: 2px solid transparent; border-radius: 12px; font-size: 13px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease; } .sar-history__button:hover { transform: translateY(-2px); } .sar-history__button:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; } .sar-history__button--primary { background: var(--sar-history-orange); color: var(--sar-history-white); } .sar-history__button--primary:hover { background: var(--sar-history-orange-dark); } .sar-history__button--whatsapp { background: var(--sar-history-green); color: var(--sar-history-white); } .sar-history__button--whatsapp:hover { background: var(--sar-history-green-dark); } .sar-history__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-history-white); } .sar-history__button--phone:hover { border-color: rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.15); } .sar-history__button span { display: grid; gap: 1px; } .sar-history__button strong { font-size: 14px; font-weight: 900; } @media (max-width: 1040px) { .sar-history__main, .sar-history__cta { grid-template-columns: 1fr; } .sar-history__steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-history__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 760px) { .sar-history__pillars, .sar-history__steps, .sar-history__answers, .sar-history__cta-actions { grid-template-columns: 1fr; } } @media (max-width: 680px) { #esperienza-dal-2006-isolamento-acustico-roma { padding: 52px 0; } .sar-history__container { width: min(100% - 28px, 1160px); } .sar-history__header { margin-bottom: 30px; text-align: left; } .sar-history__eyebrow { font-size: 9px; } .sar-history__title { font-size: clamp(29px, 9vw, 40px); } .sar-history__direct-answer { font-size: 16px; line-height: 1.62; } .sar-history__main { padding: 24px 18px; border-radius: 19px; } .sar-history__timeline, .sar-history__cta { margin-top: 36px; } .sar-history__cta { padding: 25px 18px; border-radius: 19px; } } @media (prefers-reduced-motion: reduce) { .sar-history__button { transition: none; } .sar-history__button:hover { transform: none; } }#imCell_69 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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; } #diagnosi-prima-intervento-isolamento-acustico-roma { --sar-diagnosis-dark: #073b46; --sar-diagnosis-deep: #042d36; --sar-diagnosis-teal: #008fa3; --sar-diagnosis-orange: #f58220; --sar-diagnosis-orange-dark: #d96813; --sar-diagnosis-green: #2e9b67; --sar-diagnosis-green-dark: #237c52; --sar-diagnosis-white: #ffffff; --sar-diagnosis-cream: #fff8ed; --sar-diagnosis-light: #eefafd; --sar-diagnosis-text: #18343b; --sar-diagnosis-muted: #587078; --sar-diagnosis-border: rgba(7, 59, 70, 0.13); width: 100%; padding: clamp(58px, 7vw, 90px) 0; overflow: hidden; background: radial-gradient( circle at 100% 4%, rgba(22, 191, 208, 0.08), transparent 28% ), linear-gradient(180deg, #ffffff 0%, #f7fcfd 100%); color: var(--sar-diagnosis-text); } #diagnosi-prima-intervento-isolamento-acustico-roma, #diagnosi-prima-intervento-isolamento-acustico-roma *, #diagnosi-prima-intervento-isolamento-acustico-roma *::before, #diagnosi-prima-intervento-isolamento-acustico-roma *::after { box-sizing: border-box; } .sar-diagnosis__container { width: min(100% - 40px, 1160px); margin-inline: auto; } .sar-diagnosis__header { max-width: 960px; margin: 0 auto 38px; text-align: center; } .sar-diagnosis__eyebrow { display: inline-flex; margin: 0 0 14px; padding: 7px 13px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-diagnosis-teal); font-size: 10px; font-weight: 850; line-height: 1.35; letter-spacing: 0.06em; text-transform: uppercase; } .sar-diagnosis__title { margin: 0; color: var(--sar-diagnosis-deep); font-size: clamp(30px, 4vw, 48px); font-weight: 900; line-height: 1.1; letter-spacing: -0.036em; text-wrap: balance; } .sar-diagnosis__direct-answer { max-width: 930px; margin: 20px auto 0; color: var(--sar-diagnosis-dark); font-size: clamp(17px, 1.55vw, 20px); font-weight: 700; line-height: 1.67; } .sar-diagnosis__intro { max-width: 890px; margin: 15px auto 0; color: var(--sar-diagnosis-muted); font-size: 15px; line-height: 1.72; } .sar-diagnosis__label, .sar-diagnosis__comparison-label, .sar-diagnosis__cta-label { margin: 0 0 8px; color: var(--sar-diagnosis-orange); font-size: 10px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-diagnosis__subtitle { margin: 0; color: var(--sar-diagnosis-deep); font-size: clamp(24px, 3vw, 37px); font-weight: 900; line-height: 1.18; letter-spacing: -0.028em; text-wrap: balance; } .sar-diagnosis__answer { margin: 15px 0 0; color: var(--sar-diagnosis-dark); font-size: 15px; font-weight: 650; line-height: 1.7; } .sar-diagnosis__main { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); gap: clamp(28px, 5vw, 54px); align-items: start; padding: clamp(28px, 5vw, 50px); border-radius: 24px; background: linear-gradient( 135deg, var(--sar-diagnosis-deep), var(--sar-diagnosis-dark) ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.18); } .sar-diagnosis__main .sar-diagnosis__label { color: #88e6ee; } .sar-diagnosis__main .sar-diagnosis__subtitle { color: var(--sar-diagnosis-white); } .sar-diagnosis__main .sar-diagnosis__answer { color: rgba(255, 255, 255, 0.94); } .sar-diagnosis__copy > p:not( .sar-diagnosis__label, .sar-diagnosis__answer ) { margin: 15px 0 0; color: rgba(255, 255, 255, 0.84); font-size: 14px; line-height: 1.7; } .sar-diagnosis__notice { display: flex; gap: 11px; align-items: flex-start; margin-top: 20px; padding: 14px; border: 1px solid rgba(245, 130, 32, 0.3); border-radius: 14px; background: rgba(245, 130, 32, 0.1); } .sar-diagnosis__notice > span { display: grid; flex: 0 0 auto; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: var(--sar-diagnosis-orange); color: var(--sar-diagnosis-white); font-weight: 900; } .sar-diagnosis__notice p { margin: 0; color: rgba(255, 255, 255, 0.94); font-size: 12px; font-weight: 700; line-height: 1.55; } .sar-diagnosis__checks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .sar-diagnosis__checks article { display: flex; gap: 11px; align-items: flex-start; min-width: 0; padding: 16px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; background: rgba(255, 255, 255, 0.97); } .sar-diagnosis__checks article > span { display: grid; flex: 0 0 auto; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: var(--sar-diagnosis-teal); color: var(--sar-diagnosis-white); font-size: 9px; font-weight: 900; } .sar-diagnosis__checks h5, .sar-diagnosis__background-grid h5, .sar-diagnosis__comparison h5 { margin: 0; color: var(--sar-diagnosis-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-diagnosis__checks p { margin: 5px 0 0; color: var(--sar-diagnosis-muted); font-size: 12px; line-height: 1.56; } .sar-diagnosis__background { margin-top: clamp(40px, 6vw, 66px); } .sar-diagnosis__background-heading { max-width: 930px; margin-bottom: 24px; } .sar-diagnosis__background-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; } .sar-diagnosis__background-grid article { min-width: 0; padding: 20px 17px; border: 1px solid var(--sar-diagnosis-border); border-top: 4px solid var(--sar-diagnosis-teal); border-radius: 17px; background: var(--sar-diagnosis-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-diagnosis__background-grid article > span { display: grid; place-items: center; width: 31px; height: 31px; margin-bottom: 11px; border-radius: 9px; background: var(--sar-diagnosis-dark); color: var(--sar-diagnosis-white); font-size: 9px; font-weight: 900; } .sar-diagnosis__background-grid p { margin: 7px 0 0; color: var(--sar-diagnosis-muted); font-size: 12px; line-height: 1.58; } .sar-diagnosis__example { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, 0.78fr); gap: clamp(28px, 5vw, 52px); align-items: center; margin-top: clamp(40px, 6vw, 66px); padding: clamp(27px, 5vw, 46px); border: 1px solid var(--sar-diagnosis-border); border-radius: 23px; background: var(--sar-diagnosis-cream); } .sar-diagnosis__example-text { margin: 14px 0 0; color: var(--sar-diagnosis-muted); font-size: 14px; line-height: 1.68; } .sar-diagnosis__comparison { display: grid; gap: 11px; } .sar-diagnosis__comparison article { min-width: 0; padding: 17px; border: 1px solid rgba(0, 143, 163, 0.16); border-radius: 14px; background: var(--sar-diagnosis-white); } .sar-diagnosis__comparison p:not(.sar-diagnosis__comparison-label) { margin: 6px 0 0; color: var(--sar-diagnosis-muted); font-size: 12px; line-height: 1.56; } .sar-diagnosis__inspection { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 26px; align-items: center; margin-top: 24px; padding: clamp(23px, 4vw, 36px); border: 1px solid var(--sar-diagnosis-border); border-radius: 19px; background: var(--sar-diagnosis-light); } .sar-diagnosis__inspection-link { display: inline-flex; gap: 8px; align-items: center; justify-content: center; min-height: 50px; padding: 12px 17px; border: 2px solid var(--sar-diagnosis-teal); border-radius: 11px; background: var(--sar-diagnosis-white); color: var(--sar-diagnosis-teal); font-size: 12px; font-weight: 850; line-height: 1.35; text-align: center; text-decoration: none; } .sar-diagnosis__inspection-link:hover { background: var(--sar-diagnosis-teal); color: var(--sar-diagnosis-white); } .sar-diagnosis__answers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 24px; } .sar-diagnosis__answers article { min-width: 0; padding: 20px; border: 1px solid var(--sar-diagnosis-border); border-radius: 16px; background: var(--sar-diagnosis-light); } .sar-diagnosis__answers h4 { margin: 0; color: var(--sar-diagnosis-dark); font-size: 16px; font-weight: 900; line-height: 1.35; } .sar-diagnosis__answers p { margin: 8px 0 0; color: var(--sar-diagnosis-muted); font-size: 13px; line-height: 1.6; } .sar-diagnosis__cta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, 310px); gap: 32px; align-items: center; margin-top: clamp(40px, 6vw, 66px); padding: clamp(28px, 5vw, 48px); border-radius: 24px; background: linear-gradient( 132deg, var(--sar-diagnosis-deep), var(--sar-diagnosis-dark) 68%, #07596a ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.18); } .sar-diagnosis__cta-label { color: #86e4ec; } .sar-diagnosis__cta-title { margin: 0; color: var(--sar-diagnosis-white); font-size: clamp(24px, 3vw, 36px); font-weight: 900; line-height: 1.18; letter-spacing: -0.027em; text-wrap: balance; } .sar-diagnosis__cta-text { margin: 13px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 14px; line-height: 1.68; } .sar-diagnosis__cta-actions { display: grid; gap: 10px; } .sar-diagnosis__button { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 52px; padding: 12px 16px; border: 2px solid transparent; border-radius: 12px; font-size: 13px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease; } .sar-diagnosis__button:hover { transform: translateY(-2px); } .sar-diagnosis__button:focus-visible, .sar-diagnosis__inspection-link:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; } .sar-diagnosis__button--primary { background: var(--sar-diagnosis-orange); color: var(--sar-diagnosis-white); } .sar-diagnosis__button--primary:hover { background: var(--sar-diagnosis-orange-dark); } .sar-diagnosis__button--whatsapp { background: var(--sar-diagnosis-green); color: var(--sar-diagnosis-white); } .sar-diagnosis__button--whatsapp:hover { background: var(--sar-diagnosis-green-dark); } .sar-diagnosis__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-diagnosis-white); } .sar-diagnosis__button--phone:hover { border-color: rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.15); } .sar-diagnosis__button span { display: grid; gap: 1px; } .sar-diagnosis__button strong { font-size: 14px; font-weight: 900; } @media (max-width: 1040px) { .sar-diagnosis__main, .sar-diagnosis__example, .sar-diagnosis__cta { grid-template-columns: 1fr; } .sar-diagnosis__background-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-diagnosis__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 780px) { .sar-diagnosis__checks, .sar-diagnosis__background-grid, .sar-diagnosis__answers, .sar-diagnosis__cta-actions { grid-template-columns: 1fr; } .sar-diagnosis__inspection { grid-template-columns: 1fr; } .sar-diagnosis__inspection-link { justify-self: start; } } @media (max-width: 680px) { #diagnosi-prima-intervento-isolamento-acustico-roma { padding: 52px 0; } .sar-diagnosis__container { width: min(100% - 28px, 1160px); } .sar-diagnosis__header { margin-bottom: 30px; text-align: left; } .sar-diagnosis__eyebrow { font-size: 9px; } .sar-diagnosis__title { font-size: clamp(29px, 9vw, 40px); } .sar-diagnosis__direct-answer { font-size: 16px; line-height: 1.62; } .sar-diagnosis__main, .sar-diagnosis__example, .sar-diagnosis__inspection { padding: 24px 18px; border-radius: 19px; } .sar-diagnosis__background, .sar-diagnosis__example, .sar-diagnosis__cta { margin-top: 36px; } .sar-diagnosis__cta { padding: 25px 18px; border-radius: 19px; } } @media (prefers-reduced-motion: reduce) { .sar-diagnosis__button { transition: none; } .sar-diagnosis__button:hover { transform: none; } }#imCell_70 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_70 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_70 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_70 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #progettazione-tecnica-isolamento-acustico-roma { --sar-design-dark: #073b46; --sar-design-deep: #042d36; --sar-design-teal: #008fa3; --sar-design-orange: #f58220; --sar-design-orange-dark: #d96813; --sar-design-green: #2e9b67; --sar-design-green-dark: #237c52; --sar-design-red: #b84d3c; --sar-design-white: #ffffff; --sar-design-cream: #fff8ed; --sar-design-light: #eefafd; --sar-design-text: #18343b; --sar-design-muted: #587078; --sar-design-border: rgba(7, 59, 70, 0.13); width: 100%; padding: clamp(58px, 7vw, 90px) 0; overflow: hidden; background: radial-gradient( circle at 100% 4%, rgba(22, 191, 208, 0.08), transparent 28% ), linear-gradient(180deg, #ffffff 0%, #f7fcfd 100%); color: var(--sar-design-text); } #progettazione-tecnica-isolamento-acustico-roma, #progettazione-tecnica-isolamento-acustico-roma *, #progettazione-tecnica-isolamento-acustico-roma *::before, #progettazione-tecnica-isolamento-acustico-roma *::after { box-sizing: border-box; } .sar-design__container { width: min(100% - 40px, 1160px); margin-inline: auto; } .sar-design__header { max-width: 960px; margin: 0 auto 38px; text-align: center; } .sar-design__eyebrow { display: inline-flex; margin: 0 0 14px; padding: 7px 13px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-design-teal); font-size: 10px; font-weight: 850; line-height: 1.35; letter-spacing: 0.06em; text-transform: uppercase; } .sar-design__title { margin: 0; color: var(--sar-design-deep); font-size: clamp(30px, 4vw, 48px); font-weight: 900; line-height: 1.1; letter-spacing: -0.036em; text-wrap: balance; } .sar-design__direct-answer { max-width: 930px; margin: 20px auto 0; color: var(--sar-design-dark); font-size: clamp(17px, 1.55vw, 20px); font-weight: 700; line-height: 1.67; } .sar-design__intro { max-width: 890px; margin: 15px auto 0; color: var(--sar-design-muted); font-size: 15px; line-height: 1.72; } .sar-design__label, .sar-design__comparison-label, .sar-design__cta-label { margin: 0 0 8px; color: var(--sar-design-orange); font-size: 10px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-design__subtitle { margin: 0; color: var(--sar-design-deep); font-size: clamp(24px, 3vw, 37px); font-weight: 900; line-height: 1.18; letter-spacing: -0.028em; text-wrap: balance; } .sar-design__answer { margin: 15px 0 0; color: var(--sar-design-dark); font-size: 15px; font-weight: 650; line-height: 1.7; } .sar-design__alert { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, 0.75fr); gap: clamp(28px, 5vw, 52px); align-items: center; padding: clamp(28px, 5vw, 48px); border-radius: 24px; background: linear-gradient( 135deg, var(--sar-design-deep), var(--sar-design-dark) ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.18); } .sar-design__alert .sar-design__label { color: #88e6ee; } .sar-design__alert .sar-design__subtitle { color: var(--sar-design-white); } .sar-design__alert .sar-design__answer { color: rgba(255, 255, 255, 0.94); } .sar-design__alert-copy > p:not( .sar-design__label, .sar-design__answer ) { margin: 15px 0 0; color: rgba(255, 255, 255, 0.84); font-size: 14px; line-height: 1.7; } .sar-design__risk-box { display: flex; gap: 13px; align-items: flex-start; padding: 20px; border: 1px solid rgba(245, 130, 32, 0.34); border-radius: 17px; background: rgba(245, 130, 32, 0.11); } .sar-design__risk-box > span { display: grid; flex: 0 0 auto; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: var(--sar-design-orange); color: var(--sar-design-white); font-weight: 900; } .sar-design__risk-box h4 { margin: 0; color: var(--sar-design-white); font-size: 18px; font-weight: 900; line-height: 1.34; } .sar-design__risk-box p { margin: 7px 0 0; color: rgba(255, 255, 255, 0.88); font-size: 13px; line-height: 1.62; } .sar-design__risks { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; margin-top: 24px; } .sar-design__risks article { min-width: 0; padding: 20px 17px; border: 1px solid var(--sar-design-border); border-top: 4px solid var(--sar-design-red); border-radius: 17px; background: var(--sar-design-cream); } .sar-design__risks article > span { display: grid; place-items: center; width: 31px; height: 31px; margin-bottom: 11px; border-radius: 9px; background: var(--sar-design-red); color: var(--sar-design-white); font-size: 9px; font-weight: 900; } .sar-design__risks h4 { margin: 0; color: var(--sar-design-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-design__risks p { margin: 7px 0 0; color: var(--sar-design-muted); font-size: 12px; line-height: 1.58; } .sar-design__project { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(300px, 0.7fr); gap: clamp(28px, 5vw, 52px); align-items: center; margin-top: clamp(40px, 6vw, 66px); padding: clamp(27px, 5vw, 46px); border: 1px solid var(--sar-design-border); border-radius: 23px; background: var(--sar-design-light); } .sar-design__list { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; } .sar-design__list li { display: flex; gap: 9px; align-items: flex-start; padding: 13px 14px; border: 1px solid rgba(46, 155, 103, 0.14); border-radius: 12px; background: var(--sar-design-white); color: var(--sar-design-dark); font-size: 13px; font-weight: 700; line-height: 1.5; } .sar-design__list span { display: grid; flex: 0 0 auto; place-items: center; width: 21px; height: 21px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-design-green); font-size: 10px; font-weight: 900; } .sar-design__comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: clamp(40px, 6vw, 66px); } .sar-design__comparison-card { padding: clamp(23px, 3vw, 32px); border: 1px solid var(--sar-design-border); border-top: 5px solid var(--sar-design-red); border-radius: 20px; background: var(--sar-design-cream); box-shadow: 0 12px 34px rgba(4, 45, 54, 0.06); } .sar-design__comparison-card--planned { border-top-color: var(--sar-design-green); background: var(--sar-design-light); } .sar-design__comparison-card h4 { margin: 0; color: var(--sar-design-dark); font-size: clamp(21px, 2.4vw, 28px); font-weight: 900; line-height: 1.25; } .sar-design__comparison-card > p:not(.sar-design__comparison-label) { margin: 10px 0 0; color: var(--sar-design-muted); font-size: 13px; line-height: 1.62; } .sar-design__comparison-card ul { display: grid; gap: 8px; margin: 17px 0 0; padding-left: 18px; color: var(--sar-design-dark); } .sar-design__comparison-card li { font-size: 13px; font-weight: 700; line-height: 1.5; } .sar-design__decision { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, 0.72fr); gap: clamp(28px, 5vw, 52px); align-items: center; margin-top: clamp(40px, 6vw, 66px); padding: clamp(27px, 5vw, 46px); border: 1px solid var(--sar-design-border); border-radius: 23px; background: var(--sar-design-cream); } .sar-design__decision-note { padding: 22px; border-left: 5px solid var(--sar-design-orange); border-radius: 0 15px 15px 0; background: var(--sar-design-white); } .sar-design__decision-note p { margin: 0; color: var(--sar-design-dark); font-size: 16px; font-weight: 800; line-height: 1.62; } .sar-design__answers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 24px; } .sar-design__answers article { min-width: 0; padding: 20px; border: 1px solid var(--sar-design-border); border-radius: 16px; background: var(--sar-design-light); } .sar-design__answers h4 { margin: 0; color: var(--sar-design-dark); font-size: 16px; font-weight: 900; line-height: 1.35; } .sar-design__answers p { margin: 8px 0 0; color: var(--sar-design-muted); font-size: 13px; line-height: 1.6; } .sar-design__cta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, 310px); gap: 32px; align-items: center; margin-top: clamp(40px, 6vw, 66px); padding: clamp(28px, 5vw, 48px); border-radius: 24px; background: linear-gradient( 132deg, var(--sar-design-deep), var(--sar-design-dark) 68%, #07596a ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.18); } .sar-design__cta-label { color: #86e4ec; } .sar-design__cta-title { margin: 0; color: var(--sar-design-white); font-size: clamp(24px, 3vw, 36px); font-weight: 900; line-height: 1.18; letter-spacing: -0.027em; text-wrap: balance; } .sar-design__cta-text { margin: 13px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 14px; line-height: 1.68; } .sar-design__cta-actions { display: grid; gap: 10px; } .sar-design__button { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 52px; padding: 12px 16px; border: 2px solid transparent; border-radius: 12px; font-size: 13px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease; } .sar-design__button:hover { transform: translateY(-2px); } .sar-design__button:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; } .sar-design__button--primary { background: var(--sar-design-orange); color: var(--sar-design-white); } .sar-design__button--primary:hover { background: var(--sar-design-orange-dark); } .sar-design__button--whatsapp { background: var(--sar-design-green); color: var(--sar-design-white); } .sar-design__button--whatsapp:hover { background: var(--sar-design-green-dark); } .sar-design__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-design-white); } .sar-design__button--phone:hover { border-color: rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.15); } .sar-design__button span { display: grid; gap: 1px; } .sar-design__button strong { font-size: 14px; font-weight: 900; } @media (max-width: 1040px) { .sar-design__alert, .sar-design__project, .sar-design__decision, .sar-design__cta { grid-template-columns: 1fr; } .sar-design__risks { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-design__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 760px) { .sar-design__risks, .sar-design__comparison, .sar-design__answers, .sar-design__cta-actions { grid-template-columns: 1fr; } } @media (max-width: 680px) { #progettazione-tecnica-isolamento-acustico-roma { padding: 52px 0; } .sar-design__container { width: min(100% - 28px, 1160px); } .sar-design__header { margin-bottom: 30px; text-align: left; } .sar-design__eyebrow { font-size: 9px; } .sar-design__title { font-size: clamp(29px, 9vw, 40px); } .sar-design__direct-answer { font-size: 16px; line-height: 1.62; } .sar-design__alert, .sar-design__project, .sar-design__decision { padding: 24px 18px; border-radius: 19px; } .sar-design__project, .sar-design__comparison, .sar-design__decision, .sar-design__cta { margin-top: 36px; } .sar-design__comparison-card { padding: 22px 18px; border-radius: 18px; } .sar-design__cta { padding: 25px 18px; border-radius: 19px; } } @media (prefers-reduced-motion: reduce) { .sar-design__button { transition: none; } .sar-design__button:hover { transform: none; } }#imCell_71 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_71 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_71 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_71 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #strutture-indipendenti-disaccoppiate-isolamento-acustico-roma { --sar-decouple-dark: #073b46; --sar-decouple-deep: #042d36; --sar-decouple-teal: #008fa3; --sar-decouple-orange: #f58220; --sar-decouple-orange-dark: #d96813; --sar-decouple-green: #2e9b67; --sar-decouple-green-dark: #237c52; --sar-decouple-red: #b84d3c; --sar-decouple-white: #ffffff; --sar-decouple-cream: #fff8ed; --sar-decouple-light: #eefafd; --sar-decouple-text: #18343b; --sar-decouple-muted: #587078; --sar-decouple-border: rgba(7, 59, 70, 0.13); width: 100%; padding: clamp(58px, 7vw, 90px) 0; overflow: hidden; background: radial-gradient( circle at 100% 4%, rgba(22, 191, 208, 0.08), transparent 28% ), linear-gradient(180deg, #ffffff 0%, #f7fcfd 100%); color: var(--sar-decouple-text); } #strutture-indipendenti-disaccoppiate-isolamento-acustico-roma, #strutture-indipendenti-disaccoppiate-isolamento-acustico-roma *, #strutture-indipendenti-disaccoppiate-isolamento-acustico-roma *::before, #strutture-indipendenti-disaccoppiate-isolamento-acustico-roma *::after { box-sizing: border-box; } .sar-decouple__container { width: min(100% - 40px, 1160px); margin-inline: auto; } .sar-decouple__header { max-width: 960px; margin: 0 auto 38px; text-align: center; } .sar-decouple__eyebrow { display: inline-flex; margin: 0 0 14px; padding: 7px 13px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-decouple-teal); font-size: 10px; font-weight: 850; line-height: 1.35; letter-spacing: 0.06em; text-transform: uppercase; } .sar-decouple__title { margin: 0; color: var(--sar-decouple-deep); font-size: clamp(30px, 4vw, 48px); font-weight: 900; line-height: 1.1; letter-spacing: -0.036em; text-wrap: balance; } .sar-decouple__direct-answer { max-width: 930px; margin: 20px auto 0; color: var(--sar-decouple-dark); font-size: clamp(17px, 1.55vw, 20px); font-weight: 700; line-height: 1.67; } .sar-decouple__intro { max-width: 890px; margin: 15px auto 0; color: var(--sar-decouple-muted); font-size: 15px; line-height: 1.72; } .sar-decouple__label, .sar-decouple__card-label, .sar-decouple__cta-label { margin: 0 0 8px; color: var(--sar-decouple-orange); font-size: 10px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-decouple__subtitle { margin: 0; color: var(--sar-decouple-deep); font-size: clamp(24px, 3vw, 37px); font-weight: 900; line-height: 1.18; letter-spacing: -0.028em; text-wrap: balance; } .sar-decouple__answer { margin: 15px 0 0; color: var(--sar-decouple-dark); font-size: 15px; font-weight: 650; line-height: 1.7; } .sar-decouple__main { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); gap: clamp(28px, 5vw, 54px); align-items: start; padding: clamp(28px, 5vw, 50px); border-radius: 24px; background: linear-gradient( 135deg, var(--sar-decouple-deep), var(--sar-decouple-dark) ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.18); } .sar-decouple__main .sar-decouple__label { color: #88e6ee; } .sar-decouple__main .sar-decouple__subtitle { color: var(--sar-decouple-white); } .sar-decouple__main .sar-decouple__answer { color: rgba(255, 255, 255, 0.94); } .sar-decouple__copy > p:not( .sar-decouple__label, .sar-decouple__answer ) { margin: 15px 0 0; color: rgba(255, 255, 255, 0.84); font-size: 14px; line-height: 1.7; } .sar-decouple__notice { display: flex; gap: 11px; align-items: flex-start; margin-top: 20px; padding: 14px; border: 1px solid rgba(245, 130, 32, 0.3); border-radius: 14px; background: rgba(245, 130, 32, 0.1); } .sar-decouple__notice > span { display: grid; flex: 0 0 auto; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: var(--sar-decouple-orange); color: var(--sar-decouple-white); font-weight: 900; } .sar-decouple__notice p { margin: 0; color: rgba(255, 255, 255, 0.94); font-size: 12px; font-weight: 700; line-height: 1.55; } .sar-decouple__principles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .sar-decouple__principles article { display: flex; gap: 11px; align-items: flex-start; min-width: 0; padding: 16px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; background: rgba(255, 255, 255, 0.97); } .sar-decouple__principles article > span { display: grid; flex: 0 0 auto; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: var(--sar-decouple-teal); color: var(--sar-decouple-white); font-size: 9px; font-weight: 900; } .sar-decouple__principles h5, .sar-decouple__applications-grid h5 { margin: 0; color: var(--sar-decouple-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-decouple__principles p { margin: 5px 0 0; color: var(--sar-decouple-muted); font-size: 12px; line-height: 1.56; } .sar-decouple__comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: clamp(40px, 6vw, 66px); } .sar-decouple__card { padding: clamp(23px, 3vw, 32px); border: 1px solid var(--sar-decouple-border); border-top: 5px solid var(--sar-decouple-red); border-radius: 20px; background: var(--sar-decouple-cream); box-shadow: 0 12px 34px rgba(4, 45, 54, 0.06); } .sar-decouple__card--correct { border-top-color: var(--sar-decouple-green); background: var(--sar-decouple-light); } .sar-decouple__card h4 { margin: 0; color: var(--sar-decouple-dark); font-size: clamp(21px, 2.4vw, 28px); font-weight: 900; line-height: 1.25; } .sar-decouple__card > p:not(.sar-decouple__card-label) { margin: 10px 0 0; color: var(--sar-decouple-muted); font-size: 13px; line-height: 1.62; } .sar-decouple__card ul { display: grid; gap: 9px; margin: 18px 0 0; padding: 0; list-style: none; } .sar-decouple__card li { display: flex; gap: 9px; align-items: flex-start; color: var(--sar-decouple-dark); font-size: 13px; font-weight: 700; line-height: 1.52; } .sar-decouple__card li > span { display: grid; flex: 0 0 auto; place-items: center; width: 21px; height: 21px; border-radius: 50%; background: rgba(184, 77, 60, 0.12); color: var(--sar-decouple-red); font-size: 10px; font-weight: 900; } .sar-decouple__card--correct li > span { background: rgba(46, 155, 103, 0.13); color: var(--sar-decouple-green); } .sar-decouple__applications { margin-top: clamp(40px, 6vw, 66px); } .sar-decouple__applications-heading { max-width: 920px; margin-bottom: 24px; } .sar-decouple__applications-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; } .sar-decouple__applications-grid article { display: flex; min-width: 0; flex-direction: column; padding: 20px 18px; border: 1px solid var(--sar-decouple-border); border-top: 4px solid var(--sar-decouple-teal); border-radius: 17px; background: var(--sar-decouple-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-decouple__applications-grid p { margin: 7px 0 0; color: var(--sar-decouple-muted); font-size: 12px; line-height: 1.58; } .sar-decouple__applications-grid a { display: inline-flex; align-self: flex-start; margin-top: auto; padding-top: 16px; color: var(--sar-decouple-teal); font-size: 12px; font-weight: 850; line-height: 1.45; text-decoration: none; } .sar-decouple__applications-grid a:hover { text-decoration: underline; text-underline-offset: 4px; } .sar-decouple__project { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(300px, 0.7fr); gap: clamp(28px, 5vw, 52px); align-items: center; margin-top: clamp(40px, 6vw, 66px); padding: clamp(27px, 5vw, 46px); border: 1px solid var(--sar-decouple-border); border-radius: 23px; background: var(--sar-decouple-cream); } .sar-decouple__list { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; } .sar-decouple__list li { display: flex; gap: 9px; align-items: flex-start; padding: 13px 14px; border: 1px solid rgba(46, 155, 103, 0.14); border-radius: 12px; background: var(--sar-decouple-white); color: var(--sar-decouple-dark); font-size: 13px; font-weight: 700; line-height: 1.5; } .sar-decouple__list span { display: grid; flex: 0 0 auto; place-items: center; width: 21px; height: 21px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-decouple-green); font-size: 10px; font-weight: 900; } .sar-decouple__answers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 24px; } .sar-decouple__answers article { min-width: 0; padding: 20px; border: 1px solid var(--sar-decouple-border); border-radius: 16px; background: var(--sar-decouple-light); } .sar-decouple__answers h4 { margin: 0; color: var(--sar-decouple-dark); font-size: 16px; font-weight: 900; line-height: 1.35; } .sar-decouple__answers p { margin: 8px 0 0; color: var(--sar-decouple-muted); font-size: 13px; line-height: 1.6; } .sar-decouple__cta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, 310px); gap: 32px; align-items: center; margin-top: clamp(40px, 6vw, 66px); padding: clamp(28px, 5vw, 48px); border-radius: 24px; background: linear-gradient( 132deg, var(--sar-decouple-deep), var(--sar-decouple-dark) 68%, #07596a ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.18); } .sar-decouple__cta-label { color: #86e4ec; } .sar-decouple__cta-title { margin: 0; color: var(--sar-decouple-white); font-size: clamp(24px, 3vw, 36px); font-weight: 900; line-height: 1.18; letter-spacing: -0.027em; text-wrap: balance; } .sar-decouple__cta-text { margin: 13px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 14px; line-height: 1.68; } .sar-decouple__cta-actions { display: grid; gap: 10px; } .sar-decouple__button { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 52px; padding: 12px 16px; border: 2px solid transparent; border-radius: 12px; font-size: 13px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease; } .sar-decouple__button:hover { transform: translateY(-2px); } .sar-decouple__button:focus-visible, .sar-decouple__applications-grid a:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; } .sar-decouple__button--primary { background: var(--sar-decouple-orange); color: var(--sar-decouple-white); } .sar-decouple__button--primary:hover { background: var(--sar-decouple-orange-dark); } .sar-decouple__button--whatsapp { background: var(--sar-decouple-green); color: var(--sar-decouple-white); } .sar-decouple__button--whatsapp:hover { background: var(--sar-decouple-green-dark); } .sar-decouple__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-decouple-white); } .sar-decouple__button--phone:hover { border-color: rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.15); } .sar-decouple__button span { display: grid; gap: 1px; } .sar-decouple__button strong { font-size: 14px; font-weight: 900; } @media (max-width: 1040px) { .sar-decouple__main, .sar-decouple__project, .sar-decouple__cta { grid-template-columns: 1fr; } .sar-decouple__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 780px) { .sar-decouple__principles, .sar-decouple__comparison, .sar-decouple__applications-grid, .sar-decouple__answers, .sar-decouple__cta-actions { grid-template-columns: 1fr; } } @media (max-width: 680px) { #strutture-indipendenti-disaccoppiate-isolamento-acustico-roma { padding: 52px 0; } .sar-decouple__container { width: min(100% - 28px, 1160px); } .sar-decouple__header { margin-bottom: 30px; text-align: left; } .sar-decouple__eyebrow { font-size: 9px; } .sar-decouple__title { font-size: clamp(29px, 9vw, 40px); } .sar-decouple__direct-answer { font-size: 16px; line-height: 1.62; } .sar-decouple__main, .sar-decouple__project { padding: 24px 18px; border-radius: 19px; } .sar-decouple__comparison, .sar-decouple__applications, .sar-decouple__project, .sar-decouple__cta { margin-top: 36px; } .sar-decouple__card { padding: 22px 18px; border-radius: 18px; } .sar-decouple__cta { padding: 25px 18px; border-radius: 19px; } } @media (prefers-reduced-motion: reduce) { .sar-decouple__button { transition: none; } .sar-decouple__button:hover { transform: none; } }#imCell_72 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_72 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_72 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_72 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #tecnici-installatori-specializzati-isolamento-acustico-roma { --sar-team-dark: #073b46; --sar-team-deep: #042d36; --sar-team-teal: #008fa3; --sar-team-orange: #f58220; --sar-team-orange-dark: #d96813; --sar-team-green: #2e9b67; --sar-team-green-dark: #237c52; --sar-team-red: #b84d3c; --sar-team-white: #ffffff; --sar-team-cream: #fff8ed; --sar-team-light: #eefafd; --sar-team-text: #18343b; --sar-team-muted: #587078; --sar-team-border: rgba(7, 59, 70, 0.13); width: 100%; padding: clamp(58px, 7vw, 90px) 0; overflow: hidden; background: radial-gradient( circle at 100% 4%, rgba(22, 191, 208, 0.08), transparent 28% ), linear-gradient(180deg, #ffffff 0%, #f7fcfd 100%); color: var(--sar-team-text); } #tecnici-installatori-specializzati-isolamento-acustico-roma, #tecnici-installatori-specializzati-isolamento-acustico-roma *, #tecnici-installatori-specializzati-isolamento-acustico-roma *::before, #tecnici-installatori-specializzati-isolamento-acustico-roma *::after { box-sizing: border-box; } .sar-team__container { width: min(100% - 40px, 1160px); margin-inline: auto; } .sar-team__header { max-width: 960px; margin: 0 auto 38px; text-align: center; } .sar-team__eyebrow { display: inline-flex; margin: 0 0 14px; padding: 7px 13px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-team-teal); font-size: 10px; font-weight: 850; line-height: 1.35; letter-spacing: 0.06em; text-transform: uppercase; } .sar-team__title { margin: 0; color: var(--sar-team-deep); font-size: clamp(30px, 4vw, 48px); font-weight: 900; line-height: 1.1; letter-spacing: -0.036em; text-wrap: balance; } .sar-team__direct-answer { max-width: 930px; margin: 20px auto 0; color: var(--sar-team-dark); font-size: clamp(17px, 1.55vw, 20px); font-weight: 700; line-height: 1.67; } .sar-team__intro { max-width: 890px; margin: 15px auto 0; color: var(--sar-team-muted); font-size: 15px; line-height: 1.72; } .sar-team__label, .sar-team__card-label, .sar-team__cta-label { margin: 0 0 8px; color: var(--sar-team-orange); font-size: 10px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-team__subtitle { margin: 0; color: var(--sar-team-deep); font-size: clamp(24px, 3vw, 37px); font-weight: 900; line-height: 1.18; letter-spacing: -0.028em; text-wrap: balance; } .sar-team__answer { margin: 15px 0 0; color: var(--sar-team-dark); font-size: 15px; font-weight: 650; line-height: 1.7; } .sar-team__main { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); gap: clamp(28px, 5vw, 54px); align-items: start; padding: clamp(28px, 5vw, 50px); border-radius: 24px; background: linear-gradient( 135deg, var(--sar-team-deep), var(--sar-team-dark) ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.18); } .sar-team__main .sar-team__label { color: #88e6ee; } .sar-team__main .sar-team__subtitle { color: var(--sar-team-white); } .sar-team__main .sar-team__answer { color: rgba(255, 255, 255, 0.94); } .sar-team__copy > p:not( .sar-team__label, .sar-team__answer ) { margin: 15px 0 0; color: rgba(255, 255, 255, 0.84); font-size: 14px; line-height: 1.7; } .sar-team__notice { display: flex; gap: 11px; align-items: flex-start; margin-top: 20px; padding: 14px; border: 1px solid rgba(245, 130, 32, 0.3); border-radius: 14px; background: rgba(245, 130, 32, 0.1); } .sar-team__notice > span { display: grid; flex: 0 0 auto; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: var(--sar-team-orange); color: var(--sar-team-white); font-weight: 900; } .sar-team__notice p { margin: 0; color: rgba(255, 255, 255, 0.94); font-size: 12px; font-weight: 700; line-height: 1.55; } .sar-team__roles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .sar-team__roles article { display: flex; gap: 11px; align-items: flex-start; min-width: 0; padding: 16px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; background: rgba(255, 255, 255, 0.97); } .sar-team__roles article > span { display: grid; flex: 0 0 auto; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: var(--sar-team-teal); color: var(--sar-team-white); font-size: 9px; font-weight: 900; } .sar-team__roles h5 { margin: 0; color: var(--sar-team-dark); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-team__roles p { margin: 5px 0 0; color: var(--sar-team-muted); font-size: 12px; line-height: 1.56; } .sar-team__difference { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: clamp(40px, 6vw, 66px); } .sar-team__card { padding: clamp(23px, 3vw, 32px); border: 1px solid var(--sar-team-border); border-top: 5px solid var(--sar-team-red); border-radius: 20px; background: var(--sar-team-cream); box-shadow: 0 12px 34px rgba(4, 45, 54, 0.06); } .sar-team__card--specialist { border-top-color: var(--sar-team-green); background: var(--sar-team-light); } .sar-team__card h4 { margin: 0; color: var(--sar-team-dark); font-size: clamp(21px, 2.4vw, 28px); font-weight: 900; line-height: 1.25; } .sar-team__card > p:not(.sar-team__card-label) { margin: 10px 0 0; color: var(--sar-team-muted); font-size: 13px; line-height: 1.62; } .sar-team__card ul { display: grid; gap: 9px; margin: 18px 0 0; padding: 0; list-style: none; } .sar-team__card li { display: flex; gap: 9px; align-items: flex-start; color: var(--sar-team-dark); font-size: 13px; font-weight: 700; line-height: 1.52; } .sar-team__card li > span { display: grid; flex: 0 0 auto; place-items: center; width: 21px; height: 21px; border-radius: 50%; background: rgba(184, 77, 60, 0.12); color: var(--sar-team-red); font-size: 10px; font-weight: 900; } .sar-team__card--specialist li > span { background: rgba(46, 155, 103, 0.13); color: var(--sar-team-green); } .sar-team__details { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(300px, 0.7fr); gap: clamp(28px, 5vw, 52px); align-items: center; margin-top: clamp(40px, 6vw, 66px); padding: clamp(27px, 5vw, 46px); border: 1px solid var(--sar-team-border); border-radius: 23px; background: var(--sar-team-cream); } .sar-team__list { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; } .sar-team__list li { display: flex; gap: 9px; align-items: flex-start; padding: 13px 14px; border: 1px solid rgba(46, 155, 103, 0.14); border-radius: 12px; background: var(--sar-team-white); color: var(--sar-team-dark); font-size: 13px; font-weight: 700; line-height: 1.5; } .sar-team__list span { display: grid; flex: 0 0 auto; place-items: center; width: 21px; height: 21px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-team-green); font-size: 10px; font-weight: 900; } .sar-team__link-box { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 28px; align-items: center; margin-top: 24px; padding: clamp(23px, 4vw, 36px); border: 1px solid var(--sar-team-border); border-radius: 19px; background: var(--sar-team-light); } .sar-team__link-box h4 { margin: 0; color: var(--sar-team-dark); font-size: clamp(21px, 2.5vw, 30px); font-weight: 900; line-height: 1.25; } .sar-team__link-box p:not(.sar-team__label) { margin: 9px 0 0; color: var(--sar-team-muted); font-size: 13px; line-height: 1.62; } .sar-team__link-box > a { display: inline-flex; gap: 8px; align-items: center; justify-content: center; min-height: 50px; padding: 12px 17px; border: 2px solid var(--sar-team-teal); border-radius: 11px; background: var(--sar-team-white); color: var(--sar-team-teal); font-size: 12px; font-weight: 850; line-height: 1.35; text-align: center; text-decoration: none; } .sar-team__link-box > a:hover { background: var(--sar-team-teal); color: var(--sar-team-white); } .sar-team__answers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 24px; } .sar-team__answers article { min-width: 0; padding: 20px; border: 1px solid var(--sar-team-border); border-radius: 16px; background: var(--sar-team-light); } .sar-team__answers h4 { margin: 0; color: var(--sar-team-dark); font-size: 16px; font-weight: 900; line-height: 1.35; } .sar-team__answers p { margin: 8px 0 0; color: var(--sar-team-muted); font-size: 13px; line-height: 1.6; } .sar-team__cta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, 310px); gap: 32px; align-items: center; margin-top: clamp(40px, 6vw, 66px); padding: clamp(28px, 5vw, 48px); border-radius: 24px; background: linear-gradient( 132deg, var(--sar-team-deep), var(--sar-team-dark) 68%, #07596a ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.18); } .sar-team__cta-label { color: #86e4ec; } .sar-team__cta-title { margin: 0; color: var(--sar-team-white); font-size: clamp(24px, 3vw, 36px); font-weight: 900; line-height: 1.18; letter-spacing: -0.027em; text-wrap: balance; } .sar-team__cta-text { margin: 13px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 14px; line-height: 1.68; } .sar-team__cta-actions { display: grid; gap: 10px; } .sar-team__button { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 52px; padding: 12px 16px; border: 2px solid transparent; border-radius: 12px; font-size: 13px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease; } .sar-team__button:hover { transform: translateY(-2px); } .sar-team__button:focus-visible, .sar-team__link-box > a:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; } .sar-team__button--primary { background: var(--sar-team-orange); color: var(--sar-team-white); } .sar-team__button--primary:hover { background: var(--sar-team-orange-dark); } .sar-team__button--whatsapp { background: var(--sar-team-green); color: var(--sar-team-white); } .sar-team__button--whatsapp:hover { background: var(--sar-team-green-dark); } .sar-team__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-team-white); } .sar-team__button--phone:hover { border-color: rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.15); } .sar-team__button span { display: grid; gap: 1px; } .sar-team__button strong { font-size: 14px; font-weight: 900; } @media (max-width: 1040px) { .sar-team__main, .sar-team__details, .sar-team__cta { grid-template-columns: 1fr; } .sar-team__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 780px) { .sar-team__roles, .sar-team__difference, .sar-team__answers, .sar-team__cta-actions { grid-template-columns: 1fr; } .sar-team__link-box { grid-template-columns: 1fr; } .sar-team__link-box > a { justify-self: start; } } @media (max-width: 680px) { #tecnici-installatori-specializzati-isolamento-acustico-roma { padding: 52px 0; } .sar-team__container { width: min(100% - 28px, 1160px); } .sar-team__header { margin-bottom: 30px; text-align: left; } .sar-team__eyebrow { font-size: 9px; } .sar-team__title { font-size: clamp(29px, 9vw, 40px); } .sar-team__direct-answer { font-size: 16px; line-height: 1.62; } .sar-team__main, .sar-team__details, .sar-team__link-box { padding: 24px 18px; border-radius: 19px; } .sar-team__difference, .sar-team__details, .sar-team__cta { margin-top: 36px; } .sar-team__card { padding: 22px 18px; border-radius: 18px; } .sar-team__cta { padding: 25px 18px; border-radius: 19px; } } @media (prefers-reduced-motion: reduce) { .sar-team__button { transition: none; } .sar-team__button:hover { transform: none; } }#imCell_73 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_73 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_73 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_73 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #casi-reali-video-testimonianze-isolamento-acustico-roma { --sar-proof-dark: #073b46; --sar-proof-deep: #042d36; --sar-proof-teal: #008fa3; --sar-proof-orange: #f58220; --sar-proof-orange-dark: #d96813; --sar-proof-green: #2e9b67; --sar-proof-green-dark: #237c52; --sar-proof-white: #ffffff; --sar-proof-cream: #fff8ed; --sar-proof-light: #eefafd; --sar-proof-text: #18343b; --sar-proof-muted: #587078; --sar-proof-border: rgba(7, 59, 70, 0.13); width: 100%; padding: clamp(58px, 7vw, 92px) 0; overflow: hidden; background: radial-gradient( circle at 100% 4%, rgba(22, 191, 208, 0.08), transparent 28% ), linear-gradient(180deg, #ffffff 0%, #f7fcfd 100%); color: var(--sar-proof-text); } #casi-reali-video-testimonianze-isolamento-acustico-roma, #casi-reali-video-testimonianze-isolamento-acustico-roma *, #casi-reali-video-testimonianze-isolamento-acustico-roma *::before, #casi-reali-video-testimonianze-isolamento-acustico-roma *::after { box-sizing: border-box; } .sar-proof__container { width: min(100% - 40px, 1160px); margin-inline: auto; } .sar-proof__header { max-width: 970px; margin: 0 auto 38px; text-align: center; } .sar-proof__eyebrow { display: inline-flex; margin: 0 0 14px; padding: 7px 13px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-proof-teal); font-size: 10px; font-weight: 850; line-height: 1.35; letter-spacing: 0.06em; text-transform: uppercase; } .sar-proof__title { margin: 0; color: var(--sar-proof-deep); font-size: clamp(30px, 4vw, 48px); font-weight: 900; line-height: 1.1; letter-spacing: -0.036em; text-wrap: balance; } .sar-proof__direct-answer { max-width: 940px; margin: 20px auto 0; color: var(--sar-proof-dark); font-size: clamp(17px, 1.55vw, 20px); font-weight: 700; line-height: 1.67; } .sar-proof__intro { max-width: 900px; margin: 15px auto 0; color: var(--sar-proof-muted); font-size: 15px; line-height: 1.72; } .sar-proof__label, .sar-proof__cta-label { margin: 0 0 8px; color: var(--sar-proof-orange); font-size: 10px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-proof__subtitle { margin: 0; color: var(--sar-proof-deep); font-size: clamp(24px, 3vw, 37px); font-weight: 900; line-height: 1.18; letter-spacing: -0.028em; text-wrap: balance; } .sar-proof__answer { margin: 14px 0 0; color: var(--sar-proof-dark); font-size: 15px; font-weight: 650; line-height: 1.7; } .sar-proof__channels { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; } .sar-proof__channels article { display: flex; gap: 13px; align-items: flex-start; min-width: 0; padding: 19px; border: 1px solid var(--sar-proof-border); border-radius: 16px; background: var(--sar-proof-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-proof__channels article > span { display: grid; flex: 0 0 auto; place-items: center; width: 35px; height: 35px; border-radius: 10px; background: var(--sar-proof-teal); color: var(--sar-proof-white); font-size: 14px; font-weight: 900; } .sar-proof__channels h4 { margin: 0; color: var(--sar-proof-dark); font-size: 16px; font-weight: 900; line-height: 1.35; } .sar-proof__channels p { margin: 6px 0 0; color: var(--sar-proof-muted); font-size: 12px; line-height: 1.56; } .sar-proof__videos, .sar-proof__written { margin-top: clamp(40px, 6vw, 66px); } .sar-proof__section-heading { max-width: 930px; margin-bottom: 24px; } .sar-proof__video-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; } .sar-proof__video-card { min-width: 0; overflow: hidden; border: 1px solid var(--sar-proof-border); border-radius: 19px; background: var(--sar-proof-white); box-shadow: 0 12px 34px rgba(4, 45, 54, 0.07); } .sar-proof__video-shell { position: relative; width: 100%; overflow: hidden; aspect-ratio: 16 / 9; background: var(--sar-proof-deep); } .sar-proof__video-shell iframe, .sar-proof__video-trigger { position: absolute; inset: 0; display: block; width: 100%; height: 100%; border: 0; } .sar-proof__video-trigger { padding: 0; overflow: hidden; background: var(--sar-proof-deep); cursor: pointer; } .sar-proof__video-trigger::after { position: absolute; inset: 0; content: ""; background: linear-gradient( 180deg, rgba(4, 45, 54, 0.04), rgba(4, 45, 54, 0.36) ); } .sar-proof__video-trigger img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 220ms ease; } .sar-proof__video-trigger:hover img { transform: scale(1.025); } .sar-proof__play { position: absolute; z-index: 2; top: 50%; left: 50%; display: grid; place-items: center; width: 62px; height: 62px; border: 4px solid rgba(255, 255, 255, 0.86); border-radius: 50%; background: var(--sar-proof-orange); color: var(--sar-proof-white); font-size: 22px; line-height: 1; transform: translate(-50%, -50%); box-shadow: 0 10px 30px rgba(4, 45, 54, 0.3); } .sar-proof__video-trigger:focus-visible { outline: 4px solid rgba(22, 191, 208, 0.65); outline-offset: -4px; } .sar-proof__video-copy { padding: 20px; } .sar-proof__tags { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 11px; } .sar-proof__tags span { display: inline-flex; padding: 6px 9px; border-radius: 999px; background: rgba(0, 143, 163, 0.09); color: var(--sar-proof-teal); font-size: 9px; font-weight: 900; line-height: 1.25; letter-spacing: 0.045em; text-transform: uppercase; } .sar-proof__video-copy h5 { margin: 0; color: var(--sar-proof-dark); font-size: clamp(18px, 2vw, 23px); font-weight: 900; line-height: 1.28; } .sar-proof__video-copy p { margin: 9px 0 0; color: var(--sar-proof-muted); font-size: 13px; line-height: 1.62; } .sar-proof__video-copy > a, .sar-proof__written-grid article > a { display: inline-flex; gap: 7px; align-items: center; margin-top: 15px; color: var(--sar-proof-teal); font-size: 12px; font-weight: 850; line-height: 1.4; text-decoration: none; } .sar-proof__video-copy > a:hover, .sar-proof__written-grid article > a:hover { text-decoration: underline; text-underline-offset: 4px; } .sar-proof__trust { display: grid; grid-template-columns: minmax(170px, 0.42fr) minmax(0, 1fr) auto; gap: clamp(22px, 4vw, 38px); align-items: center; margin-top: clamp(40px, 6vw, 66px); padding: clamp(25px, 4vw, 39px); border: 1px solid var(--sar-proof-border); border-radius: 21px; background: var(--sar-proof-cream); } .sar-proof__trust-brand { display: grid; place-items: center; min-width: 0; padding: 17px; border-radius: 15px; background: var(--sar-proof-white); } .sar-proof__trust-brand img { display: block; width: min(100%, 230px); height: auto; } .sar-proof__trust-link, .sar-proof__more > a { display: inline-flex; gap: 8px; align-items: center; justify-content: center; min-height: 50px; padding: 12px 17px; border: 2px solid var(--sar-proof-teal); border-radius: 11px; background: var(--sar-proof-white); color: var(--sar-proof-teal); font-size: 12px; font-weight: 850; line-height: 1.35; text-align: center; text-decoration: none; } .sar-proof__trust-link:hover, .sar-proof__more > a:hover { background: var(--sar-proof-teal); color: var(--sar-proof-white); } .sar-proof__written-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } .sar-proof__written-grid article { display: flex; min-width: 0; flex-direction: column; padding: 20px; border: 1px solid var(--sar-proof-border); border-top: 4px solid var(--sar-proof-orange); border-radius: 17px; background: var(--sar-proof-white); box-shadow: 0 10px 28px rgba(4, 45, 54, 0.055); } .sar-proof__written-head { display: flex; gap: 11px; align-items: flex-start; } .sar-proof__written-head > span { color: var(--sar-proof-orange); font-size: 42px; font-weight: 900; line-height: 0.8; } .sar-proof__written-head p { margin: 0 0 4px; color: var(--sar-proof-teal); font-size: 9px; font-weight: 900; line-height: 1.3; letter-spacing: 0.055em; text-transform: uppercase; } .sar-proof__written-head h5 { margin: 0; color: var(--sar-proof-dark); font-size: 16px; font-weight: 900; line-height: 1.36; } .sar-proof__written-text { margin: 13px 0 0; color: var(--sar-proof-muted); font-size: 13px; line-height: 1.62; } .sar-proof__written-grid article > a { align-self: flex-start; margin-top: auto; padding-top: 17px; } .sar-proof__reading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, 0.72fr); gap: clamp(28px, 5vw, 52px); align-items: center; margin-top: clamp(40px, 6vw, 66px); padding: clamp(27px, 5vw, 46px); border-radius: 23px; background: linear-gradient( 135deg, var(--sar-proof-deep), var(--sar-proof-dark) ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.17); } .sar-proof__reading .sar-proof__label { color: #88e6ee; } .sar-proof__reading .sar-proof__subtitle { color: var(--sar-proof-white); } .sar-proof__reading .sar-proof__answer { color: rgba(255, 255, 255, 0.9); } .sar-proof__reading-list { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; } .sar-proof__reading-list li { display: flex; gap: 9px; align-items: flex-start; padding: 13px 14px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 12px; background: rgba(255, 255, 255, 0.96); color: var(--sar-proof-dark); font-size: 13px; font-weight: 700; line-height: 1.5; } .sar-proof__reading-list span { display: grid; flex: 0 0 auto; place-items: center; width: 21px; height: 21px; border-radius: 50%; background: rgba(46, 155, 103, 0.13); color: var(--sar-proof-green); font-size: 10px; font-weight: 900; } .sar-proof__more { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 28px; align-items: center; margin-top: 24px; padding: clamp(23px, 4vw, 36px); border: 1px solid var(--sar-proof-border); border-radius: 19px; background: var(--sar-proof-light); } .sar-proof__more h4 { margin: 0; color: var(--sar-proof-dark); font-size: clamp(21px, 2.5vw, 30px); font-weight: 900; line-height: 1.25; } .sar-proof__more p:not(.sar-proof__label) { margin: 9px 0 0; color: var(--sar-proof-muted); font-size: 13px; line-height: 1.62; } .sar-proof__cta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, 310px); gap: 32px; align-items: center; margin-top: clamp(40px, 6vw, 66px); padding: clamp(28px, 5vw, 48px); border-radius: 24px; background: linear-gradient( 132deg, var(--sar-proof-deep), var(--sar-proof-dark) 68%, #07596a ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.18); } .sar-proof__cta-label { color: #86e4ec; } .sar-proof__cta-title { margin: 0; color: var(--sar-proof-white); font-size: clamp(24px, 3vw, 36px); font-weight: 900; line-height: 1.18; letter-spacing: -0.027em; text-wrap: balance; } .sar-proof__cta-text { margin: 13px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 14px; line-height: 1.68; } .sar-proof__cta-actions { display: grid; gap: 10px; } .sar-proof__button { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 52px; padding: 12px 16px; border: 2px solid transparent; border-radius: 12px; font-size: 13px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease; } .sar-proof__button:hover { transform: translateY(-2px); } .sar-proof__button:focus-visible, .sar-proof__trust-link:focus-visible, .sar-proof__more > a:focus-visible, .sar-proof__video-copy > a:focus-visible, .sar-proof__written-grid article > a:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; } .sar-proof__button--primary { background: var(--sar-proof-orange); color: var(--sar-proof-white); } .sar-proof__button--primary:hover { background: var(--sar-proof-orange-dark); } .sar-proof__button--whatsapp { background: var(--sar-proof-green); color: var(--sar-proof-white); } .sar-proof__button--whatsapp:hover { background: var(--sar-proof-green-dark); } .sar-proof__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-proof-white); } .sar-proof__button--phone:hover { border-color: rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.15); } .sar-proof__button span { display: grid; gap: 1px; } .sar-proof__button strong { font-size: 14px; font-weight: 900; } @media (max-width: 1040px) { .sar-proof__trust { grid-template-columns: minmax(170px, 0.42fr) minmax(0, 1fr); } .sar-proof__trust-link { grid-column: 1 / -1; justify-self: start; } .sar-proof__reading, .sar-proof__cta { grid-template-columns: 1fr; } .sar-proof__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 800px) { .sar-proof__channels, .sar-proof__video-grid, .sar-proof__written-grid, .sar-proof__cta-actions { grid-template-columns: 1fr; } .sar-proof__trust, .sar-proof__more { grid-template-columns: 1fr; } .sar-proof__trust-link, .sar-proof__more > a { grid-column: auto; justify-self: start; } .sar-proof__trust-brand { justify-self: start; } } @media (max-width: 680px) { #casi-reali-video-testimonianze-isolamento-acustico-roma { padding: 52px 0; } .sar-proof__container { width: min(100% - 28px, 1160px); } .sar-proof__header { margin-bottom: 30px; text-align: left; } .sar-proof__eyebrow { font-size: 9px; } .sar-proof__title { font-size: clamp(29px, 9vw, 40px); } .sar-proof__direct-answer { font-size: 16px; line-height: 1.62; } .sar-proof__trust, .sar-proof__reading, .sar-proof__more { padding: 24px 18px; border-radius: 19px; } .sar-proof__videos, .sar-proof__trust, .sar-proof__written, .sar-proof__reading, .sar-proof__cta { margin-top: 36px; } .sar-proof__play { width: 54px; height: 54px; font-size: 19px; } .sar-proof__cta { padding: 25px 18px; border-radius: 19px; } } @media (prefers-reduced-motion: reduce) { .sar-proof__video-trigger img, .sar-proof__button { transition: none; } .sar-proof__video-trigger:hover img, .sar-proof__button:hover { transform: none; } }#imCell_74 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_74 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_74 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_74 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #domande-frequenti-isolamento-acustico-roma { --sar-faq-dark: #073b46; --sar-faq-deep: #042d36; --sar-faq-teal: #008fa3; --sar-faq-orange: #f58220; --sar-faq-orange-dark: #d96813; --sar-faq-green: #2e9b67; --sar-faq-green-dark: #237c52; --sar-faq-white: #ffffff; --sar-faq-cream: #fff8ed; --sar-faq-light: #eefafd; --sar-faq-text: #18343b; --sar-faq-muted: #587078; --sar-faq-border: rgba(7, 59, 70, 0.14); width: 100%; padding: clamp(62px, 8vw, 96px) 0; overflow: hidden; background: radial-gradient( circle at 100% 5%, rgba(22, 191, 208, 0.08), transparent 30% ), linear-gradient(180deg, #ffffff 0%, #f6fcfd 100%); color: var(--sar-faq-text); } #domande-frequenti-isolamento-acustico-roma, #domande-frequenti-isolamento-acustico-roma *, #domande-frequenti-isolamento-acustico-roma *::before, #domande-frequenti-isolamento-acustico-roma *::after { box-sizing: border-box; } .sar-faq__container { width: min(100% - 40px, 1160px); margin-inline: auto; } .sar-faq__header { max-width: 970px; margin: 0 auto 40px; text-align: center; } .sar-faq__eyebrow { display: inline-flex; margin: 0 0 14px; padding: 7px 13px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-faq-teal); font-size: 10px; font-weight: 850; line-height: 1.35; letter-spacing: 0.06em; text-transform: uppercase; } .sar-faq__title { margin: 0; color: var(--sar-faq-deep); font-size: clamp(34px, 4.6vw, 56px); font-weight: 900; line-height: 1.08; letter-spacing: -0.04em; text-wrap: balance; } .sar-faq__direct-answer { max-width: 940px; margin: 22px auto 0; color: var(--sar-faq-dark); font-size: clamp(18px, 1.6vw, 21px); font-weight: 700; line-height: 1.66; } .sar-faq__intro { max-width: 900px; margin: 16px auto 0; color: var(--sar-faq-muted); font-size: 15px; line-height: 1.72; } .sar-faq__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; align-items: start; } .sar-faq__item { min-width: 0; overflow: hidden; border: 1px solid var(--sar-faq-border); border-radius: 16px; background: var(--sar-faq-white); box-shadow: 0 9px 26px rgba(4, 45, 54, 0.05); } .sar-faq__item[open] { border-color: rgba(0, 143, 163, 0.34); box-shadow: 0 13px 34px rgba(4, 45, 54, 0.075); } .sar-faq__item summary { position: relative; display: flex; min-height: 72px; align-items: center; padding: 18px 56px 18px 19px; color: var(--sar-faq-dark); font-size: 16px; font-weight: 900; line-height: 1.42; cursor: pointer; list-style: none; } .sar-faq__item summary::-webkit-details-marker { display: none; } .sar-faq__item summary::after { position: absolute; top: 50%; right: 18px; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 9px; background: var(--sar-faq-light); color: var(--sar-faq-teal); content: "+"; font-size: 20px; font-weight: 800; line-height: 1; transform: translateY(-50%); transition: transform 180ms ease, background-color 180ms ease, color 180ms ease; } .sar-faq__item[open] summary { background: var(--sar-faq-light); } .sar-faq__item[open] summary::after { background: var(--sar-faq-teal); color: var(--sar-faq-white); content: "−"; transform: translateY(-50%); } .sar-faq__item summary:hover { color: var(--sar-faq-teal); } .sar-faq__item summary:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.44); outline-offset: -3px; } .sar-faq__answer { padding: 0 19px 19px; border-top: 1px solid rgba(7, 59, 70, 0.08); } .sar-faq__answer p { margin: 16px 0 0; color: var(--sar-faq-muted); font-size: 13px; line-height: 1.68; } .sar-faq__answer a { display: inline-flex; margin-top: 13px; color: var(--sar-faq-teal); font-size: 12px; font-weight: 850; line-height: 1.45; text-decoration: none; } .sar-faq__answer a:hover { text-decoration: underline; text-underline-offset: 4px; } .sar-faq__label, .sar-faq__cta-label { margin: 0 0 8px; color: var(--sar-faq-orange); font-size: 10px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-faq__subtitle { margin: 0; color: var(--sar-faq-deep); font-size: clamp(24px, 3vw, 37px); font-weight: 900; line-height: 1.18; letter-spacing: -0.028em; text-wrap: balance; } .sar-faq__guidance { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, 0.76fr); gap: clamp(30px, 5vw, 54px); align-items: center; margin-top: clamp(42px, 6vw, 68px); padding: clamp(28px, 5vw, 48px); border-radius: 23px; background: linear-gradient( 135deg, var(--sar-faq-deep), var(--sar-faq-dark) ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.17); } .sar-faq__guidance .sar-faq__label { color: #88e6ee; } .sar-faq__guidance .sar-faq__subtitle { color: var(--sar-faq-white); } .sar-faq__guidance-text { margin: 14px 0 0; color: rgba(255, 255, 255, 0.88); font-size: 14px; line-height: 1.7; } .sar-faq__links { display: grid; gap: 9px; } .sar-faq__links a { display: flex; align-items: center; min-height: 48px; padding: 12px 14px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 11px; background: rgba(255, 255, 255, 0.96); color: var(--sar-faq-dark); font-size: 12px; font-weight: 850; line-height: 1.45; text-decoration: none; } .sar-faq__links a:hover { color: var(--sar-faq-teal); } .sar-faq__cta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, 310px); gap: 32px; align-items: center; margin-top: clamp(42px, 6vw, 68px); padding: clamp(28px, 5vw, 48px); border-radius: 24px; background: linear-gradient( 132deg, var(--sar-faq-deep), var(--sar-faq-dark) 68%, #07596a ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.18); } .sar-faq__cta-label { color: #86e4ec; } .sar-faq__cta-title { margin: 0; color: var(--sar-faq-white); font-size: clamp(24px, 3vw, 36px); font-weight: 900; line-height: 1.18; letter-spacing: -0.027em; text-wrap: balance; } .sar-faq__cta-text { margin: 13px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 14px; line-height: 1.68; } .sar-faq__cta-actions { display: grid; gap: 10px; } .sar-faq__button { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 52px; padding: 12px 16px; border: 2px solid transparent; border-radius: 12px; font-size: 13px; font-weight: 850; line-height: 1.3; text-align: center; text-decoration: none; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease; } .sar-faq__button:hover { transform: translateY(-2px); } .sar-faq__button:focus-visible, .sar-faq__answer a:focus-visible, .sar-faq__links a:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.45); outline-offset: 4px; } .sar-faq__button--primary { background: var(--sar-faq-orange); color: var(--sar-faq-white); } .sar-faq__button--primary:hover { background: var(--sar-faq-orange-dark); } .sar-faq__button--whatsapp { background: var(--sar-faq-green); color: var(--sar-faq-white); } .sar-faq__button--whatsapp:hover { background: var(--sar-faq-green-dark); } .sar-faq__button--phone { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.09); color: var(--sar-faq-white); } .sar-faq__button--phone:hover { border-color: rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.15); } .sar-faq__button span { display: grid; gap: 1px; } .sar-faq__button strong { font-size: 14px; font-weight: 900; } @media (max-width: 960px) { .sar-faq__guidance, .sar-faq__cta { grid-template-columns: 1fr; } .sar-faq__cta-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 760px) { .sar-faq__grid, .sar-faq__cta-actions { grid-template-columns: 1fr; } } @media (max-width: 680px) { #domande-frequenti-isolamento-acustico-roma { padding: 54px 0; } .sar-faq__container { width: min(100% - 28px, 1160px); } .sar-faq__header { margin-bottom: 30px; text-align: left; } .sar-faq__eyebrow { font-size: 9px; } .sar-faq__title { font-size: clamp(31px, 9vw, 43px); } .sar-faq__direct-answer { font-size: 17px; line-height: 1.62; } .sar-faq__item summary { min-height: 68px; padding: 16px 52px 16px 17px; font-size: 15px; } .sar-faq__answer { padding: 0 17px 17px; } .sar-faq__guidance { padding: 24px 18px; border-radius: 19px; } .sar-faq__guidance, .sar-faq__cta { margin-top: 36px; } .sar-faq__cta { padding: 25px 18px; border-radius: 19px; } } @media (prefers-reduced-motion: reduce) { .sar-faq__item summary::after, .sar-faq__button { transition: none; } .sar-faq__button:hover { transform: none; } }#imCell_66 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_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; } #richiedi-valutazione { --sar-lead-dark: #073b46; --sar-lead-deep: #042d36; --sar-lead-teal: #008fa3; --sar-lead-turquoise: #16bfd0; --sar-lead-orange: #f58220; --sar-lead-orange-dark: #d96813; --sar-lead-green: #2e9b67; --sar-lead-green-dark: #237c52; --sar-lead-white: #ffffff; --sar-lead-cream: #fff8ed; --sar-lead-light: #eefafd; --sar-lead-text: #18343b; --sar-lead-muted: #587078; --sar-lead-border: rgba(7, 59, 70, 0.14); width: 100%; padding: clamp(64px, 8vw, 100px) 0; overflow: hidden; background: radial-gradient( circle at 100% 4%, rgba(22, 191, 208, 0.1), transparent 29% ), linear-gradient( 180deg, #ffffff 0%, #f3fbfd 100% ); color: var(--sar-lead-text); } #richiedi-valutazione, #richiedi-valutazione *, #richiedi-valutazione *::before, #richiedi-valutazione *::after { box-sizing: border-box; } .sar-lead__container { width: min(100% - 40px, 1160px); margin-inline: auto; } .sar-lead__header { max-width: 980px; margin: 0 auto 42px; text-align: center; } .sar-lead__eyebrow { display: inline-flex; margin: 0 0 14px; padding: 7px 13px; border: 1px solid rgba(0, 143, 163, 0.2); border-radius: 999px; background: rgba(22, 191, 208, 0.08); color: var(--sar-lead-teal); font-size: 10px; font-weight: 850; line-height: 1.35; letter-spacing: 0.06em; text-transform: uppercase; } .sar-lead__title { margin: 0; color: var(--sar-lead-deep); font-size: clamp(34px, 4.6vw, 56px); font-weight: 900; line-height: 1.08; letter-spacing: -0.04em; text-wrap: balance; } .sar-lead__direct-answer { max-width: 940px; margin: 22px auto 0; color: var(--sar-lead-dark); font-size: clamp(18px, 1.6vw, 21px); font-weight: 700; line-height: 1.66; } .sar-lead__intro { max-width: 900px; margin: 16px auto 0; color: var(--sar-lead-muted); font-size: 15px; line-height: 1.72; } .sar-lead__layout { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); gap: clamp(22px, 4vw, 38px); align-items: start; } .sar-lead__aside { position: sticky; top: 24px; padding: clamp(26px, 4vw, 38px); border-radius: 23px; background: linear-gradient( 145deg, var(--sar-lead-deep), var(--sar-lead-dark) ); box-shadow: 0 20px 54px rgba(4, 45, 54, 0.18); } .sar-lead__aside-label, .sar-lead__form-label { margin: 0 0 8px; color: #87e5ed; font-size: 10px; font-weight: 900; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; } .sar-lead__aside-title { margin: 0; color: var(--sar-lead-white); font-size: clamp(24px, 2.7vw, 34px); font-weight: 900; line-height: 1.18; letter-spacing: -0.028em; } .sar-lead__aside-text { margin: 14px 0 0; color: rgba(255, 255, 255, 0.86); font-size: 14px; line-height: 1.68; } .sar-lead__steps { display: grid; gap: 11px; margin: 24px 0 0; padding: 0; list-style: none; } .sar-lead__steps li { display: flex; gap: 12px; align-items: flex-start; padding: 14px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 13px; background: rgba(255, 255, 255, 0.96); } .sar-lead__steps li > span { display: grid; flex: 0 0 auto; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: var(--sar-lead-teal); color: var(--sar-lead-white); font-size: 10px; font-weight: 900; } .sar-lead__steps h4 { margin: 0; color: var(--sar-lead-dark); font-size: 14px; font-weight: 900; line-height: 1.4; } .sar-lead__steps p { margin: 4px 0 0; color: var(--sar-lead-muted); font-size: 12px; line-height: 1.52; } .sar-lead__notice { display: flex; gap: 10px; align-items: flex-start; margin-top: 18px; padding: 14px; border: 1px solid rgba(245, 130, 32, 0.32); border-radius: 13px; background: rgba(245, 130, 32, 0.11); } .sar-lead__notice > span { display: grid; flex: 0 0 auto; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: var(--sar-lead-orange); color: var(--sar-lead-white); font-size: 12px; font-weight: 900; } .sar-lead__notice p { margin: 0; color: rgba(255, 255, 255, 0.94); font-size: 12px; font-weight: 700; line-height: 1.55; } .sar-lead__direct-contacts { display: grid; gap: 10px; margin-top: 26px; } .sar-lead__direct-contacts h3 { margin: 0 0 3px; color: var(--sar-lead-white); font-size: 17px; font-weight: 900; line-height: 1.4; } .sar-lead__contact { display: grid; gap: 2px; min-height: 58px; padding: 12px 15px; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 12px; color: var(--sar-lead-white); text-decoration: none; } .sar-lead__contact span { font-size: 11px; font-weight: 700; line-height: 1.3; } .sar-lead__contact strong { font-size: 18px; font-weight: 900; line-height: 1.3; } .sar-lead__contact--phone { background: rgba(255, 255, 255, 0.09); } .sar-lead__contact--whatsapp { border-color: transparent; background: var(--sar-lead-green); } .sar-lead__contact--whatsapp:hover { background: var(--sar-lead-green-dark); } .sar-lead__contact--phone:hover { background: rgba(255, 255, 255, 0.15); } .sar-lead__form-panel { padding: clamp(25px, 4vw, 42px); border: 1px solid var(--sar-lead-border); border-radius: 23px; background: var(--sar-lead-white); box-shadow: 0 17px 46px rgba(4, 45, 54, 0.09); } .sar-lead__form-label { color: var(--sar-lead-orange); } .sar-lead__form-heading h3 { margin: 0; color: var(--sar-lead-deep); font-size: clamp(26px, 3vw, 38px); font-weight: 900; line-height: 1.16; letter-spacing: -0.03em; } .sar-lead__form-heading > p:not(.sar-lead__form-label) { margin: 10px 0 0; color: var(--sar-lead-muted); font-size: 13px; line-height: 1.62; } .sar-lead__form { margin-top: 26px; } .sar-lead__fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; } .sar-lead__field { min-width: 0; } .sar-lead__field--full { grid-column: 1 / -1; } .sar-lead__field label { display: block; margin-bottom: 7px; color: var(--sar-lead-dark); font-size: 13px; font-weight: 850; line-height: 1.4; } .sar-lead__field label span, .sar-lead__privacy label > span { color: var(--sar-lead-orange); } .sar-lead__field input, .sar-lead__field textarea { display: block; width: 100%; border: 1px solid rgba(7, 59, 70, 0.21); border-radius: 11px; background: var(--sar-lead-white); color: var(--sar-lead-text); font: inherit; font-size: 15px; line-height: 1.5; transition: border-color 180ms ease, box-shadow 180ms ease; } .sar-lead__field input { min-height: 52px; padding: 12px 14px; } .sar-lead__field textarea { min-height: 170px; padding: 13px 14px; resize: vertical; } .sar-lead__field input::placeholder, .sar-lead__field textarea::placeholder { color: #789097; opacity: 1; } .sar-lead__field input:hover, .sar-lead__field textarea:hover { border-color: rgba(0, 143, 163, 0.43); } .sar-lead__field input:focus, .sar-lead__field textarea:focus { border-color: var(--sar-lead-teal); outline: none; box-shadow: 0 0 0 4px rgba(22, 191, 208, 0.14); } .sar-lead__hint { margin: 7px 0 0; color: var(--sar-lead-muted); font-size: 11px; line-height: 1.5; } .sar-lead__privacy { display: flex; gap: 10px; align-items: flex-start; margin-top: 20px; padding: 14px; border: 1px solid var(--sar-lead-border); border-radius: 12px; background: var(--sar-lead-light); } .sar-lead__privacy input { flex: 0 0 auto; width: 18px; height: 18px; margin: 2px 0 0; accent-color: var(--sar-lead-teal); } .sar-lead__privacy label { color: var(--sar-lead-muted); font-size: 12px; line-height: 1.58; } .sar-lead__privacy a { color: var(--sar-lead-teal); font-weight: 800; } .sar-lead__captcha { min-height: 78px; margin-top: 20px; overflow: hidden; } .sar-lead__submit { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 56px; margin-top: 18px; padding: 13px 20px; border: 0; border-radius: 12px; background: var(--sar-lead-orange); color: var(--sar-lead-white); font: inherit; font-size: 14px; font-weight: 900; line-height: 1.35; text-align: center; cursor: pointer; transition: transform 180ms ease, background-color 180ms ease; } .sar-lead__submit:hover { background: var(--sar-lead-orange-dark); transform: translateY(-2px); } .sar-lead__submit:focus-visible, .sar-lead__contact:focus-visible, .sar-lead__privacy a:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.48); outline-offset: 4px; } .sar-lead__form-note { margin: 10px 0 0; color: var(--sar-lead-muted); font-size: 11px; line-height: 1.5; text-align: center; } @media (max-width: 980px) { .sar-lead__layout { grid-template-columns: 1fr; } .sar-lead__aside { position: static; } .sar-lead__steps { grid-template-columns: repeat(3, minmax(0, 1fr)); } .sar-lead__direct-contacts { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-lead__direct-contacts h3 { grid-column: 1 / -1; } } @media (max-width: 720px) { .sar-lead__steps, .sar-lead__fields, .sar-lead__direct-contacts { grid-template-columns: 1fr; } .sar-lead__field--full, .sar-lead__direct-contacts h3 { grid-column: auto; } } @media (max-width: 680px) { #richiedi-valutazione { padding: 54px 0; } .sar-lead__container { width: min(100% - 28px, 1160px); } .sar-lead__header { margin-bottom: 31px; text-align: left; } .sar-lead__eyebrow { font-size: 9px; } .sar-lead__title { font-size: clamp(31px, 9vw, 43px); } .sar-lead__direct-answer { font-size: 17px; line-height: 1.62; } .sar-lead__aside, .sar-lead__form-panel { padding: 24px 18px; border-radius: 19px; } .sar-lead__captcha { width: 100%; overflow-x: auto; } } @media (prefers-reduced-motion: reduce) { .sar-lead__field input, .sar-lead__field textarea, .sar-lead__submit { transition: none; } .sar-lead__submit:hover { transform: none; } }#imCell_76 { grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_1725_76 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_76 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; } #imCellStyleBorders_76 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; } #footer-isolamento-acustico-roma { --sar-footer-dark: #073b46; --sar-footer-deep: #042d36; --sar-footer-teal: #008fa3; --sar-footer-cyan: #16bfd0; --sar-footer-orange: #f58220; --sar-footer-orange-dark: #d96813; --sar-footer-green: #2e9b67; --sar-footer-green-dark: #237c52; --sar-footer-white: #ffffff; --sar-footer-light: #eefafd; --sar-footer-cream: #fff8ed; --sar-footer-text: #183f48; --sar-footer-muted: #9ec0c7; --sar-footer-line: rgba(255, 255, 255, 0.14); width: 100%; background: var(--sar-footer-deep); color: var(--sar-footer-white); } #footer-isolamento-acustico-roma, #footer-isolamento-acustico-roma *, #footer-isolamento-acustico-roma *::before, #footer-isolamento-acustico-roma *::after, .sar-mobile-bar, .sar-mobile-bar *, .sar-mobile-bar *::before, .sar-mobile-bar *::after, .sar-back-top, .sar-back-top *, .sar-back-top *::before, .sar-back-top *::after { box-sizing: border-box; } .sar-footer__container { width: min(100% - 40px, 1160px); margin-inline: auto; } .sar-footer__cta { background: radial-gradient( circle at 92% 10%, rgba(22, 191, 208, 0.18), transparent 28% ), linear-gradient( 135deg, var(--sar-footer-dark), var(--sar-footer-deep) ); } .sar-footer__cta-inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, 320px); gap: clamp(28px, 5vw, 56px); align-items: center; padding-block: clamp(34px, 5vw, 54px); } .sar-footer__eyebrow { margin: 0 0 9px; color: #8ce6ed; font-size: 10px; font-weight: 900; line-height: 1.35; letter-spacing: 0.08em; text-transform: uppercase; } .sar-footer__title { margin: 0; color: var(--sar-footer-white); font-size: clamp(27px, 3.6vw, 43px); font-weight: 900; line-height: 1.14; letter-spacing: -0.033em; text-wrap: balance; } .sar-footer__cta-text { max-width: 760px; margin: 14px 0 0; color: rgba(255, 255, 255, 0.82); font-size: 14px; line-height: 1.68; } .sar-footer__cta-actions { display: grid; gap: 10px; } .sar-footer__cta-button { display: flex; min-height: 54px; align-items: center; justify-content: center; padding: 12px 17px; border: 2px solid transparent; border-radius: 12px; font-size: 13px; font-weight: 900; line-height: 1.35; text-align: center; text-decoration: none; transition: background-color 180ms ease, border-color 180ms ease, transform 180ms ease; } .sar-footer__cta-button:hover { transform: translateY(-2px); } .sar-footer__cta-button--primary { background: var(--sar-footer-orange); color: var(--sar-footer-white); } .sar-footer__cta-button--primary:hover { background: var(--sar-footer-orange-dark); } .sar-footer__cta-button--phone { display: grid; gap: 1px; border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.08); color: var(--sar-footer-white); } .sar-footer__cta-button--phone:hover { background: rgba(255, 255, 255, 0.14); } .sar-footer__cta-button--phone span { font-size: 9px; font-weight: 750; letter-spacing: 0.04em; text-transform: uppercase; } .sar-footer__cta-button--phone strong { font-size: 17px; font-weight: 900; } .sar-footer__main { border-top: 1px solid var(--sar-footer-line); background: var(--sar-footer-deep); } .sar-footer__grid { display: grid; grid-template-columns: minmax(250px, 1.25fr) repeat(3, minmax(170px, 0.8fr)); gap: clamp(26px, 4vw, 46px); padding-block: clamp(42px, 6vw, 68px); } .sar-footer__company, .sar-footer__column { min-width: 0; } .sar-footer__logo-link { display: inline-flex; align-items: center; padding: 8px 10px; border-radius: 11px; background: var(--sar-footer-white); } .sar-footer__logo { display: block; width: 135px; height: auto; object-fit: contain; } .sar-footer__company-name { margin: 18px 0 0; color: var(--sar-footer-white); font-size: 17px; font-weight: 900; line-height: 1.4; } .sar-footer__company-text { margin: 10px 0 0; color: var(--sar-footer-muted); font-size: 13px; line-height: 1.68; } .sar-footer__current-page { display: grid; gap: 3px; margin: 18px 0 0; padding: 13px 14px; border: 1px solid var(--sar-footer-line); border-radius: 11px; background: rgba(255, 255, 255, 0.05); } .sar-footer__current-page span { color: #89e1e9; font-size: 9px; font-weight: 900; line-height: 1.25; letter-spacing: 0.07em; text-transform: uppercase; } .sar-footer__current-page strong { color: var(--sar-footer-white); font-size: 13px; font-weight: 900; line-height: 1.4; } .sar-footer__column h3 { margin: 0 0 16px; color: var(--sar-footer-white); font-size: 15px; font-weight: 900; line-height: 1.35; } .sar-footer__column ul { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; } .sar-footer__column li { min-width: 0; } .sar-footer__column li a { display: inline-flex; color: var(--sar-footer-muted); font-size: 12px; font-weight: 700; line-height: 1.48; text-decoration: none; } .sar-footer__column li a:hover, .sar-footer__column li a[aria-current="page"] { color: var(--sar-footer-white); } .sar-footer__contacts { display: grid; align-content: start; gap: 10px; } .sar-footer__contacts h3 { margin-bottom: 6px; } .sar-footer__contact { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 10px; align-items: center; min-height: 58px; padding: 10px 11px; border: 1px solid var(--sar-footer-line); border-radius: 11px; background: rgba(255, 255, 255, 0.05); color: var(--sar-footer-white); text-decoration: none; } .sar-footer__contact:hover { background: rgba(255, 255, 255, 0.1); } .sar-footer__contact--whatsapp { border-color: rgba(46, 155, 103, 0.5); background: rgba(46, 155, 103, 0.16); } .sar-footer__contact-icon { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 9px; background: var(--sar-footer-teal); color: var(--sar-footer-white); font-size: 13px; font-weight: 900; line-height: 1; } .sar-footer__contact--whatsapp .sar-footer__contact-icon { background: var(--sar-footer-green); } .sar-footer__contact > span:last-child { display: grid; gap: 2px; min-width: 0; } .sar-footer__contact small { color: var(--sar-footer-muted); font-size: 9px; font-weight: 750; line-height: 1.3; } .sar-footer__contact strong { color: var(--sar-footer-white); font-size: 13px; font-weight: 900; line-height: 1.35; overflow-wrap: anywhere; } .sar-footer__legal { border-top: 1px solid var(--sar-footer-line); background: #03262e; } .sar-footer__legal-inner { display: flex; gap: 22px; align-items: center; justify-content: space-between; min-height: 72px; padding-block: 16px; } .sar-footer__legal p { margin: 0; color: #94b5bc; font-size: 11px; line-height: 1.55; } .sar-footer__legal p span { margin-inline: 6px; } .sar-footer__legal nav { display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: center; justify-content: flex-end; } .sar-footer__legal nav a, .sar-footer__inline-top { color: #b8d2d7; font: inherit; font-size: 11px; font-weight: 750; line-height: 1.4; text-decoration: none; } .sar-footer__legal nav a:hover, .sar-footer__inline-top:hover { color: var(--sar-footer-white); } .sar-footer__inline-top { display: inline-flex; gap: 6px; align-items: center; padding: 0; border: 0; background: transparent; cursor: pointer; } .sar-footer__inline-top span { font-size: 14px; line-height: 1; } .sar-footer__cta-button:focus-visible, .sar-footer__logo-link:focus-visible, .sar-footer__column a:focus-visible, .sar-footer__contact:focus-visible, .sar-footer__legal a:focus-visible, .sar-footer__inline-top:focus-visible, .sar-mobile-bar__item:focus-visible, .sar-back-top:focus-visible { outline: 3px solid rgba(22, 191, 208, 0.52); outline-offset: 3px; } /* ========================================================= COMANDO FLOTTANTE TORNA SU ========================================================= */ .sar-back-top { position: fixed; z-index: 9997; right: 22px; bottom: 22px; display: inline-flex; gap: 8px; align-items: center; justify-content: center; min-height: 48px; padding: 10px 14px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; background: linear-gradient( 135deg, #008fa3, #073b46 ); color: #ffffff; font: inherit; font-size: 11px; font-weight: 900; line-height: 1.2; cursor: pointer; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(12px); box-shadow: 0 12px 30px rgba(4, 45, 54, 0.24); transition: opacity 180ms ease, visibility 180ms ease, transform 180ms ease, box-shadow 180ms ease; } .sar-back-top.is-visible { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); } .sar-back-top:hover { box-shadow: 0 15px 34px rgba(4, 45, 54, 0.32); transform: translateY(-2px); } .sar-back-top svg { display: block; width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; } /* ========================================================= BOTTOM BAR SMARTPHONE ========================================================= */ .sar-mobile-bar { --sar-mobile-green: #2e9b67; --sar-mobile-green-dark: #237c52; --sar-mobile-orange: #f58220; --sar-mobile-white: #ffffff; display: none; } @media (max-width: 1040px) { .sar-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sar-footer__company { grid-column: 1 / -1; } .sar-footer__company-text { max-width: 720px; } } @media (max-width: 760px) { body { padding-bottom: calc(78px + env(safe-area-inset-bottom)); } .sar-footer__container { width: min(100% - 28px, 1160px); } .sar-footer__cta-inner { grid-template-columns: 1fr; gap: 23px; padding-block: 34px; } .sar-footer__cta-actions { grid-template-columns: 1fr; } .sar-footer__grid { grid-template-columns: 1fr; gap: 30px; padding-block: 40px; } .sar-footer__company { grid-column: auto; } .sar-footer__legal-inner { align-items: flex-start; flex-direction: column; } .sar-footer__legal nav { justify-content: flex-start; } .sar-mobile-bar { position: fixed; z-index: 9998; right: 8px; bottom: calc(8px + env(safe-area-inset-bottom)); left: 8px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; padding: 7px; border: 1px solid rgba(7, 59, 70, 0.14); border-radius: 16px; background: rgba(255, 255, 255, 0.97); box-shadow: 0 14px 36px rgba(4, 45, 54, 0.22); backdrop-filter: blur(12px); } .sar-mobile-bar__item { display: grid; grid-template-columns: 24px minmax(0, auto); gap: 6px; align-items: center; justify-content: center; min-width: 0; min-height: 50px; padding: 8px 7px; border-radius: 11px; color: var(--sar-mobile-white); font-size: 10px; font-weight: 900; line-height: 1.2; text-align: center; text-decoration: none; } .sar-mobile-bar__item--phone { background: var(--sar-mobile-green); } .sar-mobile-bar__item--whatsapp { background: var(--sar-mobile-green-dark); } .sar-mobile-bar__item--cta { background: var(--sar-mobile-orange); } .sar-mobile-bar__icon { display: grid; place-items: center; width: 24px; height: 24px; border: 1px solid rgba(255, 255, 255, 0.28); border-radius: 7px; background: rgba(255, 255, 255, 0.12); font-size: 11px; font-weight: 900; line-height: 1; } .sar-back-top { right: 14px; bottom: calc(88px + env(safe-area-inset-bottom)); width: 46px; min-height: 46px; padding: 0; border-radius: 50%; } .sar-back-top span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } .sar-back-top svg { width: 20px; height: 20px; } } @media (max-width: 410px) { .sar-mobile-bar { right: 5px; bottom: calc(5px + env(safe-area-inset-bottom)); left: 5px; gap: 5px; padding: 5px; border-radius: 14px; } .sar-mobile-bar__item { grid-template-columns: 21px minmax(0, auto); gap: 4px; min-height: 47px; padding-inline: 4px; font-size: 9px; } .sar-mobile-bar__icon { width: 21px; height: 21px; border-radius: 6px; font-size: 10px; } .sar-back-top { right: 10px; bottom: calc(79px + env(safe-area-inset-bottom)); width: 42px; min-height: 42px; } } @media (prefers-reduced-motion: reduce) { .sar-footer__cta-button, .sar-back-top { transition: none; } .sar-footer__cta-button:hover, .sar-back-top:hover { transform: none; } }@media (min-width: 1200.0px) { #imContent { padding-inline-start: 50px; padding-inline-end: 50px; } #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_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, #imCell_70, #imCell_71, #imCell_72, #imCell_73, #imCell_74, #imCell_75, #imCell_76, .imPageRow { margin-inline-start: -50px; margin-inline-end: -50px; } #imBreadcrumb { width: 1086px; margin-inline-start: 6px; margin-inline-end: 6px; } #imCell_75 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_75 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_75 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_75 { 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_1725_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_1725_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_1725_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_1725_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_7 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_7 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_6 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_6 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_13 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_13 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_32 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_32 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_33 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_33 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_1725_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_1725_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_1725_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_1725_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_38 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_38 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_45 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_45 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_46 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_46 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_1725_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_1725_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_1725_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_51 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_51 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_50 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_50 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_52 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_52 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_54 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_54 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_55 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_55 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_67 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_67 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_1725_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_1725_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; } #imCell_70 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_70 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_70 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_70 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_71 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_71 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_71 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_71 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_72 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_72 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_72 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_72 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_73 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_73 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_73 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_73 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_74 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_74 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_74 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_74 { 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_1725_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_76 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; } #imCell_76 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_76 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_76 { 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_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_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, #imCell_70, #imCell_71, #imCell_72, #imCell_73, #imCell_74, #imCell_75, #imCell_76, .imPageRow { margin-inline-start: -10px; margin-inline-end: -10px; } #imBreadcrumb { width: 686px; margin-inline-start: 6px; margin-inline-end: 6px; } #imCell_75 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_75 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_75 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_75 { 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_1725_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_1725_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_1725_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_1725_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_7 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_7 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_6 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_6 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_13 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_13 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_32 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_32 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_33 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_33 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_1725_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_1725_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_1725_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_1725_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_38 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_38 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_45 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_45 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_46 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_46 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_1725_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_1725_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_1725_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_51 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_51 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_50 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_50 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_52 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_52 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_54 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_54 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_55 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_55 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_67 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_67 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_1725_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_1725_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; } #imCell_70 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_70 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_70 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_70 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_71 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_71 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_71 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_71 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_72 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_72 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_72 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_72 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_73 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_73 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_73 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_73 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_74 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_74 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_74 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_74 { 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_1725_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_76 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 6px; padding-inline-end: 6px; } #imCell_76 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_76 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_76 { 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_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_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, #imCell_70, #imCell_71, #imCell_72, #imCell_73, #imCell_74, #imCell_75, #imCell_76, .imPageRow { margin-inline-start: -10px; margin-inline-end: -10px; } #imBreadcrumb { width: 446px; margin-inline-start: 6px; margin-inline-end: 6px; } #imCell_75 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_75 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_75 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_75 { 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_1725_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_1725_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_1725_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_1725_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_7 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_7 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_6 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_6 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_13 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_13 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_32 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_32 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_33 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_33 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_1725_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_1725_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_1725_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_1725_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_38 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_38 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_45 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_45 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_46 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_46 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_1725_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_1725_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_1725_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_51 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_51 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_50 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_50 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_52 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_52 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_54 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_54 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_55 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_55 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_67 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_67 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_1725_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_1725_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; } #imCell_70 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_70 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_70 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_70 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_71 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_71 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_71 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_71 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_72 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_72 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_72 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_72 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_73 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_73 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_73 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_73 { border-top: 0; border-bottom: 0; border-inline-start-width: 0px; border-inline-end-width: 0px; } #imCell_74 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_74 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_74 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_74 { 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_1725_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_76 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 4px; padding-inline-end: 4px; } #imCell_76 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_76 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 10px; padding-inline-end: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; } #imCellStyleBorders_76 { 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_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_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, #imCell_70, #imCell_71, #imCell_72, #imCell_73, #imCell_74, #imCell_75, #imCell_76, .imPageRow { margin-inline-start: -10px; margin-inline-end: -10px; } #imBreadcrumb { width: 100%; margin-inline-start: 0px; margin-inline-end: 0px; } #imCell_75 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_75 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_75 { 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_75 { 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_1725_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_1725_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_1725_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_1725_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_7 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_7 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_6 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_6 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_13 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_13 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_32 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_32 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_33 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_33 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_1725_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_1725_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_1725_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_1725_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_38 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_38 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_45 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_45 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_46 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_46 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_1725_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_1725_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_1725_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_51 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_51 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_50 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_50 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_52 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_52 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_54 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_54 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_55 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_55 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_1725_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_67 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_67 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_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_1725_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_1725_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; } #imCell_70 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_70 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_70 { 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_70 { box-sizing: border-box; } #imCell_71 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_71 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_71 { 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_71 { box-sizing: border-box; } #imCell_72 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_72 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_72 { 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_72 { box-sizing: border-box; } #imCell_73 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_73 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_73 { 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_73 { box-sizing: border-box; } #imCell_74 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_74 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_74 { 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_74 { 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_1725_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_76 { padding-top: 10px; padding-bottom: 10px; padding-inline-start: 5px; padding-inline-end: 5px; } #imCell_76 { grid-template-rows: [row-content] auto ; } #imHTMLObject_1725_76 { 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_76 { 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 }