/* --- CSS PARA TODOS LOS NAVEGADORES (Comportamiento normal) --- */
.avatar_video {
    width: 250px !important;
    height: 250px !important;
    margin-bottom: 150px !important;
    margin-left: 0px;
    margin-right: 0px;
}

.avatar_video video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    clip-path: circle(calc(50% - 0px) at center) !important;
}


/* --- CSS EXCLUSIVO QUE SOLO SE ACTIVA EN SAFARI --- */
/* Si no es Safari, estas reglas nunca se aplicarán */

.avatar_video.is-safari video {
    opacity: 0.001 !important; /* Volvemos invisible el video original solo en Safari */
}

.avatar_chroma_canvas {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    clip-path: circle(calc(50% - 0px) at center) !important;
    pointer-events: none !important;
    z-index: 0 !important;
}