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

/* @group @variables */

[class*="o-content"] [class*="m-headline"] {
--head-2-margin-bottom: .1875rem;
--head-2-font-size: 1.125rem;
--head-2-line-height: 1.33333333;
--head-2-font-weight: 200;
--head-2-font-variation-settings: "wght" 200;
--head-2-color: var(--color-quinary);
--font-size: clamp(2.25rem, 6.75vw, 3rem);
--paragraph-line-height: 1.22222222;
--separator-margin: auto;
--separator-color: var(--color-primary);
}

[class*="o-content-primo"] [class*="m-headline"] {
--head-2-color: var(--color-white);
--color: var(--color-white);
--separator-color: var(--color-white);
}

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

[class*="o-content"] [class*="m-headline"] {
--font-size: 3rem;
}

}

/* @media all and (min-width:62em) {

[class*="a-entries-category-pickup"] {
--head-2-font-size: 1.125rem;
--head-2-line-height: 1.33333333;
}

} */

/* @end @variables */

/* @group @m-headline */

[class*="m-headline"] {
box-sizing: border-box;
position: relative;
display: grid;
justify-content: center;
grid-template-rows: auto .75rem 1px 1.125rem auto;
text-align: center;
}

[class*="m-headline"]:after {
content: '';
position: relative;
bottom: 0;
grid-column: 1;
grid-row: 3;
width: 6rem;
height: 1px;
margin: var(--separator-margin);
background-color: var(--separator-color);
}

[class*="m-headline"] h2 {
grid-column: 1;
grid-row: 5;
}

[class*="m-headline"] p {
grid-column: 1;
grid-row: 1;
overflow: hidden;
text-align: center;
font-weight: 200;
font-variation-settings: "wght" 150;
text-transform: uppercase;
vertical-align: bottom;
word-break: keep-all;
overflow-wrap: break-word;
}


/* @end @m-headline */

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

/* @group @variables */

[class*="m-subhead"] {
--subhead-width: 3rem;
--subhead-height: 1px;
--subhead-background-color: var(--color-very-dark-gray);
--head-2-font-size: 1.25rem;
--head-2-line-height: 1.2;
--head-2-color: var(--color-very-dark-gray);
--head-2-font-weight: 200;
--head-2-font-variation-settings: "wght" 200;

}

/* @end @variables */

/* @group @m-subhead */

[class*="m-subhead"] {
display: grid;
align-items: center;
grid-template-columns: 1fr var(--subhead-width) .75rem auto .75rem var(--subhead-width) 1fr;
}

[class*="m-subhead"] h2 {
grid-column: 4;
grid-row: 1;
}

[class*="m-subhead"]:before {
grid-column: 2;
grid-row: 1;
}

[class*="m-subhead"]:after {
grid-column: 6;
grid-row: 1;
}

/* @end @m-subhead */

/* @group @m-subhead */

[class*="m-subhead"] {
position: relative;
}

[class*="m-subhead"]:before,
[class*="m-subhead"]:after {
content: '';
box-sizing: border-box;
display: block;
width: var(--subhead-width);
height: var(--subhead-height);
background-color: var(--subhead-background-color);
}

/* @end @m-subhead */

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

/* @group @variables */

[class*="m-section-headline"] {
--head-2-font-size: 1.25rem;
--head-2-line-height: 1.5;
--head-2-color: var(--color-black);
--head-2-font-weight: 300;
--head-2-font-variation-settings: "wght" 300;

--head-3-font-size: .75rem;
--head-3-line-height: 1.5;
--head-3-color: var(--color-darkgray);
--head-3-font-weight: 400;
--head-3-font-variation-settings: "wght" 400;
}

/* @end @variables */

/* @group @m-section-headline */

[class*="m-section-headline"] {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: .375rem;
}
/* @end @m-section-headline */

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

/* @group @m-explanation-headline */

[class*="m-explanation-headline"] {
display: grid;
grid-template-columns: auto auto 1fr;
gap: .375rem;
}

[class*="m-explanation-headline"]>*:last-child {
margin-left: auto;
}

/* @end @m-explanation-headline */

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

/* @group @variables */

[class*="m-subtitulo"] {
--head-2-font-size: 1.5rem;
--head-2-line-height: 1.2;
--head-2-font-weight: 300;
--head-2-font-variation-settings: "wght" 300;
--head-3-font-size: 1.5rem;
--head-3-line-height: 1.2;
--head-3-font-weight: 300;
--head-3-font-variation-settings: "wght" 300;
}

/* @end @variables */

/* @group @m-subtitulo */

[class*="m-subtitulo"] {
position: relative;
padding-left: 1.875rem;
padding-bottom: .75rem;
box-shadow: 0 1px 0 0 var(--border-color);
}

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

/* @end @m-subtitulo */