.scar-stage{position:relative;width:min(420px,86vw);aspect-ratio:1;perspective:520px;border-radius:22px;overflow:hidden;box-shadow:0 30px 70px -30px #000,0 0 0 1px #29313b}
.scar-stage img{position:absolute;inset:0;width:100%;height:100%;display:block;user-select:none;-webkit-user-drag:none}
.scar-head{transform-origin:46.5% 36%;transform:translate3d(var(--hx,0px),var(--hy,0px),0) rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg)) rotateZ(var(--rz,0deg));will-change:transform;filter:drop-shadow(0 6px 10px #0006)}
.scar-base{transform:none}
@media (prefers-reduced-motion:reduce){.scar-head,.scar-base{transform:none!important}}
.scar{display:flex;align-items:center;justify-content:center;gap:clamp(2rem,6vw,5rem);padding:clamp(3rem,7vw,6rem) var(--gutter);max-width:var(--container);margin:0 auto;color:var(--text)}
.scar-copy{max-width:28rem}
.scar-copy h2{font-size:var(--title);line-height:1.05;margin:.6rem 0 1rem;letter-spacing:-.03em}.scar-copy h2 em{font-style:normal;color:#83b7f0}
.scar-copy p:last-child{color:var(--muted);margin:0}
@media (max-width:760px){.scar{flex-direction:column;text-align:center}}
.scar-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
/* Acariciar a Scar (idea de Lía) */
.scar-pet-zone{position:absolute;left:28%;top:2%;width:44%;height:40%;border-radius:50%;z-index:3;touch-action:none;
 cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Ctext y='32' font-size='30'%3E%F0%9F%A4%9A%3C/text%3E%3C/svg%3E") 18 18,grab}
.scar-heart{position:absolute;z-index:4;pointer-events:none;font-size:1.5rem;transform:translate(-50%,-50%);animation:scar-heart 1.4s ease-out forwards}
@keyframes scar-heart{to{opacity:0;transform:translate(calc(-50% + var(--dx)),-170%) scale(1.5)}}
.scar-stage.scar-happy{animation:scar-happy .6s cubic-bezier(.3,1.6,.5,1)}
@keyframes scar-happy{30%{transform:scale(1.03) rotate(-1deg)}60%{transform:scale(.99) rotate(1deg)}}
.scar-pet-hint{margin:.9rem 0 0;text-align:center;font-size:.9rem;color:#83b7f0;font-family:var(--mono)}
.scar{align-items:center}.scar>div:first-child,.scar>.scar-stage{flex:none}
@media (prefers-reduced-motion:reduce){.scar-stage.scar-happy{animation:none}}