/* Seleção fotográfica editorial; as fotos serão inseridas pela clínica. */
.concerns-section{background:#fff;padding-block:88px}
.concern-layout{gap:35px}
.concern-intro{grid-template-columns:1.25fr 1fr;align-items:start;column-gap:90px}
.concern-intro>.eyebrow{color:var(--gold-text);margin-bottom:24px}
.concern-intro h2{font-size:52px;line-height:1.13;max-width:510px;grid-row:1/3}
.concern-intro p{font-size:13px;max-width:350px;line-height:1.8}
.concern-intro .section-footnote{max-width:350px;font-size:12px}
.segmented{display:flex;width:max-content;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:0;gap:32px;margin-bottom:34px}
.segmented button,.segmented button.selected{background:none;color:var(--muted);border-radius:0;border-bottom:2px solid transparent;padding:13px 0;min-height:48px;font-size:12px;flex:none}
.segmented button.selected{color:var(--ink);border-color:var(--gold)}
.concern-list{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:32px 25px;align-items:stretch}
.concern-list>button,.concern-list>button:hover,.concern-list>button:nth-child(3n+2),.concern-list>button:nth-child(3n+3){display:flex;flex-direction:column;align-items:stretch;padding:0;gap:0;background:transparent;border:0;border-radius:0;min-height:0;transform:none;overflow:visible}
.concern-list>button>.concern-photo{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1.38;min-height:0;flex:none;background:#e7e6de;color:#747867;overflow:hidden;transition:background .5s var(--ease);padding:26px}
.concern-photo:after{content:'';position:absolute;inset:15px;border:1px solid #8f957b25;pointer-events:none;transition:inset .5s var(--ease)}
.concern-list>button:hover>.concern-photo{background:#dcdfd2}
.concern-list>button:hover>.concern-photo:after{inset:21px}
.concern-photo-title{font:italic 19px/1.4 var(--serif);text-align:center;max-width:185px;color:#686e5e}
.concern-photo-note{position:absolute;bottom:25px;left:0;right:0;text-align:center;font:12px var(--sans);letter-spacing:.17em;color:#747867}
.concern-photo>img{position:absolute;inset:0;object-fit:cover;width:100%;height:100%;transition:transform .7s var(--ease)}
.concern-list>button:hover>.concern-photo>img{transform:scale(1.025)}
.concern-list>button>.concern-caption{display:block;padding:19px 0 0;flex:1}
.concern-list strong{font-size:25px;line-height:1.17;max-width:300px;font-weight:400}
.concern-list small{font-size:12px;line-height:1.65;margin-top:10px;max-width:300px}
.concern-list i{align-self:flex-start;font-size:12px;padding:8px 0;margin-top:12px;border-bottom:1px solid var(--gold);color:var(--ink)}
.concern-list[data-active-category="rosto"]>button:first-child{grid-row:span 2}
.concern-list[data-active-category="rosto"]>button:first-child>.concern-photo{flex:1;aspect-ratio:auto;min-height:380px;background:#dce1d1}
.concern-list[data-active-category="rosto"]>button:first-child>.concern-photo .concern-photo-title{font-size:27px;max-width:225px}
.concern-list[data-active-category="rosto"]>button:first-child>.concern-caption{flex:0;padding-top:23px}
.concern-list[data-active-category="rosto"]>button:first-child strong{font-size:34px}
.concern-list[data-active-category="corpo"]{grid-template-columns:repeat(4,1fr)}
.concern-list[data-active-category="corpo"]>button>.concern-photo{aspect-ratio:3/4}
.concern-bottom{padding-top:23px;margin-top:34px;font-size:12px}
@media(max-width:1000px){.concern-intro{column-gap:45px}.concern-intro h2{font-size:45px}.concern-list{gap:28px 20px;grid-template-columns:1.2fr 1fr 1fr}.concern-list strong{font-size:23px}.concern-photo-title{font-size:17px}.concern-list[data-active-category="corpo"]{grid-template-columns:repeat(2,1fr)}.concern-list[data-active-category="corpo"]>button>.concern-photo{aspect-ratio:1.4}}
@media(max-width:800px){.concern-list{grid-template-columns:repeat(2,1fr)}.concern-list[data-active-category="rosto"]>button:first-child{grid-column:1/-1;grid-row:auto;display:grid;grid-template-columns:1.1fr 1fr;column-gap:25px}.concern-list[data-active-category="rosto"]>button:first-child>.concern-photo{grid-row:1/3;min-height:330px}.concern-list[data-active-category="rosto"]>button:first-child>.concern-caption{align-self:end}.concern-list[data-active-category="rosto"]>button:first-child>i{align-self:start;justify-self:start;margin-top:15px}.concern-intro h2{font-size:40px}.concern-intro{gap:0 30px}}
@media(max-width:600px){.concerns-section{padding-block:60px}.concern-layout{gap:23px}.concern-intro{display:block}.concern-intro h2{font-size:41px;max-width:330px}.concern-intro p{margin-top:20px;max-width:340px}.concern-intro .section-footnote{margin-top:13px}.segmented{width:100%;gap:27px;margin-bottom:26px}.segmented button{font-size:12px;flex:none;padding:12px 0}.concern-list{gap:28px 18px}.concern-list[data-active-category="rosto"]>button:first-child{display:flex;gap:0}.concern-list[data-active-category="rosto"]>button:first-child>.concern-photo{min-height:0;aspect-ratio:1.2;flex:none}.concern-list[data-active-category="rosto"]>button:first-child>.concern-caption{align-self:stretch;padding-top:20px}.concern-list[data-active-category="rosto"]>button:first-child strong{font-size:30px;max-width:340px}.concern-list>button>.concern-photo{aspect-ratio:4/5;padding:20px}.concern-list[data-active-category="corpo"]>button>.concern-photo{aspect-ratio:4/5}.concern-photo-title{font-size:17px;max-width:130px}.concern-photo-note{font-size:12px;bottom:20px;letter-spacing:.11em}.concern-photo:after{inset:10px}.concern-list>button:hover>.concern-photo:after{inset:13px}.concern-list strong{font-size:22px;max-width:none}.concern-list>button>.concern-caption{padding-top:15px}.concern-list small{font-size:12px}.concern-list i{font-size:12px;margin-top:9px}.concern-bottom{font-size:12px;gap:20px}.concern-bottom>span{max-width:165px}}
@media(max-width:360px){.concern-list{gap:27px 14px}.concern-list strong{font-size:20px}.concern-list>button>.concern-photo{position:relative;width:100%;height:auto}.concern-list>button>.concern-caption{padding-top:15px}.concern-photo-title{font-size:15px}.concern-intro h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){.concern-photo,.concern-photo:after,.concern-photo>img{transition:none!important}.concern-list>button:hover>.concern-photo>img{transform:none}}