/* @group @variables */

[class*="m-titular"] {
--head-2-margin-bottom: 0;
--head-2-font-family: var(--font-family-brand-en);
--head-2-font-size: 3.75rem;
--head-2-line-height: 1;
--head-2-color: var(--color-white);
--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-color: var(--color-white);
--head-3-font-weight: 500;
--head-3-font-variation-settings: "wght" 500;
--head-3-word-break: keep-all;
--word-break: keep-all;
}

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

[class*="m-titular"] {
/*--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-titular"] {
/*--head-2-font-size: var(--font-size-calc-duodenary);
--head-2-line-height: var(--line-height-decenary);*/
}

}

/* @end @variables */

/* @group @variables */

[class*="m-titular"] {
--titular-separater-color: var(--color-white);
}

/* @end @variables */

/* @group @m-titular */

[class*="m-titular"] {
position: relative;
z-index: 3;
display: grid;
justify-content: center;
align-items: center;
grid-template-columns: 1fr 4.5rem 1fr;
grid-template-rows: 1fr 2.25rem 1px calc(3rem - 1px) 1px;
text-align: center;
color: var(--titular-color);
}

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

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

[class*="m-titular"] h3 {
grid-row: 3;
}

[class*="m-titular"]:after {
grid-column: 2;
grid-row: 5;
}

/* @end @m-titular */

/* @group @m-titular */

[class*="m-titular"]:after {
content: '';
display: grid;
width: 100%;
height: 1px;
background-color: var(--color-white);
}

/* @end @m-titular */