/* @group @variables */

[class*="m-grid"] {
--grid-template-columns: repeat(1, 1fr);
--gap: 3rem;
}

[class*="grille"] {
--grid-template-columns: repeat(1, 1fr);
--gap: 1.5rem;
}

@media (width >= 48em) { /* 768px -> * */

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

[class*="m-grid-deutero"],
[class*="m-grille-deutero"] {
--grid-template-columns: repeat(2, 1fr);
--direction: rtl;
}

[class*="m-grid-deutero"],
[class*="m-grille-deutero"] {
--grid-template-columns: repeat(2, 1fr);
--direction: rtl;
}

[class*="m-grid-tertiary"],
[class*="m-grille-tertiary"] {
--grid-template-columns: repeat(3, 1fr);
}

[class*="m-grid-zweite"],
[class*="m-grille-zweite"] {
--grid-template-columns: repeat(2, 1fr);
}

}

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

[class*="m-grid-segundo"],
[class*="m-grille-segundo"] {
--grid-template-columns: repeat(2, 1fr);
}

[class*="m-grid-deuxieme"],
[class*="m-grille-deuxieme"] {
--grid-template-columns: repeat(2, 1fr);
--direction: rtl;
}

[class*="m-grid-tertiary"],
[class*="m-grille-tertiary"] {
--grid-template-columns: repeat(3, 1fr);
}

[class*="m-grid-secondo"],
[class*="m-grille-secondo"] {
--grid-template-columns: repeat(3, 1fr);
}

[class*="m-grid-zweite"],
[class*="m-grille-zweite"] {
--grid-template-columns: repeat(3, 1fr);
}

}

/* @end @variables */

/* @group @m-grid */

[class*="m-grid"],
[class*="grille"] {
display: grid;
align-items: var(--align-items);
grid-template-columns: var(--grid-template-columns);
gap: var(--gap);
order: var(--order);
direction: var(--direction);
}

:where([class*="m-grid"])>* {
direction: ltr;
}

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

[class*="m-grid-zweite"]>*,
[class*="m-grille-zweite"]>* {
grid-column: 1 / span 2;
}

}

/* @end @m-grid */

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

/* @group @variables */

[class*="m-glance-list"] {
--glance-list-grid-template-columns: repeat(1, 1fr);
--glance-list-gap: 2.25rem;
--head-3-font-family: var(--font-family-heading);
--head-3-font-size: 1.25rem;
--head-3-line-height: 1.5;
--head-3-color: var(--color-primary);
--font-size: .875rem;
--line-height: 1.71428571;
}

@media (width >= 48em) { /* 768px -> * */

[class*="m-glance-list"] {
--glance-list-grid-template-columns: repeat(2, 1fr);
}

}

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

[class*="m-glance-list"]:not([class*="m-glance-list-secondary"]) {
--glance-list-grid-template-columns: repeat(3, 1fr);
}

}

/* @end @variables */

/* @group @m-glance-list */

[class*="m-glance-list"] {
display: grid;
align-items: start;
grid-template-columns: var(--glance-list-grid-template-columns);
gap: var(--glance-list-gap);
}

:where([class*="m-glance-list"] img) {
width: 100%;
}

/* @end @m-glance-list */

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

/* @group @a-glance-detail */

[class*="a-glance-detail"] {
display: grid;
align-items: start;
grid-template-rows: auto .75rem auto 1.125rem 1fr;
}

[class*="a-glance-media"] {
grid-column: 1;
grid-row: 1;
}

[class*="a-glance-label"] {
grid-column: 1;
grid-row: 3;
}

[class*="a-glance-overview"] {
grid-column: 1;
grid-row: 5;
}

/* @end @a-glance-detail */

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

/* @group @variables */

[class*="a-content-block"] {
--content-block-gap: 0;
--grid-align-content: start;
}

[class*="a-content-block-primary"] {
--content-block-gap: .375rem;
}

[class*="a-content-block-secondary"] {
--content-block-gap: .75rem;
}

[class*="a-content-block-tertiary"] {
--content-block-gap: 1.125rem;
}

