/* @group @variables */

[class*="o-section"] {
--grid-template-columns: repeat(1, 1fr);
--gap: 3.375rem;
--padding: 3.75rem var(--x-padding-right) 4.5rem var(--x-padding-left);
--background-color: var(--color-white);
}

[class*="o-section-secondary"] {
--padding: 3.375rem var(--x-padding-right) 0 var(--x-padding-left);
}

[class*="o-section-proto"] {
--box-shadow: inset 0 -1px 0 0 var(--color-border-color);
}

[class*="o-section-deutero"] {
--box-shadow: inset 0 -1px 0 0 var(--color-border-color);
}

[class*="o-section-primero"] {
--background-color: hsla(150, 50%, 92.5%, 1);
}

/* @end @variables */

/* @group @o-section */

[class*="o-section"] {
display: grid;
grid-template-columns: var(--grid-template-columns);
gap: var(--gap);
padding: var(--padding);
background-color: var(--background-color);
box-shadow: var(--box-shadow);
}

/* @end @o-section */