/* @group @variables */

:root {
--ripetere-align-items: start;
--ripetere-grid-auto-flow: row;
--ripetere-gap: 2.25rem;
--ripetere-direction: ltr;
--ripetere-border-radius: .75rem;
}

[style*="--ripetere: tertiary"] {
--ripetere-padding: 1.5rem;
--ripetere-background-color: var(--color-white);
}

[style*="--ripetere: quaternary"] {
--ripetere-padding: 1.5rem;
--ripetere-background-color: var(--color-secondary);
}

[style*="--ripetere: quinto"] {
--ripetere-padding: 1.5rem;
--ripetere-background-color: var(--color-secondary);
}

[class*="m-ripetere-particular"]:nth-of-type(2n+1) {
--ripetere-direction: rtl;
}

[style*="--ripetere: odd;"] [class*="m-ripetere-particular"]:nth-of-type(2n+1){
--ripetere-direction: ltr;
}

/*[style*="--ripetere: even;"] {
--ripetere-direction: rtl;
}

[style*="--ripetere: even;"] [class*="m-ripetere-particular"]:nth-of-type(2n+1) {
--ripetere-direction: ltr;
}*/

[style*="--section: proto;"] [class*="m-ripetere-particular"],
[style*="--section: segunto;"] [class*="m-ripetere-particular"] {
--head-3-font-family: var(--font-family-heading);
--head-3-font-size: 1.5rem;
--head-3-line-height: 1.5;
--head-3-color: var(--color-primary);
}

@container section (min-width:48em) {

[class*="m-ripetere-particular"] {
--ripetere-header-grid-column: 1 / span 5;
--ripetere-body-grid-column: 1 / span 3;
--ripetere-media-grid-column: 4 / span 2;
--ripetere-footer-grid-column: 1 / span 5;
--ripetere-body-grid-row: 1;
--ripetere-media-grid-row: 1;
--ripetere-footer-grid-row: 2;
}

[class*="m-ripetere-particular"]:has(header) {
--ripetere-header-grid-row: 1;
--ripetere-body-grid-row: 2;
--ripetere-media-grid-row: 2;
--ripetere-footer-grid-row: 3;
}

[style*="--section: proto;"] [class*="m-ripetere-particular"] {
--ripeteregrid-template-rows: 3rem 1fr 3rem;
--ripetere-gap: 0;
--ripetere-body-grid-column: 1 / span 6;
--ripetere-media-grid-column: 6 / span 6;
--ripetere-body-grid-row: 2;
--ripetere-media-grid-row: 1 / span 3;
--ripetere-body-padding: 1.5rem;
--ripetere-body-background-color: var(--color-white);
--ripetere-border-radius: 0;
}

[style*="--section: segunto;"] [class*="m-ripetere-particular"] {
--ripetere-body-padding: 1.5rem;
--ripetere-body-background-color: var(--color-white);
}

}

@container section (min-width:62em) {

[style*="--section: proto;"] [class*="m-ripetere-particular"] {
--ripetere-body-grid-column: 1 / span 6;
--ripetere-media-grid-column: 6 / span 6;
}

}

/* @end @variables */

/* @group @m-ripetere-particular */

[class*="m-ripetere-particular"] {
position: relative;
display: grid;
/*grid-template-columns: var(--ripeteregrid-template-columns);*/
grid-template-rows: var(--ripeteregrid-template-rows);
grid-auto-flow: var(--ripetere-grid-auto-flow);
grid-auto-columns: 1fr;
gap: var(--ripetere-gap);
padding: var(--ripetere-padding);
background-color: var(--ripetere-background-color);
border-radius: var(--ripetere-border-radius);
direction: var(--ripetere-direction);
}

[class*="a-ripetere-header"] {
grid-column: var(--ripetere-header-grid-column);
grid-row: var(--ripetere-header-grid-row);
direction: ltr;
}

[class*="a-ripetere-media"] {
align-self: var(--ripetere-media-align-self);
grid-column: var(--ripetere-media-grid-column);
grid-row: var(--ripetere-media-grid-row);
}

[class*="m-ripetere-contents"] {
position: relative;
z-index: 2;
grid-column: var(--ripetere-body-grid-column);
grid-row: var(--ripetere-body-grid-row);
padding: var(--ripetere-body-padding);
background-color: var(--ripetere-body-background-color);
direction: ltr;
}

[class*="a-ripetere-footer"] {
grid-column: var(--ripetere-footer-grid-column);
grid-row: var(--ripetere-footer-grid-row);
direction: ltr;
}

/* @end @m-ripetere-particular */

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

/* @group @a-ripetere-media */

[class*="a-ripetere-media"],
[class*="a-ripetere-media"] img {
display: block;
width: 100%;
height: auto;
border-radius: inherit;
}

/* @end @a-ripetere-media */

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

/* @group @variables */

[class*="m-ripetere-contents"] {
--head-4-font-size: 1.25rem;
--head-4-line-height: 1.5;
/*--head-4-color: var(--color-primary);*/
}

/* @end @variables */

/* @group ＠m-ripetere-contents */

[class*="m-ripetere-contents"] {

}

/* @end ＠m-ripetere-contents */

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

/* @group @variables */

[class*="a-ripetere-header"] {
--font-size: 1.125rem;
--paragraph-line-height: 1.66666667;
--font-weight: 300;
--font-variation-settings: "wght" 300;
--head-3-font-family: var(--font-family-heading);
--head-3-font-size: 2.25rem;
--head-3-line-height: 1.4;
--head-3-color: var(--color-very-dark-gray);
--head-4-font-family: var(--font-family-heading);
--head-4-font-size: 1.25rem;
--head-4-line-height: 1.5;
--head-4-color: var(--color-primary);
}

[style*="--ripetere: sexto"] [class*="a-ripetere-header"] {
--head-3-font-family: var(--font-family-heading);
--head-3-font-size: 1.5rem;
--head-3-font-weight: var(--font-weight-bold);
--head-3-font-variation-font-variation-settings: "wght" var(--font-weight-bold);
--head-4-font-family: var(--font-family-heading);
--head-4-font-size: 1.125rem;
--head-4-line-height: 1.33333333;
--head-4-font-weight: 400;
--head-4-font-variation-settings: "wght" 400;
}



/* @end @variables */

/* @group @a-ripetere-header */

[class*="a-ripetere-header"] {
display: grid;
align-items: center;
grid-auto-flow: row;
grid-auto-columns: 1fr;
gap: .75rem;
text-align: var(--ripetere-header-text-align);
}

/* @end @a-ripetere-header */

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

/* @group @variables */

@container section (min-width: 24em) {

[class*="a-ripetere-footer"] {
--ripetere-footer-max-width: 20.75rem;
}

}

@container section (min-width:48em) {

[class*="a-ripetere-footer"] {
--ripetere-footer-margin-top: .75rem;
}

}

/* @end @variables */

/* @group @a-ripetere-footer */

[class*="a-ripetere-footer"] {
display: grid;
grid-auto-flow: column;
grid-auto-columns: 1fr;
gap: 1.5rem;
width: 100%;
max-width: var(--ripetere-footer-max-width);
margin-top: var(--ripetere-footer-margin-top);
margin-right: auto;
margin-left: auto;
}

/* @end @a-ripetere-footer */