[class*="a-content-block-quaternary"] {
--content-block-gap: 1.5rem;
}

[class*="a-content-block-quinary"] {
--content-block-gap: 1.875rem;
}

[class*="a-content-block-senary"] {
--content-block-gap: 2.25rem;
}

[class*="a-content-block-octonary"] {
--content-block-gap: 3rem;
}

[class*="a-content-block-proto"] {
--content-block-gap: 3.75rem;
}

[class*="a-content-block-deutero"] {
--content-block-gap: 4.125rem;
}

[class*="a-content-block-trito"] {
--content-block-gap: 4.5rem;
}

[class*="a-content-block-tetarto"] {
--content-block-gap: 4.875rem;
}

[class*="a-content-block-pempto"] {
--content-block-gap: 5.25rem;
}

/* @end @variables */

/* @group @a-content-block */

[class*="a-content-block"] {
display: grid;
align-content: var(--grid-align-content);
grid-auto-flow: row;
grid-auto-columns: 1fr;
gap: var(--content-block-gap);
}

/* @end @a-content-block */

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

/* @group @variables */

[class*="o-section"] {
--section-container-name: section;
--section-container-type: inline-size;
--section-gap: 3.375rem 0;
--section-padding-block-end: 4.5rem;
--section-background-size: cover;
--section-background-repeat: no-repeat;

--section-grid-template-columns:  var(--x-padding-left) var(--section-primary) var(--section-secodary) var(--section-tertiary) var(--section-secodary)  var(--section-primary) var(--x-padding-right);
--section-primary: 0;
--section-secodary: 1fr;
--section-tertiary: 1fr;
}

[class*="o-section"]>* {
--section-child-grid-column: 2 / span 5;
}

[class*="o-section"] [class*="m-section-footer-secondary"] {
--section-child-grid-column: 3 / span 3;
}

@media (width >= 48em) { /* 768px -> * */

[class*="o-section"] {
--section-primary: 1fr;
--section-secodary: calc((45rem - var(--section-tertiary)) / 2);
--section-tertiary: 20rem;
}

[class*="o-section"]>* {
--section-child-grid-column: 2 / span 5;
}

[class*="m-fraction"] {
--section-child-grid-column: 3 / span 3;
}

[class*="m-section-footer"] {
--section-child-grid-column: 4;
}

}

[class*="o-section-primary"],
[class*="o-section-proto"] {
--section-padding-block-start: 3.75rem;
}

[class*="o-section-proto"] {
--section-background-color: var(--color-proto-background-color);
--color: var(--color-white);
}

/* @end @variables */

/* @group @o-section */

[class*="o-section"] {
position: relative;
overflow-x: hidden;
z-index: 3;
display: grid;

grid-template-columns: var(--section-grid-template-columns);
grid-auto-flow: row;
grid-auto-columns: 1fr;
gap: var(--section-gap);
align-self: var(--section-align-self);
padding-block-start: var(--section-padding-block-start);
padding-block-end: var(--section-padding-block-end);
background-color: var(--section-background-color);
background-image: var(--section-background-image);
background-position: 0 0;
background-repeat: var(--section-background-repeat);
background-size: var(--section-background-size);
box-shadow: var(--section-box-shadow);
container-name: var(--section-container-name);
container-type: var(--section-container-type);
backface-visibility: hidden;
content-visibility: auto;
contain: layout;
}

[class*="is-fit-sticky"] [class*="o-section-form"] {
position: static;
content-visibility: visible;
contain: none;
}

[class*="o-section"]>* {
grid-column: var(--section-child-grid-column);
}

[class*="m-fraction"] {
grid-column: var(--section-child-grid-column);
}

[class*="m-section-footer"] {
grid-column: var(--section-child-grid-column);
}

/* @end @o-section */

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

/* @group @variables */

[class*="sezione"] {
--section-container-name: sezione;
--section-container-type: inline-size;
--section-grid-template-columns: repeat(1, 1fr);
--section-gap: 3.375rem;
}

/* @end @variables */

/* @group @o-section */

