/* Contenedor del avatar */
.avatar-container {
    width: 140px;
    height: 140px;
    margin: 0 auto;
    border-radius: 50%;
    border: 3px solid #d4a017;
    overflow: hidden;
    background: rgba(0,0,0,0.3);
    display: flex;
    align-items: center;
    justify-content: center;
}
.avatar-preview { width: 100%; height: 100%; object-fit: cover; }
.avatar-placeholder { color: #d4a017; }

/* Modal cámara */
.modal-camara {
    position: fixed; inset: 0;
    background: rgba(0,0,0,0.9);
    z-index: 9999;
    display: flex; align-items: center; justify-content: center;
    padding: 20px;
}
.modal-camara-box {
    max-width: 500px; width: 100%;
    text-align: center;
}
.video-wrapper {
    width: 100%;
    border-radius: 16px;
    overflow: hidden;
    background: #000;
    aspect-ratio: 1 / 1;
}
.video-wrapper video {
    width: 100%; height: 100%;
    object-fit: cover;
    transform: scaleX(-1); /* efecto espejo, más natural */
}