/* ============================================
   3D CHAT HAND MODEL STYLES
   ============================================ */

/* Contenedor del modelo 3D */
#chatHandModel_container {
    position: relative;
    width: 100%;
    height: 70vh;
    min-height: 500px;
    max-height: 800px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Canvas del modelo */
#chatHandCanvas {
    width: 100%;
    height: 100%;
    display: block;
    /* cursor: grab; */
}

#chatHandCanvas:active {
    cursor: grabbing;
}

/* Optimizacion de rendimiento */
#chatHandCanvas {
    will-change: transform;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

/* Ocultar en movil */
@media (max-width: 767px) {
    #chatHandModel_container {
        display: none;
    }
}

/* Ajustes tablet */
@media (max-width: 1024px) and (min-width: 768px) {
    #chatHandModel_container {
        height: 40vh;
        min-height: 300px;
    }
}