/* Colores para iconos de la barra de entrada - Versión limpia */

/* Icono de modo oscuro - Gris */
.kiwi-inputtoolbar .fa-moon-o,
.kiwi-inputtoolbar .fa-moon,
.kiwi-inputtoolbar [class*="moon"] {
    color: #7f8c8d !important;
}

.kiwi-inputtoolbar .fa-moon-o:hover,
.kiwi-inputtoolbar .fa-moon:hover,
.kiwi-inputtoolbar [class*="moon"]:hover {
    color: #5d6d7e !important;
}

/* Icono de emoticones - Gradiente arcoíris */
.kiwi-inputtoolbar .fa-smile-o,
.kiwi-inputtoolbar .fa-smile,
.kiwi-inputtoolbar .fa-grin,
.kiwi-inputtoolbar [class*="smile"],
.kiwi-inputtoolbar [class*="emoji"] {
    background: linear-gradient(45deg, #ff6b6b, #4ecdc4, #45b7d1, #96ceb4, #feca57, #ff9ff3) !important;
    background-size: 300% 300% !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    animation: rainbow 3s ease infinite !important;
    font-weight: bold !important;
}

.kiwi-inputtoolbar .fa-smile-o:hover,
.kiwi-inputtoolbar .fa-smile:hover,
.kiwi-inputtoolbar .fa-grin:hover,
.kiwi-inputtoolbar [class*="smile"]:hover,
.kiwi-inputtoolbar [class*="emoji"]:hover {
    transform: scale(1.2) !important;
    animation: rainbow 1s ease infinite !important;
}

@keyframes rainbow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Icono de cámara (Subir Imagen) - Azul */
.kiwi-inputtoolbar .fa-camera,
.kiwi-inputtoolbar [class*="camera"] {
    color: #3498db !important;
}

.kiwi-inputtoolbar .fa-camera:hover,
.kiwi-inputtoolbar [class*="camera"]:hover {
    color: #2980b9 !important;
}

/* Icono de micrófono (Grabar Audio) - Rojo */
.kiwi-inputtoolbar .fa-microphone,
.kiwi-inputtoolbar [class*="microphone"] {
    color: #e74c3c !important;
}

.kiwi-inputtoolbar .fa-microphone:hover,
.kiwi-inputtoolbar [class*="microphone"]:hover {
    color: #c0392b !important;
}

/* Icono de Giphy - Verde */
.kiwi-inputtoolbar .fa-picture-o,
.kiwi-inputtoolbar .fa-gift,
.kiwi-inputtoolbar [class*="picture"],
.kiwi-inputtoolbar [class*="gift"] {
    color: #27ae60 !important;
}

.kiwi-inputtoolbar .fa-picture-o:hover,
.kiwi-inputtoolbar .fa-gift:hover,
.kiwi-inputtoolbar [class*="picture"]:hover,
.kiwi-inputtoolbar [class*="gift"]:hover {
    color: #229954 !important;
}

/* Icono de enviar - Azul oscuro */
.kiwi-inputtoolbar .fa-paper-plane,
.kiwi-inputtoolbar [class*="send"],
.kiwi-inputtoolbar [class*="paper-plane"] {
    color: #2c3e50 !important;
}

.kiwi-inputtoolbar .fa-paper-plane:hover,
.kiwi-inputtoolbar [class*="send"]:hover,
.kiwi-inputtoolbar [class*="paper-plane"]:hover {
    color: #1a252f !important;
}

/* Transiciones suaves para todos los iconos */
.kiwi-inputtoolbar i,
.kiwi-inputtoolbar [class*="fa-"] {
    transition: all 0.3s ease !important;
}

/* Hover effect para botones */
.kiwi-inputtoolbar a:hover,
.kiwi-inputtoolbar button:hover {
    background-color: rgba(0, 0, 0, 0.05) !important;
    border-radius: 4px !important;
}