#camadas-da-pele{background:#eee9e3;color:var(--show-ink)}.skin-intro{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin-bottom:44px}.skin-intro p:not(.slabel){font-size:15px;line-height:1.8;max-width:490px;color:var(--show-copy)}.skin-intro .skin-start{margin-top:22px}.skin-experience{display:grid;grid-template-columns:1.12fr 1fr;gap:36px;scroll-margin-top:100px;align-items:stretch}.skin-stage{position:relative;min-width:0;background:#f8f5f1;overflow:hidden;display:flex;flex-direction:column;justify-content:center;border:1px solid #d9cfc3}.skin-anatomy{width:100%;height:auto;display:block;overflow:hidden}.skin-camera{transform-origin:50% 50%;transition:transform 1.1s cubic-bezier(.22,.7,.2,1)}.skin-layer{transition:opacity .7s,filter .7s,transform 1s;transform-box:fill-box;transform-origin:center}.skin-labels,.skin-guides{transition:opacity .4s}.skin-caption{font:400 19px/1.35 var(--ff);margin:0 24px 10px;text-align:center;min-height:52px;display:grid;place-content:center;color:#574b41}.skin-scale{font:400 10px/1.7 var(--fb);color:#766b61;text-align:center;margin:0 24px 22px}.skin-reading{min-width:0}.skin-steps{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #cfc4b8;margin-bottom:28px}.skin-step{display:flex;gap:10px;align-items:baseline;text-align:left;border:0;border-bottom:1px solid #cfc4b8;background:transparent;padding:13px 8px;font:400 12px/1.4 var(--fb);color:#6c6055;cursor:pointer;transition:background .25s,color .25s}.skin-step span{font-size:10px;color:#918171}.skin-step[aria-current]{background:#746758;color:#fff}.skin-step[aria-current] span{color:#eee5d8}.skin-step:hover{background:#e0d7cd;color:#40372f}.skin-step:focus-visible,.skin-controls button:focus-visible,.skin-start:focus-visible{outline:2px solid #564637;outline-offset:4px}.skin-panel .skin-location{font:400 12px/1.4 var(--fb);color:#82705d;margin-bottom:14px}.skin-panel h3{font:400 clamp(28px,2.8vw,40px)/1.12 var(--ff);margin:0 0 20px;color:#453c33;outline-offset:6px}.skin-panel p{font:400 14px/1.85 var(--fb);color:#655b51;margin:0 0 16px}.skin-panel .btn-p{margin-top:8px}.skin-ready .skin-panels{min-height:355px}.skin-ready .skin-panel:not([hidden]){animation:skin-copy-in .45s ease both}.skin-controls{display:flex;gap:12px;align-items:center;border-top:1px solid #cfc4b8;padding-top:20px;margin-top:24px}.skin-controls[hidden],.skin-panel[hidden],.skin-start[hidden]{display:none}.skin-controls button{border:1px solid #746758;background:transparent;color:#574b41;padding:10px 12px;font:400 12px var(--fb);cursor:pointer;min-height:44px}.skin-controls button:disabled{opacity:.35;cursor:default}.skin-controls .skin-next{background:#746758;color:white;margin-left:auto}.skin-progress{font:400 10px/1.6 var(--fb);max-width:145px;color:#6f6255}.skin-sources{margin-top:28px;font:400 11px/1.8 var(--fb);color:#76695c;max-width:850px}.skin-sources summary{cursor:pointer;padding:10px 0}.skin-sources p{margin:12px 0}.skin-sources a{text-decoration:underline;color:inherit}.skin-experience[data-skin-focus="barrier"] .skin-camera{transform:translate(-14px,110px) scale(1.5) rotate(-3deg)}.skin-experience[data-skin-focus="pigment"] .skin-camera{transform:translate(-10px,83px) scale(1.4) rotate(2deg)}.skin-experience[data-skin-focus="dermis"] .skin-camera{transform:translate(-15px,5px) scale(1.25) rotate(-2deg)}.skin-experience[data-skin-focus="muscle"] .skin-camera{transform:translate(-15px,-135px) scale(1.3) rotate(3deg)}.skin-experience:is([data-skin-focus="barrier"],[data-skin-focus="pigment"],[data-skin-focus="dermis"],[data-skin-focus="muscle"]) :is(.skin-labels,.skin-guides){opacity:0}.skin-experience[data-skin-focus="barrier"] .skin-layer:not(.skin-barrier){opacity:.22}.skin-experience[data-skin-focus="pigment"] .skin-layer:not(.skin-epidermis){opacity:.23}.skin-experience[data-skin-focus="pigment"] .skin-pigment{filter:drop-shadow(0 0 3px #85543d)}.skin-experience[data-skin-focus="dermis"] .skin-layer:not(.skin-dermis){opacity:.18}.skin-experience[data-skin-focus="muscle"] .skin-layer:not(.skin-muscle){opacity:.16}.skin-experience[data-skin-focus="integrated"] .skin-camera{transform:rotate(-2deg) scale(.95)}@keyframes skin-copy-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.skin-experience{gap:24px;grid-template-columns:1fr 1fr}.skin-intro{gap:32px}.skin-ready .skin-panels{min-height:460px}.skin-controls{flex-wrap:wrap}.skin-progress{max-width:120px}}@media(max-width:800px){.skin-intro,.skin-experience{grid-template-columns:1fr}.skin-intro{gap:24px;margin-bottom:28px}.skin-stage{max-width:600px;width:100%;margin:auto}.skin-anatomy{max-height:420px}.skin-caption{min-height:44px}.skin-ready .skin-panels{min-height:0}.skin-panel h3{font-size:32px}.skin-progress{max-width:130px}.skin-controls{justify-content:space-between}.skin-controls .skin-next{margin-left:0}.skin-controls button{padding:10px}.skin-step{min-height:48px}.skin-scale{margin-bottom:16px}}@media(prefers-reduced-motion:reduce){.skin-camera,.skin-layer,.skin-labels,.skin-guides{transition:none!important}.skin-ready .skin-panel:not([hidden]){animation:none}}

