/**
 * Este fichero compila en webroot/css/frontend.css
 */
@import url("https://fonts.googleapis.com/css?family=Cabin:400,600");
/* line 2, ../../../sass/src/utils/_utils.scss */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

/* line 10, ../../../sass/src/utils/_utils.scss */
.clearfix {
  display: inline-block;
}

/* start commented backslash hack \*/
/* line 12, ../../../sass/src/utils/_utils.scss */
* html .clearfix {
  height: 1%;
}

/* line 13, ../../../sass/src/utils/_utils.scss */
.clearfix {
  display: block;
}

/* close commented backslash hack */
/* line 1, ../../../sass/src/pages/_reset.scss */
* {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
}

/* line 7, ../../../sass/src/pages/_reset.scss */
a {
  font: inherit;
  text-decoration: none;
  color: inherit;
}

/* line 12, ../../../sass/src/pages/_reset.scss */
a:hover {
  text-decoration: underline;
}

/* line 15, ../../../sass/src/pages/_reset.scss */
input, select, textarea {
  font: inherit;
}

/* line 18, ../../../sass/src/pages/_reset.scss */
ul, ol {
  list-style: none;
}

/* line 1, ../../../sass/src/pages/_base.scss */
body {
  font-family: "cabin", sans-serif;
  font-size: 13px;
  line-height: 1.5em;
  font-weight: 300;
  color: #666666;
  background-color: #f5f5f5;
}
@media (min-width: 812px) {
  /* line 1, ../../../sass/src/pages/_base.scss */
  body {
    font-size: 15px;
  }
}
@media (min-width: 1202px) {
  /* line 1, ../../../sass/src/pages/_base.scss */
  body {
    font-size: 16px;
  }
}

/* line 18, ../../../sass/src/pages/_base.scss */
strong {
  font-weight: 700;
}

/* line 21, ../../../sass/src/pages/_base.scss */
h1, h2, h3, h4, h5 {
  font-weight: 500;
}

/* line 25, ../../../sass/src/pages/_base.scss */
.wrapper {
  width: 100%;
  clear: both;
  float: left;
}

/* line 31, ../../../sass/src/pages/_base.scss */
.f-color {
  color: #3b5998;
}

/* line 36, ../../../sass/src/pages/_base.scss */
.t-color {
  color: #55acee;
}

/* line 40, ../../../sass/src/pages/_base.scss */
.inner {
  width: 100%;
  max-width: 95%;
  margin: 0 auto;
}
@media (min-width: 600px) {
  /* line 40, ../../../sass/src/pages/_base.scss */
  .inner {
    max-width: 95%;
  }
}
@media (min-width: 812px) {
  /* line 40, ../../../sass/src/pages/_base.scss */
  .inner {
    max-width: 90%;
  }
}
@media (min-width: 1202px) {
  /* line 40, ../../../sass/src/pages/_base.scss */
  .inner {
    max-width: 1202px;
  }
}

/* line 58, ../../../sass/src/pages/_base.scss */
.share {
  box-sizing: border-box;
  text-align: right;
  padding-right: .3rem;
}
/* line 63, ../../../sass/src/pages/_base.scss */
.share p, .share ul, .share li {
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
  padding: 0;
  margin: 0;
}
/* line 72, ../../../sass/src/pages/_base.scss */
.share li {
  margin-left: .5rem;
}
/* line 75, ../../../sass/src/pages/_base.scss */
.share li a {
  display: block;
  line-height: 0;
}

