/* @group @variables */

[class*="m-headline"],
[class*="m-titular"],
[class*="m-grostitre"] {
--headline-template-columns: 1fr 4.5rem 1fr;
--headline-template-rows: 1fr auto;
--headline-place-items: var(--place-items-center-primary);
--headline-text-position: center;
--headline-gap: 1.125rem;
--headline-separater-width: var(--border-width-secondary);
--headline-after-grid-column: 2;
--head-2-margin-bottom: 0;
--head-2-font-family: var(--font-family-brand-en);
--head-2-font-size: 3.75rem;
--head-2-line-height: var(--line-height-h2-EN);
--head-2-font-weight: 600;
--head-2-word-break: keep-all;
--head-2-text-align: center;
--head-3-font-family: var(--font-family-primary);
--head-3-font-size: 1.25rem;
--head-3-line-height: 1.5;
--head-3-font-weight: 500;
--head-3-word-break: keep-all;
--text-block-margin-bottom: 0;
--word-break: keep-all;
}


[class*="m-grostitre"],
[class*="m-titular"] {
--headline-template-rows: 1fr auto 1px;
}

@media all and (min-width:22.5em) {

[class*="m-headline"],
[class*="m-titular"],
[class*="m-grostitre"] {
/*--head-2-font-size: var(--font-size-calc-decenary);
--head-2-line-height: var(--line-height-decenary);*/
}

}

@media all and (min-width:48em) {

[class*="m-headline"],
[class*="m-titular"],
[class*="m-grostitre"] {
/*--head-2-font-size: var(--font-size-calc-duodenary);
--head-2-line-height: var(--line-height-decenary);*/
}

}

/* @end @variables */

/* @group @variables */

[class*="m-headline"],
[class*="m-titular"] {
--headline-separater-color: var(--color-brand);
--head-2-line-height: 1;
--head-2-color: var(--color-dimgray);
--head-3-color: var(--color-brand);
}

[class*="m-grostitre"] {
--headline-separater-color: currentColor;
--head-2-line-height: 1;
--head-2-color: inherit;
--head-3-color: inherit;
}

/* @end @variables */

/* @group @m-headline-primary */

[class*="m-headline"],
[class*="m-grostitre"],
[class*="m-titular"] {
position: relative;
z-index: 3;
display: grid;
place-items: var(--headline-place-items);
grid-template-columns: var(--headline-template-columns);
grid-template-rows: var(--headline-template-rows);
gap:var(--headline-gap);
color: var(--headline-color);
}

[class*="m-headline"] h2,
[class*="m-headline"] h3,
[class*="m-grostitre"] h2,
[class*="m-grostitre"] h3,
[class*="m-titular"] h2,
[class*="m-titular"] h3 {
grid-column: 1 / 4;
}

[class*="m-headline"] h2,
[class*="m-grostitre"] h2,
[class*="m-titular"] h2 {
grid-row: 1;
}

[class*="m-headline"] h3,
[class*="m-grostitre"] h3,
[class*="m-titular"] h3 {
grid-row: 2;
}

/* @end @m-headline-primary */

/* @group @m-headline-primary */

[class*="m-titular"]:after {
content: '';
grid-column: var(--headline-after-grid-column);
grid-row: 3;
display: grid;
width: 100%;
height: var(--headline-separater-width);
background-color: var(--headline-separater-color);
}

/* @end @m-headline-primary */

/* subhead --------------------------------------------------------*/

/* @group @variables */

[class*="m-subhead"] {
--subhead-height: 1.5rem;
--subhead-circle-size: 1.125rem;
--subhead-separater: inset 0 -1px 0 var(--color-gainsboro);
--head-3-font-size: 1.25rem;
--head-3-line-height: 1.2;
--head-3-font-weight: 500;
}

/* @end @variables */

/* @group @m-subhead */

[class*="m-subhead"] {
position: relative;
padding-left: var(--subhead-height);
padding-bottom: .75rem;
box-shadow: var(--subhead-separater);
}

[class*="m-subhead"]:before {
content: '';
box-sizing: border-box;
position: absolute;
top: calc((var(--subhead-height) - var(--subhead-circle-size)) / 2);
left: 0;
width: var(--subhead-circle-size);
height: var(--subhead-circle-size);
border: .1875rem solid var(--color-brand);
border-radius: 50%;
}

/* @end @m-subhead */

/* subhead --------------------------------------------------------*/

/* @group @variables */

[class*="m-sottotitolo"] {
--subhead-height: 1.5rem;
--subhead-circle-size: 1.125rem;
--subhead-separater: inset 0 -1px 0 var(--color-gainsboro);
--head-3-font-size: 1.25rem;
--head-3-line-height: 1.2;
--head-3-font-weight: 500;
--head-4-font-size: 1.25rem;
--head-4-line-height: 1.2;
--head-4-font-weight: 500;
}

/* @end @variables */

/* @group @m-sottotitolo */

[class*="m-sottotitolo"] {
position: relative;
padding-left: var(--subhead-height);
}

