/*ESTILOS DE LA RECURSO 2*/

#completar1 .enunciado {
   border-radius: 10px;
   padding: 20px 20px;
   margin: 10px 0;
}

#completar1 .enunciado.c3 {
   margin-bottom: 30px;
}

#completar1 h3 {
   display: inline-block;
   padding: 10px;
   border-radius: 10px;
   font-family: "Roboto";
   font-weight: 700;
}

#completar1 p {
   line-height: 36px;
}

#completar1 .titulo {
   color: #ad123c;
}

#completar1 {
   padding: 30px;
}

@media (max-width: 767px) {
   #completar1 {
      padding: 10px;
   }
}

#completar1 .c1 div.cs-skin-slide:not(.cs-active):before {
   background-color: hsla(107, 72%, 44%, 0.2);
   border-radius: 5px 5px 0 0;
   border-bottom: 2px dashed #43C11F;
}

#completar1 .c2 div.cs-skin-slide:not(.cs-active):before {
   background-color: hsla(45, 100%, 50%, 0.2);
   border-radius: 5px 5px 0 0;
   border-bottom: 2px dashed #FFC000;
}

#completar1 .c3 div.cs-skin-slide:not(.cs-active):before {
   background-color: hsla(29, 88%, 51%, 0.2);
   border-radius: 5px 5px 0 0;
   border-bottom: 2px dashed #F07F13;
}

#completar1 .c1 .cs-skin-slide>span::after,
#completar1 .c1 .cs-skin-slide.cs-active>span::after {
   color: #43C11F;
}

#completar1 .c2 .cs-skin-slide>span::after,
#completar1 .c2 .cs-skin-slide.cs-active>span::after {
   color: #FFC000;
}

#completar1 .c3 .cs-skin-slide>span::after,
#completar1 .c3 .cs-skin-slide.cs-active>span::after {
   color: #F07F13;
}

#completar1 .cs-skin-slide .cs-options li {
   background: rgba(36, 154, 48, 0.08);
}

#completar1 .cs-skin-slide .cs-options li:hover {
   background: rgba(36, 154, 48, 0.2);
}

#completar1 .cs-skin-slide .cs-options {
   height: 535px;
}

#completar1 .cs-skin-slide .cs-options {
   top: 40px;
}

#completar1 .list-active {
   background-color: #fff;
   border-radius: 20px;
}

#completar1 .list-active {
   border: 1px dashed #249A30;
}

#completar1 .titulo>span {
   color: #ad123c;
}

/* Estilos de generales de actividad */

#completar1 p,
#completar1 li {
   font-size: 22px;
   margin-bottom: 0;
}

#completar1 {
   overflow: unset;
   margin-bottom: 15px;
   padding-bottom: 100px;
}

#completar1 .c1 h3 {
   background-color: #43C11F;
   color: #fff;
}

#completar1 .c2 h3 {
   background-color: #FFC000;
   color: #fff;
}

#completar1 .c3 h3 {
   background-color: #F07F13;
   color: #fff;
}

.enunciado.c1 {
   background-color: #ECFFE7;
   box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
}

.enunciado.c2 {
   background-color: #FFF8E6;
   box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
}

.enunciado.c3 {
   background-color: #FFF0E3;
   box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
}