/* Máscaras sobre cada fotograma para evitar bordes rectangulares. */
.muestras-3d{position:relative;isolation:isolate;margin:-24px -24px 24px;background:#030303;overflow:hidden}
.muestras-3d__stage{position:relative;min-height:590px;height:min(57vw,760px)}
.muestras-3d__hero{position:absolute;inset:0 11% 0 -2%;margin:0;display:flex;align-items:center}
.muestras-3d__hero img,.muestras-3d__hero video{display:block;position:absolute;width:100%;height:auto;aspect-ratio:16/9;top:50%;transform:translateY(-50%);object-fit:contain;mask-image:linear-gradient(to bottom,transparent,black 2%,black 98%,transparent),linear-gradient(to right,transparent,black 3%,black 97%,transparent);mask-composite:intersect}
.muestras-3d video{opacity:0;transition:opacity .25s;pointer-events:none}
.muestras-3d video[data-playing="true"]{opacity:1}
.muestras-3d__choices{position:absolute;right:3%;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:28px;width:180px}
.muestras-3d__choice{appearance:none;border:0;padding:0;background:none;color:#c6c4bf;text-align:center;cursor:pointer;font:inherit;display:grid;justify-items:center;gap:7px;width:100%}
.muestras-3d__choice:focus-visible{outline:2px solid #eee;outline-offset:8px;border-radius:12px}
.muestras-3d__circle{display:block;position:relative;width:104px;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#707070;box-shadow:0 0 0 1px #ffffff2b;transition:width .3s}
.muestras-3d__choice[aria-pressed="true"] .muestras-3d__circle{width:168px;box-shadow:0 0 0 1px #c2b59c,0 0 0 6px #03030350,0 0 0 7px #c2b59c70}
.muestras-3d__circle img,.muestras-3d__circle video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.muestras-3d__category{font:9px/1.6 monospace;letter-spacing:1.5px;text-transform:uppercase;margin-top:10px}
.muestras-3d__name{font-size:13px;line-height:1.4}
.muestras-3d__foot{display:flex;align-items:center;gap:18px;padding:0 24px 24px;min-height:62px}
.diagnosis-page .muestras-3d__title{font-size:20px;margin:0;font-weight:400;line-height:1.4}
.muestras-3d__note{font-size:12px;color:#93918b;margin:0}
.muestras-3d__count{margin-left:auto;font:11px monospace;color:#aaa}
.muestras-3d__pause{appearance:none;background:none;border:1px solid #ffffff30;border-radius:50%;width:40px;height:40px;color:#ddd;font-size:15px;cursor:pointer}
.muestras-3d__pause:focus-visible{outline:2px solid #eee;outline-offset:3px}
.muestras-3d__pause[hidden]{display:none}
.muestras-3d__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(min-width:1100px){.muestras-3d__choice[data-piece="rostro"]{transform:translateX(20px)}}
@media(max-width:900px){.muestras-3d__stage{min-height:460px}.muestras-3d__choices{width:135px;right:3%;gap:24px}.muestras-3d__choice[aria-pressed="true"] .muestras-3d__circle{width:124px}.muestras-3d__circle{width:84px}.muestras-3d__hero{right:13%;left:-4%}}
@media(max-width:600px){.muestras-3d{margin:0 -20px 12px}.muestras-3d__stage{height:460px;min-height:0}.muestras-3d__hero{inset:0 0 100px}.muestras-3d[data-active="rostro"] .muestras-3d__hero{left:-25%;right:-25%}.muestras-3d__choices{top:auto;bottom:0;right:5%;left:5%;width:auto;transform:none;flex-direction:row;justify-content:center;align-items:center;gap:28px}.muestras-3d__choice{width:120px;gap:3px}.muestras-3d__circle{width:74px}.muestras-3d__choice[aria-pressed="true"] .muestras-3d__circle{width:98px}.muestras-3d__category{margin-top:6px;font-size:8px}.muestras-3d__name{font-size:12px}.muestras-3d__foot{flex-wrap:wrap;gap:10px;padding:22px 20px}.diagnosis-page .muestras-3d__title{font-size:18px}.muestras-3d__note{display:none}.muestras-3d__count{font-size:10px}}
@media(prefers-reduced-motion:reduce){.muestras-3d *{transition:none!important}.muestras-3d video,.muestras-3d__pause{display:none!important}}
.muestras-3d__choice[data-piece="camara"] .muestras-3d__circle img,.muestras-3d__choice[data-piece="camara"] .muestras-3d__circle video{transform:scale(1.22)}
.muestras-3d[data-active="rostro"] .muestras-3d__hero img,.muestras-3d[data-active="rostro"] .muestras-3d__hero video{mask-image:linear-gradient(to bottom,transparent,black 7%,black 93%,transparent),linear-gradient(to right,transparent,black 8%,black 90%,transparent);mask-composite:intersect}
@media(max-width:600px){.muestras-3d__choices:has(> :nth-child(3)){gap:10px}.muestras-3d__choices:has(> :nth-child(3)) .muestras-3d__choice{width:calc((100% - 20px)/3)}.muestras-3d__choices:has(> :nth-child(3)) .muestras-3d__choice[aria-pressed="true"] .muestras-3d__circle{width:min(98px,25vw)}}