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

/* @group @variables */

[class*="o-root-hero"] {
--root-hero-padding-inline: 5.25rem 0 0;
--head-1-margin-bottom: 0;
--head-1-font-size: clamp(1.5rem, 0.9642857142857143rem + 2.6785714285714284vw, 3.375rem);/* 24 to 54 / 320 > 1440 */
--head-1-line-height: 1.2;
--font-size: .875rem;
--line-height: 1.71428571;
--font-weight: 600;
--color: var(--color-white);
}

:where([class*="o-root-hero"]) ul {
--font-size: .75rem;
--word-break: keep-all;
--overflow-wrap: anywhere;
}

[class*="m-hero-copy"] {
--text-align: center;
}

[class*="m-hero-body"] {
--text-align: var(--text-align-segundo);
}

@media (width < 48em) { /* 0 -> 767px */

[class*="o-root-hero"] {
--root-hero-padding: 5.75rem 0 0 0;
--hero-contents-padding-inline: var(--x-padding-left) var(--x-padding-right);
}

}

@media (width >= 48em) { /* 768px -> * */

[class*="o-root-hero"] {
--root-hero-grid-template-columns: 2fr 1fr;
--hero-copy-grid-column: 1 / span 2;
--hero-copy-grid-row: 1;
--hero-body-grid-column: 1;
--hero-body-grid-row: 2;
--hero-sns-session-grid-column: 2;
--hero-sns-session-grid-row: 2;
/*--hero-footer-grid-column: 1 / span 2;
--hero-footer-grid-row: 3;*/
--root-hero-padding: 5.75rem var(--x-padding-secondary-right) 3.75rem var(--x-padding-secondary-left);
}

}

/* @end @variables */

/* @group @o-root-hero */

[class*="o-root-hero"] {
position: relative;
z-index: 2;
display: grid;
align-content: start;
align-items: start;
grid-template-columns: var(--root-hero-grid-template-columns);
gap: 1.5rem 3rem;
padding: var(--root-hero-padding);
}

[class*="m-hero-copy"] {
grid-column: var(--hero-copy-grid-column);
grid-row: var(--hero-copy-grid-row);
padding-inline: var(--hero-contents-padding-inline);
}

[class*="m-hero-body"] {
grid-column: var(--hero-body-grid-column);
grid-row: var(--hero-body-grid-row);
padding-inline: var(--hero-contents-padding-inline);
}

/*[class*="m-hero-footer"] {
grid-column: var(--hero-footer-grid-column);
grid-row: var(--hero-footer-grid-row);
padding-inline: var(--hero-contents-padding-inline);
}*/

[class*="m-root-hero-sns-session"] {
grid-column: var(--hero-sns-session-grid-column);
grid-row: var(--hero-sns-session-grid-row);
}

/* @end @o-root-hero */

/* @group @m-hero-body */

[class*="m-hero-body"] {
display: grid;
grid-auto-flow: row;
gap: 1.125rem;
}

[class*="m-hero-body"] :where(h1, h2, p) {
text-shadow: 1.41px 1.41px hsl(0deg 0% 20%), 2px 0 hsl(0deg 0% 20%), 1.41px -1.41px hsl(0deg 0% 20%), 0 -2px hsl(0deg 0% 20%), -1.41px -1.41px hsl(0deg 0% 20%), -2px 0 hsl(0deg 0% 20%), -1.41px 1.41px hsl(0deg 0% 20%), 0 2px hsl(0deg 0% 20%);

text-shadow: 1.41px 1.41px hsl(246deg 75% 30%), 2px 0 hsl(246deg 75% 30%), 1.41px -1.41px hsl(246deg 75% 30%), 0 -2px hsl(246deg 75% 30%), -1.41px -1.41px hsl(246deg 75% 30%), -2px 0 hsl(246deg 75% 30%), -1.41px 1.41px hsl(246deg 75% 30%), 0 2px hsl(246deg 75% 30%);
/*text-shadow: .7px .7px hsl(246deg 75% 30%), 1px 0 hsl(246deg 75% 30%), .7px -.7px hsl(246deg 75% 30%), 0 -1px hsl(246deg 75% 30%), -.7px -.7px hsl(246deg 75% 30%), -1px 0 hsl(246deg 75% 30%), -.7px .7px hsl(246deg 75% 30%), 0 1px hsl(246deg 75% 30%);*/
}