/* line 82, ../../../sass/src/pages/_base.scss */
#header {
  margin-bottom: 2rem;
  background-image: url("assets/img/image_bg.png");
  font-weight: 400;
  text-align: center bottom;
  background-position: right bottom;
}
@media (max-width: 812px) {
  /* line 82, ../../../sass/src/pages/_base.scss */
  #header {
    background-size: cover;
    background-position: -45% center;
  }
}
/* line 95, ../../../sass/src/pages/_base.scss */
#header .inner {
  min-height: 810px;
  position: relative;
}
/* line 100, ../../../sass/src/pages/_base.scss */
#header .logo {
  display: block;
  max-width: 90%;
  width: auto;
  margin: 1rem auto;
  text-align: center;
}
@media (min-width: 1202px) {
  /* line 100, ../../../sass/src/pages/_base.scss */
  #header .logo {
    float: left;
    margin: 23px 0 0 30px;
    width: auto;
    max-width: 50%;
  }
}
/* line 115, ../../../sass/src/pages/_base.scss */
#header .logo img {
  max-width: 100%;
  height: auto;
}
/* line 120, ../../../sass/src/pages/_base.scss */
#header .contador {
  display: block;
  text-align: center;
  padding: 1rem 0;
}
/* line 125, ../../../sass/src/pages/_base.scss */
#header .contador .claim {
  color: #6baa25;
  font-size: 1.5em;
  line-height: 1.5rem;
  vertical-align: basefont;
  border: 1rem;
}
/* line 132, ../../../sass/src/pages/_base.scss */
#header .contador .claim span {
  font-size: 1.5rem;
  color: #FFFFFF;
  font-weight: bold;
}
@media (min-width: 1202px) {
  /* line 125, ../../../sass/src/pages/_base.scss */
  #header .contador .claim {
    font-size: 1.5em;
    margin-bottom: .5rem;
  }
  /* line 142, ../../../sass/src/pages/_base.scss */
  #header .contador .claim span {
    font-size: 3.5rem;
  }
}
/* line 147, ../../../sass/src/pages/_base.scss */
#header .contador .reloj {
  color: #FFFFFF;
  font-size: 1rem;
  margin-top: .5rem;
}
@media (min-width: 1202px) {
  /* line 120, ../../../sass/src/pages/_base.scss */
  #header .contador {
    float: right;
    padding: 3rem 2rem 0 0;
    text-align: right;
  }
  /* line 159, ../../../sass/src/pages/_base.scss */
  #header .contador .reloj {
    font-size: 1.5rem;
    margin-top: 0;
  }
}
/* line 165, ../../../sass/src/pages/_base.scss */
#header .title_section {
  width: 66%;
  left: 17%;
  position: absolute;
  bottom: 0px;
  padding: 10px;
  background-color: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
}
@media (max-width: 1202px) {
  /* line 165, ../../../sass/src/pages/_base.scss */
  #header .title_section {
    width: 100%;
    left: 0%;
  }
}
/* line 183, ../../../sass/src/pages/_base.scss */
#header .title_section .title_section_in_border {
  border: 1px solid #e0e3e8;
  padding: 20px;
}
/* line 188, ../../../sass/src/pages/_base.scss */
#header .title_section .title_section_in_border .h1 {
  width: 100%;
  padding-bottom: 30px;
  color: #333333;
  text-transform: uppercase;
}
/* line 195, ../../../sass/src/pages/_base.scss */
#header .title_section .title_section_in_border .section_text {
  color: #666666;
}
/* line 198, ../../../sass/src/pages/_base.scss */
#header .title_section .title_section_in_border .section_text strong {
  color: #333333;
}
/* line 202, ../../../sass/src/pages/_base.scss */
#header .title_section .title_section_in_border .section_text .p_img {
  text-align: right;
  padding-top: 45px;
}
/* line 211, ../../../sass/src/pages/_base.scss */
#header .info_head {
  position: absolute;
  right: 0px;
  top: 60px;
  color: #222222;
}
@media (max-width: 812px) {
  /* line 219, ../../../sass/src/pages/_base.scss */
  #header .info_head {
    width: 100%;
    position: relative;
    text-align: center;
    display: inline-block;
    margin: 0 auto;
    top: 0px;
  }
}
/* line 230, ../../../sass/src/pages/_base.scss */
#header .info_head .share {
  display: inline-block;
}
/* line 233, ../../../sass/src/pages/_base.scss */
#header .info_head .share .drs-sociales {
  float: left;
  margin-right: 20px;
}
/* line 238, ../../../sass/src/pages/_base.scss */
#header .info_head .share .contact-top {
  float: right;
  top: -5px;
  position: relative;
  font-size: 1.2em;
}
/* line 244, ../../../sass/src/pages/_base.scss */
#header .info_head .share .contact-top span {
  float: left;
  display: block;
  width: auto;
  clear: both;
}