[class*="sezione"] {
position: relative;
z-index: 3;
display: grid;
/*grid-template-columns: var(--section-grid-template-columns);*/
grid-auto-flow: row;
grid-auto-columns: 1fr;
gap: var(--section-gap);
align-self: var(--section-align-self);
}

/* @end @o-section */

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

/* @group @variables */

[class*="a-section-media"] {
--section-media-filter: opacity(.175);
}

/* @end @variables */

/* @group @a-section-media */

[class*="a-section-media"],
[class*="a-section-media"] img {
position: absolute;
z-index: -2;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
backdrop-filter: blur(.125rem);
}

[class*="a-section-media"] img {
filter: var(--section-media-filter);
}

/* @end @o-section */

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

/* @group @variables */

[class*="m-section-footer-secondary"] {
--section-footer-grid-auto-flow: repeat(1, 1fr);
--section-footer-gap: .75rem;
}

@media (width >= 48em) { /* 768px -> * */

[class*="m-section-footer-secondary"] {
grid-template-columns: repeat(2, 1fr);
--section-footer-gap: .75rem;
}

}

/* @end @variables */

/* @group @m-section-footer */

[class*="m-section-footer"] {
box-sizing: border-box;
display: grid;
grid-template-columns: var(grid-template-columns);
gap: var(--section-footer-gap);
width: 100%;
max-width: var(--section-footer-max-width);
margin-top: var(--section-footer-margin-top);
margin-inline: var(--section-footer-margin-inline);
padding-right: var(--section-footer-padding-right);
padding-left: var(--section-footer-padding-left);
}

/* @end @m-section-footer */

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

/* @group @variables */

[class*="m-chapter-primary"] {
--chapter-gap: 1.875rem;
--chapter-padding: 0 1.5rem 1.5rem;
--chapter-background-color: var(--color-white);

--chapter-border-width: .375rem;
--chapter-border-style: solid;
--chapter-border-color: var(--color-primary-highlight);
--chapter-border-radius: .75rem;
}

/* @end @variables */

/* @group @m-chapter */

[class*="m-chapter"] {
box-sizing: border-box;
position: relative;
overflow: clip;
z-index: 3;
display: grid;
grid-auto-flow: row;
grid-auto-columns: 1fr;
gap: var(--chapter-gap);
align-self: var(--chapter-align-self);
padding: var(--chapter-padding);
background-color: var(--chapter-background-color);
background-image: var(--chapter-background-image);
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
border-width: var(--chapter-border-width);
border-style: var(--chapter-border-style);
border-color: var(--chapter-border-color);
border-radius: var(--chapter-border-radius);
box-shadow: var(--chapter-box-shadow);
container-name: var(--chapter-container-name);
container-type: var(--chapter-container-type);
}

/* @end @m-chapter */

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

/* @group @m-fraction */

[class*="m-fraction"] {
display: grid;
grid-auto-flow: row;
grid-auto-columns: 1fr;
margin-inline: auto;
}

/* @end @m-fraction */

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

/* @group @variables */

html>body [class*="subsection"] {
--subsection-gap: .75rem;
--head-4-font-size: 1rem;
--head-4-line-height: inherit;
}

/* @end @variables */

/* @group @m-subsection */

[class*="m-subsection"] {
display: grid;
grid-auto-flow: row;
grid-auto-columns: 1fr;
align-items: start;
align-content: start;
gap: var(--subsection-gap);
padding: var(--subsection-padding);
background-color: var(--subsection-background-color);
}

/* @end @m-subsection */

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

/* @group @variables */

[class*="m-headline"] {

--headline-border-bottom-width: .1875rem;
--headline-border-image-width: 4.5rem;

--headline-border-image-color: var(--color-secondary);
--headline-border-color: var(--color-gainsboro);
--headline-grid-auto-flow: row;
--head-2-margin-bottom: 0;
--head-2-font-size: 1.5rem;
--head-2-font-size: clamp(1.5rem, 1.364rem + 0.68vw, 1.875rem);/* 24-30 to 320-1280  */
--head-2-line-height: 1.16666667;
--head-2-word-break: keep-all;
--head-2-overflow-wrap: anywhere;
--head-2-font-weight: 500;
--head-2-font-variation-settings: "wght" var(--head-2-font-weight);
--head-2-color: var(--color-primary);
}