/* @end @m-hero-body */

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

/* @group @variables */

[class*="m-root-hero-sns-session"] {
--hero-sns-session-grid-template-columns: var(--x-padding-left) 1fr .75rem 2fr var(--x-padding-right);
--hero-sns-session-grid-template-rows: 1.125rem auto 1.5rem auto .75rem;
--hero-sns-session-body-grid-column: 4;
--hero-sns-session-body-grid-row: 2;
--hero-caption-body-grid-column: 4;
--hero-caption-body-grid-row: 4;
--hero-portrait-grid-column: 1 / span 2;
--hero-portrait-grid-row: 2 / span 4;
--quote-grid-template-columns: 1fr;
--word-break: keep-all;
--overflow-wrap: anywhere;
}

[class*="a-root-hero-caption"] {
--font-size: .625rem;
--line-height: 1.8;
}

[class*="a-root-hero-sns-session"] {
--text-align: var(--text-align-segundo);
}

@media (width >= 48em) { /* 768px -> * */

[class*="m-root-hero-sns-session"] {
--hero-sns-session-grid-template-columns: 1.125rem 1fr 1.125rem;
--hero-sns-session-grid-template-rows: 1.125rem auto 1.5rem auto .75rem auto .75rem;
--hero-sns-session-body-grid-column: 2;
--hero-sns-session-body-grid-row: 2;
--hero-caption-body-grid-column: 2;
--hero-caption-body-grid-row: 6;
--hero-portrait-grid-column: 1 / span 3;
--hero-portrait-grid-row: 4;
--hero-sns-session-border-radius: .375rem
}

}

/* @end @variables */

/* @group @m-root-hero-sns-session */

[class*="m-root-hero-sns-session"] {
overflow: hidden;
display: grid;
align-content: center;
align-items: center;
grid-template-columns: var(--hero-sns-session-grid-template-columns);
grid-template-rows: var(--hero-sns-session-grid-template-rows);
background-color: hsl(0deg 0% 0% / 90%);
border-radius: var(--hero-sns-session-border-radius);
color: hsl(0deg 0% 100%);
}

[class*="a-root-hero-sns-session"] {
grid-column: var(--hero-sns-session-body-grid-column);
grid-row: var(--hero-sns-session-body-grid-row);
}

[class*="a-root-hero-caption"] {
grid-column: var(--hero-caption-body-grid-column);
grid-row: var(--hero-caption-body-grid-row);
}

[class*="a-root-hero-portrait"] {
grid-column: var(--hero-portrait-grid-column);
grid-row: var(--hero-portrait-grid-row);
}

:where([class*="a-root-hero-portrait"]) img {
width: auto;
max-height: 13.25rem;
}

/* @end @m-root-hero-sns-session */

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

/* @group @variables */

[class*="a-root-hero-copy-01"] {
--font-size: clamp(1rem, 1.786vw + 0.643rem, 2.25rem);/* 16 to 36 / 320 > 1440 */
--line-height: 1.5;
}

/* @end @variables */

/* @group @a-root-hero-copy-01 */

[class*="a-root-hero-copy-01"] {
justify-content: center;
}

/* @end @a-root-hero-copy-01 */

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

/* @group @variables */

[class*="m-hero-footer"] {
--font-weight: 600;
--font-variation-settings: "wght" var(--font-weight);
--word-break: keep-all;
--overflow-wrap: anywhere;
--text-align: var(--text-align-segundo);
--span-font-weight: 600;
--span-color: hsl(50deg 100% 75%);
}

/* @end @variables */

/* @group @m-hero-footer */

[class*="m-hero-footer"] {
box-sizing: border-box;
display: grid;
gap: 1.125rem;
width: 100%;
max-width: 30rem;
margin-inline: auto;
}

:where([class*="m-hero-footer"]) a {
width: 100%;
}

/* @end @m-hero-footer */

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

/* @group @variables */

[class*="a-hero-footer-price"] {
--font-size: 1.5rem;
--font-weight: 600;
--color: hsl(50deg 100% 75%);
--word-break: keep-all;
--overflow-wrap: anywhere;
--text-align: center;
--span-font-weight: 600;
}

