/* Estilos personalizados para MiSonGyny */

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
}

.footer {
    margin-top: auto;
}

/* Login page */
.card {
    border-radius: 10px;
}

/* Lyrics container */
.lyrics-container {
    background-color: #f8f9fa;
    border-radius: 5px;
    font-family: 'Courier New', monospace;
    white-space: pre-wrap;
    max-height: 400px;
    overflow-y: auto;
}

/* Progress bar */
.progress {
    border-radius: 10px;
}

/* Form styling */
.form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

/* Verse card */
.verse-card {
    transition: all 0.3s ease;
}

.verse-card:hover {
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

/* Buttons */
.btn {
    border-radius: 5px;
}

/* Alerts */
.alert {
    border-radius: 5px;
}

/* Loading indicator */
.htmx-request .htmx-indicator {
    display: inline-block;
}

.htmx-indicator {
    display: none;
}