styles.css

/* styles.css */

/* Ajustes generales del fondo y del contenedor */
.gradio-container {
    background-color: #90ffb7;  /* Fondo verde claro para toda la interfaz */
    height: 100vh;  /* Aseguramos que el contenedor ocupe todo el alto de la pantalla */
    width: 100%;  /* Ocupa todo el ancho de la pantalla */
    margin: 0;  /* Elimina los márgenes */
    padding: 20px;  /* Espaciado interno */
}

/* Personalización de la caja de carga */
.gradio-file input[type="file"] {
    border: 2px dashed #006400;  /* Borde verde para el área de carga */
    padding: 20px;  /* Espaciado dentro del área */
    background-color: #f0f8ff;  /* Fondo azul claro */
}

/* Personalización de los botones */
.gradio-button {
    background-color: #98fb98;  /* Fondo verde pálido */
    color: #006400;  /* Texto en verde oscuro */
}

/* Personalización de los sliders */
.gradio-slider {
    background-color: #e0ffff;  /* Fondo cyan claro */
    color: #006400;  /* Texto verde oscuro */
}