.treatment-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;align-items:start}.treatment-card{padding:0;background:none;border:0;color:var(--ink);text-align:left;min-width:0;cursor:pointer}.treatment-card-image{display:block;overflow:hidden;background:#f0f2f2;aspect-ratio:3/4}.treatment-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.65,.2,1);filter:none}.treatment-card:hover img{transform:scale(1.045)}#tab-rostro img{object-position:48% center}#tab-busto img{object-position:50% 42%}#tab-cuerpo img{object-position:50% 52%}#tab-piel img{object-position:61% center}#tab-capilar img{object-position:50% center}.treatment-card-label{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;font-size:clamp(18px,1.65vw,25px);font-weight:300;letter-spacing:-.03em;line-height:1.25;min-height:80px;padding:19px 0 17px;border-bottom:1px solid #d9dfe0;transition:border-color .3s,color .3s}.treatment-card-label>span{font-size:19px;font-weight:300;line-height:1.3;transition:transform .3s;flex-shrink:0}.treatment-card[aria-selected=true] .treatment-card-label{border-bottom:2px solid var(--ink);color:#172e37}.treatment-card[aria-selected=true] .treatment-card-label>span{transform:rotate(90deg)}.treatment-card:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.treatment-panels{margin-top:35px}.treatment-panel{display:grid;grid-template-columns:1fr 2fr;gap:65px;padding:36px 40px;background:#f3f6f6;animation:case-in .45s ease both;scroll-margin-top:105px}.treatment-panel[hidden]{display:none}.treatment-panel-title .eyebrow{display:block;font-size:10px;margin-bottom:12px}.treatment-panel-title h3{font-size:32px}.treatment-panel-copy p{font-size:17px;line-height:1.7;color:var(--muted);max-width:740px}.treatment-panel-copy .text-link{margin-top:14px}.treatment-picker .treatment-card:nth-child(2){--delay:80ms}.treatment-picker .treatment-card:nth-child(3){--delay:160ms}.treatment-picker .treatment-card:nth-child(4){--delay:240ms}.treatment-picker .treatment-card:nth-child(5){--delay:320ms}
@media(max-width:1100px){.treatment-picker{gap:15px}.treatment-card-label{font-size:20px}.treatment-panel{gap:35px;padding:30px}}
@media(max-width:800px){.treatment-picker{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:14px;margin:0 -7%;padding:0 7% 6px}.treatment-picker::-webkit-scrollbar{display:none}.treatment-card{flex:0 0 58%;scroll-snap-align:center}.treatment-card .treatment-card-image{aspect-ratio:3/4}.treatment-card-label{min-height:0;font-size:19px;padding:12px 0 10px}.treatment-panel{grid-template-columns:1fr;gap:22px;padding:28px}.treatment-panel-title h3{font-size:30px}.treatment-panel-copy p{font-size:16px}}
@media(max-width:500px){.treatment-card{flex:0 0 68%}.treatment-card-label{font-size:18px;padding:11px 0 9px}.treatment-panels{margin-top:20px}.treatment-panel{padding:24px;gap:18px}.treatment-panel-title h3{font-size:28px}}
@media(prefers-reduced-motion:reduce){.treatment-card img,.treatment-card-label,.treatment-card-label>span{transition:none}.treatment-panel{animation:none}}