:is([class*="o-section-proto"]) [class*="m-headline"] {
--head-2-color: var(--color-white);
}

@media (width < 48em) { /* 0 -> 767px */

[class*="m-headline"] {
--headline-grid-template-rows: 1fr .5rem auto;
--headline-title-grid-row: 1;
--headline-after-grid-row: 3;
}

}

@media (width >= 48em) { /* 768px -> * */

[class*="m-headline"] {
--headline-grid-template-columns: auto .5rem 1fr;
--headline-grid-template-rows: 1fr 1px .375rem;
--headline-title-grid-column: 1;
--headline-title-grid-row: 1 / span 3;
--headline-after-grid-column: 3;
--headline-after-grid-row: 2;
}

}

/* @end @variables */

/* @group @m-headline */

[class*="m-headline"] {
position: relative;
z-index: 3;
display: grid;
grid-template-columns: var(--headline-grid-template-columns);
grid-template-rows: var(--headline-grid-template-rows);
word-break: keep-all;
text-transform: uppercase;
}

[class*="m-headline"] h2 {
grid-column: var(--headline-title-grid-column);
grid-row: var(--headline-title-gridrow);
}

[class*="m-headline"]:after {
grid-column: var(--headline-after-grid-column);
grid-row: var(--headline-after-grid-row);
content: '';
display: grid;
height: 1px;
background-color: var(--color-secondary);
}

/* @end @m-headline */

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

/* @group @variables */

[class*="m-sottovoce"] {
--head-3-font-size: 1.125rem;
--head-3-line-height: 1.71428571;
--head-3-font-size: 1.125rem;
--head-3-line-height: 1.71428571;
--head-4-font-size: 1.125rem;
--head-4-line-height: 1.71428571;
--sottovoce-background-color: var(--color-secondary);
}

[class*="m-sottovoce-secondary"] {
--sottovoce-text-align: center;
--sottovoce-margin-inline: auto;
--head-3-color: var(--color-white);
--head-3-color: var(--color-secondary);
--head-3-color: var(--color-silver);
}

[class*="m-sottovoce-xpel"] {
--sottovoce-background-color: hsl(45deg 97.5% 45%);
}

/* @end @variables */

/* @group @m-sottovoce */

[class*="m-sottovoce"] {
position: relative;
display: grid;
grid-auto-flow: row;
gap: .375rem;
padding-bottom: .75rem;
text-align: var(--sottovoce-text-align);
}

[class*="m-sottovoce"]:before {
content: '';
position: absolute;
bottom: 0;
right: 0;
left: 0;
width: 1.5rem;
height: .25rem;
margin-inline: var(--sottovoce-margin-inline);
background-color: var(--sottovoce-background-color);
}

/* @end @m-sottovoce */

/* @group @m-traversa */

[class*="m-traversa"] {
--head-2-font-size: 1.5rem;
--head-2-font-weight: 500;
--head-2-font-variation-settings: "wght" var(--head-2-font-weight);
--head-3-font-size: 1.5rem;
--head-3-font-weight: 500;
--head-3-font-variation-settings: "wght" var(--head-2-font-weight);
}

/* @end @m-traversa */

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

/* @group @variables */

[class*="m-crosshead"] {
--crosshead-grid-template-columns: 1rem 1fr;
--crosshead-grid-template-rows: auto .375rem auto;
--crosshead-title-grid-column: 2;
--crosshead-title-grid-row: 1;
--crosshead-link-grid-column: 2;
--crosshead-link-grid-row: 3;
--crosshead-before-grid-column: 1;
--crosshead-before-grid-row: 1;
--head-3-font-size: 1.25rem;
--head-4-font-size: 1.25rem;
}

@media (width >= 48em) { /* 768px -> * */

[class*="m-crosshead"] {
--crosshead-grid-template-columns: 1rem 1fr auto;
--crosshead-grid-template-rows: auto;
--crosshead-link-grid-column: 3;
--crosshead-link-grid-row: 1;
}

}

