:root {
    --color-primario: #3498db;
    --color-secundario: #67ac70;
    --color-fondo: #f4f4f4;
    --color-texto: #333;
}

.tarjeta,
.tarjetero,
.tablero {
    -webkit-user-select: none;
    -ms-user-select: none;
  user-select: none;
}

.tarjeta{
    background-color: var(--color-secundario);
    /* redondea los bordes de la tarjeta */
    border-radius: 5px;
    box-shadow: 0 2px 4px var(--color-texto);
    padding: 10px;
    margin: 10px;
}

.tarjetero{
    display: list-item;
    background-color: var(--color-primario);
    margin: 10px;
    width: 40%;
}

.tablero{
    display: flex;
    background-color: var(--color-fondo);
    padding: 20px;
}

.dragging{
    position:absolute;
    opacity: 0.5;
}