.casilla.editable {
    background-color: #e8f1fc; /* azul muy suave */
    border: 1px solid #3b82f6; /* azul tipo tailwind (azul medio) */
    transition: 0.2s;
    cursor: pointer;
}

.casilla.editable:hover {
    background-color: #d5e5fb;
    box-shadow: 0 0 4px rgba(59, 130, 246, 0.4);
}

/* columna de resultados en Admin */
.casilla-materias {
    background-color: #fff3d9 !important;
    border: 1px solid rgb(236, 161, 0);
    transition: 0.2s;
    cursor: pointer;
    min-width: 100px;
}

.casilla-materias:hover {
    background-color: #ffdab8 !important;
    box-shadow: 0 0 4px rgba(200, 170, 0, 0.25);
}

.casilla.bloqueada {
    background-image: repeating-linear-gradient(
        45deg,
        rgba(0, 0, 0, 0.05) 0px,
        rgba(0, 0, 0, 0.05) 5px,
        transparent 5px,
        transparent 10px
    );
    border: 1px solid #9ba1a6;
    cursor: not-allowed;
}