/* @end @variables */

/* @group @a-crosshead */

[class*="m-crosshead"] {
position: relative;
z-index: 3;
display: grid;
align-items: center;
grid-template-columns: var(--crosshead-grid-template-columns);
grid-template-rows: var(--crosshead-grid-template-rows);
}

[class*="m-crosshead"] h3 {
grid-column: var(--crosshead-title-grid-column);
grid-row: var(--crosshead-title-grid-row);
}

[class*="m-crosshead"] p {
grid-column: var(--crosshead-link-grid-column);
grid-row: var(--crosshead-link-grid-row);
}

[class*="m-crosshead"]:before {
grid-column: var(--crosshead-before-grid-column);
grid-row: var(--crosshead-before-grid-row);
}

[class*="m-crosshead"]:before {
content: '';
align-self: start;
display: grid;
width: .25rem;
height: 1.25rem;
margin-top: .375rem;
background-color: var(--color-secondary);
border-radius: .25rem;
}

/* @end @a-crosshead */

/* @group @a-subheading */

[class*="a-subheading"] {

color: var(--color-secondary);

/*position: relative;
padding-left: 1.375rem;
/*padding-bottom: calc(.75rem - 2px);
border-style: solid;
border-width: 0 0 2px;
background-color: transparent;
border-image: linear-gradient(45deg, var(--color-secondary) 0%, var(--color-secondary) 1.5rem, transparent 1.5rem, transparent 100%) 1;*!/
}

[class*="a-subheading"]:before {
content: '';
position: absolute;
top: .6rem;
left: 0;
width: .875rem;
height: .3rem;
background-color: var(--color-secondary);
border-radius: .125rem;*/
}

/* @end @a-subheading */

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

/* @group @variables */

[class*="a-crosshead-link"] {
--font-size: .875rem;
--line-height: 1.71428571;
}

/* @end @variables */

/* @group @a-crosshead-link */

[class*="a-crosshead-link"] {
text-align: right;
}

[class*="m-headline"] + [class*="a-crosshead-link"] {
margin-top: -1.5rem;
}

/* @end @a-crosshead-link */

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

/* @group @variables */

[class*="a-bank-info"] {
--head-3-font-size: .875rem;
--head-3-line-height: 1.71428571;
--head-3-color: var(--color-secondary);
--head-4-font-size: .875rem;
--head-4-line-height: 1.71428571;
--head-4-color: var(--color-secondary);
--font-weight: 500;
}

/* @end @variables */

/* @group @a-bank-info */

[class*="a-bank-info"] {
padding: .75rem;
background-color: var(--background-color);
}

/* @end @a-bank-info */

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

/* @group @variables */

[class*="a-crosshead-link"] {
--font-size: .75rem;
--color: var(--color-whiet);
}

/* @end @variables */

/* @group @m-color-pattern */

[class*="m-color-pattern"] {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1px;
height: 1.875rem;
}

[class*="m-color-pattern"] li {
display: grid;
align-items: center;
text-align: center;
}

.aqua {
background-color:#ADD8E6;
}

.lightblue {
background-color:#5A5ADD;
color:#FFFFFF;
}

.aurora-red {
background-color:#c32232;
color:#FFFFFF;
}

.lightpurple {
background-color:#BD85D6;
}

.lightgreen {
background-color:#ABDA89;
}

.lightpink {
background-color:#DF8D98;
}

.lightgold {
background-color:#D9CD4D;
}

.green {
background-color:#517C1C;
color:#FFFFFF;
}

.cyan {
background-color:#2595C7;
color:#FFFFFF;
}

.purple {
background-color:#614D9D;
color:#FFFFFF;
}

.blue {
background-color:#2838A9;
color:#FFFFFF;
}

.darkblue {
background-color:#0818A9;
color:#FFFFFF;
}

.gold {
background-color:#bf9a4e;
}

.clear {
background-color:#cfd3da;
}

/* @end @m-color-pattern */