/* @group @variables */

@media (width >= 62em) { /* 992px -> * */

[class*="m-secao-contenuto-secondary"] {
--secao-contenuto-grid-template-columns: repeat(4, 1fr);
}

[class*="m-root-equipment"]:nth-of-type(2n+1) {
--root-equipment-margin-bottom: 3rem;
}

[class*="m-root-equipment"]:nth-of-type(2n) {
--root-equipment-margin-top: 3rem;
}

}

/* @end @variables */

/* @group @m-secao-contenuto */

[class*="m-secao-contenuto-secondary"] {
display: grid;
grid-template-columns: var(--secao-contenuto-grid-template-columns);
grid-template-rows: var(--secao-contenuto-grid-template-rows);
grid-auto-flow: var(--secao-contenuto-grid-auto-flow);
max-width: 68rem;
margin-inline: auto;
}

[class*="m-root-equipment"] {
margin-top: var(--root-equipment-margin-top);
margin-bottom: var(--root-equipment-margin-bottom);
}

/* @end @m-secao-contenuto */

/* -------------------------------------------------------- */

/* @group @m-root-equipment */

[class*="m-root-equipment"] {
display: grid;
grid-template-columns: 1.5rem auto 1.5rem;
grid-template-rows: 1fr auto 1fr;
}

[class*="a-root-equipment-body"] {
grid-column: 2;
grid-row: 2;
}

[class*="a-root-equipment-media"] {
grid-column: 1 / span 3;
grid-row: 1 / span 3;
}

/* @end @m-root-equipment */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="a-root-equipment-header"] {
--head-3-font-size: clamp(1.25rem, 0.833rem + 2.08vw, 1.875rem);
--head-3-line-height: 1.5;
--head-3-font-weight: var(--font-weight-bold);
--font-family: "Oswald", sans-serif;
--font-size: 2.25rem;/* 36 - 60 to 320 - 800*/
--line-height: 1;
--font-weight: 700;
--color: hsl(225deg 9% 82.5%);
}

/* @end @variables */

/* @group @a-root-equipment-header */

[class*="a-root-equipment-header"] {
display: grid;
justify-content: center;
grid-auto-flow: row;
gap: .85rem;
text-align: center;
}

[class*="a-root-equipment-header"] p {
letter-spacing: .05em;
text-transform: uppercase;
}

/* @end @a-root-equipment-header */

/* -------------------------------------------------------- */

/* @group @a-root-equipment-body */

[class*="a-root-equipment-body"] {
position: relative;
z-index: 2;
display: grid;
grid-auto-flow: row;
gap: 1.5rem;
text-align: center;
}

/* @end @a-root-equipment-body */

/* -------------------------------------------------------- */

/* @group @a-root-equipment-footer */

[class*="a-root-equipment-footer"] {
display: grid;
justify-content: center;
}

/* @end @a-root-equipment-footer */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="a-root-equipment-media"] {
--root-equipment-media-aspect-ratio: 750 / 616;
}

@media (width >= 50em) { /* 800px -> * */

[class*="a-root-equipment-media"] {
--root-equipment-media-aspect-ratio: 720 / 1200;
}

}

/* @end @variables */

/* @group @a-root-equipment-media */

[class*="a-root-equipment-media"],
[class*="a-root-equipment-media"] img {
width: 100%;
height: 100%;
aspect-ratio: var(--root-equipment-media-aspect-ratio);
object-fit: cover;
}

/* @end @a-root-service-media */

/* -------------------------------------------------------- */

/* @group @m-secao-service-list */

@media (width >= 80em) { /* 1280px -> * */

[class*="m-secao-service-list"] {
display: grid;
grid-template-columns: 12fr 11fr 3rem 11fr 12fr;
grid-template-rows: 1fr 3fr 1fr;
gap: 0;
padding-right: var(--x-padding-right);
padding-left: var(--x-padding-left);;
}

[class*="m-root-service-01"] {
grid-column: 1 / span 4;
grid-row: 1 / span 2;
}

[class*="m-root-service-02"] {
grid-column: 2 / span 4;
grid-row: 2 / span 2;
}

}

/* @end @m-secao-service-list */

/* -------------------------------------------------------- */

/* @group @variables */

@media (width < 50em) { /* 0 -> 799px */

[class*="m-root-service-01"] {
--root-service-grid-template-columns: var(--x-padding-right) 1fr var(--x-padding-left);
--root-service-grid-template-rows: 3.75rem 1fr 6rem;
--root-service-body-grid-column: 2;
--root-service-media-grid-column: 1 / span 3;
--root-service-before-content: 'Bodywork & Paint';
}

[class*="m-root-service-02"] {
--root-service-grid-template-columns: var(--x-padding-right) 1fr var(--x-padding-left);
--root-service-grid-template-rows: 6rem 1fr 3.75rem;
--root-service-body-grid-column: 2;
--root-service-media-grid-column: 1 / span 3;
--root-service-before-content: 'Painting Material';
}

}

@media (width >= 50em) { /* 800px -> * */

[class*="m-root-service-01"] {
--root-service-grid-template-columns: var(--x-padding-right) 3fr 3fr 1fr;
--root-service-grid-template-rows: 3.75rem 1fr 5.25rem;
--root-service-body-grid-column: 2;
--root-service-media-grid-column: 1 / span 5;
--root-service-before-content: 'Bodywork & Paint';
}

[class*="m-root-service-02"] {
--root-service-grid-template-columns: 1fr 3fr 3fr var(--x-padding-left);
--root-service-grid-template-rows: 5.25rem 1fr 3.75rem;
--root-service-body-grid-column: 3;
--root-service-media-grid-column: 1 / span 5;
--root-service-before-content: 'Painting Material';
}

}

