.btn-green-600 {
    background-color: #059669; /* Código hexadecimal para green-600 en Tailwind */
    color: white; /* Color del texto en blanco */
}

.btn-green-600:hover {
    background-color: #047857; /* Color para el estado hover */
}


.btn-red-800 {
    background-color: #991b1b; /* Código hexadecimal para red-800 en Tailwind */
    color: white; /* Color del texto en blanco */
}

.btn-red-800:hover {
    background-color: #7f1d1d; /* Color para el estado hover */
}

.btn-cyan-800 {
    background-color: #0b4f6c; /* Código hexadecimal para cyan-800 en Tailwind */
    color: white; /* Color del texto en blanco */
}

.btn-cyan-800:hover {
    background-color: #0a445d; /* Color para el estado hover */
}

.btn-indigo-800 {
    background-color: #4c51bf; /* Código hexadecimal para indigo-800 en Tailwind */
    color: white; /* Color del texto en blanco */
}

.btn-indigo-800:hover {
    background-color: #434190; /* Color para el estado hover */
}
.btn-gray-600 {
    background-color: #718096; /* Código hexadecimal para gray-600 en Tailwind */
    color: white; /* Color del texto en blanco */
}

.btn-gray-600:hover {
    background-color: #4a5568; /* Color para el estado hover */
}
.btn-gray-700 {
    background-color: #4a5568; /* Código hexadecimal para gray-700 en Tailwind */
    color: white; /* Color del texto en blanco */
}

.btn-gray-700:hover {
    background-color: #2d3748; /* Color para el estado hover */
}
.btn-gray-800 {
    background-color: #374151; /* Código hexadecimal para gray-800 en Tailwind */
    color: white; /* Color del texto en blanco */
}

.btn-gray-800:hover {
    background-color: #2f3943; /* Color para el estado hover */
}

.bg-gradient-1{
    background-image: linear-gradient(310deg, #fff, #6E0000);
}

.bg-gradient-2{
    background-image: linear-gradient(310deg, #792d1c, #6E0000);
    color: white!important;
}

.bg-gradient-3{
    background-image: linear-gradient(310deg, #ffffff,#cab1b1, #ffffff);
    color: white!important;
}

.card {
    background-color: #fff;
    border-radius: 10px;
    border: none;
    position: relative;
    margin-bottom: 30px;
    box-shadow: 0 0.46875rem 2.1875rem rgba(90,97,105,0.1), 0 0.9375rem 1.40625rem rgba(90,97,105,0.1), 0 0.25rem 0.53125rem rgba(90,97,105,0.12), 0 0.125rem 0.1875rem rgba(90,97,105,0.1);
}

.shelf {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 10px;
    margin: 20px 0;
}

.position {
    width: 100px;
    height: 100px;
    border: 1px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.occupied {
    background-color: #a1e3a1;
}

.empty {
    background-color: #e3e3e3;
}

.txt-green{
    color: #2a6d03!important;
}

.btn-close{
    background-color: #7f1d1d;
}