.skin-dermal-pigment{opacity:0;transition:opacity .5s}.skin-experience[data-skin-focus="pigment"] .skin-dermis{opacity:.6}.skin-experience[data-skin-focus="pigment"] .skin-dermal-pigment{opacity:1}@media(prefers-reduced-motion:reduce){.skin-dermal-pigment{transition:none}}
.skin-step[aria-current]:hover{background:#655849;color:#fff}.skin-step[aria-current]:hover span{color:#eee5d8}

/* Render anatômico com textura; o enquadramento acompanha o plano explicado. */
.skin-render-modern{background:#f8f5f1}.skin-render-shade{opacity:0;transition:opacity .7s;pointer-events:none}.skin-experience[data-skin-focus="barrier"] .skin-shade-barrier,.skin-experience[data-skin-focus="pigment"] .skin-shade-pigment,.skin-experience[data-skin-focus="dermis"] .skin-shade-dermis,.skin-experience[data-skin-focus="muscle"] .skin-shade-muscle{opacity:1}.skin-experience[data-skin-focus="barrier"] .skin-camera{transform:translate(0,150px) scale(1.65) rotate(-2deg)}.skin-experience[data-skin-focus="pigment"] .skin-camera{transform:translate(0,100px) scale(1.5) rotate(2deg)}.skin-experience[data-skin-focus="dermis"] .skin-camera{transform:translate(0,0) scale(1.22) rotate(-2deg)}.skin-experience[data-skin-focus="muscle"] .skin-camera{transform:translate(0,-120px) scale(1.3) rotate(2deg)}@media(prefers-reduced-motion:reduce){.skin-render-shade{transition:none}}

.skin-experience[data-skin-focus="deep"] .skin-camera{transform:translate(0,-35px) scale(1.22) rotate(-2deg)}.skin-experience:is([data-skin-focus="deep"],[data-skin-focus="support"]) .skin-shade-dermis{opacity:.6}.skin-experience[data-skin-focus="support"] .skin-camera{transform:translate(0,-65px) scale(1.22) rotate(2deg)}.skin-experience[data-skin-focus="tattoo"] .skin-camera{transform:translate(0,10px) scale(1.4) rotate(-2deg)}.skin-experience[data-skin-focus="tattoo"] .skin-shade-dermis{opacity:1}.skin-tattoo-pigment{opacity:0;transition:opacity .6s}.skin-experience[data-skin-focus="tattoo"] .skin-tattoo-pigment{opacity:1}.inner-page #camadas-da-pele .stitle{font-size:clamp(34px,3.5vw,48px)}.inner-page .skin-ready .skin-panels{min-height:420px}.inner-page .skin-steps .skin-step:last-child:nth-child(odd){grid-column:1/-1}@media(max-width:800px){.inner-page .skin-ready .skin-panels{min-height:0}}@media(prefers-reduced-motion:reduce){.skin-tattoo-pigment{transition:none}}
.inner-page .skin-scale{font:400 10px/1.7 var(--fb)}.inner-page .skin-caption{font:400 19px/1.35 var(--ff)}.skin-stage{scroll-margin-top:96px}
.skin-steps[hidden]{display:none}
/* A própria imagem oferece a entrada para a exploração. */
.skin-visual-map{position:relative;width:100%}.skin-hotspots{position:absolute;inset:0;pointer-events:none}.skin-hotspots[hidden],.skin-interaction-hint[hidden],.skin-map-reset[hidden]{display:none}.skin-hotspot{position:absolute;left:var(--hit-x);top:var(--hit-y);transform:translate(-15px,-50%);display:flex;align-items:center;gap:8px;min-height:44px;max-width:70%;padding:5px 10px 5px 5px;border:1px solid #b3a08b;background:rgba(255,255,255,.96);box-shadow:0 3px 12px #483c2e18;color:#4e4034;font:500 11px/1.3 var(--fb);cursor:pointer;pointer-events:auto;transition:background .2s,box-shadow .2s}.skin-hotspot-dot{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;background:#746758;color:#fff;font:400 20px/1 var(--fb)}.skin-hotspot:hover{background:#fff;box-shadow:0 4px 18px #483c2e30}.skin-hotspot:hover .skin-hotspot-dot{background:#524536}.skin-hotspot:focus-visible,.skin-map-reset:focus-visible{outline:2px solid #524536;outline-offset:4px}.skin-interaction-hint{margin:20px 18px 0;text-align:center;color:#5e4c3b;font:500 12px/1.6 var(--fb);padding:10px;border-bottom:1px solid #d8cbbd}.inner-page .skin-interaction-hint{font:500 12px/1.6 var(--fb)}.skin-map-reset{margin:0 auto 12px;max-width:calc(100% - 32px);padding:10px 14px;min-height:44px;background:#746758;border:1px solid #746758;color:#fff;font:400 11px/1.5 var(--fb);cursor:pointer}.skin-reading{scroll-margin-top:100px}.skin-step{cursor:pointer}.skin-step:not([aria-current])::after{content:'Explorar';margin-left:auto;font-size:9px;text-decoration:underline;text-underline-offset:3px;opacity:.75}@media(max-width:500px){.skin-hotspot{font-size:10px;padding-right:8px}.skin-hotspot-dot{width:26px;height:26px}.skin-step:not([aria-current])::after{display:none}.skin-interaction-hint{font-size:11px}}
@media(max-width:500px){.skin-hotspot[data-skin-hotspot="1"]{top:14%}}
.skin-story-art{pointer-events:none}.story-state{opacity:0;transition:opacity .65s}.skin-experience[data-skin-phase="assessment"] .story-assess,.skin-experience[data-skin-phase="preparation"] .story-prepare,.skin-experience[data-skin-phase="action"] .story-action,.skin-experience[data-skin-phase="recovery"] .story-recovery,.skin-experience[data-skin-phase="planning"] .story-plan{opacity:1}.story-barrier{stroke:#49716b;stroke-width:7}.skin-experience[data-skin-story="treatment"][data-skin-phase="preparation"] .skin-camera{transform:translate(0,100px) scale(1.4) rotate(-2deg)}.skin-experience[data-skin-story="treatment"][data-skin-phase="recovery"] .skin-camera{transform:translate(0,80px) scale(1.26) rotate(2deg)}.skin-image-next{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;cursor:pointer;z-index:1}.skin-image-next[hidden]{display:none}.skin-image-next span{position:absolute;bottom:12px;right:16px;max-width:calc(100% - 32px);background:#655546;color:#fff;padding:12px 16px;font:500 12px/1.5 var(--fb);box-shadow:0 2px 8px #30271c20}.skin-image-next:hover span{background:#493c31}.skin-image-next:focus-visible{outline:3px solid #66503c;outline-offset:-4px}.skin-hotspots{z-index:2}.skin-experience[data-skin-story="treatment"] .skin-hotspots{bottom:60px}.skin-experience[data-skin-story="treatment"] .skin-caption{margin-top:8px}@media(prefers-reduced-motion:reduce){.story-state{transition:none}}
.skin-step span{color:#5e5145}.skin-step[aria-current] span,.skin-step[aria-current]:hover span{color:#fff}.skin-panel .skin-location,.skin-sources,.skin-sources summary,.skin-scale,.skin-progress{color:#564a40}.skin-step:not([aria-current])::after{opacity:1;color:#5e5145}
.story-barrier{stroke-width:2.5;opacity:.85}.skin-scale,.inner-page .skin-scale{font:400 11px/1.7 var(--fb)}.skin-progress{font-size:11px}.skin-step span{font-size:11px;font-weight:500}.skin-sources summary{font-size:12px}