@media all {
  /*********************************************
    feedback
    *********************************************/
  #feedback_bien,
  #feedback_mal {
    -webkit-transition: all 500ms linear;
    -webkit-transform: scale(0.9);
    pointer-events: none;
  }
  #feedback_bien.agrandar,
  #feedback_mal.agrandar {
    -webkit-transform: scale(1.1);
  }
  /*********************************************
    panel
    *********************************************/
  /*********************************************
    grid 1
    *********************************************/
  .grid {
    /*
      -webkit-box-shadow:  10px 10px 0px 0px rgba(0, 0, 0, .8);
      box-shadow:  10px 10px 0px 0px rgba(0, 0, 0, .8);
      */
  
  }
  #etapa_1_grid,
  #etapa_2_grid,
  #etapa_3_grid {
    /*    width: 340px;
      height: 340px;*/
  
    position: absolute;
    /*left: 30px;
      top: 10px; */
  
    background-color: #fff;
    /*
      .challenge {
        position: absolute;
        .unit {
          position: absolute;
          width: @lado-bloque;
          height: @lado-bloque;
          border: @borde-interno-pieza solid @color-borde-interno-pieza;
  	margin: -@borde-interno-pieza;
  	background-color: @color-fondo-pieza;
        }
        .top {
          border-top: @borde-pieza solid @color-borde-pieza;
  	margin-top: -@borde-pieza;
        }
        .bottom {
          border-bottom: @borde-pieza solid @color-borde-pieza;
  	margin-bottom: -@borde-pieza;
        }
        .left {
          border-left: @borde-pieza solid @color-borde-pieza;
  	margin-left: -@borde-pieza;
        }
        .right {
          border-right: @borde-pieza solid @color-borde-pieza;
  	margin-right: -@borde-pieza;
        }
      }
      */
  
  }
  #etapa_1_grid .block,
  #etapa_2_grid .block,
  #etapa_3_grid .block {
    position: absolute;
  }
  #etapa_1_grid .block.up,
  #etapa_2_grid .block.up,
  #etapa_3_grid .block.up {
    border-top: 3px solid #000000;
    border-left: 3px solid #000000;
    margin-top: -3px;
    margin-left: -3px;
  }
  #etapa_1_grid .block.down,
  #etapa_2_grid .block.down,
  #etapa_3_grid .block.down {
    border-bottom: 3px solid #000000;
    margin-bottom: -3px;
  }
  #etapa_1_grid .block.right,
  #etapa_2_grid .block.right,
  #etapa_3_grid .block.right {
    border-right: 3px solid #000000;
    margin-right: -3px;
  }
  #etapa_1_grid .block.selected,
  #etapa_2_grid .block.selected,
  #etapa_3_grid .block.selected {
    background-color: #FF2400;
  }
  .animacion_cartel {
    -webkit-animation: animacion_carteles 1s ease-in 0s 1;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: both;
  }
  @-webkit-keyframes animacion_carteles {
    0% {
      -webkit-transform: scale(1) translate(0px, 0px);
    }
    100% {
      -webkit-transform: scale(0.4) translate(-30px, 75px);
    }
    /*	60%{-webkit-transform: scale(1.0);}
        	70%{-webkit-transform: scale(0.75);}
        	80%{-webkit-transform: scale(1.0);}
        	90%{-webkit-transform: scale(0.9);}
        	100%{-webkit-transform: scale(1.0);} */
  }
}