[class*="a-hero-footer-price-money"] {
--span-font-family: 'Oswald', system-ui, -apple-system, sans-serif;
--span-font-size: clamp(2.25rem, 1.929rem + 1.61vw, 3.375rem);/* 36 to 54 / 320 > 1440 */
--span-line-height: 1;
--span-font-weight: 500;
--span-color: hsl(50deg 100% 75%);
}

[class*="a-hero-footer-introduction-price"] {
--text-align: center;
--span-color: hsl(50deg 100% 75%);
}

/* @end @variables */

/* @group @a-hero-footer-price */

[class*="a-hero-footer-price-money"] {
position: relative;
margin-right: .25rem;
}

[class*="a-hero-footer-introduction-price"] {
text-align: center;
}

/* @end @a-hero-footer-price */

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

/* @group @a-root-hero-background */

[class*="a-root-hero-background"] {
position: absolute;
z-index: -2;
inset: 0;
}

:where([class*="a-root-hero-background"]) img {
display: grid;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
pointer-events: none;
}

/* @end @a-root-hero-background */

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

/* @group @a-logo-list */

[class*="a-logo-list"] {
display: flex;
justify-content: center;
flex-wrap: wrap;
flex-direction: row;
gap: 1.5rem;
max-width: 50rem;
margin-inline: auto;
}


:where([class*="a-logo-list"]) img {
width: auto;
height: 2.25rem;
}

/* @end @a-logo-list */

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

/* @group @variables */


[class*="a-section-copy"] {
/*--font-size: clamp(1.25rem, 1.05rem + 0.5vw, 1.5rem);/* 20 to 24 / 640 > 1440 *!/*/
--font-size: clamp(1rem, 0.857rem + 0.71vw, 1.5rem);/* 16 to 24 / 320 > 1440 */
--font-weight: 600;
--font-variation-settings: "wght" var(--font-weight);
--color: hsl(0deg 0% 100%);
--word-break: keep-all;
--overflow-wrap: anywhere;
--text-align: center;
}

/*@media (width >= 48em) { /* 768px -> * *!/

[class*="a-section-copy"] {
--font-size: 1.5rem;/* 36 to 48 / 320 > 1440 *!/
}

}*/

/* @end @variables */

/* @group @m-section-copy */

[class*="m-section-copy"] {
display: grid;
gap: 1.5rem;
}

/* @end @m-section-copy */

/* @group @a-section-copy */

[class*="a-section-copy"] {
display: grid;
gap: .75rem;
}

[class*="a-section-copy"] :where(h2, h3, p) {
/*text-shadow: 1.41px 1.41px hsl(246deg 75% 30%), 2px 0 hsl(246deg 75% 30%), 1.41px -1.41px hsl(246deg 75% 30%), 0 -2px hsl(246deg 75% 30%), -1.41px -1.41px hsl(246deg 75% 30%), -2px 0 hsl(246deg 75% 30%), -1.41px 1.41px hsl(246deg 75% 30%), 0 2px hsl(246deg 75% 30%);*/
text-shadow: .7px .7px hsl(246deg 75% 30%), 1px 0 hsl(246deg 75% 30%), .7px -.7px hsl(246deg 75% 30%), 0 -1px hsl(246deg 75% 30%), -.7px -.7px hsl(246deg 75% 30%), -1px 0 hsl(246deg 75% 30%), -.7px .7px hsl(246deg 75% 30%), 0 1px hsl(246deg 75% 30%);
}

/* @end @a-section-copy */

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

/* @group @variables */

[class*="a-section-catchcopy"] {
--font-size: clamp(1.5rem, 1.286rem + 1.07vw, 2.25rem);/* 24 to 36 / 320 > 1440 */
--font-weight: 600;
--font-variation-settings: "wght" var(--font-weight);
--color: hsl(0deg 0% 100%);
--word-break: keep-all;
--overflow-wrap: anywhere;
--text-align: center;
--span-font-weight: 600;
--span-color: hsl(50deg 100% 75%);
}

/* @end @variables */

/* @group @m-section-catchcopy-people */

[class*="a-section-catchcopy-people"] {
position: relative;
top: .25rem;
}

