/* PILARES - ACTIVIDAD */

/* CONTENEDOR */
.contenedor-actividadz{
  max-width:900px;
  margin:40px auto;
}

/* TITULO */
.titulo-actividad{
  color:#21202E;
  font-weight:bold;
}

/* TEXTO */
  .instruccion{
  text-align:center;
  margin-bottom:30px;
  font-size:22px !important;     
  font-weight:600 !important; 
  color:#ffffff;
}

/* BLOQUES */
  .pregunta{
  border:2px solid #0EA597;
  padding:20px;
  margin-bottom:20px;
  border-radius:8px;
}

/* DROP */
.drop{
  margin-top:15px;
  height:50px;
  border:2px dashed #999;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:6px;
}

/* TARJETAS */
.tarjetasz{
  display:flex;
  justify-content:center;
  gap:20px;
  flex-wrap:wrap;
  margin-top:40px;
}

.card{
  background:#ffffff;
  color:rgb(0, 0, 0);
  padding:9px 10px;
  cursor:grab;
  border-radius:6px;
  font-weight:bold;
}

/* BOTON */
.btn-resolver,
.btn-reiniciar{
  margin-top:40px;
  padding:12px 30px;
  /* border:2px solid #0EA597; */
  background:#656d6c;
  color:#ffffff;
  font-weight:bold;
  cursor:pointer;
  display:block;
  margin-left:auto;
  margin-right:auto;
}

.btn-resolver:hover,
.btn-reiniciar:hover{
  background:#0EA597;
  color:white;
}

.btn-resolver:disabled{
  opacity:0.5;
  cursor:not-allowed;
}