/* line 256, ../../../sass/src/pages/_base.scss */
#footer {
  margin-top: 2.5rem;
  font-weight: 400;
}
/* line 261, ../../../sass/src/pages/_base.scss */
#footer .inner {
  padding: 2rem 0 3rem;
}
/* line 266, ../../../sass/src/pages/_base.scss */
#footer h1 {
  margin-bottom: 1.5rem;
  transform: scale(0.7);
}
/* line 271, ../../../sass/src/pages/_base.scss */
#footer a:hover {
  color: #FFFFFF;
  text-decoration: none;
}
/* line 276, ../../../sass/src/pages/_base.scss */
#footer p, #footer li {
  display: inline-block;
}
/* line 281, ../../../sass/src/pages/_base.scss */
#footer .title_f_top {
  text-transform: uppercase;
  font-size: 1.6em;
  color: #333333;
  margin-bottom: 30px;
}
/* line 288, ../../../sass/src/pages/_base.scss */
#footer .fTop {
  color: #666666;
  text-align: left;
  background-image: url("assets/img/bgf.jpg");
  background-size: cover;
}
/* line 297, ../../../sass/src/pages/_base.scss */
#footer .fTop .inner .moreInfo {
  border-right: 3px solid #f5f5f5;
}
@media (max-width: 812px) {
  /* line 301, ../../../sass/src/pages/_base.scss */
  #footer .fTop .inner .moreInfo {
    border-right: 0px none;
    border-bottom: 2px solid #f5f5f5;
    margin-bottom: 30px;
  }
}
/* line 312, ../../../sass/src/pages/_base.scss */
#footer .fMiddle {
  background-color: #333333;
  color: #f5f5f5;
}
/* line 316, ../../../sass/src/pages/_base.scss */
#footer .fMiddle .sub_title_pie2 {
  text-transform: uppercase;
  font-size: 17px;
  padding-bottom: 8px;
}
/* line 322, ../../../sass/src/pages/_base.scss */
#footer .fMiddle p {
  margin-bottom: 10px;
}
/* line 327, ../../../sass/src/pages/_base.scss */
#footer .fBottom {
  color: #f5f5f5;
  display: block;
  width: 100%;
  text-align: center;
  background-color: #222222;
}
/* line 334, ../../../sass/src/pages/_base.scss */
#footer .fBottom .inner {
  padding: 15px 0px;
}
/* line 338, ../../../sass/src/pages/_base.scss */
#footer .fBottom ul {
  display: inline-block;
}
/* line 341, ../../../sass/src/pages/_base.scss */
#footer .fBottom ul li {
  border-left: 1px solid #f5f5f5;
  padding: 0px 15px;
  line-height: 1em;
}
/* line 347, ../../../sass/src/pages/_base.scss */
#footer .fBottom ul li:first-child {
  border-left: 0px none;
}
/* line 355, ../../../sass/src/pages/_base.scss */
#footer .form {
  width: 100%;
}
/* line 358, ../../../sass/src/pages/_base.scss */
#footer .form input[type="email"], #footer .form input[type="text"], #footer .form input[type="submit"], #footer .form textarea {
  border-radius: 15px;
  background-color: #f5f5f5;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  margin-bottom: 15px;
}
/* line 367, ../../../sass/src/pages/_base.scss */
#footer .form input {
  height: 30px;
}
/* line 372, ../../../sass/src/pages/_base.scss */
#footer .form input[type="submit"] {
  width: auto;
  float: right;
  height: 34px;
  border-radius: 17px;
  text-transform: uppercase;
  transition: 0.2s all;
}
/* line 381, ../../../sass/src/pages/_base.scss */
#footer .form input[type="submit"]:hover {
  color: #f5f5f5;
  background-color: #333333;
  cursor: pointer;
}
/* line 387, ../../../sass/src/pages/_base.scss */
#footer .form .acept_text {
  line-height: 30px;
  height: 30px;
  position: relative;
  top: -7px;
}
/* line 394, ../../../sass/src/pages/_base.scss */
#footer .form textarea {
  padding-top: 10px;
}
@media (max-width: 812px) {
  /* line 399, ../../../sass/src/pages/_base.scss */
  #footer .form input[type="submit"]:hover {
    width: 100%;
  }
}