/* @end @a-section-catchcopy-people */

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

/* @group @variables */

[class*="a-section-catchcopy-people"] {
--span-font-family: 'Oswald', system-ui, -apple-system, sans-serif;
--span-font-size: clamp(2.25rem, 1.929rem + 1.61vw, 3.375rem);/* 36 to 54 / 320 > 1440 */
--span-font-weight: 500;
}

/* @end @variables */

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

/* @group @variables */

[class*="a-section-catchcopy-message"] {
--span-color: hsl(50deg 100% 75%);
--strong-color: hsl(50deg 100% 75%);
}

/* @end @variables */

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

/* @group @variables */

[class*="m-quote"] {
--quote-grid-template-columns: 1fr;
--color: hsl(0deg 0% 100%);
--word-break: keep-all;
--overflow-wrap: anywhere;
}

@media (width >= 48em) { /* 768px -> * */

[class*="m-quote"] {
--quote-grid-template-columns: 1fr 12rem;
}

}

/* @end @variables */

/* @group @m-quote */

[class*="m-quote"] {
display: grid;
align-items: center;
grid-template-columns: var(--quote-grid-template-columns);
gap: 1.5rem;
}

/* @end @m-quote */

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

/* @group @variables */

[class*="a-quote-message"] {
--quote-message-background-image: linear-gradient(to bottom, hsl(0deg 0% 0% / 0%) 0%, hsl(0deg 0% 0% / 0%) calc(100% - 1.125rem - 1px), var(--color-white) calc(100% - 1.125rem), var(--color-white) 100%);
--quote-message-clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 1.125rem), calc(50% + .75rem) calc(100% - 1.125rem), 50% 100%, calc(50% - .75rem) calc(100% - 1.125rem), 0% calc(100% - 1.125rem));
--quote-message-padding: 0 0 1.125rem;
--text-align: var(--text-align-segundo);
--color: var(--color-text);
--font-weight: 600;
}

@media (width >= 48em) { /* 768px -> * */

[class*="a-quote-message"] {
--quote-message-background-image: linear-gradient(to right, hsl(0deg 0% 0% / 0%) 0%, hsl(0deg 0% 0% / 0%) calc(100% - 1.125rem - 1px), var(--color-white) calc(100% - 1.125rem), var(--color-white) 100%);
--quote-message-clip-path: polygon(0% 0%, calc(100% - 1.125rem) 0, calc(100% - 1.125rem) calc(50% - .75rem), 100% 50%, calc(100% - 1.125rem) calc(50% + .75rem), calc(100% - 1.125rem) 100%, 0 100%);
--quote-message-padding: 0 1.125rem 0 0;
}
}

/* @end @variables */

/* @group @a-quote-message */

[class*="a-quote-message"] {
padding: var(--quote-message-padding);
background-image: var(--quote-message-background-image);
clip-path: var(--quote-message-clip-path);
}

/* @end @a-quote-message */

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

/* @group @a-quote-text */

[class*="a-quote-contents"] {
display: grid;
align-items: center;
align-content: center;
gap: .75rem;
padding: 1.5rem;
background-color: var(--color-white);
border-radius: .25rem;
}

/* @end @a-quote-contents */

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

/* @group @variables */

[class*="a-quote-text"] {
/*--font-size: 1.5rem;*/
--font-size: clamp(1rem, 0.857rem + 0.71vw, 1.5rem);/* 16 to 24 / 320 > 1440 */
}

/* @end @variables */

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

/* @group @a-quote-name */

[class*="a-quote-name"] {
--font-family: 'Oswald', system-ui, -apple-system, sans-serif;
--color: var(--color-text);
}

/* @end @a-quote-name */

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

/* @group @a-quote-portrait */

[class*="a-quote-portrait"] {
position: relative;
max-width: 12rem;
margin-inline: auto;
}

[class*="a-quote-portrait"]:before {
content: '';
position: absolute;
z-index: 2;
inset: 0;
border: .5rem solid hsl(0deg 0% 100% / 50%);
border-radius: 50%;
pointer-events: none;
}

[class*="a-quote-portrait"] img {
width: 100%;
height: auto;
object-fit: cover;
object-position: center center;
border-radius: 50%;
}

/* @end @a-quote-portrait */