/* Ajustes mínimos para el panel de emojis en pantallas pequeñas */

/* Media query para pantallas de 500px de ancho hacia abajo */
@media (max-width: 500px) {
    /* Expandir el contenedor del panel hacia arriba para acomodar la X */
    #xioleni-emoji-panel {
        padding-top: 25px !important; /* Espacio arriba para la X */
        margin-top: -15px !important; /* Expandir hacia arriba */
    }
    
    /* Aumentar altura del panel expandido solo 10px */
    #xioleni-emoji-panel.expanded {
        max-height: 255px !important; /* Altura original + 10px + espacio para X */
        min-height: 255px !important;
        padding-top: 25px !important;
        margin-top: -15px !important;
    }
    
    /* Posicionar la X dentro del área expandida del panel */
    #xioleni-emoji-panel .xioleni-panel-close {
        top: 5px !important; /* Posición normal dentro del área expandida */
    }
}