/*
  utiles.less
  Contiene mixins para que los estilos de las aplicaciones puedan utilizarlos.
  La mayoría apunta a construir las variantes de estilos que son específicas
  para cada tipo de browser.
*/
@media all{ #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)}#corazon_1.animar,#corazon_2.animar,#corazon_3.animar{-webkit-animation:animar_corazon 700ms linear 0s 1 normal;-webkit-animation-play-state:running}@-webkit-keyframes animar_corazon{0%{ -webkit-transform:scale(1)}30%{-webkit-transform:scale(1.4)}60%{-webkit-transform:scale(1.4)}100%{-webkit-transform:scale(0.1)}}#panel{background-color:#fff}.block{width:85px;height:83px;background-repeat:no-repeat;position:absolute}.block.variante_1{background-image:url(../img/variante_1.png)}.block.variante_2{background-image:url(../img/variante_2.png)}.block.variante_3{background-image:url(../img/variante_3.png)}.block.variante_4{background-image:url(../img/variante_4.png)}.block.animar.animacion_1{-webkit-animation:animacion_1 700ms linear 0s 1 forwards;-webkit-animation-play-state:running}.block.animar.animacion_2{-webkit-animation:animacion_2 600ms linear 0s 1 forwards;-webkit-animation-play-state:running}.block.animar.animacion_3{-webkit-animation:animacion_3 500ms linear 0s 1 forwards;-webkit-animation-play-state:running}.block.animar.animacion_4{-webkit-animation:animacion_4 400ms linear 0s 1 forwards;-webkit-animation-play-state:running}@-webkit-keyframes animacion_1{from{ margin-top:0}to{margin-top:200px}}@-webkit-keyframes animacion_2{from{ margin-top:0}to{margin-top:138px}}@-webkit-keyframes animacion_3{from{ margin-top:0}to{margin-top:76px}}@-webkit-keyframes animacion_4{from{ margin-top:0}to{margin-top:14px}}}
/* This beautiful CSS-File has been crafted with LESS (lesscss.org) and compiled by simpLESS (wearekiss.com/simpless) */