/* line 412, ../../../sass/src/pages/_base.scss */
#main .inner {
  padding: 2rem 0px;
  background-color: #f5f5f5;
}
/* line 418, ../../../sass/src/pages/_base.scss */
#main .inner .vacio {
  text-align: center;
  padding: 100px 0;
  margin-bottom: 0;
  font-size: 2rem;
  color: #6baa25;
  letter-spacing: -2px;
  font-weight: 500;
  line-height: 2.3rem;
}
/* line 428, ../../../sass/src/pages/_base.scss */
#main .inner .vacio p {
  width: 100%;
  padding: 0 1rem;
}
@media (min-width: 812px) {
  /* line 418, ../../../sass/src/pages/_base.scss */
  #main .inner .vacio {
    background: url("/img/frontend/logoPie.png") no-repeat center bottom;
    margin-bottom: 250px;
    padding: 130px 0 150px;
  }
  /* line 438, ../../../sass/src/pages/_base.scss */
  #main .inner .vacio p {
    width: 555px;
    padding: 0 1rem 3rem;
    border-bottom: 1px solid #dddddd;
  }
}

/* line 448, ../../../sass/src/pages/_base.scss */
.row {
  margin-right: -15px;
  margin-left: -15px;
  display: inline-block;
}

/* line 455, ../../../sass/src/pages/_base.scss */
.col-6-f {
  width: 50%;
  position: relative;
  min-height: 1px;
  padding-right: 30px;
  padding-left: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
/* line 466, ../../../sass/src/pages/_base.scss */
.col-6-f p {
  padding: 0;
  margin-bottom: 2em;
}
@media (max-width: 812px) {
  /* line 472, ../../../sass/src/pages/_base.scss */
  .col-6-f {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
  }
}

/* line 483, ../../../sass/src/pages/_base.scss */
.col-3-f {
  width: 25%;
  position: relative;
  min-height: 1px;
  padding-right: 30px;
  padding-left: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
/* line 494, ../../../sass/src/pages/_base.scss */
.col-3-f p {
  padding: 0;
  margin-bottom: 2em;
  width: 100%;
}
@media (max-width: 1202px) {
  /* line 501, ../../../sass/src/pages/_base.scss */
  .col-3-f {
    width: 50%;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 30px;
  }
}
@media (max-width: 812px) {
  /* line 512, ../../../sass/src/pages/_base.scss */
  .col-3-f {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    text-align: center;
  }
}

/* line 1, ../../../sass/src/pages/_home.scss */
#main .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 1rem auto;
}

/* line 8, ../../../sass/src/pages/_home.scss */
.element {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 440px;
  margin: 0 15px 3.6rem;
}
@media (min-width: 600px) {
  /* line 8, ../../../sass/src/pages/_home.scss */
  .element {
    width: calc(100% - 30px);
  }
}
@media (min-width: 812px) {
  /* line 8, ../../../sass/src/pages/_home.scss */
  .element {
    width: calc(50% - 30px);
  }
}
@media (min-width: 1202px) {
  /* line 8, ../../../sass/src/pages/_home.scss */
  .element {
    width: calc(33.3% - 30px);
  }
}
/* line 27, ../../../sass/src/pages/_home.scss */
.element .tit_element {
  text-align: center;
  font-size: 21px;
  line-height: 1em;
  font-weight: 500;
  color: #333333;
  min-height: 3.3rem;
  margin-top: 10px;
  text-transform: uppercase;
  border-bottom: 2px solid #e0e3e8;
  margin-bottom: 24px;
}
/* line 39, ../../../sass/src/pages/_home.scss */
.element .tit_element a {
  transition: all 0.2s ease-out;
}
/* line 43, ../../../sass/src/pages/_home.scss */
.element .tit_element a:hover {
  text-decoration: none;
  color: #6baa25;
}
/* line 50, ../../../sass/src/pages/_home.scss */
.element .preinfo {
  display: block;
  text-align: center;
}
@media (min-width: 400px) {
  /* line 50, ../../../sass/src/pages/_home.scss */
  .element .preinfo {
    justify-content: space-between;
    display: flex;
    text-align: left;
  }
}
/* line 60, ../../../sass/src/pages/_home.scss */
.element .preinfo p {
  line-height: 1rem;
  padding: .25rem 0;
}
/* line 65, ../../../sass/src/pages/_home.scss */
.element .preinfo .precio {
  width: 100%;
}
/* line 68, ../../../sass/src/pages/_home.scss */
.element .preinfo .precio .old {
  display: inline-block;
  padding-right: .4rem;
  margin-right: .4rem;
  color: #999999;
  text-align: right;
  font-size: .7rem;
  line-height: .7rem;
}
/* line 78, ../../../sass/src/pages/_home.scss */
.element .preinfo .precio .old .txt_precio {
  text-decoration: none;
  text-transform: uppercase;
}
/* line 83, ../../../sass/src/pages/_home.scss */
.element .preinfo .precio .old .num {
  text-decoration: line-through;
}
/* line 87, ../../../sass/src/pages/_home.scss */
.element .preinfo .precio .new {
  color: #222222;
  font-weight: 400;
  font-size: 40px;
  position: relative;
}
/* line 94, ../../../sass/src/pages/_home.scss */
.element .preinfo .precio .new.only {
  width: 100%;
  text-align: center;
  display: block;
}
@media (min-width: 400px) {
  /* line 65, ../../../sass/src/pages/_home.scss */
  .element .preinfo .precio {
    text-align: center;
  }
}
/* line 107, ../../../sass/src/pages/_home.scss */
.element .show {
  color: #FFFFFF;
  position: relative;
  margin-bottom: 1.5rem;
}
/* line 114, ../../../sass/src/pages/_home.scss */
.element .show .imagenes {
  position: relative;
}
/* line 117, ../../../sass/src/pages/_home.scss */
.element .show .imagenes div.flecha {
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 10;
  display: block;
  width: 25px;
  height: 60px;
  margin-top: -30px;
  opacity: .4;
  background: #FFFFFF url("/img/frontend/left.png") no-repeat center center;
  background-size: 25px 25px;
  transition: all .2s ease-out;
  cursor: pointer;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* line 134, ../../../sass/src/pages/_home.scss */
.element .show .imagenes div.flecha.der {
  transform: rotate(180deg);
  left: auto;
  right: 0;
}
/* line 140, ../../../sass/src/pages/_home.scss */
.element .show .imagenes div.flecha:hover {
  opacity: 1;
  background-color: #FFFFFF;
}
/* line 147, ../../../sass/src/pages/_home.scss */
.element .show .imagenes .sticker {
  position: absolute;
  box-sizing: content-box;
  font-size: .9rem;
  height: auto;
  line-height: 1.5em;
  text-align: center;
  padding: 0 .5rem;
  color: #333333;
  z-index: 40;
  top: 15px;
  left: 20px;
  opacity: 0;
  transition: all 0.2s ease-out;
}
/* line 163, ../../../sass/src/pages/_home.scss */
.element .show .imagenes .sticker .title_stick {
  min-width: 40px;
  float: left;
  border-right: 1px solid #333333;
  padding-right: 14px;
}
/* line 170, ../../../sass/src/pages/_home.scss */
.element .show .imagenes .sticker .title_stick span {
  text-align: right;
  width: 100%;
  display: block;
}
/* line 179, ../../../sass/src/pages/_home.scss */
.element .show .imagenes .sticker .value_stick {
  display: block;
  float: left;
}
/* line 183, ../../../sass/src/pages/_home.scss */
.element .show .imagenes .sticker .value_stick span {
  text-align: left;
  margin-left: 15px;
  display: block;
  clear: both;
}
/* line 193, ../../../sass/src/pages/_home.scss */
.element .show .imagenes .sticker_btm {
  position: absolute;
  box-sizing: content-box;
  font-size: .9rem;
  height: auto;
  line-height: 1.5em;
  text-align: center;
  padding: 0 .5rem;
  color: #333333;
  z-index: 40;
  bottom: 15px;
  right: 15px;
  opacity: 0;
  transition: all 0.2s ease-out;
}
/* line 209, ../../../sass/src/pages/_home.scss */
.element .show .imagenes .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.5);
  transition: all 0.2s ease-out;
  top: 0px;
}
/* line 222, ../../../sass/src/pages/_home.scss */
.element .show:hover .overlay {
  opacity: 1;
}
/* line 223, ../../../sass/src/pages/_home.scss */
.element .show:hover .sticker_btm {
  opacity: 1;
}
/* line 224, ../../../sass/src/pages/_home.scss */
.element .show:hover .sticker {
  opacity: 1;
}
/* line 227, ../../../sass/src/pages/_home.scss */
.element .show img {
  display: block;
  width: 100%;
  height: auto;
}
/* line 233, ../../../sass/src/pages/_home.scss */
.element .show .reloj {
  text-align: center;
  background-color: #222222;
  padding: .5rem 0;
  font-size: 1.5rem;
  color: yellow;
}
/* line 244, ../../../sass/src/pages/_home.scss */
.element .show .mes {
  background-color: #6baa25;
  text-align: center;
  font-weight: 700;
  font-size: 2.3rem;
  line-height: 3.2rem;
  letter-spacing: -.1rem;
  vertical-align: baseline;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* line 255, ../../../sass/src/pages/_home.scss */
.element .show .mes span.meses {
  display: inline-block;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1em;
  padding-left: .8rem;
}
/* line 263, ../../../sass/src/pages/_home.scss */
.element .show .web {
  position: absolute;
  width: 100%;
  text-align: center;
  color: #222222;
  border-radius: 4px;
  font-size: .8rem;
}
/* line 271, ../../../sass/src/pages/_home.scss */
.element .show .web:hover {
  background-color: #f5f5f5;
}
/* line 274, ../../../sass/src/pages/_home.scss */
.element .show .web:hover a {
  text-decoration: none;
}
/* line 281, ../../../sass/src/pages/_home.scss */
.element .interfaz {
  position: relative;
}
/* line 284, ../../../sass/src/pages/_home.scss */
.element .interfaz .spinner {
  display: none;
  position: absolute;
  z-index: 100;
  width: 100%;
  height: 13.3rem;
  background-color: rgba(255, 255, 255, 0.9);
  text-align: center;
  padding: 5rem 0;
}
/* line 294, ../../../sass/src/pages/_home.scss */
.element .interfaz .spinner > div {
  width: 18px;
  height: 18px;
  background-color: #333;
  border-radius: 100%;
  display: inline-block;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
/* line 304, ../../../sass/src/pages/_home.scss */
.element .interfaz .spinner .bounce1 {
  animation-delay: -0.32s;
}
/* line 307, ../../../sass/src/pages/_home.scss */
.element .interfaz .spinner .bounce2 {
  animation-delay: -0.16s;
}
/* line 311, ../../../sass/src/pages/_home.scss */
.element .interfaz .spinner.activo {
  display: block;
}
@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
/* line 329, ../../../sass/src/pages/_home.scss */
.element .interfaz ul.selector {
  display: block;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 2rem;
}
@media (min-width: 400px) {
  /* line 329, ../../../sass/src/pages/_home.scss */
  .element .interfaz ul.selector {
    display: flex;
  }
}
/* line 339, ../../../sass/src/pages/_home.scss */
.element .interfaz ul.selector li {
  display: inline-block;
  width: 100%;
}
/* line 342, ../../../sass/src/pages/_home.scss */
.element .interfaz ul.selector li:first-child {
  margin: 0;
  margin-bottom: 1px;
}
/* line 346, ../../../sass/src/pages/_home.scss */
.element .interfaz ul.selector li:last-child {
  margin: 0;
  margin-top: 1px;
}
@media (min-width: 400px) {
  /* line 339, ../../../sass/src/pages/_home.scss */
  .element .interfaz ul.selector li {
    width: 33.3%;
  }
  /* line 354, ../../../sass/src/pages/_home.scss */
  .element .interfaz ul.selector li:first-child {
    margin: 0;
    margin-right: 1px;
  }
  /* line 358, ../../../sass/src/pages/_home.scss */
  .element .interfaz ul.selector li:last-child {
    margin: 0;
    margin-left: 1px;
  }
}
/* line 364, ../../../sass/src/pages/_home.scss */
.element .interfaz ul.selector li a {
  display: block;
  text-align: center;
  line-height: 2.2rem;
  padding: 0 .3rem;
  color: #FFFFFF;
  background-color: #999999;
  transition: all 0.3s;
  outline: none;
}
/* line 375, ../../../sass/src/pages/_home.scss */
.element .interfaz ul.selector li a:focus, .element .interfaz ul.selector li a:hover {
  background-color: #222222;
  text-decoration: none;
}
/* line 380, ../../../sass/src/pages/_home.scss */
.element .interfaz ul.selector li a.activo {
  background-color: #6baa25;
  text-decoration: none;
}
/* line 390, ../../../sass/src/pages/_home.scss */
.element .interfaz .visor .panel {
  display: none;
  height: 9rem;
}
/* line 394, ../../../sass/src/pages/_home.scss */
.element .interfaz .visor .panel.activo {
  display: block;
}
/* line 399, ../../../sass/src/pages/_home.scss */
.element .interfaz .visor .ficha {
  line-height: 2.25rem;
}
/* line 402, ../../../sass/src/pages/_home.scss */
.element .interfaz .visor .ficha li {
  display: flex;
  border-radius: 4px;
}
/* line 406, ../../../sass/src/pages/_home.scss */
.element .interfaz .visor .ficha li span {
  padding: 0 .6rem;
  width: 50%;
}
/* line 410, ../../../sass/src/pages/_home.scss */
.element .interfaz .visor .ficha li span:last-child {
  font-weight: 700;
}
/* line 415, ../../../sass/src/pages/_home.scss */
.element .interfaz .visor .ficha li:nth-child(even) {
  background-color: #f5f5f5;
}
/* line 422, ../../../sass/src/pages/_home.scss */
.element .interfaz .visor form .legal {
  clear: both;
  float: left;
  margin-bottom: .5rem;
  vertical-align: baseline;
}
/* line 428, ../../../sass/src/pages/_home.scss */
.element .interfaz .visor form .legal input[type="checkbox"] {
  float: left;
  padding: 0;
  margin: .3rem .3rem 0 0;
  line-height: 1.5rem;
}
/* line 435, ../../../sass/src/pages/_home.scss */
.element .interfaz .visor form .legal input[type="checkbox"] + label {
  float: left;
  font-size: .9rem;
}
/* line 439, ../../../sass/src/pages/_home.scss */
.element .interfaz .visor form .legal input[type="checkbox"] + label a {
  text-decoration: underline;
}
/* line 446, ../../../sass/src/pages/_home.scss */
.element .interfaz .visor .form-llamada {
  position: relative;
  background-color: #f5f5f5;
  padding: 1rem 1rem;
  border-radius: 4px;
  position: relative;
}
/* line 453, ../../../sass/src/pages/_home.scss */
.element .interfaz .visor .form-llamada input {
  transition: all 0.3s;
  outline: none;
}
/* line 458, ../../../sass/src/pages/_home.scss */
.element .interfaz .visor .form-llamada input[type="text"] {
  float: left;
  width: 100%;
  border: 1px solid #f5f5f5;
  background-color: #FFFFFF;
  line-height: 2.5rem;
  font-size: 2rem;
  padding: 0 1rem;
  margin-bottom: .5rem;
  border-radius: 4px;
}
/* line 469, ../../../sass/src/pages/_home.scss */
.element .interfaz .visor .form-llamada input[type="text"]:focus {
  border-color: #666666;
}
/* line 473, ../../../sass/src/pages/_home.scss */
.element .interfaz .visor .form-llamada input[type="submit"] {
  width: 100%;
  color: #FFFFFF;
  background-color: #222222;
  height: 2rem;
  line-height: 2rem;
  font-weight: 700;
  border-radius: 4px;
  font-size: 1.2rem;
  cursor: pointer;
}
/* line 484, ../../../sass/src/pages/_home.scss */
.element .interfaz .visor .form-llamada input[type="submit"]:focus, .element .interfaz .visor .form-llamada input[type="submit"]:hover {
  background-color: #6baa25;
  color: #FFFFFF;
}
/* line 492, ../../../sass/src/pages/_home.scss */
.element .interfaz .visor .form-llamada.enviado > * {
  display: none;
}
/* line 496, ../../../sass/src/pages/_home.scss */
.element .interfaz .visor .form-llamada.enviado::before {
  content: "Llamada solicitada";
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  color: #222222;
  background-color: #f5f5f5;
  text-align: center;
  font-size: 2.5rem;
  width: 100%;
  height: 7rem;
  line-height: 1em;
  font-weight: 700;
  border-radius: 4px;
  padding: .8rem 1rem;
}
/* line 517, ../../../sass/src/pages/_home.scss */
.element .interfaz .visor .form {
  position: relative;
  background-color: #f5f5f5;
  padding: .4rem 1rem;
  border-radius: 4px;
  position: relative;
}
/* line 524, ../../../sass/src/pages/_home.scss */
.element .interfaz .visor .form input {
  transition: all 0.3s;
  outline: none;
}
/* line 529, ../../../sass/src/pages/_home.scss */
.element .interfaz .visor .form input[type="text"],
.element .interfaz .visor .form input[type="email"] {
  float: left;
  width: 70%;
  border: 1px solid #f5f5f5;
  background-color: #FFFFFF;
  line-height: 1.5rem;
  padding: 0 .5rem;
  margin-bottom: .5rem;
  border-radius: 4px;
}
/* line 540, ../../../sass/src/pages/_home.scss */
.element .interfaz .visor .form input[type="text"]:focus,
.element .interfaz .visor .form input[type="email"]:focus {
  border-color: #666666;
}
/* line 544, ../../../sass/src/pages/_home.scss */
.element .interfaz .visor .form input[type="submit"] {
  position: absolute;
  top: .4rem;
  right: 1rem;
  width: 20%;
  color: #FFFFFF;
  background-color: #222222;
  height: 8rem;
  font-weight: 700;
  border-radius: 4px;
  font-size: 2rem;
  cursor: pointer;
}
/* line 557, ../../../sass/src/pages/_home.scss */
.element .interfaz .visor .form input[type="submit"]:focus, .element .interfaz .visor .form input[type="submit"]:hover {
  background-color: #6baa25;
  color: #FFFFFF;
}
/* line 565, ../../../sass/src/pages/_home.scss */
.element .interfaz .visor .form.enviado > * {
  display: none;
}
/* line 569, ../../../sass/src/pages/_home.scss */
.element .interfaz .visor .form.enviado::before {
  content: "Prueba solicitada";
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  color: #222222;
  background-color: #f5f5f5;
  text-align: center;
  font-size: 2.5rem;
  width: 100%;
  height: 7rem;
  line-height: 1em;
  font-weight: 700;
  border-radius: 4px;
  padding: .8rem 1rem;
}
/* line 589, ../../../sass/src/pages/_home.scss */
.element .interfaz .visor .tfn-com {
  color: #222222;
  background-color: #f5f5f5;
  text-align: center;
  font-size: 2.5rem;
  line-height: 9rem;
  font-weight: 700;
  border-radius: 4px;
}

/* line 602, ../../../sass/src/pages/_home.scss */
#paginador {
  list-style: none;
  text-align: center;
  margin-bottom: 2rem;
  width: 100%;
}
/* line 608, ../../../sass/src/pages/_home.scss */
#paginador li {
  display: inline-block;
  padding: 0 .3rem;
}
/* line 612, ../../../sass/src/pages/_home.scss */
#paginador li a {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  font-size: .8rem;
  border-radius: 50%;
  color: #FFFFFF;
  background-color: #222222;
  font-weight: 500;
}
/* line 622, ../../../sass/src/pages/_home.scss */
#paginador li a:hover, #paginador li.activo a {
  background-color: #6baa25;
  text-decoration: none;
}

