/* Estilos personalizados */

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

input:focus, textarea:focus, select:focus {
    outline: none;
    border-color: rgb(57, 36, 130);
    box-shadow: 0 0 0 1px rgb(57, 36, 130);
}

.bg-purple-900 {
    background-color: rgb(57, 36, 130);
}

.text-purple-900 {
    color: rgb(57, 36, 130);
}

.bg-purple-800 {
    background-color: rgb(65, 42, 146);
}

.text-purple-800 {
    color: rgb(65, 42, 146);
}

.bg-purple-700 {
    background-color: rgb(72, 47, 162);
}

.text-purple-700 {
    color: rgb(72, 47, 162);
}

.hover\:bg-purple-900:hover {
    background-color: rgb(46, 29, 105);
}

.hover\:bg-purple-800:hover {
    background-color: rgb(57, 36, 130);
}

.hover\:bg-purple-700:hover {
    background-color: rgb(65, 42, 146);
}

a {
    transition: color 0.2s;
}

a:hover {
    color: rgb(46, 29, 105);
}

.footer {
    background-color: #f7fafc;
    color: #4a5568;
    padding: 1rem 0;
}

.footer p {
    margin: 0;
}