@media (width < 80em) { /* 800px -> 1279px -> * */

[class*="m-root-service"]:not(:first-of-type) {
--root-service-margin-top: -4.5rem;
}

}

@media (width >= 80em) { /* 1280px -> * */

[class*="m-root-service-01"] {
--root-service-grid-template-columns: 1.5rem 3fr 2fr 1fr;
--root-service-grid-template-rows: 3.75rem 1fr 5.25rem;
--root-service-body-grid-column: 2;
--root-service-media-grid-column: 1 / span 5;
--root-service-before-content: 'Bodywork & Paint';
}

[class*="m-root-service-02"] {
--root-service-grid-template-columns: 1fr 2fr 3fr 1.5rem;
--root-service-grid-template-rows: 5.25rem 1fr 3.75rem;
--root-service-body-grid-column: 3;
--root-service-media-grid-column: 1 / span 5;
--root-service-before-content: 'Painting Material';
}

}

/* @end @variables */

/* @group @m-root-service */

[class*="m-root-service"] {
position: relative;
overflow: hidden;
display: grid;
grid-template-columns: var(--root-service-grid-template-columns);
grid-template-rows: var(--root-service-grid-template-rows);
margin-top: var(--root-service-margin-top);
}

[class*="a-root-service-body"] {
grid-column: var(--root-service-body-grid-column);
grid-row: 2;
}

[class*="a-root-service-media"] {
grid-column: var(--root-service-media-grid-column);
grid-row: 1 / span 3;
}

[class*="m-root-service"]:before {
grid-column: 1 / span 3;
grid-row: 1;
}

[class*="m-root-service-01"]:before {
grid-column: 1 / span 3;
grid-row: 1;
}

[class*="m-root-service-02"]:before {
grid-column: 1 / span 3;
grid-row: 3;
}

[class*="m-root-service-02"]:before {
display: grid;
justify-content: end;
align-items: end;
text-align: right;
}

/* @end @m-root-service */

/* @group @m-root-service */

@media (width < 50em) { /* 0 -> 799px */

[class*="m-root-service"]:before {
content: var(--root-service-before-content);
font-family: var(--font-family-heading);
font-size: 2.625rem;
line-height: 1;
font-weight: 500;
font-variation-settings: "wght" 500;
text-transform: uppercase;
color: hsl(0deg 0% 100% / 20%);
}

}

/* @end @m-root-service */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="a-root-service-body"] {
--head-3-font-size: clamp(1.5rem, 1.083rem + 0.83vw, 2.25rem);/* 24 - 36 to 320 -800 */
--head-3-line-height: 1.5;
--head-3-font-weight: var(--font-weight-bold);
--head-3-head-3-color: hsl(227deg 70% 22.5%);
--head-3-word-break: keep-all;
--head-3-overflow-wrap: anywhere;
}

@media (width >= 50em) { /* 800px -> * */

[class*="m-equipment-detali"] {
--equipment-detali-grid-template-columns: 1fr 1fr;
--equipment-detali-grid-template-rows: 1fr;
--equipment-contents-grid-column: 1;
--equipment-contents-grid-row: 1;
--equipment-thumbnail-grid-column: 2;
--equipment-thumbnail-grid-row: 1;
}

[class*="m-equipment-detali"]:nth-of-type(2n+1) {
--equipment-detali-direction: rtl;
}

}

/* @end @variables */

/* @group @a-root-service-body */

[class*="a-root-service-body"] {
display: grid;
align-content: space-between;
grid-auto-flow: row;
gap: 1.875rem;
padding: 2.25rem 1.5rem;
background-color: hsl(0deg 0% 92.5%);
}

/* @end @a-root-service-body */

/* -------------------------------------------------------- */

/* @group @variables */

@media (width < 50em) { /* 0 -> 799px */

[class*="a-root-service-media-01"] {
--root-service-media-object-fit: cover;
}

[class*="a-root-service-media-01"] {
--root-service-media-clip-path: polygon(0 0%, 100% 0, 100% calc(100% - 6rem), 0% 100%);
}

[class*="a-root-service-media-02"] {
--root-service-media-clip-path: polygon(0 6rem, 100% 0, 100% 100%, 0 100%);
}

[class*="a-root-service-media-01"] img {
--root-service-media-object-position: bottom right;
}

[class*="a-root-service-media-02"] img {
--root-service-media-object-position: top left;
}

}

/* @end @variables */

/* @group @a-root-service-media */

[class*="a-root-service-media"] {
position: relative;
z-index: -1;
-webkit-clip-path: var(--root-service-media-clip-path);
clip-path: var(--root-service-media-clip-path);
}

[class*="a-root-service-media"] img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: var(--root-service-media-object-fit);
object-position: var(--root-service-media-object-position);
}

/* @end @a-root-service-media */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="a-root-news-list"] {
--color: var(--color-text);
}

/* @end @variables */

/* @group @a-root-news-list */

[class*="a-root-news-list"] {
display: grid;
gap: 1.5rem;
}

[class*="a-root-news-list"]>li {
display: grid;
grid-auto-flow: row;
gap: .375rem;
padding: 1.125rem;
background-color: var(--background-color);
}

[class*="a-root-news-list"] time {
font-size: .875rem;
line-height: 1.71428571;
}

/* @end @a-root-news-list */