.card {
    background-color: #f8f9fa;
    border: 1px solid transparent;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    width: 100%; /* La tarjeta se ajustará al ancho del contenedor padre */
}

.card:hover {
    border-color: black !important;
    transition: border-color 0.3s ease-in-out;
}

.card p {
    margin-bottom: 0; /* Elimina el margen inferior de los párrafos */
}

.btn-circle {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    font-size: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

#sortable {
    display: flex;
    flex-wrap: wrap;
    /* Espacio entre tarjetas */
    /* gap: 10px;  */
}

.sortable-item {
    cursor: grab;
    margin: 0px;
}

.sortable-item:active {
    cursor: grabbing;
}

/* Estilos para que el elemento en movimiento no rompa el diseño */
.sortable-ghost {
    opacity: 0.5;
    background: #ddd;
}

/* Opcional: estilos para el ghost */
.sortable-ghost {
    opacity: 0.5;
}

.tarjeta-nota_situacion h1 {
    font-size: 1.5rem;
    font-weight: bold;
}
.tarjeta-nota_situacion h2 {
    font-size: 1.25rem; /* Tamaño de fuente similar a h5 */
    font-weight: bold; /* Peso de fuente similar a h5 */
}
.tarjeta-centro {
    border-left: 5px solid yellow;
}

.tarjeta-ciclo {
    border-left: 5px solid teal;
}

.tarjeta-modulo {
    border-left: 5px solid purple;
}

.tarjeta-bookmark {
    border-left: 5px solid blue;
}

.tarjeta-documento {
    border-left: 5px solid red;
}

.tarjeta-situacion {
    border-left: 5px solid green;
}

.tarjeta-actividad {
    border-left: 5px solid orange;
}
.tarjeta-pregunta_situacion {
    border-left: 5px solid black;
}
.tarjeta-task {
    border-left: 5px solid black;
}

.tarjeta-nota, .tarjeta-nota_actividad, .tarjeta-nota_documento {
    border-left: 5px solid brown; /* Añadir un borde verde para la tarjeta-nota */
    max-height: 200px; 
    overflow: hidden;
}
.tarjeta-nota_situacion {
    border-left: 5px solid brown; /* Añadir un borde verde para la tarjeta-nota */
}