[class*="m-sottotitolo"]:before {
content: '';
box-sizing: border-box;
position: absolute;
top: calc((var(--subhead-height) - var(--subhead-circle-size)) / 2);
left: 0;
width: var(--subhead-circle-size);
height: var(--subhead-circle-size);
border: .1875rem solid var(--color-brand);
border-radius: 50%;
}

/* @end @m-sottotitolo */

/* subhead --------------------------------------------------------*/

/* @group @variables */

[class*="m-underrubrik"] {
--subhead-height: 1.5rem;
--subhead-circle-size: 1.125rem;
--subhead-separater: inset 0 -1px 0 var(--color-gainsboro);
--head-3-font-size: 1.25rem;
--head-3-line-height: 1.2;
--head-3-font-weight: 500;
--head-4-font-size: 1.25rem;
--head-4-line-height: 1.2;
--head-4-font-weight: 500;
}

/* @end @variables */

/* @group @m-underrubrik */

[class*="m-underrubrik"] {
position: relative;
padding: .75rem .75rem .75rem calc(.75rem + var(--subhead-height));
background-color: var(--color-white);
}

[class*="m-underrubrik"]:before {
content: '';
box-sizing: border-box;
position: absolute;
top: calc(.75rem + ((var(--subhead-height) - var(--subhead-circle-size)) / 2));
left: .75rem;
width: var(--subhead-circle-size);
height: var(--subhead-circle-size);
border: .1875rem solid var(--color-brand);
border-radius: 50%;
}

/* @end @m-underrubrik */

/* subhead --------------------------------------------------------*/

/* @group @variables */

[class*="m-subtítulo"] {
--head-3-font-size: 1.125rem;
--head-3-line-height: 1.333333333;
--head-3-font-weight: 500;
--head-4-font-size: 1.125rem;
--head-4-line-height: 1.333333333;
--head-4-font-weight: 500;
}

/* @end @variables */

/* @group @m-subtítulo */

[class*="m-subtítulo"] {
color: var(--color-brand);
}

/* @end @m-underrubrik */

/* subfoot --------------------------------------------------------*/

/* @group @variables */

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

.m-grid-colonna-segundo,
.m-grid-columna-segundo {
--subfoot-margin: .375rem 0 0;
}

@media all and (min-width:48em) {

.m-grid-colonna-segundo,
.m-grid-columna-segundo {
--subfoot-max-size: 15rem;
}

}

/* @end @variables */

/* @group @m-subfoot */

[class*="m-subfoot"] {
display: grid;
grid-template-columns: var(--subfoot-columns);
gap: var(--subfoot-gap);
width: 100%;
max-width: var(--subfoot-max-size);
margin: var(--subfoot-margin);
}

/* @end @m-subfoot */

/* name-titre --------------------------------------------------------*/

/* @group @variables */

[class*="a-sous-titre"] {
--head-4-font-size: 1.125rem;
--head-4-line-height: 1.333333333;
--head-4-font-weight: 500;
--head-4-color: var(--color-brand);
}

/* @end @variables */

/* @group @sous-titre */

[class*="a-sous-titre"] {
color: var(--color-brand);
}

/* @end @sous-titre */

/* name-titre --------------------------------------------------------*/

/* @group @name-titre */

[class*="a-name-titre"] {
font-size: 2.25rem;
line-height: 1.2;
}

/* @end @name-titre */

/* name-titre --------------------------------------------------------*/

/* @group @variables */

[class*="a-name-titre"] {
--head-4-font-size: 2.25rem;
--head-4-line-height: 1.2;
--head-4-font-weight: 500;
}

/* @end @variables */


/* price-titre --------------------------------------------------------*/

/* @group @variables */

[class*="a-price-titre"] {
--head-4-font-size: .75rem;
--head-4-line-height: 1.5;
--head-4-font-weight: 500;
--head-4-text-align: center;
}

/* @end @variables */

/* @group @a-price-titre */

[class*="a-price-titre"] em {
font-size: 2.25rem;
line-height: 1.2;
}

/* @end @a-price-titre */

/* crosshead section --------------------------------------------------------*/

/* @group @variables */

[class*="m-crosshead"] {
--head-4-font-size: 1.125rem;
--head-4-line-height: 1.3333333;
--head-4-font-weight: 500;
--head-4-text-align: center;
}

/* @end @variables */

/* m-catchcopy-head section --------------------------------------------------------*/

/* @group @variables */

[class*="m-catchcopy-head"] {
--head-4-font-size: 1.5rem;
--head-4-line-height: 1.25;
--head-4-font-weight: 500;
--head-4-text-align: left;
}

/* @end @variables */

/* m-catchcopy-head section --------------------------------------------------------*/

/* @group @variables */

[class*="m-price-head"] {
--head-5-font-size: 1rem;
--head-5-line-height: 1.5;
--head-5-font-weight: 500;
--head-5-text-align: left;
}

/* @end @variables */