.conecta-demo[data-conecta-demo="crachas"] .conecta-demo-photo {
    position: relative;
    width: 96px;
    height: 120px;
    margin: 14px 0 10px;
    overflow: hidden;
    border: 1px solid #d1dcd6;
    border-radius: 3px;
    background: #e8ece9;
}

.conecta-demo[data-conecta-demo="crachas"] .conecta-demo-photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transform: translate(-7%, 5%) scale(1.08);
    transform-origin: center;
    transition: transform .55s ease;
}

.conecta-demo[data-conecta-demo="crachas"] .conecta-demo-photo.is-framed img {
    object-position: center;
    transform: translate(0, 11%) scale(1.3);
}

.conecta-demo[data-conecta-demo="crachas"] .conecta-demo-face-guide {
    position: absolute;
    inset: 7% 18% 34%;
    border: 1px dashed #c3871d;
    border-radius: 46%;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease;
}

.conecta-demo[data-conecta-demo="crachas"] .conecta-demo-photo.is-framed .conecta-demo-face-guide {
    opacity: 1;
}

.conecta-demo[data-conecta-demo="crachas"] .conecta-demo-photo.is-saved .conecta-demo-face-guide {
    opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
    .conecta-demo[data-conecta-demo="crachas"] .conecta-demo-photo img,
    .conecta-demo[data-conecta-demo="crachas"] .conecta-demo-face-guide {
        transition: none;
    }
}