/* @group @variables */

[class*="o-brand-hero"] {
--a-brand-hero-grid-template-columns: calc(var(--x-padding-left) - .75rem) 0 .75rem 3rem 5fr 6fr .75rem 0 7fr 3rem .75rem 0 calc(var(--x-padding-right) - .75rem);
--a-brand-hero-grid-template-rows: auto;
--a-brand-hero-max-height: 25.5rem;
--a-brand-hero-background-color: hsla(45, 30%, 90%, .375);
}

/* @end @variables */

/* @group @m-brand-header */

[class*="o-brand-hero"] {
display: grid;
justify-content: center;
grid-template-columns: var(--a-brand-hero-grid-template-columns);
grid-template-rows: var(--a-brand-hero-grid-template-rows);
gap: var(--a-brand-hero-gap);
}

[class*="a-brand-hero-media"] {
grid-column: 4 / 7;
grid-row: 1;
}

[class*="o-brand-hero"]:before {
grid-column: 1 / 3;
grid-row: 1;
}

[class*="o-brand-hero"]:after {
grid-column: 12 / 14;
grid-row: 1;
}

[class*="a-brand-hero-submedia"] {
grid-column: 8 / 11;
grid-row: 1;
}

/* @end @m-brand-header */

/* @group @m-brand-header */

[class*="o-brand-hero"] {
box-sizing: border-box;
position: relative;
overflow: hidden;
z-index: 2;
height: var(--a-brand-hero-height);
max-height: var(--a-brand-hero-max-height);
}

[class*="o-brand-hero"]:before {
content: '';
height: 100%;
background-color: hsla(45, 80%, 97.5%, 1)
}

[class*="o-brand-hero"]:after {
content: '';
height: 100%;
background-color: hsla(337.3, 38.1%, 97.5%, 1);
}

/* @end @m-brand-header */

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

/* @group @a-brand-hero-media */

[class*="a-brand-hero-media"] {
height: var(--a-brand-hero-media-height);
}

[class*="a-brand-hero-media"] img,
[class*="a-brand-hero-submedia"] img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}

/* @end @a-brand-hero-media */

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

/* @group @variables */

[class*="a-brand-hero-logo"] {
--brand-logo-width: 20rem;
--brand-logo-border: 1px solid var(--color-very-light-gray);
--brand-logo-height: 6.75rem;
--brand-logo-img-height: 4.5rem;
--aspect-ratio: 180 / 72;
}


/* @end @variables */

/* @group @a-brand-hero-logo */


[class*="a-brand-hero-logo"] {
box-sizing: border-box;
display: grid;
justify-content: center;
align-items: center;
width: 100%;
height: var(--brand-logo-height);
max-width: var(--brand-logo-width);
margin-right: auto;
margin-left: auto;
border: var(--brand-logo-border);
aspect-ratio: var(--aspect-ratio);
}

[class*="a-brand-hero-logo"] img {
height: var(--brand-logo-img-height);
object-fit: contain;
object-position: center center;
}

/* @end @a-brand-hero-logo */

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

/* @group @variables */

[class*="a-brand-hero-outline"] {
--font-size: .875rem;
--line-height: 1.71428571;
--paragraph-line-height: var(--line-height);
}

/* @end @variables */

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

/* @group @variables */

[class*="a-brand-hero-name"] {
--head-1-font-size: 1.25rem;
--head-1-font-weight: 300;
--head-1-font-variation-settings: "wght" 300;
--head-2-font-size: .75rem;
--head-2-color: var(--color-darkgray);
--head-2-font-weight: 300;
--head-2-font-variation-settings: "wght" 300;
}

/* @end @variables */

/* @group @a-brand-hero-name */

[class*="a-brand-hero-name"] {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: .375rem;
text-align: var(--text-align-segundo);
}

/* @end @a-brand-hero-name */