/* line 1, ../../../sass/src/pages/_textoslegales.scss */
#main .textoslegales {
  padding: 3rem 1.5rem;
}
/* line 4, ../../../sass/src/pages/_textoslegales.scss */
#main .textoslegales h2, #main .textoslegales h3, #main .textoslegales p, #main .textoslegales ul, #main .textoslegales table {
  display: block;
  width: 100%;
  margin-bottom: 1em;
  text-align: left;
  line-height: 1.5em;
}
/* line 12, ../../../sass/src/pages/_textoslegales.scss */
#main .textoslegales h2 {
  font-size: 2rem;
}
/* line 15, ../../../sass/src/pages/_textoslegales.scss */
#main .textoslegales h3 {
  font-size: 1.5rem;
  margin-top: 2rem;
  border-bottom: 1px solid #f5f5f5;
}
/* line 20, ../../../sass/src/pages/_textoslegales.scss */
#main .textoslegales ul {
  padding-left: 2rem;
  list-style: disc;
}
/* line 24, ../../../sass/src/pages/_textoslegales.scss */
#main .textoslegales table {
  border-collapse: collapse;
  margin: 1rem 0 2rem;
}
/* line 28, ../../../sass/src/pages/_textoslegales.scss */
#main .textoslegales table th, #main .textoslegales table td {
  border: 1px solid #f5f5f5;
  padding: 5px 1rem;
}
/* line 32, ../../../sass/src/pages/_textoslegales.scss */
#main .textoslegales table tbody th {
  white-space: nowrap;
  text-align: left;
}

/* line 1, ../../../sass/src/vendor/_swipe.scss */
.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
  width: 100%;
}
/* line 7, ../../../sass/src/vendor/_swipe.scss */
.swipe .swipe-wrap {
  overflow: hidden;
  position: relative;
}
/* line 11, ../../../sass/src/vendor/_swipe.scss */
.swipe .swipe-wrap > div {
  float: left;
  width: 100%;
  position: relative;
  overflow: hidden;
}