/* VP038: scoped to Valéria's introduction and frequently asked questions. */
.mpc-about{background:var(--paper);padding-block:104px;border:0}
.mpc-about-grid{grid-template-columns:minmax(0,.82fr) minmax(0,1fr);gap:80px;align-items:center}
.mpc-about-photo{padding:0;width:100%;max-width:445px;justify-self:start}
.mpc-about-photo:before{display:none}
.mpc-about-photo img{height:auto;aspect-ratio:853/1280;object-fit:contain;object-position:center;border-radius:16px;box-shadow:0 16px 48px #2936270c}
.mpc-about-copy h2{font-size:48px;line-height:1.12;max-width:590px}
.mpc-about-copy .mpc-eyebrow{margin-bottom:16px}
.mpc-about-copy .mpc-about-role{margin-top:14px!important;padding:0;border:0;color:var(--accent-rose-text)!important;font-size:13px!important}
.mpc-about-copy>p:not(.mpc-eyebrow):not(.mpc-about-role){color:var(--muted);margin-top:22px;line-height:1.85;max-width:590px}
.mpc-about-copy>p:nth-of-type(3){font-size:18px;line-height:1.8!important;color:var(--ink)!important}
.mpc-education{background:transparent;border:0;border-top:1px solid var(--accent-rose-light);border-radius:0;padding:24px 0 0;margin-top:28px;box-shadow:none;overflow:visible}
.mpc-education h3{background:transparent;color:var(--deep);margin:0;padding:0;font-size:11px;letter-spacing:.14em;line-height:1.5}
.mpc-education h3:before{width:24px;background:var(--accent-rose)}
.mpc-education ul{margin-top:18px;gap:12px}
.mpc-education li{font-size:13px;line-height:1.75;padding-left:18px;color:var(--muted)}
.mpc-education li:before{width:5px;height:5px;top:9px;background:var(--accent-rose-ink);border:0;border-radius:50%}

.mpc-faq{background:var(--linen);padding-block:104px}
.mpc-faq .mpc-section-heading{max-width:800px;margin-bottom:48px}
.mpc-faq-list{max-width:960px;gap:12px;border:0}
.mpc-faq details{background:var(--paper);border:1px solid var(--line);border-left:4px solid transparent;border-radius:12px;box-shadow:none;transition:border-color .2s,box-shadow .2s}
.mpc-faq details:hover{border-color:var(--accent-rose-light)}
.mpc-faq summary,.mpc-faq details[open] summary{display:grid;grid-template-columns:36px minmax(0,1fr) 32px;align-items:center;gap:20px;padding:22px 24px 22px 20px;min-height:88px;font-size:17px;line-height:1.5;font-weight:550;border-radius:10px}
.faq-number{display:grid;place-items:center;width:36px;height:36px;font-family:var(--serif);font-size:14px;font-weight:400;line-height:1;color:var(--accent-rose-text);background:var(--linen);border:1px solid var(--accent-rose-light);border-radius:50%}
.faq-question{min-width:0}
.mpc-faq summary:after{position:static;grid-column:3;grid-row:1;width:32px;height:32px;align-self:center;background:transparent;color:var(--accent-rose-text);border-color:var(--accent-rose-light);font-size:23px;font-weight:400;transition:background .2s,color .2s}
.mpc-faq summary:hover:after{background:var(--accent-rose-surface)}
.mpc-faq summary:focus-visible{outline:3px solid var(--accent-rose-text);outline-offset:4px}
.mpc-faq details[open]{background:var(--paper);border-color:var(--accent-rose-light);border-left-color:var(--accent-rose-ink);box-shadow:0 10px 30px #29362708}
.mpc-faq details[open] summary{color:var(--accent-rose-text)}
.mpc-faq details[open] summary:after{background:var(--accent-rose-ink);color:var(--paper);border-color:var(--accent-rose-ink)}
.mpc-faq details[open] .faq-number{background:var(--accent-rose-surface)}
.mpc-faq-answer{max-width:none;padding:0 76px 28px 76px;font-size:16px;line-height:1.85;color:var(--muted)}
.mpc-faq details[open] .mpc-faq-answer{animation:faq-answer-in .24s ease-out both}
.mpc-faq-support{margin-top:32px;text-align:center}
.mpc-faq-support .mpc-text-link{color:var(--accent-rose-text);padding:14px 20px;border:1px solid var(--accent-rose-light);border-radius:8px;background:var(--paper)}
@keyframes faq-answer-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.mpc-about-grid{gap:48px}.mpc-about-copy h2{font-size:42px}.mpc-about-copy>p:nth-of-type(3){font-size:17px}}
@media(max-width:800px){
 .mpc-about,.mpc-faq{padding-block:80px}
 .mpc-about-grid{grid-template-columns:1fr;gap:40px}
 .mpc-about-photo{max-width:420px;justify-self:center}
 .mpc-about-copy{max-width:640px;margin-inline:auto;width:100%}
}
@media(max-width:600px){
 .mpc-about,.mpc-faq{padding-block:64px}
 .mpc-about-photo{max-width:380px}
 .mpc-about-photo img{border-radius:12px}
 .mpc-about-copy h2{font-size:36px}
 .mpc-about-copy>p:nth-of-type(3){font-size:17px}
 .mpc-education{padding:22px 0 0;margin-top:26px}
 .mpc-education h3{margin:0;padding:0}
 .mpc-education li{font-size:14px}
 .mpc-faq .mpc-section-heading{margin-bottom:32px}
 .mpc-faq-list{gap:12px}
 .mpc-faq summary,.mpc-faq details[open] summary{grid-template-columns:28px minmax(0,1fr) 28px;gap:12px;padding:20px 16px 20px 12px;font-size:16px;min-height:84px}
 .faq-number{width:28px;height:28px;font-size:12px}
 .mpc-faq summary:after{width:28px;height:28px;font-size:21px}
 .mpc-faq-answer{padding:0 20px 24px 20px}
 .mpc-faq-support .mpc-text-link{font-size:13px;justify-content:center;width:100%;padding-inline:12px}
}
@media(max-width:350px){.mpc-about-copy h2{font-size:32px}.mpc-faq summary,.mpc-faq details[open] summary{gap:8px;padding-inline:10px}.mpc-faq-answer{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){.mpc-faq details[open] .mpc-faq-answer{animation:none}.mpc-faq details,.mpc-faq summary:after{transition:none}}
@media(forced-colors:active){
 .mpc-about,.mpc-faq,.mpc-faq details,.mpc-faq details[open],.mpc-faq-support .mpc-text-link{background:Canvas;color:CanvasText}
 .mpc-faq details,.mpc-faq details[open],.mpc-education,.faq-number,.mpc-faq summary:after{border-color:CanvasText}
 .faq-number,.mpc-faq details[open] .faq-number,.mpc-faq summary:after,.mpc-faq details[open] summary:after{background:Canvas;color:CanvasText}
 .mpc-faq summary:focus-visible{outline-color:Highlight}
 .mpc-faq details[open] summary,.mpc-faq-answer,.mpc-education li,.mpc-education h3{color:CanvasText}
}
