@charset "UTF-8";
/* TIPOGRAFIA */
@import url("tipografia/stylesheet.css");
/* ICONOS */
@import url("iconos.css");
@import url("https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css");
/* COLORES */
/* mixins */
.ancho-1 {
  width: 1%; }

.ancho-2 {
  width: 2%; }

.ancho-3 {
  width: 3%; }

.ancho-4 {
  width: 4%; }

.ancho-5 {
  width: 5%; }

.ancho-6 {
  width: 6%; }

.ancho-7 {
  width: 7%; }

.ancho-8 {
  width: 8%; }

.ancho-9 {
  width: 9%; }

.ancho-10 {
  width: 10%; }

.ancho-11 {
  width: 11%; }

.ancho-12 {
  width: 12%; }

.ancho-13 {
  width: 13%; }

.ancho-14 {
  width: 14%; }

.ancho-15 {
  width: 15%; }

.ancho-16 {
  width: 16%; }

.ancho-17 {
  width: 17%; }

.ancho-18 {
  width: 18%; }

.ancho-19 {
  width: 19%; }

.ancho-20 {
  width: 20%; }

.ancho-21 {
  width: 21%; }

.ancho-22 {
  width: 22%; }

.ancho-23 {
  width: 23%; }

.ancho-24 {
  width: 24%; }

.ancho-25 {
  width: 25%; }

.ancho-26 {
  width: 26%; }

.ancho-27 {
  width: 27%; }

.ancho-28 {
  width: 28%; }

.ancho-29 {
  width: 29%; }

.ancho-30 {
  width: 30%; }

.ancho-31 {
  width: 31%; }

.ancho-32 {
  width: 32%; }

.ancho-33 {
  width: 33%; }

.ancho-34 {
  width: 34%; }

.ancho-35 {
  width: 35%; }

.ancho-36 {
  width: 36%; }

.ancho-37 {
  width: 37%; }

.ancho-38 {
  width: 38%; }

.ancho-39 {
  width: 39%; }

.ancho-40 {
  width: 40%; }

.ancho-41 {
  width: 41%; }

.ancho-42 {
  width: 42%; }

.ancho-43 {
  width: 43%; }

.ancho-44 {
  width: 44%; }

.ancho-45 {
  width: 45%; }

.ancho-46 {
  width: 46%; }

.ancho-47 {
  width: 47%; }

.ancho-48 {
  width: 48%; }

.ancho-49 {
  width: 49%; }

.ancho-50 {
  width: 50%; }

.ancho-51 {
  width: 51%; }

.ancho-52 {
  width: 52%; }

.ancho-53 {
  width: 53%; }

.ancho-54 {
  width: 54%; }

.ancho-55 {
  width: 55%; }

.ancho-56 {
  width: 56%; }

.ancho-57 {
  width: 57%; }

.ancho-58 {
  width: 58%; }

.ancho-59 {
  width: 59%; }

.ancho-60 {
  width: 60%; }

.ancho-61 {
  width: 61%; }

.ancho-62 {
  width: 62%; }

.ancho-63 {
  width: 63%; }

.ancho-64 {
  width: 64%; }

.ancho-65 {
  width: 65%; }

.ancho-66 {
  width: 66%; }

.ancho-67 {
  width: 67%; }

.ancho-68 {
  width: 68%; }

.ancho-69 {
  width: 69%; }

.ancho-70 {
  width: 70%; }

.ancho-71 {
  width: 71%; }

.ancho-72 {
  width: 72%; }

.ancho-73 {
  width: 73%; }

.ancho-74 {
  width: 74%; }

.ancho-75 {
  width: 75%; }

.ancho-76 {
  width: 76%; }

.ancho-77 {
  width: 77%; }

.ancho-78 {
  width: 78%; }

.ancho-79 {
  width: 79%; }

.ancho-80 {
  width: 80%; }

.ancho-81 {
  width: 81%; }

.ancho-82 {
  width: 82%; }

.ancho-83 {
  width: 83%; }

.ancho-84 {
  width: 84%; }

.ancho-85 {
  width: 85%; }

.ancho-86 {
  width: 86%; }

.ancho-87 {
  width: 87%; }

.ancho-88 {
  width: 88%; }

.ancho-89 {
  width: 89%; }

.ancho-90 {
  width: 90%; }

.ancho-91 {
  width: 91%; }

.ancho-92 {
  width: 92%; }

.ancho-93 {
  width: 93%; }

.ancho-94 {
  width: 94%; }

.ancho-95 {
  width: 95%; }

.ancho-96 {
  width: 96%; }

.ancho-97 {
  width: 97%; }

.ancho-98 {
  width: 98%; }

.ancho-99 {
  width: 99%; }

.ancho-100 {
  width: 100%; }

.ancho-flex-auto {
  width: auto;
  flex: 1; }

/* COLORES */
/* mixins */
.ancho-1 {
  width: 1%; }

.ancho-2 {
  width: 2%; }

.ancho-3 {
  width: 3%; }

.ancho-4 {
  width: 4%; }

.ancho-5 {
  width: 5%; }

.ancho-6 {
  width: 6%; }

.ancho-7 {
  width: 7%; }

.ancho-8 {
  width: 8%; }

.ancho-9 {
  width: 9%; }

.ancho-10 {
  width: 10%; }

.ancho-11 {
  width: 11%; }

.ancho-12 {
  width: 12%; }

.ancho-13 {
  width: 13%; }

.ancho-14 {
  width: 14%; }

.ancho-15 {
  width: 15%; }

.ancho-16 {
  width: 16%; }

.ancho-17 {
  width: 17%; }

.ancho-18 {
  width: 18%; }

.ancho-19 {
  width: 19%; }

.ancho-20 {
  width: 20%; }

.ancho-21 {
  width: 21%; }

.ancho-22 {
  width: 22%; }

.ancho-23 {
  width: 23%; }

.ancho-24 {
  width: 24%; }

.ancho-25 {
  width: 25%; }

.ancho-26 {
  width: 26%; }

.ancho-27 {
  width: 27%; }

.ancho-28 {
  width: 28%; }

.ancho-29 {
  width: 29%; }

.ancho-30 {
  width: 30%; }

.ancho-31 {
  width: 31%; }

.ancho-32 {
  width: 32%; }

.ancho-33 {
  width: 33%; }

.ancho-34 {
  width: 34%; }

.ancho-35 {
  width: 35%; }

.ancho-36 {
  width: 36%; }

.ancho-37 {
  width: 37%; }

.ancho-38 {
  width: 38%; }

.ancho-39 {
  width: 39%; }

.ancho-40 {
  width: 40%; }

.ancho-41 {
  width: 41%; }

.ancho-42 {
  width: 42%; }

.ancho-43 {
  width: 43%; }

.ancho-44 {
  width: 44%; }

.ancho-45 {
  width: 45%; }

.ancho-46 {
  width: 46%; }

.ancho-47 {
  width: 47%; }

.ancho-48 {
  width: 48%; }

.ancho-49 {
  width: 49%; }

.ancho-50 {
  width: 50%; }

.ancho-51 {
  width: 51%; }

.ancho-52 {
  width: 52%; }

.ancho-53 {
  width: 53%; }

.ancho-54 {
  width: 54%; }

.ancho-55 {
  width: 55%; }

.ancho-56 {
  width: 56%; }

.ancho-57 {
  width: 57%; }

.ancho-58 {
  width: 58%; }

.ancho-59 {
  width: 59%; }

.ancho-60 {
  width: 60%; }

.ancho-61 {
  width: 61%; }

.ancho-62 {
  width: 62%; }

.ancho-63 {
  width: 63%; }

.ancho-64 {
  width: 64%; }

.ancho-65 {
  width: 65%; }

.ancho-66 {
  width: 66%; }

.ancho-67 {
  width: 67%; }

.ancho-68 {
  width: 68%; }

.ancho-69 {
  width: 69%; }

.ancho-70 {
  width: 70%; }

.ancho-71 {
  width: 71%; }

.ancho-72 {
  width: 72%; }

.ancho-73 {
  width: 73%; }

.ancho-74 {
  width: 74%; }

.ancho-75 {
  width: 75%; }

.ancho-76 {
  width: 76%; }

.ancho-77 {
  width: 77%; }

.ancho-78 {
  width: 78%; }

.ancho-79 {
  width: 79%; }

.ancho-80 {
  width: 80%; }

.ancho-81 {
  width: 81%; }

.ancho-82 {
  width: 82%; }

.ancho-83 {
  width: 83%; }

.ancho-84 {
  width: 84%; }

.ancho-85 {
  width: 85%; }

.ancho-86 {
  width: 86%; }

.ancho-87 {
  width: 87%; }

.ancho-88 {
  width: 88%; }

.ancho-89 {
  width: 89%; }

.ancho-90 {
  width: 90%; }

.ancho-91 {
  width: 91%; }

.ancho-92 {
  width: 92%; }

.ancho-93 {
  width: 93%; }

.ancho-94 {
  width: 94%; }

.ancho-95 {
  width: 95%; }

.ancho-96 {
  width: 96%; }

.ancho-97 {
  width: 97%; }

.ancho-98 {
  width: 98%; }

.ancho-99 {
  width: 99%; }

.ancho-100 {
  width: 100%; }

.ancho-flex-auto {
  width: auto;
  flex: 1; }

/* CABECERA */
#header {
  z-index: 10;
  position: relative; }
  #header * {
    z-index: 11; }
  #header:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; }

.contenido-cabecera {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  flex-wrap: nowrap;
  padding: 15px; }

.logo-1 {
  margin-right: 20px; }
  @media (max-width: 499px) {
    .logo-1 {
      max-width: 140px; } }

@media (max-width: 499px) {
  .logo-2 {
    max-width: 80px; } }
.menu {
  margin-left: auto;
  font-size: 15px;
  letter-spacing: 0.5px; }
  .menu > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap; }
    .menu > ul > li {
      margin-left: 30px;
      position: relative; }
      .menu > ul > li a, .menu > ul > li span {
        color: #fff;
        text-decoration: none;
        font-weight: 400; }
      .menu > ul > li .submenu {
        display: none; }
      .menu > ul > li i.icon-flecha-submenu {
        font-size: 12px;
        color: #fff;
        margin-left: 5px; }
      .menu > ul > li:hover .submenu {
        display: block;
        position: absolute;
        -webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.38);
        -moz-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.38);
        box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.38); }
      .menu > ul > li.activo, .menu > ul > li:hover {
        cursor: pointer; }
        .menu > ul > li.activo:after, .menu > ul > li:hover:after {
          content: '';
          position: absolute;
          left: 0;
          right: 0;
          bottom: 0;
          width: 100%;
          height: 3px;
          background: #f70113; }

.submenu {
  background: #fff;
  width: 100%; }
  .submenu > ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .submenu > ul > li {
      border-bottom: 1px solid #ddd; }
      .submenu > ul > li a, .submenu > ul > li span {
        color: #000;
        text-decoration: none;
        display: block;
        width: 100%;
        padding: 5px 10px; }
        .submenu > ul > li a:hover, .submenu > ul > li span:hover {
          color: #f70113; }

.hamburger-menu {
  margin-left: auto;
  width: 40px;
  height: 40px;
  padding: 5px;
  position: absolute;
  right: 15px; }
  .hamburger-menu:hover {
    background: rgba(0, 0, 0, 0.35); }
  .hamburger-menu .menu__btn {
    display: inline-flex;
    align-items: center;
    position: relative;
    /* position: fixed; */
    /* top: 20px; */
    /* right: 20px; */
    width: 30px;
    height: 30px;
    /* margin: 5px; */
    cursor: pointer;
    z-index: 12 !important;
    overflow: hidden; }
    .hamburger-menu .menu__btn > span {
      display: block;
      position: absolute;
      width: 100%;
      height: 3px;
      background-color: #fff;
      transition-duration: .25s; }
      .hamburger-menu .menu__btn > span:before, .hamburger-menu .menu__btn > span:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 3px;
        background-color: #fff;
        transition-duration: .25s; }
      .hamburger-menu .menu__btn > span:before {
        content: '';
        top: -9px; }
      .hamburger-menu .menu__btn > span:after {
        content: '';
        top: 9px; }

#menu__toggle {
  opacity: 0;
  display: none; }

#menu__toggle:checked ~ .menu__btn > span {
  transform: rotate(45deg);
  background: #000; }

#menu__toggle:checked ~ .menu__btn > span::before {
  top: 0;
  transform: rotate(0);
  background: #000; }

#menu__toggle:checked ~ .menu__btn > span::after {
  top: 0;
  transform: rotate(90deg);
  background: #000; }

#menu__toggle:checked ~ .menu__btn:hover > span {
  background: #f70113; }
  #menu__toggle:checked ~ .menu__btn:hover > span:before, #menu__toggle:checked ~ .menu__btn:hover > span:after {
    background: #f70113; }

#menu__toggle:checked ~ .menu__mobile {
  visibility: visible;
  right: 0; }

.menu__mobile {
  display: block;
  position: fixed;
  visibility: hidden;
  top: 0;
  right: -100%;
  width: 300px;
  height: 100%;
  margin: 0;
  padding: 80px 0 0 0;
  list-style: none;
  background-color: #fff;
  box-shadow: -1px 0px 6px rgba(0, 0, 0, 0.35);
  transition-duration: .25s; }
  .menu__mobile > li {
    border-bottom: 1px solid #ddd;
    position: relative; }
    .menu__mobile > li a, .menu__mobile > li span {
      display: block;
      padding: 12px 24px;
      color: #000;
      font-size: 15px;
      font-weight: 400;
      text-decoration: none;
      transition-duration: .25s; }
    .menu__mobile > li span {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between; }
    .menu__mobile > li a:hover {
      color: #f70113; }
    .menu__mobile > li.activo {
      cursor: pointer; }
      .menu__mobile > li.activo > span, .menu__mobile > li.activo > a {
        position: relative; }
        .menu__mobile > li.activo > span:after, .menu__mobile > li.activo > a:after {
          content: '';
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0;
          width: 3px;
          height: 100%;
          background: #f70113; }
      .menu__mobile > li.activo > a {
        color: #f70113; }
  .menu__mobile .submenu__mobile {
    padding: 0 20px; }
    .menu__mobile .submenu__mobile > ul {
      list-style: none;
      padding: 0;
      margin: 0; }
      .menu__mobile .submenu__mobile > ul > li {
        border-bottom: none; }
        .menu__mobile .submenu__mobile > ul > li i {
          font-size: 12px;
          margin-right: 8px; }
        .menu__mobile .submenu__mobile > ul > li.activo * {
          color: #f70113; }

/* COLORES */
/* mixins */
.ancho-1 {
  width: 1%; }

.ancho-2 {
  width: 2%; }

.ancho-3 {
  width: 3%; }

.ancho-4 {
  width: 4%; }

.ancho-5 {
  width: 5%; }

.ancho-6 {
  width: 6%; }

.ancho-7 {
  width: 7%; }

.ancho-8 {
  width: 8%; }

.ancho-9 {
  width: 9%; }

.ancho-10 {
  width: 10%; }

.ancho-11 {
  width: 11%; }

.ancho-12 {
  width: 12%; }

.ancho-13 {
  width: 13%; }

.ancho-14 {
  width: 14%; }

.ancho-15 {
  width: 15%; }

.ancho-16 {
  width: 16%; }

.ancho-17 {
  width: 17%; }

.ancho-18 {
  width: 18%; }

.ancho-19 {
  width: 19%; }

.ancho-20 {
  width: 20%; }

.ancho-21 {
  width: 21%; }

.ancho-22 {
  width: 22%; }

.ancho-23 {
  width: 23%; }

.ancho-24 {
  width: 24%; }

.ancho-25 {
  width: 25%; }

.ancho-26 {
  width: 26%; }

.ancho-27 {
  width: 27%; }

.ancho-28 {
  width: 28%; }

.ancho-29 {
  width: 29%; }

.ancho-30 {
  width: 30%; }

.ancho-31 {
  width: 31%; }

.ancho-32 {
  width: 32%; }

.ancho-33 {
  width: 33%; }

.ancho-34 {
  width: 34%; }

.ancho-35 {
  width: 35%; }

.ancho-36 {
  width: 36%; }

.ancho-37 {
  width: 37%; }

.ancho-38 {
  width: 38%; }

.ancho-39 {
  width: 39%; }

.ancho-40 {
  width: 40%; }

.ancho-41 {
  width: 41%; }

.ancho-42 {
  width: 42%; }

.ancho-43 {
  width: 43%; }

.ancho-44 {
  width: 44%; }

.ancho-45 {
  width: 45%; }

.ancho-46 {
  width: 46%; }

.ancho-47 {
  width: 47%; }

.ancho-48 {
  width: 48%; }

.ancho-49 {
  width: 49%; }

.ancho-50 {
  width: 50%; }

.ancho-51 {
  width: 51%; }

.ancho-52 {
  width: 52%; }

.ancho-53 {
  width: 53%; }

.ancho-54 {
  width: 54%; }

.ancho-55 {
  width: 55%; }

.ancho-56 {
  width: 56%; }

.ancho-57 {
  width: 57%; }

.ancho-58 {
  width: 58%; }

.ancho-59 {
  width: 59%; }

.ancho-60 {
  width: 60%; }

.ancho-61 {
  width: 61%; }

.ancho-62 {
  width: 62%; }

.ancho-63 {
  width: 63%; }

.ancho-64 {
  width: 64%; }

.ancho-65 {
  width: 65%; }

.ancho-66 {
  width: 66%; }

.ancho-67 {
  width: 67%; }

.ancho-68 {
  width: 68%; }

.ancho-69 {
  width: 69%; }

.ancho-70 {
  width: 70%; }

.ancho-71 {
  width: 71%; }

.ancho-72 {
  width: 72%; }

.ancho-73 {
  width: 73%; }

.ancho-74 {
  width: 74%; }

.ancho-75 {
  width: 75%; }

.ancho-76 {
  width: 76%; }

.ancho-77 {
  width: 77%; }

.ancho-78 {
  width: 78%; }

.ancho-79 {
  width: 79%; }

.ancho-80 {
  width: 80%; }

.ancho-81 {
  width: 81%; }

.ancho-82 {
  width: 82%; }

.ancho-83 {
  width: 83%; }

.ancho-84 {
  width: 84%; }

.ancho-85 {
  width: 85%; }

.ancho-86 {
  width: 86%; }

.ancho-87 {
  width: 87%; }

.ancho-88 {
  width: 88%; }

.ancho-89 {
  width: 89%; }

.ancho-90 {
  width: 90%; }

.ancho-91 {
  width: 91%; }

.ancho-92 {
  width: 92%; }

.ancho-93 {
  width: 93%; }

.ancho-94 {
  width: 94%; }

.ancho-95 {
  width: 95%; }

.ancho-96 {
  width: 96%; }

.ancho-97 {
  width: 97%; }

.ancho-98 {
  width: 98%; }

.ancho-99 {
  width: 99%; }

.ancho-100 {
  width: 100%; }

.ancho-flex-auto {
  width: auto;
  flex: 1; }

/* hero-section */
.hero-section {
  position: relative; }
  .hero-section .big-img {
    margin-top: -81px;
    z-index: 0;
    max-height: 100vh;
    min-height: 70vh;
    overflow: hidden; }
    .hero-section .big-img img {
      object-fit: cover;
      width: 100%;
      max-width: none;
      height: 100%; }
      @media (max-width: 1023px) {
        .hero-section .big-img img {
          width: auto; } }

.hero-content {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.hero-pre-title {
  font-size: 30px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 400; }
  @media (max-width: 767px) {
    .hero-pre-title {
      font-size: 20px; } }

.hero-title {
  font-size: 80px;
  font-weight: normal;
  line-height: 1;
  color: #fff;
  text-transform: uppercase; }
  @media (max-width: 767px) {
    .hero-title {
      font-size: 50px; } }

.hero-text {
  font-size: 22px;
  line-height: 1.6;
  color: #fff;
  font-weight: normal; }

.hero-play {
  font-weight: normal;
  line-height: 1;
  color: #fff;
  margin-top: 20px; }
  .hero-play a {
    font-weight: normal;
    line-height: 1;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    display: inline-flex;
    align-items: center;
    padding: 5px 30px 5px 5px;
    border: 1px solid transparent;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out; }
    .hero-play a i {
      font-size: 40px;
      color: #fff;
      margin-right: 10px; }
    .hero-play a:hover {
      border: 1px solid #fff;
      background: rgba(0, 0, 0, 0.35); }

.hero-more {
  position: absolute;
  bottom: 0;
  width: 100%; }
  .hero-more .monticulo {
    position: absolute;
    bottom: -1px;
    text-align: center;
    width: 100%; }
    .hero-more .monticulo img {
      max-width: 223px; }
  .hero-more .flechas {
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #f70113;
    text-align: center;
    font-size: 13px; }

.hero-anclas {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #fff; }
  .hero-anclas-item {
    flex: 1 1 25%;
    max-width: 159px; }
    .hero-anclas-item a {
      display: block;
      -webkit-transition: all 250ms ease-out;
      -moz-transition: all 250ms ease-out;
      -o-transition: all 250ms ease-out;
      transition: all 250ms ease-out;
      text-align: center;
      color: #fff;
      text-decoration: none;
      padding-top: 10px; }
      .hero-anclas-item a i {
        font-size: 30px; }
      .hero-anclas-item a span {
        display: block;
        font-size: 15px;
        padding: 10px; }
      .hero-anclas-item a:hover {
        background: rgba(0, 0, 0, 0.35); }

/* COLORES */
/* mixins */
.ancho-1 {
  width: 1%; }

.ancho-2 {
  width: 2%; }

.ancho-3 {
  width: 3%; }

.ancho-4 {
  width: 4%; }

.ancho-5 {
  width: 5%; }

.ancho-6 {
  width: 6%; }

.ancho-7 {
  width: 7%; }

.ancho-8 {
  width: 8%; }

.ancho-9 {
  width: 9%; }

.ancho-10 {
  width: 10%; }

.ancho-11 {
  width: 11%; }

.ancho-12 {
  width: 12%; }

.ancho-13 {
  width: 13%; }

.ancho-14 {
  width: 14%; }

.ancho-15 {
  width: 15%; }

.ancho-16 {
  width: 16%; }

.ancho-17 {
  width: 17%; }

.ancho-18 {
  width: 18%; }

.ancho-19 {
  width: 19%; }

.ancho-20 {
  width: 20%; }

.ancho-21 {
  width: 21%; }

.ancho-22 {
  width: 22%; }

.ancho-23 {
  width: 23%; }

.ancho-24 {
  width: 24%; }

.ancho-25 {
  width: 25%; }

.ancho-26 {
  width: 26%; }

.ancho-27 {
  width: 27%; }

.ancho-28 {
  width: 28%; }

.ancho-29 {
  width: 29%; }

.ancho-30 {
  width: 30%; }

.ancho-31 {
  width: 31%; }

.ancho-32 {
  width: 32%; }

.ancho-33 {
  width: 33%; }

.ancho-34 {
  width: 34%; }

.ancho-35 {
  width: 35%; }

.ancho-36 {
  width: 36%; }

.ancho-37 {
  width: 37%; }

.ancho-38 {
  width: 38%; }

.ancho-39 {
  width: 39%; }

.ancho-40 {
  width: 40%; }

.ancho-41 {
  width: 41%; }

.ancho-42 {
  width: 42%; }

.ancho-43 {
  width: 43%; }

.ancho-44 {
  width: 44%; }

.ancho-45 {
  width: 45%; }

.ancho-46 {
  width: 46%; }

.ancho-47 {
  width: 47%; }

.ancho-48 {
  width: 48%; }

.ancho-49 {
  width: 49%; }

.ancho-50 {
  width: 50%; }

.ancho-51 {
  width: 51%; }

.ancho-52 {
  width: 52%; }

.ancho-53 {
  width: 53%; }

.ancho-54 {
  width: 54%; }

.ancho-55 {
  width: 55%; }

.ancho-56 {
  width: 56%; }

.ancho-57 {
  width: 57%; }

.ancho-58 {
  width: 58%; }

.ancho-59 {
  width: 59%; }

.ancho-60 {
  width: 60%; }

.ancho-61 {
  width: 61%; }

.ancho-62 {
  width: 62%; }

.ancho-63 {
  width: 63%; }

.ancho-64 {
  width: 64%; }

.ancho-65 {
  width: 65%; }

.ancho-66 {
  width: 66%; }

.ancho-67 {
  width: 67%; }

.ancho-68 {
  width: 68%; }

.ancho-69 {
  width: 69%; }

.ancho-70 {
  width: 70%; }

.ancho-71 {
  width: 71%; }

.ancho-72 {
  width: 72%; }

.ancho-73 {
  width: 73%; }

.ancho-74 {
  width: 74%; }

.ancho-75 {
  width: 75%; }

.ancho-76 {
  width: 76%; }

.ancho-77 {
  width: 77%; }

.ancho-78 {
  width: 78%; }

.ancho-79 {
  width: 79%; }

.ancho-80 {
  width: 80%; }

.ancho-81 {
  width: 81%; }

.ancho-82 {
  width: 82%; }

.ancho-83 {
  width: 83%; }

.ancho-84 {
  width: 84%; }

.ancho-85 {
  width: 85%; }

.ancho-86 {
  width: 86%; }

.ancho-87 {
  width: 87%; }

.ancho-88 {
  width: 88%; }

.ancho-89 {
  width: 89%; }

.ancho-90 {
  width: 90%; }

.ancho-91 {
  width: 91%; }

.ancho-92 {
  width: 92%; }

.ancho-93 {
  width: 93%; }

.ancho-94 {
  width: 94%; }

.ancho-95 {
  width: 95%; }

.ancho-96 {
  width: 96%; }

.ancho-97 {
  width: 97%; }

.ancho-98 {
  width: 98%; }

.ancho-99 {
  width: 99%; }

.ancho-100 {
  width: 100%; }

.ancho-flex-auto {
  width: auto;
  flex: 1; }

/* hero-searcher */
.hero-searcher {
  transform: translateY(-50px);
  margin-top: -100px;
  position: relative; }
  @media (max-width: 1365px) {
    .hero-searcher {
      transform: translateY(0);
      margin: 0;
      padding: 30px; } }
  .hero-searcher form {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    width: calc(100% - 100px);
    max-width: 1460px;
    margin: 0 auto;
    padding: 15px;
    -webkit-box-shadow: 0px 0px 10px 2px rgba(162, 162, 162, 0.5);
    -moz-box-shadow: 0px 0px 10px 2px rgba(162, 162, 162, 0.5);
    box-shadow: 0px 0px 10px 2px rgba(162, 162, 162, 0.5); }
    @media (max-width: 1365px) {
      .hero-searcher form {
        width: 100%;
        max-width: calc(100% - $sectionSpace); } }
    @media (max-width: 767px) {
      .hero-searcher form {
        flex-direction: column; } }
    .hero-searcher form .datos, .hero-searcher form .comparar {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      width: calc(50% - 25px); }
      @media (max-width: 767px) {
        .hero-searcher form .datos, .hero-searcher form .comparar {
          width: 100%;
          flex-direction: column; } }
      .hero-searcher form .datos > .titulo-seccion, .hero-searcher form .comparar > .titulo-seccion {
        flex: 0;
        width: 33.3%;
        max-width: 100%;
        min-width: 225px;
        padding-right: 30px; }
        @media (max-width: 1023px) {
          .hero-searcher form .datos > .titulo-seccion, .hero-searcher form .comparar > .titulo-seccion {
            width: 100%;
            flex: 1;
            margin-bottom: 15px !important; } }
      .hero-searcher form .datos > .campos, .hero-searcher form .comparar > .campos {
        flex: 1;
        width: 66.6%;
        max-width: 100%;
        min-width: 180px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap; }
        @media (max-width: 767px) {
          .hero-searcher form .datos > .campos, .hero-searcher form .comparar > .campos {
            width: 100%; } }
        .hero-searcher form .datos > .campos > *, .hero-searcher form .comparar > .campos > * {
          padding-right: 30px;
          flex: 1;
          width: 50%;
          max-width: 100%;
          min-width: 150px; }
          @media (max-width: 1365px) {
            .hero-searcher form .datos > .campos > *, .hero-searcher form .comparar > .campos > * {
              margin-bottom: 10px; } }
          @media (max-width: 767px) {
            .hero-searcher form .datos > .campos > *, .hero-searcher form .comparar > .campos > * {
              padding: 0 10px; } }
      .hero-searcher form .datos .titulo-seccion, .hero-searcher form .comparar .titulo-seccion {
        font-size: 14px;
        margin: 5px 0; }
      .hero-searcher form .datos label, .hero-searcher form .comparar label {
        font-size: 13px;
        font-weight: bold;
        display: block;
        margin-bottom: 5px; }
    .hero-searcher form .botonera {
      width: 50px; }
      @media (max-width: 1023px) {
        .hero-searcher form .botonera {
          align-self: flex-end; } }
      @media (max-width: 767px) {
        .hero-searcher form .botonera {
          width: 100%;
          margin-top: 15px; } }
      .hero-searcher form .botonera button {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background: #f70113;
        border: none;
        display: flex;
        width: 50px;
        height: 70px;
        align-items: center;
        justify-content: center;
        -webkit-box-shadow: 0px 0px 10px 2px rgba(162, 162, 162, 0.5);
        -moz-box-shadow: 0px 0px 10px 2px rgba(162, 162, 162, 0.5);
        box-shadow: 0px 0px 10px 2px rgba(162, 162, 162, 0.5); }
        @media (max-width: 767px) {
          .hero-searcher form .botonera button {
            width: 100%;
            height: 36px; } }
        .hero-searcher form .botonera button i {
          font-size: 20px;
          color: #fff;
          transform: rotate(-90deg);
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
          @media (max-width: 767px) {
            .hero-searcher form .botonera button i {
              transform: rotate(0deg);
              -webkit-transform: rotate(0deg);
              -moz-transform: rotate(0deg);
              -ms-transform: rotate(0deg);
              -o-transform: rotate(0deg);
              filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); } }
        .hero-searcher form .botonera button:hover {
          background: #555; }

/* COLORES */
/* mixins */
.ancho-1 {
  width: 1%; }

.ancho-2 {
  width: 2%; }

.ancho-3 {
  width: 3%; }

.ancho-4 {
  width: 4%; }

.ancho-5 {
  width: 5%; }

.ancho-6 {
  width: 6%; }

.ancho-7 {
  width: 7%; }

.ancho-8 {
  width: 8%; }

.ancho-9 {
  width: 9%; }

.ancho-10 {
  width: 10%; }

.ancho-11 {
  width: 11%; }

.ancho-12 {
  width: 12%; }

.ancho-13 {
  width: 13%; }

.ancho-14 {
  width: 14%; }

.ancho-15 {
  width: 15%; }

.ancho-16 {
  width: 16%; }

.ancho-17 {
  width: 17%; }

.ancho-18 {
  width: 18%; }

.ancho-19 {
  width: 19%; }

.ancho-20 {
  width: 20%; }

.ancho-21 {
  width: 21%; }

.ancho-22 {
  width: 22%; }

.ancho-23 {
  width: 23%; }

.ancho-24 {
  width: 24%; }

.ancho-25 {
  width: 25%; }

.ancho-26 {
  width: 26%; }

.ancho-27 {
  width: 27%; }

.ancho-28 {
  width: 28%; }

.ancho-29 {
  width: 29%; }

.ancho-30 {
  width: 30%; }

.ancho-31 {
  width: 31%; }

.ancho-32 {
  width: 32%; }

.ancho-33 {
  width: 33%; }

.ancho-34 {
  width: 34%; }

.ancho-35 {
  width: 35%; }

.ancho-36 {
  width: 36%; }

.ancho-37 {
  width: 37%; }

.ancho-38 {
  width: 38%; }

.ancho-39 {
  width: 39%; }

.ancho-40 {
  width: 40%; }

.ancho-41 {
  width: 41%; }

.ancho-42 {
  width: 42%; }

.ancho-43 {
  width: 43%; }

.ancho-44 {
  width: 44%; }

.ancho-45 {
  width: 45%; }

.ancho-46 {
  width: 46%; }

.ancho-47 {
  width: 47%; }

.ancho-48 {
  width: 48%; }

.ancho-49 {
  width: 49%; }

.ancho-50 {
  width: 50%; }

.ancho-51 {
  width: 51%; }

.ancho-52 {
  width: 52%; }

.ancho-53 {
  width: 53%; }

.ancho-54 {
  width: 54%; }

.ancho-55 {
  width: 55%; }

.ancho-56 {
  width: 56%; }

.ancho-57 {
  width: 57%; }

.ancho-58 {
  width: 58%; }

.ancho-59 {
  width: 59%; }

.ancho-60 {
  width: 60%; }

.ancho-61 {
  width: 61%; }

.ancho-62 {
  width: 62%; }

.ancho-63 {
  width: 63%; }

.ancho-64 {
  width: 64%; }

.ancho-65 {
  width: 65%; }

.ancho-66 {
  width: 66%; }

.ancho-67 {
  width: 67%; }

.ancho-68 {
  width: 68%; }

.ancho-69 {
  width: 69%; }

.ancho-70 {
  width: 70%; }

.ancho-71 {
  width: 71%; }

.ancho-72 {
  width: 72%; }

.ancho-73 {
  width: 73%; }

.ancho-74 {
  width: 74%; }

.ancho-75 {
  width: 75%; }

.ancho-76 {
  width: 76%; }

.ancho-77 {
  width: 77%; }

.ancho-78 {
  width: 78%; }

.ancho-79 {
  width: 79%; }

.ancho-80 {
  width: 80%; }

.ancho-81 {
  width: 81%; }

.ancho-82 {
  width: 82%; }

.ancho-83 {
  width: 83%; }

.ancho-84 {
  width: 84%; }

.ancho-85 {
  width: 85%; }

.ancho-86 {
  width: 86%; }

.ancho-87 {
  width: 87%; }

.ancho-88 {
  width: 88%; }

.ancho-89 {
  width: 89%; }

.ancho-90 {
  width: 90%; }

.ancho-91 {
  width: 91%; }

.ancho-92 {
  width: 92%; }

.ancho-93 {
  width: 93%; }

.ancho-94 {
  width: 94%; }

.ancho-95 {
  width: 95%; }

.ancho-96 {
  width: 96%; }

.ancho-97 {
  width: 97%; }

.ancho-98 {
  width: 98%; }

.ancho-99 {
  width: 99%; }

.ancho-100 {
  width: 100%; }

.ancho-flex-auto {
  width: auto;
  flex: 1; }

/* sabias que */
.seccion.sabias-que {
  max-width: 1125px;
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 60px; }
  .seccion.sabias-que .cuadricula {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap; }
    @media (max-width: 991px) {
      .seccion.sabias-que .cuadricula {
        flex-direction: column; } }
    .seccion.sabias-que .cuadricula .tarjeta-sabias:nth-child(odd) {
      padding-right: 5px; }
      @media (max-width: 991px) {
        .seccion.sabias-que .cuadricula .tarjeta-sabias:nth-child(odd) {
          padding-right: 0; } }
    .seccion.sabias-que .cuadricula .tarjeta-sabias:nth-child(even) {
      padding-left: 5px; }
      @media (max-width: 991px) {
        .seccion.sabias-que .cuadricula .tarjeta-sabias:nth-child(even) {
          padding-left: 0; } }
    @media (max-width: 499px) {
      .seccion.sabias-que .cuadricula .tarjeta-sabias {
        overflow: hidden; } }
    .seccion.sabias-que .cuadricula .tarjeta-sabias > div {
      display: inline-block;
      overflow: hidden;
      position: relative;
      width: 100%;
      padding-top: 175px;
      height: 0; }
      @media (max-width: 991px) {
        .seccion.sabias-que .cuadricula .tarjeta-sabias > div {
          padding-top: 34.58%; } }
      .seccion.sabias-que .cuadricula .tarjeta-sabias > div img {
        pointer-events: none;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: auto;
        max-width: none;
        height: 100%;
        z-index: 0; }
      .seccion.sabias-que .cuadricula .tarjeta-sabias > div .contenido {
        font-size: 16px;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: nowrap;
        padding-right: 20px; }
        .seccion.sabias-que .cuadricula .tarjeta-sabias > div .contenido > * {
          margin: 0; }
        .seccion.sabias-que .cuadricula .tarjeta-sabias > div .contenido strong {
          display: block;
          font-size: 28px;
          letter-spacing: 0.4px;
          font-weight: bold; }
        .seccion.sabias-que .cuadricula .tarjeta-sabias > div .contenido i {
          font-size: 65px;
          color: #f70113;
          margin: 10px; }
          @media (max-width: 991px) {
            .seccion.sabias-que .cuadricula .tarjeta-sabias > div .contenido i {
              display: none; } }
          @media (max-width: 400px) {
            .seccion.sabias-que .cuadricula .tarjeta-sabias > div .contenido i {
              display: initial; } }
    .seccion.sabias-que .cuadricula .tarjeta-sabias.tipo-1 {
      width: calc(46%); }
      @media (max-width: 991px) {
        .seccion.sabias-que .cuadricula .tarjeta-sabias.tipo-1 {
          width: 100%; } }
      @media (max-width: 499px) {
        .seccion.sabias-que .cuadricula .tarjeta-sabias.tipo-1 > div {
          overflow: visible;
          position: initial;
          height: auto;
          padding: 0;
          border-bottom: 10px solid #fff; }
          .seccion.sabias-que .cuadricula .tarjeta-sabias.tipo-1 > div img {
            position: initial;
            top: unset;
            left: unset;
            bottom: unset;
            right: unset; } }
      .seccion.sabias-que .cuadricula .tarjeta-sabias.tipo-1 .contenido {
        color: #fff;
        padding-left: 44%; }
        @media (max-width: 991px) {
          .seccion.sabias-que .cuadricula .tarjeta-sabias.tipo-1 .contenido {
            padding-left: 40%; } }
        @media (max-width: 499px) {
          .seccion.sabias-que .cuadricula .tarjeta-sabias.tipo-1 .contenido {
            position: initial;
            top: unset;
            left: unset;
            bottom: unset;
            right: unset;
            padding: 20px;
            background: #000; } }
    .seccion.sabias-que .cuadricula .tarjeta-sabias.tipo-2 {
      width: calc(54%); }
      @media (max-width: 991px) {
        .seccion.sabias-que .cuadricula .tarjeta-sabias.tipo-2 {
          width: 100%; } }
      .seccion.sabias-que .cuadricula .tarjeta-sabias.tipo-2 .contenido {
        color: #000;
        padding-left: 185px; }
        @media (max-width: 991px) {
          .seccion.sabias-que .cuadricula .tarjeta-sabias.tipo-2 .contenido {
            padding-left: 40%; } }
        @media (max-width: 400px) {
          .seccion.sabias-que .cuadricula .tarjeta-sabias.tipo-2 .contenido {
            position: initial;
            top: unset;
            left: unset;
            bottom: unset;
            right: unset;
            padding: 20px; } }
      .seccion.sabias-que .cuadricula .tarjeta-sabias.tipo-2:nth-child(odd) > div {
        background: #FFEFF0; }
      .seccion.sabias-que .cuadricula .tarjeta-sabias.tipo-2:nth-child(even) > div {
        background: #f2f2f2; }
      @media (max-width: 400px) {
        .seccion.sabias-que .cuadricula .tarjeta-sabias.tipo-2 > div {
          overflow: visible;
          position: initial;
          height: auto;
          padding: 0;
          border-bottom: 10px solid #fff; } }
      .seccion.sabias-que .cuadricula .tarjeta-sabias.tipo-2 > div img {
        width: auto;
        max-height: 175px;
        z-index: 0;
        border-right: 10px solid #fff; }
        @media (max-width: 991px) {
          .seccion.sabias-que .cuadricula .tarjeta-sabias.tipo-2 > div img {
            max-height: 100%; } }
        @media (max-width: 400px) {
          .seccion.sabias-que .cuadricula .tarjeta-sabias.tipo-2 > div img {
            display: none; } }

/* COLORES */
/* mixins */
.ancho-1 {
  width: 1%; }

.ancho-2 {
  width: 2%; }

.ancho-3 {
  width: 3%; }

.ancho-4 {
  width: 4%; }

.ancho-5 {
  width: 5%; }

.ancho-6 {
  width: 6%; }

.ancho-7 {
  width: 7%; }

.ancho-8 {
  width: 8%; }

.ancho-9 {
  width: 9%; }

.ancho-10 {
  width: 10%; }

.ancho-11 {
  width: 11%; }

.ancho-12 {
  width: 12%; }

.ancho-13 {
  width: 13%; }

.ancho-14 {
  width: 14%; }

.ancho-15 {
  width: 15%; }

.ancho-16 {
  width: 16%; }

.ancho-17 {
  width: 17%; }

.ancho-18 {
  width: 18%; }

.ancho-19 {
  width: 19%; }

.ancho-20 {
  width: 20%; }

.ancho-21 {
  width: 21%; }

.ancho-22 {
  width: 22%; }

.ancho-23 {
  width: 23%; }

.ancho-24 {
  width: 24%; }

.ancho-25 {
  width: 25%; }

.ancho-26 {
  width: 26%; }

.ancho-27 {
  width: 27%; }

.ancho-28 {
  width: 28%; }

.ancho-29 {
  width: 29%; }

.ancho-30 {
  width: 30%; }

.ancho-31 {
  width: 31%; }

.ancho-32 {
  width: 32%; }

.ancho-33 {
  width: 33%; }

.ancho-34 {
  width: 34%; }

.ancho-35 {
  width: 35%; }

.ancho-36 {
  width: 36%; }

.ancho-37 {
  width: 37%; }

.ancho-38 {
  width: 38%; }

.ancho-39 {
  width: 39%; }

.ancho-40 {
  width: 40%; }

.ancho-41 {
  width: 41%; }

.ancho-42 {
  width: 42%; }

.ancho-43 {
  width: 43%; }

.ancho-44 {
  width: 44%; }

.ancho-45 {
  width: 45%; }

.ancho-46 {
  width: 46%; }

.ancho-47 {
  width: 47%; }

.ancho-48 {
  width: 48%; }

.ancho-49 {
  width: 49%; }

.ancho-50 {
  width: 50%; }

.ancho-51 {
  width: 51%; }

.ancho-52 {
  width: 52%; }

.ancho-53 {
  width: 53%; }

.ancho-54 {
  width: 54%; }

.ancho-55 {
  width: 55%; }

.ancho-56 {
  width: 56%; }

.ancho-57 {
  width: 57%; }

.ancho-58 {
  width: 58%; }

.ancho-59 {
  width: 59%; }

.ancho-60 {
  width: 60%; }

.ancho-61 {
  width: 61%; }

.ancho-62 {
  width: 62%; }

.ancho-63 {
  width: 63%; }

.ancho-64 {
  width: 64%; }

.ancho-65 {
  width: 65%; }

.ancho-66 {
  width: 66%; }

.ancho-67 {
  width: 67%; }

.ancho-68 {
  width: 68%; }

.ancho-69 {
  width: 69%; }

.ancho-70 {
  width: 70%; }

.ancho-71 {
  width: 71%; }

.ancho-72 {
  width: 72%; }

.ancho-73 {
  width: 73%; }

.ancho-74 {
  width: 74%; }

.ancho-75 {
  width: 75%; }

.ancho-76 {
  width: 76%; }

.ancho-77 {
  width: 77%; }

.ancho-78 {
  width: 78%; }

.ancho-79 {
  width: 79%; }

.ancho-80 {
  width: 80%; }

.ancho-81 {
  width: 81%; }

.ancho-82 {
  width: 82%; }

.ancho-83 {
  width: 83%; }

.ancho-84 {
  width: 84%; }

.ancho-85 {
  width: 85%; }

.ancho-86 {
  width: 86%; }

.ancho-87 {
  width: 87%; }

.ancho-88 {
  width: 88%; }

.ancho-89 {
  width: 89%; }

.ancho-90 {
  width: 90%; }

.ancho-91 {
  width: 91%; }

.ancho-92 {
  width: 92%; }

.ancho-93 {
  width: 93%; }

.ancho-94 {
  width: 94%; }

.ancho-95 {
  width: 95%; }

.ancho-96 {
  width: 96%; }

.ancho-97 {
  width: 97%; }

.ancho-98 {
  width: 98%; }

.ancho-99 {
  width: 99%; }

.ancho-100 {
  width: 100%; }

.ancho-flex-auto {
  width: auto;
  flex: 1; }

.seccion.damero-fotos .galeria {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap; }
  @media (max-width: 767px) {
    .seccion.damero-fotos .galeria {
      flex-direction: column; } }
  .seccion.damero-fotos .galeria .columna {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap; }
  .seccion.damero-fotos .galeria > div.columna:nth-child(1), .seccion.damero-fotos .galeria > div.columna:nth-child(2) {
    flex: 1 1 40%;
    width: 40%; }
    @media (max-width: 767px) {
      .seccion.damero-fotos .galeria > div.columna:nth-child(1), .seccion.damero-fotos .galeria > div.columna:nth-child(2) {
        flex: 1 1 100%;
        width: 100%; } }
  .seccion.damero-fotos .galeria > div.columna:nth-child(3) {
    flex: 1 1 20%;
    width: 20%; }
    @media (max-width: 767px) {
      .seccion.damero-fotos .galeria > div.columna:nth-child(3) {
        flex-direction: row;
        flex: 1 1 50%;
        width: 50%; } }
  .seccion.damero-fotos .galeria .fila {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    width: 100%; }
    .seccion.damero-fotos .galeria .fila > * {
      flex: 1; }

/* COLORES */
/* mixins */
.ancho-1 {
  width: 1%; }

.ancho-2 {
  width: 2%; }

.ancho-3 {
  width: 3%; }

.ancho-4 {
  width: 4%; }

.ancho-5 {
  width: 5%; }

.ancho-6 {
  width: 6%; }

.ancho-7 {
  width: 7%; }

.ancho-8 {
  width: 8%; }

.ancho-9 {
  width: 9%; }

.ancho-10 {
  width: 10%; }

.ancho-11 {
  width: 11%; }

.ancho-12 {
  width: 12%; }

.ancho-13 {
  width: 13%; }

.ancho-14 {
  width: 14%; }

.ancho-15 {
  width: 15%; }

.ancho-16 {
  width: 16%; }

.ancho-17 {
  width: 17%; }

.ancho-18 {
  width: 18%; }

.ancho-19 {
  width: 19%; }

.ancho-20 {
  width: 20%; }

.ancho-21 {
  width: 21%; }

.ancho-22 {
  width: 22%; }

.ancho-23 {
  width: 23%; }

.ancho-24 {
  width: 24%; }

.ancho-25 {
  width: 25%; }

.ancho-26 {
  width: 26%; }

.ancho-27 {
  width: 27%; }

.ancho-28 {
  width: 28%; }

.ancho-29 {
  width: 29%; }

.ancho-30 {
  width: 30%; }

.ancho-31 {
  width: 31%; }

.ancho-32 {
  width: 32%; }

.ancho-33 {
  width: 33%; }

.ancho-34 {
  width: 34%; }

.ancho-35 {
  width: 35%; }

.ancho-36 {
  width: 36%; }

.ancho-37 {
  width: 37%; }

.ancho-38 {
  width: 38%; }

.ancho-39 {
  width: 39%; }

.ancho-40 {
  width: 40%; }

.ancho-41 {
  width: 41%; }

.ancho-42 {
  width: 42%; }

.ancho-43 {
  width: 43%; }

.ancho-44 {
  width: 44%; }

.ancho-45 {
  width: 45%; }

.ancho-46 {
  width: 46%; }

.ancho-47 {
  width: 47%; }

.ancho-48 {
  width: 48%; }

.ancho-49 {
  width: 49%; }

.ancho-50 {
  width: 50%; }

.ancho-51 {
  width: 51%; }

.ancho-52 {
  width: 52%; }

.ancho-53 {
  width: 53%; }

.ancho-54 {
  width: 54%; }

.ancho-55 {
  width: 55%; }

.ancho-56 {
  width: 56%; }

.ancho-57 {
  width: 57%; }

.ancho-58 {
  width: 58%; }

.ancho-59 {
  width: 59%; }

.ancho-60 {
  width: 60%; }

.ancho-61 {
  width: 61%; }

.ancho-62 {
  width: 62%; }

.ancho-63 {
  width: 63%; }

.ancho-64 {
  width: 64%; }

.ancho-65 {
  width: 65%; }

.ancho-66 {
  width: 66%; }

.ancho-67 {
  width: 67%; }

.ancho-68 {
  width: 68%; }

.ancho-69 {
  width: 69%; }

.ancho-70 {
  width: 70%; }

.ancho-71 {
  width: 71%; }

.ancho-72 {
  width: 72%; }

.ancho-73 {
  width: 73%; }

.ancho-74 {
  width: 74%; }

.ancho-75 {
  width: 75%; }

.ancho-76 {
  width: 76%; }

.ancho-77 {
  width: 77%; }

.ancho-78 {
  width: 78%; }

.ancho-79 {
  width: 79%; }

.ancho-80 {
  width: 80%; }

.ancho-81 {
  width: 81%; }

.ancho-82 {
  width: 82%; }

.ancho-83 {
  width: 83%; }

.ancho-84 {
  width: 84%; }

.ancho-85 {
  width: 85%; }

.ancho-86 {
  width: 86%; }

.ancho-87 {
  width: 87%; }

.ancho-88 {
  width: 88%; }

.ancho-89 {
  width: 89%; }

.ancho-90 {
  width: 90%; }

.ancho-91 {
  width: 91%; }

.ancho-92 {
  width: 92%; }

.ancho-93 {
  width: 93%; }

.ancho-94 {
  width: 94%; }

.ancho-95 {
  width: 95%; }

.ancho-96 {
  width: 96%; }

.ancho-97 {
  width: 97%; }

.ancho-98 {
  width: 98%; }

.ancho-99 {
  width: 99%; }

.ancho-100 {
  width: 100%; }

.ancho-flex-auto {
  width: auto;
  flex: 1; }

#footer .top {
  background: #1c1c1c;
  padding: 30px 0; }
  #footer .top .fila-1, #footer .top .fila-2 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap; }
    #footer .top .fila-1 img, #footer .top .fila-2 img {
      width: auto;
      margin: 10px 0; }
  #footer .top .fila-1 {
    padding-bottom: 20px; }
  #footer .top hr {
    height: 2px;
    border: none;
    background: #fff; }
  #footer .top .fila-info > div {
    text-align: center;
    padding: 5px 0;
    color: #fff;
    font-size: 14px; }
    #footer .top .fila-info > div:nth-child(1) {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap; }
      #footer .top .fila-info > div:nth-child(1) span {
        white-space: nowrap; }
        #footer .top .fila-info > div:nth-child(1) span:not(:last-child):after {
          content: '';
          margin: 0 10px;
          border-right: 1px solid #fff; }
          @media (max-width: 499px) {
            #footer .top .fila-info > div:nth-child(1) span:not(:last-child):after {
              display: none; } }
        @media (max-width: 767px) {
          #footer .top .fila-info > div:nth-child(1) span {
            padding: 10px 0; } }
        @media (max-width: 499px) {
          #footer .top .fila-info > div:nth-child(1) span {
            display: block; } }
    #footer .top .fila-info > div:nth-child(3) a {
      white-space: nowrap; }
      #footer .top .fila-info > div:nth-child(3) a:not(:last-child):after {
        content: '';
        margin: 0 10px;
        border-right: 1px solid #fff; }
        @media (max-width: 499px) {
          #footer .top .fila-info > div:nth-child(3) a:not(:last-child):after {
            display: none; } }
      @media (max-width: 767px) {
        #footer .top .fila-info > div:nth-child(3) a {
          padding: 10px 0; } }
      @media (max-width: 499px) {
        #footer .top .fila-info > div:nth-child(3) a {
          display: block; } }
    #footer .top .fila-info > div a {
      color: #f70113; }
      #footer .top .fila-info > div a:hover {
        color: #fff;
        text-decoration: none; }
#footer .bottom {
  background: #000;
  color: #fff;
  padding: 15px 0;
  font-size: 13px; }

/* COLORES */
/* mixins */
.ancho-1 {
  width: 1%; }

.ancho-2 {
  width: 2%; }

.ancho-3 {
  width: 3%; }

.ancho-4 {
  width: 4%; }

.ancho-5 {
  width: 5%; }

.ancho-6 {
  width: 6%; }

.ancho-7 {
  width: 7%; }

.ancho-8 {
  width: 8%; }

.ancho-9 {
  width: 9%; }

.ancho-10 {
  width: 10%; }

.ancho-11 {
  width: 11%; }

.ancho-12 {
  width: 12%; }

.ancho-13 {
  width: 13%; }

.ancho-14 {
  width: 14%; }

.ancho-15 {
  width: 15%; }

.ancho-16 {
  width: 16%; }

.ancho-17 {
  width: 17%; }

.ancho-18 {
  width: 18%; }

.ancho-19 {
  width: 19%; }

.ancho-20 {
  width: 20%; }

.ancho-21 {
  width: 21%; }

.ancho-22 {
  width: 22%; }

.ancho-23 {
  width: 23%; }

.ancho-24 {
  width: 24%; }

.ancho-25 {
  width: 25%; }

.ancho-26 {
  width: 26%; }

.ancho-27 {
  width: 27%; }

.ancho-28 {
  width: 28%; }

.ancho-29 {
  width: 29%; }

.ancho-30 {
  width: 30%; }

.ancho-31 {
  width: 31%; }

.ancho-32 {
  width: 32%; }

.ancho-33 {
  width: 33%; }

.ancho-34 {
  width: 34%; }

.ancho-35 {
  width: 35%; }

.ancho-36 {
  width: 36%; }

.ancho-37 {
  width: 37%; }

.ancho-38 {
  width: 38%; }

.ancho-39 {
  width: 39%; }

.ancho-40 {
  width: 40%; }

.ancho-41 {
  width: 41%; }

.ancho-42 {
  width: 42%; }

.ancho-43 {
  width: 43%; }

.ancho-44 {
  width: 44%; }

.ancho-45 {
  width: 45%; }

.ancho-46 {
  width: 46%; }

.ancho-47 {
  width: 47%; }

.ancho-48 {
  width: 48%; }

.ancho-49 {
  width: 49%; }

.ancho-50 {
  width: 50%; }

.ancho-51 {
  width: 51%; }

.ancho-52 {
  width: 52%; }

.ancho-53 {
  width: 53%; }

.ancho-54 {
  width: 54%; }

.ancho-55 {
  width: 55%; }

.ancho-56 {
  width: 56%; }

.ancho-57 {
  width: 57%; }

.ancho-58 {
  width: 58%; }

.ancho-59 {
  width: 59%; }

.ancho-60 {
  width: 60%; }

.ancho-61 {
  width: 61%; }

.ancho-62 {
  width: 62%; }

.ancho-63 {
  width: 63%; }

.ancho-64 {
  width: 64%; }

.ancho-65 {
  width: 65%; }

.ancho-66 {
  width: 66%; }

.ancho-67 {
  width: 67%; }

.ancho-68 {
  width: 68%; }

.ancho-69 {
  width: 69%; }

.ancho-70 {
  width: 70%; }

.ancho-71 {
  width: 71%; }

.ancho-72 {
  width: 72%; }

.ancho-73 {
  width: 73%; }

.ancho-74 {
  width: 74%; }

.ancho-75 {
  width: 75%; }

.ancho-76 {
  width: 76%; }

.ancho-77 {
  width: 77%; }

.ancho-78 {
  width: 78%; }

.ancho-79 {
  width: 79%; }

.ancho-80 {
  width: 80%; }

.ancho-81 {
  width: 81%; }

.ancho-82 {
  width: 82%; }

.ancho-83 {
  width: 83%; }

.ancho-84 {
  width: 84%; }

.ancho-85 {
  width: 85%; }

.ancho-86 {
  width: 86%; }

.ancho-87 {
  width: 87%; }

.ancho-88 {
  width: 88%; }

.ancho-89 {
  width: 89%; }

.ancho-90 {
  width: 90%; }

.ancho-91 {
  width: 91%; }

.ancho-92 {
  width: 92%; }

.ancho-93 {
  width: 93%; }

.ancho-94 {
  width: 94%; }

.ancho-95 {
  width: 95%; }

.ancho-96 {
  width: 96%; }

.ancho-97 {
  width: 97%; }

.ancho-98 {
  width: 98%; }

.ancho-99 {
  width: 99%; }

.ancho-100 {
  width: 100%; }

.ancho-flex-auto {
  width: auto;
  flex: 1; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("/assets/img/ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 15px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: #f70113;
      opacity: 1; }

/* ESPECIFICO SECCIÓN */
.seccion.carrusel {
  overflow-x: hidden; }
  .seccion.carrusel .intro {
    max-width: 1125px;
    margin: 0 auto; }
  .seccion.carrusel .slick-list {
    padding-top: 30px !important;
    padding-bottom: 30px !important; }

.carrusel-item {
  width: 85vw !important;
  max-width: 1125px;
  margin: 0 auto; }
  .carrusel-item-container {
    min-height: 480px;
    padding: 30px;
    margin: 0 25px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    background: #fff;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.35);
    position: relative; }
    @media (max-width: 1023px) {
      .carrusel-item-container {
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        margin: 0 10px;
        padding: 15px;
        min-height: 80vh; } }
  .carrusel-item-foto {
    width: 60%;
    max-width: 580px;
    flex: 1 1 auto; }
    @media (max-width: 1023px) {
      .carrusel-item-foto {
        width: 100%;
        flex: 0; } }
  .carrusel-item-contenido {
    width: 40%;
    min-width: 300px;
    flex: 1;
    padding: 0 0 30px 30px; }
    @media (max-width: 1023px) {
      .carrusel-item-contenido {
        width: 100%;
        padding: 30px 0;
        min-width: unset; } }
    .carrusel-item-contenido .pre-title {
      margin-bottom: 10px; }
    .carrusel-item-contenido .pos-title {
      color: #f70113;
      text-transform: uppercase;
      font-size: 13px;
      margin-bottom: 10px; }
    .carrusel-item-contenido .title {
      font-size: 28px;
      color: #000;
      font-weight: 600;
      margin-bottom: 20px;
      position: relative; }
      .carrusel-item-contenido .title:after {
        content: '';
        display: block;
        height: 4px;
        width: 54px;
        background: #ddd; }
    .carrusel-item-contenido .cta-flecha {
      position: absolute;
      bottom: 30px;
      right: 30px; }
      @media (max-width: 1023px) {
        .carrusel-item-contenido .cta-flecha {
          bottom: 15px;
          right: 15px; } }
    .carrusel-item-contenido .selector-vista {
      text-align: center; }
      .carrusel-item-contenido .selector-vista.last {
        margin-bottom: 20px; }
      .carrusel-item-contenido .selector-vista.plantas {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
      .carrusel-item-contenido .selector-vista.orientacion.dos {
        flex-direction: row;
        justify-content: space-between; }
      .carrusel-item-contenido .selector-vista .etiqueta {
        text-align: center;
        text-transform: uppercase;
        color: #555;
        border: 1px solid #555;
        background: #ddd;
        height: 36px;
        width: 130px;
        display: inline-flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin: 5px 0; }
        .carrusel-item-contenido .selector-vista .etiqueta:hover, .carrusel-item-contenido .selector-vista .etiqueta.active {
          color: #f70113;
          border: 1px solid #f70113;
          background: #FFEFF0;
          cursor: pointer; }

/* COLORES */
/* mixins */
.ancho-1 {
  width: 1%; }

.ancho-2 {
  width: 2%; }

.ancho-3 {
  width: 3%; }

.ancho-4 {
  width: 4%; }

.ancho-5 {
  width: 5%; }

.ancho-6 {
  width: 6%; }

.ancho-7 {
  width: 7%; }

.ancho-8 {
  width: 8%; }

.ancho-9 {
  width: 9%; }

.ancho-10 {
  width: 10%; }

.ancho-11 {
  width: 11%; }

.ancho-12 {
  width: 12%; }

.ancho-13 {
  width: 13%; }

.ancho-14 {
  width: 14%; }

.ancho-15 {
  width: 15%; }

.ancho-16 {
  width: 16%; }

.ancho-17 {
  width: 17%; }

.ancho-18 {
  width: 18%; }

.ancho-19 {
  width: 19%; }

.ancho-20 {
  width: 20%; }

.ancho-21 {
  width: 21%; }

.ancho-22 {
  width: 22%; }

.ancho-23 {
  width: 23%; }

.ancho-24 {
  width: 24%; }

.ancho-25 {
  width: 25%; }

.ancho-26 {
  width: 26%; }

.ancho-27 {
  width: 27%; }

.ancho-28 {
  width: 28%; }

.ancho-29 {
  width: 29%; }

.ancho-30 {
  width: 30%; }

.ancho-31 {
  width: 31%; }

.ancho-32 {
  width: 32%; }

.ancho-33 {
  width: 33%; }

.ancho-34 {
  width: 34%; }

.ancho-35 {
  width: 35%; }

.ancho-36 {
  width: 36%; }

.ancho-37 {
  width: 37%; }

.ancho-38 {
  width: 38%; }

.ancho-39 {
  width: 39%; }

.ancho-40 {
  width: 40%; }

.ancho-41 {
  width: 41%; }

.ancho-42 {
  width: 42%; }

.ancho-43 {
  width: 43%; }

.ancho-44 {
  width: 44%; }

.ancho-45 {
  width: 45%; }

.ancho-46 {
  width: 46%; }

.ancho-47 {
  width: 47%; }

.ancho-48 {
  width: 48%; }

.ancho-49 {
  width: 49%; }

.ancho-50 {
  width: 50%; }

.ancho-51 {
  width: 51%; }

.ancho-52 {
  width: 52%; }

.ancho-53 {
  width: 53%; }

.ancho-54 {
  width: 54%; }

.ancho-55 {
  width: 55%; }

.ancho-56 {
  width: 56%; }

.ancho-57 {
  width: 57%; }

.ancho-58 {
  width: 58%; }

.ancho-59 {
  width: 59%; }

.ancho-60 {
  width: 60%; }

.ancho-61 {
  width: 61%; }

.ancho-62 {
  width: 62%; }

.ancho-63 {
  width: 63%; }

.ancho-64 {
  width: 64%; }

.ancho-65 {
  width: 65%; }

.ancho-66 {
  width: 66%; }

.ancho-67 {
  width: 67%; }

.ancho-68 {
  width: 68%; }

.ancho-69 {
  width: 69%; }

.ancho-70 {
  width: 70%; }

.ancho-71 {
  width: 71%; }

.ancho-72 {
  width: 72%; }

.ancho-73 {
  width: 73%; }

.ancho-74 {
  width: 74%; }

.ancho-75 {
  width: 75%; }

.ancho-76 {
  width: 76%; }

.ancho-77 {
  width: 77%; }

.ancho-78 {
  width: 78%; }

.ancho-79 {
  width: 79%; }

.ancho-80 {
  width: 80%; }

.ancho-81 {
  width: 81%; }

.ancho-82 {
  width: 82%; }

.ancho-83 {
  width: 83%; }

.ancho-84 {
  width: 84%; }

.ancho-85 {
  width: 85%; }

.ancho-86 {
  width: 86%; }

.ancho-87 {
  width: 87%; }

.ancho-88 {
  width: 88%; }

.ancho-89 {
  width: 89%; }

.ancho-90 {
  width: 90%; }

.ancho-91 {
  width: 91%; }

.ancho-92 {
  width: 92%; }

.ancho-93 {
  width: 93%; }

.ancho-94 {
  width: 94%; }

.ancho-95 {
  width: 95%; }

.ancho-96 {
  width: 96%; }

.ancho-97 {
  width: 97%; }

.ancho-98 {
  width: 98%; }

.ancho-99 {
  width: 99%; }

.ancho-100 {
  width: 100%; }

.ancho-flex-auto {
  width: auto;
  flex: 1; }

.seccion.aforo {
  max-width: 1125px;
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 60px; }
  .seccion.aforo > .container {
    padding-top: 30px;
    padding-bottom: 30px; }
    @media (max-width: 992px) {
      .seccion.aforo > .container > .row > div:first-child {
        margin-bottom: 30px; } }
    @media (max-width: 767px) {
      .seccion.aforo > .container > .row > div {
        margin-bottom: 30px; } }
  .seccion.aforo .bloque-monigotes {
    margin: 30px 0; }
    .seccion.aforo .bloque-monigotes:first-child {
      margin-top: 0; }
    .seccion.aforo .bloque-monigotes:last-child {
      margin-bottom: 0; }
    .seccion.aforo .bloque-monigotes-titulo {
      font-size: 15px;
      text-transform: uppercase; }
    .seccion.aforo .bloque-monigotes-tendencia {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: flex-end;
      margin: 20px 0; }
      .seccion.aforo .bloque-monigotes-tendencia .num {
        font-size: 60px;
        line-height: 0.6;
        margin-right: 10px;
        font-weight: bold; }
      .seccion.aforo .bloque-monigotes-tendencia .label {
        font-size: 15px;
        line-height: 1;
        margin-right: 10px; }
      .seccion.aforo .bloque-monigotes-tendencia .tendencia {
        font-size: 10px;
        line-height: 1;
        margin-bottom: 2px;
        display: inline-block; }
        .seccion.aforo .bloque-monigotes-tendencia .tendencia.rojo i {
          color: #ff3434; }
        .seccion.aforo .bloque-monigotes-tendencia .tendencia.verde i {
          color: #8bc660; }
        .seccion.aforo .bloque-monigotes-tendencia .tendencia.naranja i {
          color: #ff9e5e; }
    .seccion.aforo .bloque-monigotes-monigotes i.icon-monigote {
      font-size: 37px;
      color: #ddd;
      margin-right: 5px; }
      .seccion.aforo .bloque-monigotes-monigotes i.icon-monigote.active {
        color: #ff3434; }
  .seccion.aforo .info-rapida {
    padding: 15px;
    background-color: #F9F9F9; }
    .seccion.aforo .info-rapida-item {
      padding: 0 0 10px 0;
      margin: 0 0 10px 0;
      border-bottom: 1px solid #ddd;
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center; }
      .seccion.aforo .info-rapida-item:last-child {
        padding: 0;
        margin: 0;
        border-bottom: none; }
      .seccion.aforo .info-rapida-item i {
        font-size: 24px;
        margin-right: 10px; }
        .seccion.aforo .info-rapida-item i.icon-aforo-maximo {
          color: #ff3434; }
        .seccion.aforo .info-rapida-item i.icon-aforo-minimo {
          color: #1a72cd; }
        .seccion.aforo .info-rapida-item i.icon-entradas {
          color: #8bc660; }
        .seccion.aforo .info-rapida-item i.icon-salidas {
          color: #ff9e5e; }
      .seccion.aforo .info-rapida-item .data-title {
        font-size: 15px;
        text-transform: uppercase; }
      .seccion.aforo .info-rapida-item .data-value {
        margin-left: auto;
        font-size: 20px;
        font-weight: bold;
        margin-right: 10px; }
      .seccion.aforo .info-rapida-item .data-tendencia {
        font-size: 10px;
        line-height: 1;
        margin-bottom: 2px;
        display: inline-block; }
        .seccion.aforo .info-rapida-item .data-tendencia i {
          font-size: 15px;
          line-height: 1; }
        .seccion.aforo .info-rapida-item .data-tendencia.rojo i {
          color: #ff3434; }
        .seccion.aforo .info-rapida-item .data-tendencia.verde i {
          color: #8bc660; }
        .seccion.aforo .info-rapida-item .data-tendencia.naranja i {
          color: #ff9e5e; }

/* COLORES */
/* mixins */
.ancho-1 {
  width: 1%; }

.ancho-2 {
  width: 2%; }

.ancho-3 {
  width: 3%; }

.ancho-4 {
  width: 4%; }

.ancho-5 {
  width: 5%; }

.ancho-6 {
  width: 6%; }

.ancho-7 {
  width: 7%; }

.ancho-8 {
  width: 8%; }

.ancho-9 {
  width: 9%; }

.ancho-10 {
  width: 10%; }

.ancho-11 {
  width: 11%; }

.ancho-12 {
  width: 12%; }

.ancho-13 {
  width: 13%; }

.ancho-14 {
  width: 14%; }

.ancho-15 {
  width: 15%; }

.ancho-16 {
  width: 16%; }

.ancho-17 {
  width: 17%; }

.ancho-18 {
  width: 18%; }

.ancho-19 {
  width: 19%; }

.ancho-20 {
  width: 20%; }

.ancho-21 {
  width: 21%; }

.ancho-22 {
  width: 22%; }

.ancho-23 {
  width: 23%; }

.ancho-24 {
  width: 24%; }

.ancho-25 {
  width: 25%; }

.ancho-26 {
  width: 26%; }

.ancho-27 {
  width: 27%; }

.ancho-28 {
  width: 28%; }

.ancho-29 {
  width: 29%; }

.ancho-30 {
  width: 30%; }

.ancho-31 {
  width: 31%; }

.ancho-32 {
  width: 32%; }

.ancho-33 {
  width: 33%; }

.ancho-34 {
  width: 34%; }

.ancho-35 {
  width: 35%; }

.ancho-36 {
  width: 36%; }

.ancho-37 {
  width: 37%; }

.ancho-38 {
  width: 38%; }

.ancho-39 {
  width: 39%; }

.ancho-40 {
  width: 40%; }

.ancho-41 {
  width: 41%; }

.ancho-42 {
  width: 42%; }

.ancho-43 {
  width: 43%; }

.ancho-44 {
  width: 44%; }

.ancho-45 {
  width: 45%; }

.ancho-46 {
  width: 46%; }

.ancho-47 {
  width: 47%; }

.ancho-48 {
  width: 48%; }

.ancho-49 {
  width: 49%; }

.ancho-50 {
  width: 50%; }

.ancho-51 {
  width: 51%; }

.ancho-52 {
  width: 52%; }

.ancho-53 {
  width: 53%; }

.ancho-54 {
  width: 54%; }

.ancho-55 {
  width: 55%; }

.ancho-56 {
  width: 56%; }

.ancho-57 {
  width: 57%; }

.ancho-58 {
  width: 58%; }

.ancho-59 {
  width: 59%; }

.ancho-60 {
  width: 60%; }

.ancho-61 {
  width: 61%; }

.ancho-62 {
  width: 62%; }

.ancho-63 {
  width: 63%; }

.ancho-64 {
  width: 64%; }

.ancho-65 {
  width: 65%; }

.ancho-66 {
  width: 66%; }

.ancho-67 {
  width: 67%; }

.ancho-68 {
  width: 68%; }

.ancho-69 {
  width: 69%; }

.ancho-70 {
  width: 70%; }

.ancho-71 {
  width: 71%; }

.ancho-72 {
  width: 72%; }

.ancho-73 {
  width: 73%; }

.ancho-74 {
  width: 74%; }

.ancho-75 {
  width: 75%; }

.ancho-76 {
  width: 76%; }

.ancho-77 {
  width: 77%; }

.ancho-78 {
  width: 78%; }

.ancho-79 {
  width: 79%; }

.ancho-80 {
  width: 80%; }

.ancho-81 {
  width: 81%; }

.ancho-82 {
  width: 82%; }

.ancho-83 {
  width: 83%; }

.ancho-84 {
  width: 84%; }

.ancho-85 {
  width: 85%; }

.ancho-86 {
  width: 86%; }

.ancho-87 {
  width: 87%; }

.ancho-88 {
  width: 88%; }

.ancho-89 {
  width: 89%; }

.ancho-90 {
  width: 90%; }

.ancho-91 {
  width: 91%; }

.ancho-92 {
  width: 92%; }

.ancho-93 {
  width: 93%; }

.ancho-94 {
  width: 94%; }

.ancho-95 {
  width: 95%; }

.ancho-96 {
  width: 96%; }

.ancho-97 {
  width: 97%; }

.ancho-98 {
  width: 98%; }

.ancho-99 {
  width: 99%; }

.ancho-100 {
  width: 100%; }

.ancho-flex-auto {
  width: auto;
  flex: 1; }

.seccion.consumos-viviendas {
  max-width: 1125px;
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 60px; }
  @media (max-width: 992px) {
    .seccion.consumos-viviendas {
      padding-bottom: 0; } }
  .seccion.consumos-viviendas > .container {
    padding-top: 30px;
    padding-bottom: 30px; }

/* COLORES */
/* mixins */
.ancho-1 {
  width: 1%; }

.ancho-2 {
  width: 2%; }

.ancho-3 {
  width: 3%; }

.ancho-4 {
  width: 4%; }

.ancho-5 {
  width: 5%; }

.ancho-6 {
  width: 6%; }

.ancho-7 {
  width: 7%; }

.ancho-8 {
  width: 8%; }

.ancho-9 {
  width: 9%; }

.ancho-10 {
  width: 10%; }

.ancho-11 {
  width: 11%; }

.ancho-12 {
  width: 12%; }

.ancho-13 {
  width: 13%; }

.ancho-14 {
  width: 14%; }

.ancho-15 {
  width: 15%; }

.ancho-16 {
  width: 16%; }

.ancho-17 {
  width: 17%; }

.ancho-18 {
  width: 18%; }

.ancho-19 {
  width: 19%; }

.ancho-20 {
  width: 20%; }

.ancho-21 {
  width: 21%; }

.ancho-22 {
  width: 22%; }

.ancho-23 {
  width: 23%; }

.ancho-24 {
  width: 24%; }

.ancho-25 {
  width: 25%; }

.ancho-26 {
  width: 26%; }

.ancho-27 {
  width: 27%; }

.ancho-28 {
  width: 28%; }

.ancho-29 {
  width: 29%; }

.ancho-30 {
  width: 30%; }

.ancho-31 {
  width: 31%; }

.ancho-32 {
  width: 32%; }

.ancho-33 {
  width: 33%; }

.ancho-34 {
  width: 34%; }

.ancho-35 {
  width: 35%; }

.ancho-36 {
  width: 36%; }

.ancho-37 {
  width: 37%; }

.ancho-38 {
  width: 38%; }

.ancho-39 {
  width: 39%; }

.ancho-40 {
  width: 40%; }

.ancho-41 {
  width: 41%; }

.ancho-42 {
  width: 42%; }

.ancho-43 {
  width: 43%; }

.ancho-44 {
  width: 44%; }

.ancho-45 {
  width: 45%; }

.ancho-46 {
  width: 46%; }

.ancho-47 {
  width: 47%; }

.ancho-48 {
  width: 48%; }

.ancho-49 {
  width: 49%; }

.ancho-50 {
  width: 50%; }

.ancho-51 {
  width: 51%; }

.ancho-52 {
  width: 52%; }

.ancho-53 {
  width: 53%; }

.ancho-54 {
  width: 54%; }

.ancho-55 {
  width: 55%; }

.ancho-56 {
  width: 56%; }

.ancho-57 {
  width: 57%; }

.ancho-58 {
  width: 58%; }

.ancho-59 {
  width: 59%; }

.ancho-60 {
  width: 60%; }

.ancho-61 {
  width: 61%; }

.ancho-62 {
  width: 62%; }

.ancho-63 {
  width: 63%; }

.ancho-64 {
  width: 64%; }

.ancho-65 {
  width: 65%; }

.ancho-66 {
  width: 66%; }

.ancho-67 {
  width: 67%; }

.ancho-68 {
  width: 68%; }

.ancho-69 {
  width: 69%; }

.ancho-70 {
  width: 70%; }

.ancho-71 {
  width: 71%; }

.ancho-72 {
  width: 72%; }

.ancho-73 {
  width: 73%; }

.ancho-74 {
  width: 74%; }

.ancho-75 {
  width: 75%; }

.ancho-76 {
  width: 76%; }

.ancho-77 {
  width: 77%; }

.ancho-78 {
  width: 78%; }

.ancho-79 {
  width: 79%; }

.ancho-80 {
  width: 80%; }

.ancho-81 {
  width: 81%; }

.ancho-82 {
  width: 82%; }

.ancho-83 {
  width: 83%; }

.ancho-84 {
  width: 84%; }

.ancho-85 {
  width: 85%; }

.ancho-86 {
  width: 86%; }

.ancho-87 {
  width: 87%; }

.ancho-88 {
  width: 88%; }

.ancho-89 {
  width: 89%; }

.ancho-90 {
  width: 90%; }

.ancho-91 {
  width: 91%; }

.ancho-92 {
  width: 92%; }

.ancho-93 {
  width: 93%; }

.ancho-94 {
  width: 94%; }

.ancho-95 {
  width: 95%; }

.ancho-96 {
  width: 96%; }

.ancho-97 {
  width: 97%; }

.ancho-98 {
  width: 98%; }

.ancho-99 {
  width: 99%; }

.ancho-100 {
  width: 100%; }

.ancho-flex-auto {
  width: auto;
  flex: 1; }

.seccion.consumos-zonas-comunes {
  max-width: 1125px;
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 60px; }
  @media (max-width: 992px) {
    .seccion.consumos-zonas-comunes {
      padding-bottom: 0; } }
  .seccion.consumos-zonas-comunes > .container {
    padding-top: 30px;
    padding-bottom: 30px; }

/* COLORES */
/* mixins */
.ancho-1 {
  width: 1%; }

.ancho-2 {
  width: 2%; }

.ancho-3 {
  width: 3%; }

.ancho-4 {
  width: 4%; }

.ancho-5 {
  width: 5%; }

.ancho-6 {
  width: 6%; }

.ancho-7 {
  width: 7%; }

.ancho-8 {
  width: 8%; }

.ancho-9 {
  width: 9%; }

.ancho-10 {
  width: 10%; }

.ancho-11 {
  width: 11%; }

.ancho-12 {
  width: 12%; }

.ancho-13 {
  width: 13%; }

.ancho-14 {
  width: 14%; }

.ancho-15 {
  width: 15%; }

.ancho-16 {
  width: 16%; }

.ancho-17 {
  width: 17%; }

.ancho-18 {
  width: 18%; }

.ancho-19 {
  width: 19%; }

.ancho-20 {
  width: 20%; }

.ancho-21 {
  width: 21%; }

.ancho-22 {
  width: 22%; }

.ancho-23 {
  width: 23%; }

.ancho-24 {
  width: 24%; }

.ancho-25 {
  width: 25%; }

.ancho-26 {
  width: 26%; }

.ancho-27 {
  width: 27%; }

.ancho-28 {
  width: 28%; }

.ancho-29 {
  width: 29%; }

.ancho-30 {
  width: 30%; }

.ancho-31 {
  width: 31%; }

.ancho-32 {
  width: 32%; }

.ancho-33 {
  width: 33%; }

.ancho-34 {
  width: 34%; }

.ancho-35 {
  width: 35%; }

.ancho-36 {
  width: 36%; }

.ancho-37 {
  width: 37%; }

.ancho-38 {
  width: 38%; }

.ancho-39 {
  width: 39%; }

.ancho-40 {
  width: 40%; }

.ancho-41 {
  width: 41%; }

.ancho-42 {
  width: 42%; }

.ancho-43 {
  width: 43%; }

.ancho-44 {
  width: 44%; }

.ancho-45 {
  width: 45%; }

.ancho-46 {
  width: 46%; }

.ancho-47 {
  width: 47%; }

.ancho-48 {
  width: 48%; }

.ancho-49 {
  width: 49%; }

.ancho-50 {
  width: 50%; }

.ancho-51 {
  width: 51%; }

.ancho-52 {
  width: 52%; }

.ancho-53 {
  width: 53%; }

.ancho-54 {
  width: 54%; }

.ancho-55 {
  width: 55%; }

.ancho-56 {
  width: 56%; }

.ancho-57 {
  width: 57%; }

.ancho-58 {
  width: 58%; }

.ancho-59 {
  width: 59%; }

.ancho-60 {
  width: 60%; }

.ancho-61 {
  width: 61%; }

.ancho-62 {
  width: 62%; }

.ancho-63 {
  width: 63%; }

.ancho-64 {
  width: 64%; }

.ancho-65 {
  width: 65%; }

.ancho-66 {
  width: 66%; }

.ancho-67 {
  width: 67%; }

.ancho-68 {
  width: 68%; }

.ancho-69 {
  width: 69%; }

.ancho-70 {
  width: 70%; }

.ancho-71 {
  width: 71%; }

.ancho-72 {
  width: 72%; }

.ancho-73 {
  width: 73%; }

.ancho-74 {
  width: 74%; }

.ancho-75 {
  width: 75%; }

.ancho-76 {
  width: 76%; }

.ancho-77 {
  width: 77%; }

.ancho-78 {
  width: 78%; }

.ancho-79 {
  width: 79%; }

.ancho-80 {
  width: 80%; }

.ancho-81 {
  width: 81%; }

.ancho-82 {
  width: 82%; }

.ancho-83 {
  width: 83%; }

.ancho-84 {
  width: 84%; }

.ancho-85 {
  width: 85%; }

.ancho-86 {
  width: 86%; }

.ancho-87 {
  width: 87%; }

.ancho-88 {
  width: 88%; }

.ancho-89 {
  width: 89%; }

.ancho-90 {
  width: 90%; }

.ancho-91 {
  width: 91%; }

.ancho-92 {
  width: 92%; }

.ancho-93 {
  width: 93%; }

.ancho-94 {
  width: 94%; }

.ancho-95 {
  width: 95%; }

.ancho-96 {
  width: 96%; }

.ancho-97 {
  width: 97%; }

.ancho-98 {
  width: 98%; }

.ancho-99 {
  width: 99%; }

.ancho-100 {
  width: 100%; }

.ancho-flex-auto {
  width: auto;
  flex: 1; }

.seccion.factores-exteriores {
  max-width: 1125px;
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 60px; }
  .seccion.factores-exteriores > .container {
    padding-top: 30px;
    padding-bottom: 30px; }

.listado-factores-cruzados {
  padding: 15px;
  background-color: #F9F9F9;
  margin-bottom: 30px; }
  .listado-factores-cruzados-item-titulo {
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 15px; }
  .listado-factores-cruzados-item-lista {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap; }
  .listado-factores-cruzados-item.uno .checkbox-group {
    flex: 1;
    max-width: 100%;
    min-width: 195px;
    width: 50%; }
  .listado-factores-cruzados-item.dos .checkbox-group {
    flex: 1;
    max-width: 100%;
    min-width: 170px;
    width: 33.3%; }

/* COLORES */
/* mixins */
.ancho-1 {
  width: 1%; }

.ancho-2 {
  width: 2%; }

.ancho-3 {
  width: 3%; }

.ancho-4 {
  width: 4%; }

.ancho-5 {
  width: 5%; }

.ancho-6 {
  width: 6%; }

.ancho-7 {
  width: 7%; }

.ancho-8 {
  width: 8%; }

.ancho-9 {
  width: 9%; }

.ancho-10 {
  width: 10%; }

.ancho-11 {
  width: 11%; }

.ancho-12 {
  width: 12%; }

.ancho-13 {
  width: 13%; }

.ancho-14 {
  width: 14%; }

.ancho-15 {
  width: 15%; }

.ancho-16 {
  width: 16%; }

.ancho-17 {
  width: 17%; }

.ancho-18 {
  width: 18%; }

.ancho-19 {
  width: 19%; }

.ancho-20 {
  width: 20%; }

.ancho-21 {
  width: 21%; }

.ancho-22 {
  width: 22%; }

.ancho-23 {
  width: 23%; }

.ancho-24 {
  width: 24%; }

.ancho-25 {
  width: 25%; }

.ancho-26 {
  width: 26%; }

.ancho-27 {
  width: 27%; }

.ancho-28 {
  width: 28%; }

.ancho-29 {
  width: 29%; }

.ancho-30 {
  width: 30%; }

.ancho-31 {
  width: 31%; }

.ancho-32 {
  width: 32%; }

.ancho-33 {
  width: 33%; }

.ancho-34 {
  width: 34%; }

.ancho-35 {
  width: 35%; }

.ancho-36 {
  width: 36%; }

.ancho-37 {
  width: 37%; }

.ancho-38 {
  width: 38%; }

.ancho-39 {
  width: 39%; }

.ancho-40 {
  width: 40%; }

.ancho-41 {
  width: 41%; }

.ancho-42 {
  width: 42%; }

.ancho-43 {
  width: 43%; }

.ancho-44 {
  width: 44%; }

.ancho-45 {
  width: 45%; }

.ancho-46 {
  width: 46%; }

.ancho-47 {
  width: 47%; }

.ancho-48 {
  width: 48%; }

.ancho-49 {
  width: 49%; }

.ancho-50 {
  width: 50%; }

.ancho-51 {
  width: 51%; }

.ancho-52 {
  width: 52%; }

.ancho-53 {
  width: 53%; }

.ancho-54 {
  width: 54%; }

.ancho-55 {
  width: 55%; }

.ancho-56 {
  width: 56%; }

.ancho-57 {
  width: 57%; }

.ancho-58 {
  width: 58%; }

.ancho-59 {
  width: 59%; }

.ancho-60 {
  width: 60%; }

.ancho-61 {
  width: 61%; }

.ancho-62 {
  width: 62%; }

.ancho-63 {
  width: 63%; }

.ancho-64 {
  width: 64%; }

.ancho-65 {
  width: 65%; }

.ancho-66 {
  width: 66%; }

.ancho-67 {
  width: 67%; }

.ancho-68 {
  width: 68%; }

.ancho-69 {
  width: 69%; }

.ancho-70 {
  width: 70%; }

.ancho-71 {
  width: 71%; }

.ancho-72 {
  width: 72%; }

.ancho-73 {
  width: 73%; }

.ancho-74 {
  width: 74%; }

.ancho-75 {
  width: 75%; }

.ancho-76 {
  width: 76%; }

.ancho-77 {
  width: 77%; }

.ancho-78 {
  width: 78%; }

.ancho-79 {
  width: 79%; }

.ancho-80 {
  width: 80%; }

.ancho-81 {
  width: 81%; }

.ancho-82 {
  width: 82%; }

.ancho-83 {
  width: 83%; }

.ancho-84 {
  width: 84%; }

.ancho-85 {
  width: 85%; }

.ancho-86 {
  width: 86%; }

.ancho-87 {
  width: 87%; }

.ancho-88 {
  width: 88%; }

.ancho-89 {
  width: 89%; }

.ancho-90 {
  width: 90%; }

.ancho-91 {
  width: 91%; }

.ancho-92 {
  width: 92%; }

.ancho-93 {
  width: 93%; }

.ancho-94 {
  width: 94%; }

.ancho-95 {
  width: 95%; }

.ancho-96 {
  width: 96%; }

.ancho-97 {
  width: 97%; }

.ancho-98 {
  width: 98%; }

.ancho-99 {
  width: 99%; }

.ancho-100 {
  width: 100%; }

.ancho-flex-auto {
  width: auto;
  flex: 1; }

.seccion.produccion-fotovoltaica {
  max-width: 1125px;
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 60px; }
  .seccion.produccion-fotovoltaica > .container {
    padding-top: 30px;
    padding-bottom: 30px; }
    @media (max-width: 992px) {
      .seccion.produccion-fotovoltaica > .container > .row > div:first-child {
        margin-bottom: 30px; } }
    @media (max-width: 767px) {
      .seccion.produccion-fotovoltaica > .container > .row > div {
        margin-bottom: 30px; } }
  .seccion.produccion-fotovoltaica .bloque-grafica {
    margin: 30px 0; }
    .seccion.produccion-fotovoltaica .bloque-grafica:first-child {
      margin-top: 0; }
    .seccion.produccion-fotovoltaica .bloque-grafica:last-child {
      margin-bottom: 0; }
    .seccion.produccion-fotovoltaica .bloque-grafica-titulo {
      font-size: 15px;
      text-transform: uppercase; }
    .seccion.produccion-fotovoltaica .bloque-grafica-tendencia {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: flex-end;
      margin: 20px 0; }
      .seccion.produccion-fotovoltaica .bloque-grafica-tendencia .num {
        font-size: 60px;
        line-height: 0.6;
        margin-right: 10px;
        font-weight: bold; }
      .seccion.produccion-fotovoltaica .bloque-grafica-tendencia .label {
        font-size: 15px;
        line-height: 1;
        margin-right: 10px; }
      .seccion.produccion-fotovoltaica .bloque-grafica-tendencia .tendencia {
        font-size: 10px;
        line-height: 1;
        margin-bottom: 2px;
        display: inline-block; }
        .seccion.produccion-fotovoltaica .bloque-grafica-tendencia .tendencia.rojo i {
          color: #ff3434; }
        .seccion.produccion-fotovoltaica .bloque-grafica-tendencia .tendencia.verde i {
          color: #8bc660; }
        .seccion.produccion-fotovoltaica .bloque-grafica-tendencia .tendencia.naranja i {
          color: #ff9e5e; }
    .seccion.produccion-fotovoltaica .bloque-grafica-monigotes i.icon-monigote {
      font-size: 37px;
      color: #ddd;
      margin-right: 5px; }
      .seccion.produccion-fotovoltaica .bloque-grafica-monigotes i.icon-monigote.active {
        color: #ff3434; }
  .seccion.produccion-fotovoltaica .info-rapida {
    padding: 15px;
    background-color: #F9F9F9; }
    .seccion.produccion-fotovoltaica .info-rapida-item {
      padding: 0 10px 10px 10px;
      margin: 0 0 10px 0;
      border-bottom: 1px solid #ddd;
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center; }
      .seccion.produccion-fotovoltaica .info-rapida-item:last-child {
        margin: 0;
        border-bottom: none; }
      .seccion.produccion-fotovoltaica .info-rapida-item i {
        font-size: 55px;
        color: #ff3434;
        width: 80px;
        max-width: 80px; }
      .seccion.produccion-fotovoltaica .info-rapida-item-informacion-valores {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-end; }
      .seccion.produccion-fotovoltaica .info-rapida-item .data-title {
        font-size: 15px;
        text-transform: uppercase; }
      .seccion.produccion-fotovoltaica .info-rapida-item .data-value {
        font-size: 37px;
        line-height: 0.6;
        font-weight: bold;
        margin: 15px 10px 0 0; }
      .seccion.produccion-fotovoltaica .info-rapida-item .data-label {
        font-size: 15px;
        line-height: 1;
        margin-right: 10px; }
      .seccion.produccion-fotovoltaica .info-rapida-item .data-tendencia {
        font-size: 10px;
        line-height: 1;
        margin: 0;
        display: inline-block; }
        .seccion.produccion-fotovoltaica .info-rapida-item .data-tendencia i {
          font-size: 10px;
          line-height: 1;
          margin: 0; }
        .seccion.produccion-fotovoltaica .info-rapida-item .data-tendencia.rojo i {
          color: #ff3434; }
        .seccion.produccion-fotovoltaica .info-rapida-item .data-tendencia.verde i {
          color: #8bc660; }
        .seccion.produccion-fotovoltaica .info-rapida-item .data-tendencia.naranja i {
          color: #ff9e5e; }

/* COLORES */
/* mixins */
.ancho-1 {
  width: 1%; }

.ancho-2 {
  width: 2%; }

.ancho-3 {
  width: 3%; }

.ancho-4 {
  width: 4%; }

.ancho-5 {
  width: 5%; }

.ancho-6 {
  width: 6%; }

.ancho-7 {
  width: 7%; }

.ancho-8 {
  width: 8%; }

.ancho-9 {
  width: 9%; }

.ancho-10 {
  width: 10%; }

.ancho-11 {
  width: 11%; }

.ancho-12 {
  width: 12%; }

.ancho-13 {
  width: 13%; }

.ancho-14 {
  width: 14%; }

.ancho-15 {
  width: 15%; }

.ancho-16 {
  width: 16%; }

.ancho-17 {
  width: 17%; }

.ancho-18 {
  width: 18%; }

.ancho-19 {
  width: 19%; }

.ancho-20 {
  width: 20%; }

.ancho-21 {
  width: 21%; }

.ancho-22 {
  width: 22%; }

.ancho-23 {
  width: 23%; }

.ancho-24 {
  width: 24%; }

.ancho-25 {
  width: 25%; }

.ancho-26 {
  width: 26%; }

.ancho-27 {
  width: 27%; }

.ancho-28 {
  width: 28%; }

.ancho-29 {
  width: 29%; }

.ancho-30 {
  width: 30%; }

.ancho-31 {
  width: 31%; }

.ancho-32 {
  width: 32%; }

.ancho-33 {
  width: 33%; }

.ancho-34 {
  width: 34%; }

.ancho-35 {
  width: 35%; }

.ancho-36 {
  width: 36%; }

.ancho-37 {
  width: 37%; }

.ancho-38 {
  width: 38%; }

.ancho-39 {
  width: 39%; }

.ancho-40 {
  width: 40%; }

.ancho-41 {
  width: 41%; }

.ancho-42 {
  width: 42%; }

.ancho-43 {
  width: 43%; }

.ancho-44 {
  width: 44%; }

.ancho-45 {
  width: 45%; }

.ancho-46 {
  width: 46%; }

.ancho-47 {
  width: 47%; }

.ancho-48 {
  width: 48%; }

.ancho-49 {
  width: 49%; }

.ancho-50 {
  width: 50%; }

.ancho-51 {
  width: 51%; }

.ancho-52 {
  width: 52%; }

.ancho-53 {
  width: 53%; }

.ancho-54 {
  width: 54%; }

.ancho-55 {
  width: 55%; }

.ancho-56 {
  width: 56%; }

.ancho-57 {
  width: 57%; }

.ancho-58 {
  width: 58%; }

.ancho-59 {
  width: 59%; }

.ancho-60 {
  width: 60%; }

.ancho-61 {
  width: 61%; }

.ancho-62 {
  width: 62%; }

.ancho-63 {
  width: 63%; }

.ancho-64 {
  width: 64%; }

.ancho-65 {
  width: 65%; }

.ancho-66 {
  width: 66%; }

.ancho-67 {
  width: 67%; }

.ancho-68 {
  width: 68%; }

.ancho-69 {
  width: 69%; }

.ancho-70 {
  width: 70%; }

.ancho-71 {
  width: 71%; }

.ancho-72 {
  width: 72%; }

.ancho-73 {
  width: 73%; }

.ancho-74 {
  width: 74%; }

.ancho-75 {
  width: 75%; }

.ancho-76 {
  width: 76%; }

.ancho-77 {
  width: 77%; }

.ancho-78 {
  width: 78%; }

.ancho-79 {
  width: 79%; }

.ancho-80 {
  width: 80%; }

.ancho-81 {
  width: 81%; }

.ancho-82 {
  width: 82%; }

.ancho-83 {
  width: 83%; }

.ancho-84 {
  width: 84%; }

.ancho-85 {
  width: 85%; }

.ancho-86 {
  width: 86%; }

.ancho-87 {
  width: 87%; }

.ancho-88 {
  width: 88%; }

.ancho-89 {
  width: 89%; }

.ancho-90 {
  width: 90%; }

.ancho-91 {
  width: 91%; }

.ancho-92 {
  width: 92%; }

.ancho-93 {
  width: 93%; }

.ancho-94 {
  width: 94%; }

.ancho-95 {
  width: 95%; }

.ancho-96 {
  width: 96%; }

.ancho-97 {
  width: 97%; }

.ancho-98 {
  width: 98%; }

.ancho-99 {
  width: 99%; }

.ancho-100 {
  width: 100%; }

.ancho-flex-auto {
  width: auto;
  flex: 1; }

.seccion.recuperadores-calor {
  max-width: 1125px;
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 60px; }
  .seccion.recuperadores-calor > .container {
    padding-top: 30px;
    padding-bottom: 30px; }
    @media (max-width: 992px) {
      .seccion.recuperadores-calor > .container > .row > div:first-child {
        margin-bottom: 30px; } }
    @media (max-width: 767px) {
      .seccion.recuperadores-calor > .container > .row > div {
        margin-bottom: 30px; } }
  .seccion.recuperadores-calor .bloque-grafica {
    margin: 30px 0; }
    .seccion.recuperadores-calor .bloque-grafica:first-child {
      margin-top: 0; }
    .seccion.recuperadores-calor .bloque-grafica:last-child {
      margin-bottom: 0; }
    .seccion.recuperadores-calor .bloque-grafica-titulo {
      font-size: 15px;
      text-transform: uppercase; }
    .seccion.recuperadores-calor .bloque-grafica-tendencia {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: flex-end;
      margin: 20px 0; }
      .seccion.recuperadores-calor .bloque-grafica-tendencia .num {
        font-size: 60px;
        line-height: 0.6;
        margin-right: 10px;
        font-weight: bold; }
      .seccion.recuperadores-calor .bloque-grafica-tendencia .label {
        font-size: 15px;
        line-height: 1;
        margin-right: 10px; }
      .seccion.recuperadores-calor .bloque-grafica-tendencia .tendencia {
        font-size: 10px;
        line-height: 1;
        margin-bottom: 2px;
        display: inline-block; }
        .seccion.recuperadores-calor .bloque-grafica-tendencia .tendencia.rojo i {
          color: #ff3434; }
        .seccion.recuperadores-calor .bloque-grafica-tendencia .tendencia.verde i {
          color: #8bc660; }
        .seccion.recuperadores-calor .bloque-grafica-tendencia .tendencia.naranja i {
          color: #ff9e5e; }
    .seccion.recuperadores-calor .bloque-grafica-monigotes i.icon-monigote {
      font-size: 37px;
      color: #ddd;
      margin-right: 5px; }
      .seccion.recuperadores-calor .bloque-grafica-monigotes i.icon-monigote.active {
        color: #ff3434; }
  .seccion.recuperadores-calor .info-rapida {
    padding: 15px;
    background-color: #F9F9F9; }
    .seccion.recuperadores-calor .info-rapida-item {
      padding: 0 10px 10px 10px;
      margin: 0 0 10px 0;
      border-bottom: 1px solid #ddd;
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center; }
      .seccion.recuperadores-calor .info-rapida-item:last-child {
        margin: 0;
        border-bottom: none; }
      .seccion.recuperadores-calor .info-rapida-item i {
        font-size: 55px;
        color: #ff3434;
        width: 80px;
        max-width: 80px; }
      .seccion.recuperadores-calor .info-rapida-item-informacion-valores {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-end; }
      .seccion.recuperadores-calor .info-rapida-item .data-title {
        font-size: 15px;
        text-transform: uppercase; }
      .seccion.recuperadores-calor .info-rapida-item .data-value {
        font-size: 37px;
        line-height: 0.6;
        font-weight: bold;
        margin: 15px 10px 0 0; }
      .seccion.recuperadores-calor .info-rapida-item .data-label {
        font-size: 15px;
        line-height: 1;
        margin-right: 10px; }
      .seccion.recuperadores-calor .info-rapida-item .data-tendencia {
        font-size: 10px;
        line-height: 1;
        margin: 0;
        display: inline-block; }
        .seccion.recuperadores-calor .info-rapida-item .data-tendencia i {
          font-size: 10px;
          line-height: 1;
          margin: 0; }
        .seccion.recuperadores-calor .info-rapida-item .data-tendencia.rojo i {
          color: #ff3434; }
        .seccion.recuperadores-calor .info-rapida-item .data-tendencia.verde i {
          color: #8bc660; }
        .seccion.recuperadores-calor .info-rapida-item .data-tendencia.naranja i {
          color: #ff9e5e; }

/* COLORES */
/* mixins */
.ancho-1 {
  width: 1%; }

.ancho-2 {
  width: 2%; }

.ancho-3 {
  width: 3%; }

.ancho-4 {
  width: 4%; }

.ancho-5 {
  width: 5%; }

.ancho-6 {
  width: 6%; }

.ancho-7 {
  width: 7%; }

.ancho-8 {
  width: 8%; }

.ancho-9 {
  width: 9%; }

.ancho-10 {
  width: 10%; }

.ancho-11 {
  width: 11%; }

.ancho-12 {
  width: 12%; }

.ancho-13 {
  width: 13%; }

.ancho-14 {
  width: 14%; }

.ancho-15 {
  width: 15%; }

.ancho-16 {
  width: 16%; }

.ancho-17 {
  width: 17%; }

.ancho-18 {
  width: 18%; }

.ancho-19 {
  width: 19%; }

.ancho-20 {
  width: 20%; }

.ancho-21 {
  width: 21%; }

.ancho-22 {
  width: 22%; }

.ancho-23 {
  width: 23%; }

.ancho-24 {
  width: 24%; }

.ancho-25 {
  width: 25%; }

.ancho-26 {
  width: 26%; }

.ancho-27 {
  width: 27%; }

.ancho-28 {
  width: 28%; }

.ancho-29 {
  width: 29%; }

.ancho-30 {
  width: 30%; }

.ancho-31 {
  width: 31%; }

.ancho-32 {
  width: 32%; }

.ancho-33 {
  width: 33%; }

.ancho-34 {
  width: 34%; }

.ancho-35 {
  width: 35%; }

.ancho-36 {
  width: 36%; }

.ancho-37 {
  width: 37%; }

.ancho-38 {
  width: 38%; }

.ancho-39 {
  width: 39%; }

.ancho-40 {
  width: 40%; }

.ancho-41 {
  width: 41%; }

.ancho-42 {
  width: 42%; }

.ancho-43 {
  width: 43%; }

.ancho-44 {
  width: 44%; }

.ancho-45 {
  width: 45%; }

.ancho-46 {
  width: 46%; }

.ancho-47 {
  width: 47%; }

.ancho-48 {
  width: 48%; }

.ancho-49 {
  width: 49%; }

.ancho-50 {
  width: 50%; }

.ancho-51 {
  width: 51%; }

.ancho-52 {
  width: 52%; }

.ancho-53 {
  width: 53%; }

.ancho-54 {
  width: 54%; }

.ancho-55 {
  width: 55%; }

.ancho-56 {
  width: 56%; }

.ancho-57 {
  width: 57%; }

.ancho-58 {
  width: 58%; }

.ancho-59 {
  width: 59%; }

.ancho-60 {
  width: 60%; }

.ancho-61 {
  width: 61%; }

.ancho-62 {
  width: 62%; }

.ancho-63 {
  width: 63%; }

.ancho-64 {
  width: 64%; }

.ancho-65 {
  width: 65%; }

.ancho-66 {
  width: 66%; }

.ancho-67 {
  width: 67%; }

.ancho-68 {
  width: 68%; }

.ancho-69 {
  width: 69%; }

.ancho-70 {
  width: 70%; }

.ancho-71 {
  width: 71%; }

.ancho-72 {
  width: 72%; }

.ancho-73 {
  width: 73%; }

.ancho-74 {
  width: 74%; }

.ancho-75 {
  width: 75%; }

.ancho-76 {
  width: 76%; }

.ancho-77 {
  width: 77%; }

.ancho-78 {
  width: 78%; }

.ancho-79 {
  width: 79%; }

.ancho-80 {
  width: 80%; }

.ancho-81 {
  width: 81%; }

.ancho-82 {
  width: 82%; }

.ancho-83 {
  width: 83%; }

.ancho-84 {
  width: 84%; }

.ancho-85 {
  width: 85%; }

.ancho-86 {
  width: 86%; }

.ancho-87 {
  width: 87%; }

.ancho-88 {
  width: 88%; }

.ancho-89 {
  width: 89%; }

.ancho-90 {
  width: 90%; }

.ancho-91 {
  width: 91%; }

.ancho-92 {
  width: 92%; }

.ancho-93 {
  width: 93%; }

.ancho-94 {
  width: 94%; }

.ancho-95 {
  width: 95%; }

.ancho-96 {
  width: 96%; }

.ancho-97 {
  width: 97%; }

.ancho-98 {
  width: 98%; }

.ancho-99 {
  width: 99%; }

.ancho-100 {
  width: 100%; }

.ancho-flex-auto {
  width: auto;
  flex: 1; }

.seccion.movilidad {
  max-width: 1125px;
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 60px; }
  .seccion.movilidad > .container {
    padding-top: 30px;
    padding-bottom: 30px; }
    @media (max-width: 992px) {
      .seccion.movilidad > .container > .row > div:first-child {
        margin-bottom: 30px; } }
    @media (max-width: 767px) {
      .seccion.movilidad > .container > .row > div {
        margin-bottom: 30px; } }
  .seccion.movilidad .bloque-monigotes {
    margin: 30px 0; }
    .seccion.movilidad .bloque-monigotes:first-child {
      margin-top: 0; }
    .seccion.movilidad .bloque-monigotes:last-child {
      margin-bottom: 0; }
    .seccion.movilidad .bloque-monigotes-titulo {
      font-size: 15px;
      text-transform: uppercase; }
    .seccion.movilidad .bloque-monigotes-tendencia {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: flex-end;
      margin: 20px 0; }
      .seccion.movilidad .bloque-monigotes-tendencia .num {
        font-size: 60px;
        line-height: 0.6;
        margin-right: 10px;
        font-weight: bold; }
      .seccion.movilidad .bloque-monigotes-tendencia .label {
        font-size: 15px;
        line-height: 1;
        margin-right: 10px; }
      .seccion.movilidad .bloque-monigotes-tendencia .tendencia {
        font-size: 10px;
        line-height: 1;
        margin-bottom: 2px;
        display: inline-block; }
        .seccion.movilidad .bloque-monigotes-tendencia .tendencia.rojo i {
          color: #ff3434; }
        .seccion.movilidad .bloque-monigotes-tendencia .tendencia.verde i {
          color: #8bc660; }
        .seccion.movilidad .bloque-monigotes-tendencia .tendencia.naranja i {
          color: #ff9e5e; }
    .seccion.movilidad .bloque-monigotes-monigotes i.icon-monigote {
      font-size: 37px;
      color: #ddd;
      margin-right: 5px; }
      .seccion.movilidad .bloque-monigotes-monigotes i.icon-monigote.active {
        color: #ff3434; }
  .seccion.movilidad .info-rapida {
    padding: 15px;
    background-color: #F9F9F9; }
    .seccion.movilidad .info-rapida-item {
      padding: 0 0 10px 0;
      margin: 0 0 10px 0;
      border-bottom: 1px solid #ddd;
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center; }
      .seccion.movilidad .info-rapida-item:last-child {
        padding: 0;
        margin: 0;
        border-bottom: none; }
      .seccion.movilidad .info-rapida-item i {
        font-size: 24px;
        margin-right: 10px; }
        .seccion.movilidad .info-rapida-item i.icon-aforo-maximo {
          color: #ff3434; }
        .seccion.movilidad .info-rapida-item i.icon-aforo-minimo {
          color: #1a72cd; }
        .seccion.movilidad .info-rapida-item i.icon-entradas {
          color: #8bc660; }
        .seccion.movilidad .info-rapida-item i.icon-salidas {
          color: #ff9e5e; }
      .seccion.movilidad .info-rapida-item .data-title {
        font-size: 15px;
        text-transform: uppercase; }
      .seccion.movilidad .info-rapida-item .data-value {
        margin-left: auto;
        font-size: 20px;
        font-weight: bold;
        margin-right: 10px; }
      .seccion.movilidad .info-rapida-item .data-tendencia {
        font-size: 10px;
        line-height: 1;
        margin-bottom: 2px;
        display: inline-block; }
        .seccion.movilidad .info-rapida-item .data-tendencia i {
          font-size: 15px;
          line-height: 1; }
        .seccion.movilidad .info-rapida-item .data-tendencia.rojo i {
          color: #ff3434; }
        .seccion.movilidad .info-rapida-item .data-tendencia.verde i {
          color: #8bc660; }
        .seccion.movilidad .info-rapida-item .data-tendencia.naranja i {
          color: #ff9e5e; }

/* COLORES */
/* mixins */
.ancho-1 {
  width: 1%; }

.ancho-2 {
  width: 2%; }

.ancho-3 {
  width: 3%; }

.ancho-4 {
  width: 4%; }

.ancho-5 {
  width: 5%; }

.ancho-6 {
  width: 6%; }

.ancho-7 {
  width: 7%; }

.ancho-8 {
  width: 8%; }

.ancho-9 {
  width: 9%; }

.ancho-10 {
  width: 10%; }

.ancho-11 {
  width: 11%; }

.ancho-12 {
  width: 12%; }

.ancho-13 {
  width: 13%; }

.ancho-14 {
  width: 14%; }

.ancho-15 {
  width: 15%; }

.ancho-16 {
  width: 16%; }

.ancho-17 {
  width: 17%; }

.ancho-18 {
  width: 18%; }

.ancho-19 {
  width: 19%; }

.ancho-20 {
  width: 20%; }

.ancho-21 {
  width: 21%; }

.ancho-22 {
  width: 22%; }

.ancho-23 {
  width: 23%; }

.ancho-24 {
  width: 24%; }

.ancho-25 {
  width: 25%; }

.ancho-26 {
  width: 26%; }

.ancho-27 {
  width: 27%; }

.ancho-28 {
  width: 28%; }

.ancho-29 {
  width: 29%; }

.ancho-30 {
  width: 30%; }

.ancho-31 {
  width: 31%; }

.ancho-32 {
  width: 32%; }

.ancho-33 {
  width: 33%; }

.ancho-34 {
  width: 34%; }

.ancho-35 {
  width: 35%; }

.ancho-36 {
  width: 36%; }

.ancho-37 {
  width: 37%; }

.ancho-38 {
  width: 38%; }

.ancho-39 {
  width: 39%; }

.ancho-40 {
  width: 40%; }

.ancho-41 {
  width: 41%; }

.ancho-42 {
  width: 42%; }

.ancho-43 {
  width: 43%; }

.ancho-44 {
  width: 44%; }

.ancho-45 {
  width: 45%; }

.ancho-46 {
  width: 46%; }

.ancho-47 {
  width: 47%; }

.ancho-48 {
  width: 48%; }

.ancho-49 {
  width: 49%; }

.ancho-50 {
  width: 50%; }

.ancho-51 {
  width: 51%; }

.ancho-52 {
  width: 52%; }

.ancho-53 {
  width: 53%; }

.ancho-54 {
  width: 54%; }

.ancho-55 {
  width: 55%; }

.ancho-56 {
  width: 56%; }

.ancho-57 {
  width: 57%; }

.ancho-58 {
  width: 58%; }

.ancho-59 {
  width: 59%; }

.ancho-60 {
  width: 60%; }

.ancho-61 {
  width: 61%; }

.ancho-62 {
  width: 62%; }

.ancho-63 {
  width: 63%; }

.ancho-64 {
  width: 64%; }

.ancho-65 {
  width: 65%; }

.ancho-66 {
  width: 66%; }

.ancho-67 {
  width: 67%; }

.ancho-68 {
  width: 68%; }

.ancho-69 {
  width: 69%; }

.ancho-70 {
  width: 70%; }

.ancho-71 {
  width: 71%; }

.ancho-72 {
  width: 72%; }

.ancho-73 {
  width: 73%; }

.ancho-74 {
  width: 74%; }

.ancho-75 {
  width: 75%; }

.ancho-76 {
  width: 76%; }

.ancho-77 {
  width: 77%; }

.ancho-78 {
  width: 78%; }

.ancho-79 {
  width: 79%; }

.ancho-80 {
  width: 80%; }

.ancho-81 {
  width: 81%; }

.ancho-82 {
  width: 82%; }

.ancho-83 {
  width: 83%; }

.ancho-84 {
  width: 84%; }

.ancho-85 {
  width: 85%; }

.ancho-86 {
  width: 86%; }

.ancho-87 {
  width: 87%; }

.ancho-88 {
  width: 88%; }

.ancho-89 {
  width: 89%; }

.ancho-90 {
  width: 90%; }

.ancho-91 {
  width: 91%; }

.ancho-92 {
  width: 92%; }

.ancho-93 {
  width: 93%; }

.ancho-94 {
  width: 94%; }

.ancho-95 {
  width: 95%; }

.ancho-96 {
  width: 96%; }

.ancho-97 {
  width: 97%; }

.ancho-98 {
  width: 98%; }

.ancho-99 {
  width: 99%; }

.ancho-100 {
  width: 100%; }

.ancho-flex-auto {
  width: auto;
  flex: 1; }

.rect-auto, .c100.p51 .slice, .c100.p52 .slice, .c100.p53 .slice, .c100.p54 .slice, .c100.p55 .slice, .c100.p56 .slice, .c100.p57 .slice, .c100.p58 .slice, .c100.p59 .slice, .c100.p60 .slice, .c100.p61 .slice, .c100.p62 .slice, .c100.p63 .slice, .c100.p64 .slice, .c100.p65 .slice, .c100.p66 .slice, .c100.p67 .slice, .c100.p68 .slice, .c100.p69 .slice, .c100.p70 .slice, .c100.p71 .slice, .c100.p72 .slice, .c100.p73 .slice, .c100.p74 .slice, .c100.p75 .slice, .c100.p76 .slice, .c100.p77 .slice, .c100.p78 .slice, .c100.p79 .slice, .c100.p80 .slice, .c100.p81 .slice, .c100.p82 .slice, .c100.p83 .slice, .c100.p84 .slice, .c100.p85 .slice, .c100.p86 .slice, .c100.p87 .slice, .c100.p88 .slice, .c100.p89 .slice, .c100.p90 .slice, .c100.p91 .slice, .c100.p92 .slice, .c100.p93 .slice, .c100.p94 .slice, .c100.p95 .slice, .c100.p96 .slice, .c100.p97 .slice, .c100.p98 .slice, .c100.p99 .slice, .c100.p100 .slice {
  clip: rect(auto, auto, auto, auto); }

.pie, .c100 .bar, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .c100.p100 .fill {
  position: absolute;
  border: 0.05em solid #f70113;
  width: 0.9em;
  height: 0.9em;
  clip: rect(0em, 0.5em, 1em, 0em);
  border-radius: 50%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg); }

.pie-fill, .c100.p51.bar:after, .c100.p51 .fill, .c100.p52.bar:after, .c100.p52 .fill, .c100.p53.bar:after, .c100.p53 .fill, .c100.p54.bar:after, .c100.p54 .fill, .c100.p55.bar:after, .c100.p55 .fill, .c100.p56.bar:after, .c100.p56 .fill, .c100.p57.bar:after, .c100.p57 .fill, .c100.p58.bar:after, .c100.p58 .fill, .c100.p59.bar:after, .c100.p59 .fill, .c100.p60.bar:after, .c100.p60 .fill, .c100.p61.bar:after, .c100.p61 .fill, .c100.p62.bar:after, .c100.p62 .fill, .c100.p63.bar:after, .c100.p63 .fill, .c100.p64.bar:after, .c100.p64 .fill, .c100.p65.bar:after, .c100.p65 .fill, .c100.p66.bar:after, .c100.p66 .fill, .c100.p67.bar:after, .c100.p67 .fill, .c100.p68.bar:after, .c100.p68 .fill, .c100.p69.bar:after, .c100.p69 .fill, .c100.p70.bar:after, .c100.p70 .fill, .c100.p71.bar:after, .c100.p71 .fill, .c100.p72.bar:after, .c100.p72 .fill, .c100.p73.bar:after, .c100.p73 .fill, .c100.p74.bar:after, .c100.p74 .fill, .c100.p75.bar:after, .c100.p75 .fill, .c100.p76.bar:after, .c100.p76 .fill, .c100.p77.bar:after, .c100.p77 .fill, .c100.p78.bar:after, .c100.p78 .fill, .c100.p79.bar:after, .c100.p79 .fill, .c100.p80.bar:after, .c100.p80 .fill, .c100.p81.bar:after, .c100.p81 .fill, .c100.p82.bar:after, .c100.p82 .fill, .c100.p83.bar:after, .c100.p83 .fill, .c100.p84.bar:after, .c100.p84 .fill, .c100.p85.bar:after, .c100.p85 .fill, .c100.p86.bar:after, .c100.p86 .fill, .c100.p87.bar:after, .c100.p87 .fill, .c100.p88.bar:after, .c100.p88 .fill, .c100.p89.bar:after, .c100.p89 .fill, .c100.p90.bar:after, .c100.p90 .fill, .c100.p91.bar:after, .c100.p91 .fill, .c100.p92.bar:after, .c100.p92 .fill, .c100.p93.bar:after, .c100.p93 .fill, .c100.p94.bar:after, .c100.p94 .fill, .c100.p95.bar:after, .c100.p95 .fill, .c100.p96.bar:after, .c100.p96 .fill, .c100.p97.bar:after, .c100.p97 .fill, .c100.p98.bar:after, .c100.p98 .fill, .c100.p99.bar:after, .c100.p99 .fill, .c100.p100.bar:after, .c100.p100 .fill {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.c100 {
  position: relative;
  font-size: 120px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  float: left;
  margin: 0 0.1em 0.1em 0;
  background-color: #f2f2f2; }
  .c100 *,
  .c100 *:before,
  .c100 *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }
  .c100.center {
    float: none;
    margin: 0 auto; }
  .c100.big {
    font-size: 165px; }
  .c100.small {
    font-size: 80px; }
  .c100 > span {
    position: absolute;
    width: 100%;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    color: #f2f2f2;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    white-space: nowrap;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
    .c100 > span i {
      color: #B5B5B5;
      font-size: 50px; }
  .c100:after {
    position: absolute;
    top: 0.05em;
    left: 0.05em;
    display: block;
    content: " ";
    border-radius: 50%;
    background-color: #fff;
    width: 0.9em;
    height: 0.9em;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in; }
  .c100 .slice {
    position: absolute;
    width: 1em;
    height: 1em;
    clip: rect(0em, 1em, 1em, 0.5em); }
  .c100.p1 .bar {
    -webkit-transform: rotate(3.6deg);
    -moz-transform: rotate(3.6deg);
    -ms-transform: rotate(3.6deg);
    -o-transform: rotate(3.6deg);
    transform: rotate(3.6deg); }
  .c100.p2 .bar {
    -webkit-transform: rotate(7.2deg);
    -moz-transform: rotate(7.2deg);
    -ms-transform: rotate(7.2deg);
    -o-transform: rotate(7.2deg);
    transform: rotate(7.2deg); }
  .c100.p3 .bar {
    -webkit-transform: rotate(10.8deg);
    -moz-transform: rotate(10.8deg);
    -ms-transform: rotate(10.8deg);
    -o-transform: rotate(10.8deg);
    transform: rotate(10.8deg); }
  .c100.p4 .bar {
    -webkit-transform: rotate(14.4deg);
    -moz-transform: rotate(14.4deg);
    -ms-transform: rotate(14.4deg);
    -o-transform: rotate(14.4deg);
    transform: rotate(14.4deg); }
  .c100.p5 .bar {
    -webkit-transform: rotate(18deg);
    -moz-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    -o-transform: rotate(18deg);
    transform: rotate(18deg); }
  .c100.p6 .bar {
    -webkit-transform: rotate(21.6deg);
    -moz-transform: rotate(21.6deg);
    -ms-transform: rotate(21.6deg);
    -o-transform: rotate(21.6deg);
    transform: rotate(21.6deg); }
  .c100.p7 .bar {
    -webkit-transform: rotate(25.2deg);
    -moz-transform: rotate(25.2deg);
    -ms-transform: rotate(25.2deg);
    -o-transform: rotate(25.2deg);
    transform: rotate(25.2deg); }
  .c100.p8 .bar {
    -webkit-transform: rotate(28.8deg);
    -moz-transform: rotate(28.8deg);
    -ms-transform: rotate(28.8deg);
    -o-transform: rotate(28.8deg);
    transform: rotate(28.8deg); }
  .c100.p9 .bar {
    -webkit-transform: rotate(32.4deg);
    -moz-transform: rotate(32.4deg);
    -ms-transform: rotate(32.4deg);
    -o-transform: rotate(32.4deg);
    transform: rotate(32.4deg); }
  .c100.p10 .bar {
    -webkit-transform: rotate(36deg);
    -moz-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    -o-transform: rotate(36deg);
    transform: rotate(36deg); }
  .c100.p11 .bar {
    -webkit-transform: rotate(39.6deg);
    -moz-transform: rotate(39.6deg);
    -ms-transform: rotate(39.6deg);
    -o-transform: rotate(39.6deg);
    transform: rotate(39.6deg); }
  .c100.p12 .bar {
    -webkit-transform: rotate(43.2deg);
    -moz-transform: rotate(43.2deg);
    -ms-transform: rotate(43.2deg);
    -o-transform: rotate(43.2deg);
    transform: rotate(43.2deg); }
  .c100.p13 .bar {
    -webkit-transform: rotate(46.8deg);
    -moz-transform: rotate(46.8deg);
    -ms-transform: rotate(46.8deg);
    -o-transform: rotate(46.8deg);
    transform: rotate(46.8deg); }
  .c100.p14 .bar {
    -webkit-transform: rotate(50.4deg);
    -moz-transform: rotate(50.4deg);
    -ms-transform: rotate(50.4deg);
    -o-transform: rotate(50.4deg);
    transform: rotate(50.4deg); }
  .c100.p15 .bar {
    -webkit-transform: rotate(54deg);
    -moz-transform: rotate(54deg);
    -ms-transform: rotate(54deg);
    -o-transform: rotate(54deg);
    transform: rotate(54deg); }
  .c100.p16 .bar {
    -webkit-transform: rotate(57.6deg);
    -moz-transform: rotate(57.6deg);
    -ms-transform: rotate(57.6deg);
    -o-transform: rotate(57.6deg);
    transform: rotate(57.6deg); }
  .c100.p17 .bar {
    -webkit-transform: rotate(61.2deg);
    -moz-transform: rotate(61.2deg);
    -ms-transform: rotate(61.2deg);
    -o-transform: rotate(61.2deg);
    transform: rotate(61.2deg); }
  .c100.p18 .bar {
    -webkit-transform: rotate(64.8deg);
    -moz-transform: rotate(64.8deg);
    -ms-transform: rotate(64.8deg);
    -o-transform: rotate(64.8deg);
    transform: rotate(64.8deg); }
  .c100.p19 .bar {
    -webkit-transform: rotate(68.4deg);
    -moz-transform: rotate(68.4deg);
    -ms-transform: rotate(68.4deg);
    -o-transform: rotate(68.4deg);
    transform: rotate(68.4deg); }
  .c100.p20 .bar {
    -webkit-transform: rotate(72deg);
    -moz-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    transform: rotate(72deg); }
  .c100.p21 .bar {
    -webkit-transform: rotate(75.6deg);
    -moz-transform: rotate(75.6deg);
    -ms-transform: rotate(75.6deg);
    -o-transform: rotate(75.6deg);
    transform: rotate(75.6deg); }
  .c100.p22 .bar {
    -webkit-transform: rotate(79.2deg);
    -moz-transform: rotate(79.2deg);
    -ms-transform: rotate(79.2deg);
    -o-transform: rotate(79.2deg);
    transform: rotate(79.2deg); }
  .c100.p23 .bar {
    -webkit-transform: rotate(82.8deg);
    -moz-transform: rotate(82.8deg);
    -ms-transform: rotate(82.8deg);
    -o-transform: rotate(82.8deg);
    transform: rotate(82.8deg); }
  .c100.p24 .bar {
    -webkit-transform: rotate(86.4deg);
    -moz-transform: rotate(86.4deg);
    -ms-transform: rotate(86.4deg);
    -o-transform: rotate(86.4deg);
    transform: rotate(86.4deg); }
  .c100.p25 .bar {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }
  .c100.p26 .bar {
    -webkit-transform: rotate(93.6deg);
    -moz-transform: rotate(93.6deg);
    -ms-transform: rotate(93.6deg);
    -o-transform: rotate(93.6deg);
    transform: rotate(93.6deg); }
  .c100.p27 .bar {
    -webkit-transform: rotate(97.2deg);
    -moz-transform: rotate(97.2deg);
    -ms-transform: rotate(97.2deg);
    -o-transform: rotate(97.2deg);
    transform: rotate(97.2deg); }
  .c100.p28 .bar {
    -webkit-transform: rotate(100.8deg);
    -moz-transform: rotate(100.8deg);
    -ms-transform: rotate(100.8deg);
    -o-transform: rotate(100.8deg);
    transform: rotate(100.8deg); }
  .c100.p29 .bar {
    -webkit-transform: rotate(104.4deg);
    -moz-transform: rotate(104.4deg);
    -ms-transform: rotate(104.4deg);
    -o-transform: rotate(104.4deg);
    transform: rotate(104.4deg); }
  .c100.p30 .bar {
    -webkit-transform: rotate(108deg);
    -moz-transform: rotate(108deg);
    -ms-transform: rotate(108deg);
    -o-transform: rotate(108deg);
    transform: rotate(108deg); }
  .c100.p31 .bar {
    -webkit-transform: rotate(111.6deg);
    -moz-transform: rotate(111.6deg);
    -ms-transform: rotate(111.6deg);
    -o-transform: rotate(111.6deg);
    transform: rotate(111.6deg); }
  .c100.p32 .bar {
    -webkit-transform: rotate(115.2deg);
    -moz-transform: rotate(115.2deg);
    -ms-transform: rotate(115.2deg);
    -o-transform: rotate(115.2deg);
    transform: rotate(115.2deg); }
  .c100.p33 .bar {
    -webkit-transform: rotate(118.8deg);
    -moz-transform: rotate(118.8deg);
    -ms-transform: rotate(118.8deg);
    -o-transform: rotate(118.8deg);
    transform: rotate(118.8deg); }
  .c100.p34 .bar {
    -webkit-transform: rotate(122.4deg);
    -moz-transform: rotate(122.4deg);
    -ms-transform: rotate(122.4deg);
    -o-transform: rotate(122.4deg);
    transform: rotate(122.4deg); }
  .c100.p35 .bar {
    -webkit-transform: rotate(126deg);
    -moz-transform: rotate(126deg);
    -ms-transform: rotate(126deg);
    -o-transform: rotate(126deg);
    transform: rotate(126deg); }
  .c100.p36 .bar {
    -webkit-transform: rotate(129.6deg);
    -moz-transform: rotate(129.6deg);
    -ms-transform: rotate(129.6deg);
    -o-transform: rotate(129.6deg);
    transform: rotate(129.6deg); }
  .c100.p37 .bar {
    -webkit-transform: rotate(133.2deg);
    -moz-transform: rotate(133.2deg);
    -ms-transform: rotate(133.2deg);
    -o-transform: rotate(133.2deg);
    transform: rotate(133.2deg); }
  .c100.p38 .bar {
    -webkit-transform: rotate(136.8deg);
    -moz-transform: rotate(136.8deg);
    -ms-transform: rotate(136.8deg);
    -o-transform: rotate(136.8deg);
    transform: rotate(136.8deg); }
  .c100.p39 .bar {
    -webkit-transform: rotate(140.4deg);
    -moz-transform: rotate(140.4deg);
    -ms-transform: rotate(140.4deg);
    -o-transform: rotate(140.4deg);
    transform: rotate(140.4deg); }
  .c100.p40 .bar {
    -webkit-transform: rotate(144deg);
    -moz-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    transform: rotate(144deg); }
  .c100.p41 .bar {
    -webkit-transform: rotate(147.6deg);
    -moz-transform: rotate(147.6deg);
    -ms-transform: rotate(147.6deg);
    -o-transform: rotate(147.6deg);
    transform: rotate(147.6deg); }
  .c100.p42 .bar {
    -webkit-transform: rotate(151.2deg);
    -moz-transform: rotate(151.2deg);
    -ms-transform: rotate(151.2deg);
    -o-transform: rotate(151.2deg);
    transform: rotate(151.2deg); }
  .c100.p43 .bar {
    -webkit-transform: rotate(154.8deg);
    -moz-transform: rotate(154.8deg);
    -ms-transform: rotate(154.8deg);
    -o-transform: rotate(154.8deg);
    transform: rotate(154.8deg); }
  .c100.p44 .bar {
    -webkit-transform: rotate(158.4deg);
    -moz-transform: rotate(158.4deg);
    -ms-transform: rotate(158.4deg);
    -o-transform: rotate(158.4deg);
    transform: rotate(158.4deg); }
  .c100.p45 .bar {
    -webkit-transform: rotate(162deg);
    -moz-transform: rotate(162deg);
    -ms-transform: rotate(162deg);
    -o-transform: rotate(162deg);
    transform: rotate(162deg); }
  .c100.p46 .bar {
    -webkit-transform: rotate(165.6deg);
    -moz-transform: rotate(165.6deg);
    -ms-transform: rotate(165.6deg);
    -o-transform: rotate(165.6deg);
    transform: rotate(165.6deg); }
  .c100.p47 .bar {
    -webkit-transform: rotate(169.2deg);
    -moz-transform: rotate(169.2deg);
    -ms-transform: rotate(169.2deg);
    -o-transform: rotate(169.2deg);
    transform: rotate(169.2deg); }
  .c100.p48 .bar {
    -webkit-transform: rotate(172.8deg);
    -moz-transform: rotate(172.8deg);
    -ms-transform: rotate(172.8deg);
    -o-transform: rotate(172.8deg);
    transform: rotate(172.8deg); }
  .c100.p49 .bar {
    -webkit-transform: rotate(176.4deg);
    -moz-transform: rotate(176.4deg);
    -ms-transform: rotate(176.4deg);
    -o-transform: rotate(176.4deg);
    transform: rotate(176.4deg); }
  .c100.p50 .bar {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }
  .c100.p51 .bar {
    -webkit-transform: rotate(183.6deg);
    -moz-transform: rotate(183.6deg);
    -ms-transform: rotate(183.6deg);
    -o-transform: rotate(183.6deg);
    transform: rotate(183.6deg); }
  .c100.p52 .bar {
    -webkit-transform: rotate(187.2deg);
    -moz-transform: rotate(187.2deg);
    -ms-transform: rotate(187.2deg);
    -o-transform: rotate(187.2deg);
    transform: rotate(187.2deg); }
  .c100.p53 .bar {
    -webkit-transform: rotate(190.8deg);
    -moz-transform: rotate(190.8deg);
    -ms-transform: rotate(190.8deg);
    -o-transform: rotate(190.8deg);
    transform: rotate(190.8deg); }
  .c100.p54 .bar {
    -webkit-transform: rotate(194.4deg);
    -moz-transform: rotate(194.4deg);
    -ms-transform: rotate(194.4deg);
    -o-transform: rotate(194.4deg);
    transform: rotate(194.4deg); }
  .c100.p55 .bar {
    -webkit-transform: rotate(198deg);
    -moz-transform: rotate(198deg);
    -ms-transform: rotate(198deg);
    -o-transform: rotate(198deg);
    transform: rotate(198deg); }
  .c100.p56 .bar {
    -webkit-transform: rotate(201.6deg);
    -moz-transform: rotate(201.6deg);
    -ms-transform: rotate(201.6deg);
    -o-transform: rotate(201.6deg);
    transform: rotate(201.6deg); }
  .c100.p57 .bar {
    -webkit-transform: rotate(205.2deg);
    -moz-transform: rotate(205.2deg);
    -ms-transform: rotate(205.2deg);
    -o-transform: rotate(205.2deg);
    transform: rotate(205.2deg); }
  .c100.p58 .bar {
    -webkit-transform: rotate(208.8deg);
    -moz-transform: rotate(208.8deg);
    -ms-transform: rotate(208.8deg);
    -o-transform: rotate(208.8deg);
    transform: rotate(208.8deg); }
  .c100.p59 .bar {
    -webkit-transform: rotate(212.4deg);
    -moz-transform: rotate(212.4deg);
    -ms-transform: rotate(212.4deg);
    -o-transform: rotate(212.4deg);
    transform: rotate(212.4deg); }
  .c100.p60 .bar {
    -webkit-transform: rotate(216deg);
    -moz-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    transform: rotate(216deg); }
  .c100.p61 .bar {
    -webkit-transform: rotate(219.6deg);
    -moz-transform: rotate(219.6deg);
    -ms-transform: rotate(219.6deg);
    -o-transform: rotate(219.6deg);
    transform: rotate(219.6deg); }
  .c100.p62 .bar {
    -webkit-transform: rotate(223.2deg);
    -moz-transform: rotate(223.2deg);
    -ms-transform: rotate(223.2deg);
    -o-transform: rotate(223.2deg);
    transform: rotate(223.2deg); }
  .c100.p63 .bar {
    -webkit-transform: rotate(226.8deg);
    -moz-transform: rotate(226.8deg);
    -ms-transform: rotate(226.8deg);
    -o-transform: rotate(226.8deg);
    transform: rotate(226.8deg); }
  .c100.p64 .bar {
    -webkit-transform: rotate(230.4deg);
    -moz-transform: rotate(230.4deg);
    -ms-transform: rotate(230.4deg);
    -o-transform: rotate(230.4deg);
    transform: rotate(230.4deg); }
  .c100.p65 .bar {
    -webkit-transform: rotate(234deg);
    -moz-transform: rotate(234deg);
    -ms-transform: rotate(234deg);
    -o-transform: rotate(234deg);
    transform: rotate(234deg); }
  .c100.p66 .bar {
    -webkit-transform: rotate(237.6deg);
    -moz-transform: rotate(237.6deg);
    -ms-transform: rotate(237.6deg);
    -o-transform: rotate(237.6deg);
    transform: rotate(237.6deg); }
  .c100.p67 .bar {
    -webkit-transform: rotate(241.2deg);
    -moz-transform: rotate(241.2deg);
    -ms-transform: rotate(241.2deg);
    -o-transform: rotate(241.2deg);
    transform: rotate(241.2deg); }
  .c100.p68 .bar {
    -webkit-transform: rotate(244.8deg);
    -moz-transform: rotate(244.8deg);
    -ms-transform: rotate(244.8deg);
    -o-transform: rotate(244.8deg);
    transform: rotate(244.8deg); }
  .c100.p69 .bar {
    -webkit-transform: rotate(248.4deg);
    -moz-transform: rotate(248.4deg);
    -ms-transform: rotate(248.4deg);
    -o-transform: rotate(248.4deg);
    transform: rotate(248.4deg); }
  .c100.p70 .bar {
    -webkit-transform: rotate(252deg);
    -moz-transform: rotate(252deg);
    -ms-transform: rotate(252deg);
    -o-transform: rotate(252deg);
    transform: rotate(252deg); }
  .c100.p71 .bar {
    -webkit-transform: rotate(255.6deg);
    -moz-transform: rotate(255.6deg);
    -ms-transform: rotate(255.6deg);
    -o-transform: rotate(255.6deg);
    transform: rotate(255.6deg); }
  .c100.p72 .bar {
    -webkit-transform: rotate(259.2deg);
    -moz-transform: rotate(259.2deg);
    -ms-transform: rotate(259.2deg);
    -o-transform: rotate(259.2deg);
    transform: rotate(259.2deg); }
  .c100.p73 .bar {
    -webkit-transform: rotate(262.8deg);
    -moz-transform: rotate(262.8deg);
    -ms-transform: rotate(262.8deg);
    -o-transform: rotate(262.8deg);
    transform: rotate(262.8deg); }
  .c100.p74 .bar {
    -webkit-transform: rotate(266.4deg);
    -moz-transform: rotate(266.4deg);
    -ms-transform: rotate(266.4deg);
    -o-transform: rotate(266.4deg);
    transform: rotate(266.4deg); }
  .c100.p75 .bar {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg); }
  .c100.p76 .bar {
    -webkit-transform: rotate(273.6deg);
    -moz-transform: rotate(273.6deg);
    -ms-transform: rotate(273.6deg);
    -o-transform: rotate(273.6deg);
    transform: rotate(273.6deg); }
  .c100.p77 .bar {
    -webkit-transform: rotate(277.2deg);
    -moz-transform: rotate(277.2deg);
    -ms-transform: rotate(277.2deg);
    -o-transform: rotate(277.2deg);
    transform: rotate(277.2deg); }
  .c100.p78 .bar {
    -webkit-transform: rotate(280.8deg);
    -moz-transform: rotate(280.8deg);
    -ms-transform: rotate(280.8deg);
    -o-transform: rotate(280.8deg);
    transform: rotate(280.8deg); }
  .c100.p79 .bar {
    -webkit-transform: rotate(284.4deg);
    -moz-transform: rotate(284.4deg);
    -ms-transform: rotate(284.4deg);
    -o-transform: rotate(284.4deg);
    transform: rotate(284.4deg); }
  .c100.p80 .bar {
    -webkit-transform: rotate(288deg);
    -moz-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    transform: rotate(288deg); }
  .c100.p81 .bar {
    -webkit-transform: rotate(291.6deg);
    -moz-transform: rotate(291.6deg);
    -ms-transform: rotate(291.6deg);
    -o-transform: rotate(291.6deg);
    transform: rotate(291.6deg); }
  .c100.p82 .bar {
    -webkit-transform: rotate(295.2deg);
    -moz-transform: rotate(295.2deg);
    -ms-transform: rotate(295.2deg);
    -o-transform: rotate(295.2deg);
    transform: rotate(295.2deg); }
  .c100.p83 .bar {
    -webkit-transform: rotate(298.8deg);
    -moz-transform: rotate(298.8deg);
    -ms-transform: rotate(298.8deg);
    -o-transform: rotate(298.8deg);
    transform: rotate(298.8deg); }
  .c100.p84 .bar {
    -webkit-transform: rotate(302.4deg);
    -moz-transform: rotate(302.4deg);
    -ms-transform: rotate(302.4deg);
    -o-transform: rotate(302.4deg);
    transform: rotate(302.4deg); }
  .c100.p85 .bar {
    -webkit-transform: rotate(306deg);
    -moz-transform: rotate(306deg);
    -ms-transform: rotate(306deg);
    -o-transform: rotate(306deg);
    transform: rotate(306deg); }
  .c100.p86 .bar {
    -webkit-transform: rotate(309.6deg);
    -moz-transform: rotate(309.6deg);
    -ms-transform: rotate(309.6deg);
    -o-transform: rotate(309.6deg);
    transform: rotate(309.6deg); }
  .c100.p87 .bar {
    -webkit-transform: rotate(313.2deg);
    -moz-transform: rotate(313.2deg);
    -ms-transform: rotate(313.2deg);
    -o-transform: rotate(313.2deg);
    transform: rotate(313.2deg); }
  .c100.p88 .bar {
    -webkit-transform: rotate(316.8deg);
    -moz-transform: rotate(316.8deg);
    -ms-transform: rotate(316.8deg);
    -o-transform: rotate(316.8deg);
    transform: rotate(316.8deg); }
  .c100.p89 .bar {
    -webkit-transform: rotate(320.4deg);
    -moz-transform: rotate(320.4deg);
    -ms-transform: rotate(320.4deg);
    -o-transform: rotate(320.4deg);
    transform: rotate(320.4deg); }
  .c100.p90 .bar {
    -webkit-transform: rotate(324deg);
    -moz-transform: rotate(324deg);
    -ms-transform: rotate(324deg);
    -o-transform: rotate(324deg);
    transform: rotate(324deg); }
  .c100.p91 .bar {
    -webkit-transform: rotate(327.6deg);
    -moz-transform: rotate(327.6deg);
    -ms-transform: rotate(327.6deg);
    -o-transform: rotate(327.6deg);
    transform: rotate(327.6deg); }
  .c100.p92 .bar {
    -webkit-transform: rotate(331.2deg);
    -moz-transform: rotate(331.2deg);
    -ms-transform: rotate(331.2deg);
    -o-transform: rotate(331.2deg);
    transform: rotate(331.2deg); }
  .c100.p93 .bar {
    -webkit-transform: rotate(334.8deg);
    -moz-transform: rotate(334.8deg);
    -ms-transform: rotate(334.8deg);
    -o-transform: rotate(334.8deg);
    transform: rotate(334.8deg); }
  .c100.p94 .bar {
    -webkit-transform: rotate(338.4deg);
    -moz-transform: rotate(338.4deg);
    -ms-transform: rotate(338.4deg);
    -o-transform: rotate(338.4deg);
    transform: rotate(338.4deg); }
  .c100.p95 .bar {
    -webkit-transform: rotate(342deg);
    -moz-transform: rotate(342deg);
    -ms-transform: rotate(342deg);
    -o-transform: rotate(342deg);
    transform: rotate(342deg); }
  .c100.p96 .bar {
    -webkit-transform: rotate(345.6deg);
    -moz-transform: rotate(345.6deg);
    -ms-transform: rotate(345.6deg);
    -o-transform: rotate(345.6deg);
    transform: rotate(345.6deg); }
  .c100.p97 .bar {
    -webkit-transform: rotate(349.2deg);
    -moz-transform: rotate(349.2deg);
    -ms-transform: rotate(349.2deg);
    -o-transform: rotate(349.2deg);
    transform: rotate(349.2deg); }
  .c100.p98 .bar {
    -webkit-transform: rotate(352.8deg);
    -moz-transform: rotate(352.8deg);
    -ms-transform: rotate(352.8deg);
    -o-transform: rotate(352.8deg);
    transform: rotate(352.8deg); }
  .c100.p99 .bar {
    -webkit-transform: rotate(356.4deg);
    -moz-transform: rotate(356.4deg);
    -ms-transform: rotate(356.4deg);
    -o-transform: rotate(356.4deg);
    transform: rotate(356.4deg); }
  .c100.p100 .bar {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); }

/* COLORES */
/* mixins */
.ancho-1 {
  width: 1%; }

.ancho-2 {
  width: 2%; }

.ancho-3 {
  width: 3%; }

.ancho-4 {
  width: 4%; }

.ancho-5 {
  width: 5%; }

.ancho-6 {
  width: 6%; }

.ancho-7 {
  width: 7%; }

.ancho-8 {
  width: 8%; }

.ancho-9 {
  width: 9%; }

.ancho-10 {
  width: 10%; }

.ancho-11 {
  width: 11%; }

.ancho-12 {
  width: 12%; }

.ancho-13 {
  width: 13%; }

.ancho-14 {
  width: 14%; }

.ancho-15 {
  width: 15%; }

.ancho-16 {
  width: 16%; }

.ancho-17 {
  width: 17%; }

.ancho-18 {
  width: 18%; }

.ancho-19 {
  width: 19%; }

.ancho-20 {
  width: 20%; }

.ancho-21 {
  width: 21%; }

.ancho-22 {
  width: 22%; }

.ancho-23 {
  width: 23%; }

.ancho-24 {
  width: 24%; }

.ancho-25 {
  width: 25%; }

.ancho-26 {
  width: 26%; }

.ancho-27 {
  width: 27%; }

.ancho-28 {
  width: 28%; }

.ancho-29 {
  width: 29%; }

.ancho-30 {
  width: 30%; }

.ancho-31 {
  width: 31%; }

.ancho-32 {
  width: 32%; }

.ancho-33 {
  width: 33%; }

.ancho-34 {
  width: 34%; }

.ancho-35 {
  width: 35%; }

.ancho-36 {
  width: 36%; }

.ancho-37 {
  width: 37%; }

.ancho-38 {
  width: 38%; }

.ancho-39 {
  width: 39%; }

.ancho-40 {
  width: 40%; }

.ancho-41 {
  width: 41%; }

.ancho-42 {
  width: 42%; }

.ancho-43 {
  width: 43%; }

.ancho-44 {
  width: 44%; }

.ancho-45 {
  width: 45%; }

.ancho-46 {
  width: 46%; }

.ancho-47 {
  width: 47%; }

.ancho-48 {
  width: 48%; }

.ancho-49 {
  width: 49%; }

.ancho-50 {
  width: 50%; }

.ancho-51 {
  width: 51%; }

.ancho-52 {
  width: 52%; }

.ancho-53 {
  width: 53%; }

.ancho-54 {
  width: 54%; }

.ancho-55 {
  width: 55%; }

.ancho-56 {
  width: 56%; }

.ancho-57 {
  width: 57%; }

.ancho-58 {
  width: 58%; }

.ancho-59 {
  width: 59%; }

.ancho-60 {
  width: 60%; }

.ancho-61 {
  width: 61%; }

.ancho-62 {
  width: 62%; }

.ancho-63 {
  width: 63%; }

.ancho-64 {
  width: 64%; }

.ancho-65 {
  width: 65%; }

.ancho-66 {
  width: 66%; }

.ancho-67 {
  width: 67%; }

.ancho-68 {
  width: 68%; }

.ancho-69 {
  width: 69%; }

.ancho-70 {
  width: 70%; }

.ancho-71 {
  width: 71%; }

.ancho-72 {
  width: 72%; }

.ancho-73 {
  width: 73%; }

.ancho-74 {
  width: 74%; }

.ancho-75 {
  width: 75%; }

.ancho-76 {
  width: 76%; }

.ancho-77 {
  width: 77%; }

.ancho-78 {
  width: 78%; }

.ancho-79 {
  width: 79%; }

.ancho-80 {
  width: 80%; }

.ancho-81 {
  width: 81%; }

.ancho-82 {
  width: 82%; }

.ancho-83 {
  width: 83%; }

.ancho-84 {
  width: 84%; }

.ancho-85 {
  width: 85%; }

.ancho-86 {
  width: 86%; }

.ancho-87 {
  width: 87%; }

.ancho-88 {
  width: 88%; }

.ancho-89 {
  width: 89%; }

.ancho-90 {
  width: 90%; }

.ancho-91 {
  width: 91%; }

.ancho-92 {
  width: 92%; }

.ancho-93 {
  width: 93%; }

.ancho-94 {
  width: 94%; }

.ancho-95 {
  width: 95%; }

.ancho-96 {
  width: 96%; }

.ancho-97 {
  width: 97%; }

.ancho-98 {
  width: 98%; }

.ancho-99 {
  width: 99%; }

.ancho-100 {
  width: 100%; }

.ancho-flex-auto {
  width: auto;
  flex: 1; }

.parallax {
  height: 465px !important;
  background-color: transparent;
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }

/* EDIFICIO */
.parallax.edificio-aforo {
  background-image: url(../img/parallax-aforo.jpg); }

.parallax.edificio-consumos-viviendas {
  background-image: url(../img/parallax-consumos-viviendas.jpg); }

.parallax.edificio-consumos-zonas-comunes {
  background-image: url(../img/parallax-consumos-zonas-comunes.jpg); }

.parallax.edificio-factores-exteriores {
  background-image: url(../img/parallax-factores-exteriores.jpg); }

.parallax.edificio-produccion-fotovoltaica {
  background-image: url(../img/parallax-produccion-fotovoltaica.jpg); }

.parallax.edificio-recuperadores-calor {
  background-image: url(../img/parallax-recuperadores-calor.jpg); }

/* PORTAL */
.parallax.portal-aforo {
  background-image: url(../img/parallax-aforo-2.jpg); }

.parallax.portal-movilidad {
  background-image: url(../img/parallax-movilidad.jpg); }

.parallax.portal-consumos-viviendas {
  background-image: url(../img/parallax-consumos-viviendas-2.jpg); }

.parallax.portal-consumos-zonas-comunes {
  background-image: url(../img/parallax-consumos-zonas-comunes-2.jpg); }

.parallax.portal-factores-exteriores {
  background-image: url(../img/parallax-factores-exteriores-2.jpg); }

.parallax.portal-produccion-fotovoltaica {
  background-image: url(../img/parallax-produccion-fotovoltaica-2.jpg); }

.parallax.portal-recuperadores-calor {
  background-image: url(../img/parallax-recuperadores-calor-2.jpg); }

/* COLORES */
/* mixins */
.ancho-1 {
  width: 1%; }

.ancho-2 {
  width: 2%; }

.ancho-3 {
  width: 3%; }

.ancho-4 {
  width: 4%; }

.ancho-5 {
  width: 5%; }

.ancho-6 {
  width: 6%; }

.ancho-7 {
  width: 7%; }

.ancho-8 {
  width: 8%; }

.ancho-9 {
  width: 9%; }

.ancho-10 {
  width: 10%; }

.ancho-11 {
  width: 11%; }

.ancho-12 {
  width: 12%; }

.ancho-13 {
  width: 13%; }

.ancho-14 {
  width: 14%; }

.ancho-15 {
  width: 15%; }

.ancho-16 {
  width: 16%; }

.ancho-17 {
  width: 17%; }

.ancho-18 {
  width: 18%; }

.ancho-19 {
  width: 19%; }

.ancho-20 {
  width: 20%; }

.ancho-21 {
  width: 21%; }

.ancho-22 {
  width: 22%; }

.ancho-23 {
  width: 23%; }

.ancho-24 {
  width: 24%; }

.ancho-25 {
  width: 25%; }

.ancho-26 {
  width: 26%; }

.ancho-27 {
  width: 27%; }

.ancho-28 {
  width: 28%; }

.ancho-29 {
  width: 29%; }

.ancho-30 {
  width: 30%; }

.ancho-31 {
  width: 31%; }

.ancho-32 {
  width: 32%; }

.ancho-33 {
  width: 33%; }

.ancho-34 {
  width: 34%; }

.ancho-35 {
  width: 35%; }

.ancho-36 {
  width: 36%; }

.ancho-37 {
  width: 37%; }

.ancho-38 {
  width: 38%; }

.ancho-39 {
  width: 39%; }

.ancho-40 {
  width: 40%; }

.ancho-41 {
  width: 41%; }

.ancho-42 {
  width: 42%; }

.ancho-43 {
  width: 43%; }

.ancho-44 {
  width: 44%; }

.ancho-45 {
  width: 45%; }

.ancho-46 {
  width: 46%; }

.ancho-47 {
  width: 47%; }

.ancho-48 {
  width: 48%; }

.ancho-49 {
  width: 49%; }

.ancho-50 {
  width: 50%; }

.ancho-51 {
  width: 51%; }

.ancho-52 {
  width: 52%; }

.ancho-53 {
  width: 53%; }

.ancho-54 {
  width: 54%; }

.ancho-55 {
  width: 55%; }

.ancho-56 {
  width: 56%; }

.ancho-57 {
  width: 57%; }

.ancho-58 {
  width: 58%; }

.ancho-59 {
  width: 59%; }

.ancho-60 {
  width: 60%; }

.ancho-61 {
  width: 61%; }

.ancho-62 {
  width: 62%; }

.ancho-63 {
  width: 63%; }

.ancho-64 {
  width: 64%; }

.ancho-65 {
  width: 65%; }

.ancho-66 {
  width: 66%; }

.ancho-67 {
  width: 67%; }

.ancho-68 {
  width: 68%; }

.ancho-69 {
  width: 69%; }

.ancho-70 {
  width: 70%; }

.ancho-71 {
  width: 71%; }

.ancho-72 {
  width: 72%; }

.ancho-73 {
  width: 73%; }

.ancho-74 {
  width: 74%; }

.ancho-75 {
  width: 75%; }

.ancho-76 {
  width: 76%; }

.ancho-77 {
  width: 77%; }

.ancho-78 {
  width: 78%; }

.ancho-79 {
  width: 79%; }

.ancho-80 {
  width: 80%; }

.ancho-81 {
  width: 81%; }

.ancho-82 {
  width: 82%; }

.ancho-83 {
  width: 83%; }

.ancho-84 {
  width: 84%; }

.ancho-85 {
  width: 85%; }

.ancho-86 {
  width: 86%; }

.ancho-87 {
  width: 87%; }

.ancho-88 {
  width: 88%; }

.ancho-89 {
  width: 89%; }

.ancho-90 {
  width: 90%; }

.ancho-91 {
  width: 91%; }

.ancho-92 {
  width: 92%; }

.ancho-93 {
  width: 93%; }

.ancho-94 {
  width: 94%; }

.ancho-95 {
  width: 95%; }

.ancho-96 {
  width: 96%; }

.ancho-97 {
  width: 97%; }

.ancho-98 {
  width: 98%; }

.ancho-99 {
  width: 99%; }

.ancho-100 {
  width: 100%; }

.ancho-flex-auto {
  width: auto;
  flex: 1; }

/* Tabs */
.tabs {
  margin: 15px;
  background: white; }

ul#tabs-nav {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid #ddd;
  margin: 0;
  padding: 0;
  list-style: none; }
  ul#tabs-nav li {
    background: #fff;
    border-bottom: 3px solid #fff;
    cursor: pointer;
    flex: 1;
    width: 50%; }
    ul#tabs-nav li:hover {
      border-bottom: 3px solid #555; }
    ul#tabs-nav li.active {
      border-bottom: 3px solid #f70113; }
    ul#tabs-nav li a {
      text-decoration: none;
      color: #000;
      font-size: 15px;
      display: block;
      padding: 10px;
      text-align: center; }

.tab-content {
  padding: 15px;
  background-color: #fff; }

/* COLORES */
/* mixins */
.ancho-1 {
  width: 1%; }

.ancho-2 {
  width: 2%; }

.ancho-3 {
  width: 3%; }

.ancho-4 {
  width: 4%; }

.ancho-5 {
  width: 5%; }

.ancho-6 {
  width: 6%; }

.ancho-7 {
  width: 7%; }

.ancho-8 {
  width: 8%; }

.ancho-9 {
  width: 9%; }

.ancho-10 {
  width: 10%; }

.ancho-11 {
  width: 11%; }

.ancho-12 {
  width: 12%; }

.ancho-13 {
  width: 13%; }

.ancho-14 {
  width: 14%; }

.ancho-15 {
  width: 15%; }

.ancho-16 {
  width: 16%; }

.ancho-17 {
  width: 17%; }

.ancho-18 {
  width: 18%; }

.ancho-19 {
  width: 19%; }

.ancho-20 {
  width: 20%; }

.ancho-21 {
  width: 21%; }

.ancho-22 {
  width: 22%; }

.ancho-23 {
  width: 23%; }

.ancho-24 {
  width: 24%; }

.ancho-25 {
  width: 25%; }

.ancho-26 {
  width: 26%; }

.ancho-27 {
  width: 27%; }

.ancho-28 {
  width: 28%; }

.ancho-29 {
  width: 29%; }

.ancho-30 {
  width: 30%; }

.ancho-31 {
  width: 31%; }

.ancho-32 {
  width: 32%; }

.ancho-33 {
  width: 33%; }

.ancho-34 {
  width: 34%; }

.ancho-35 {
  width: 35%; }

.ancho-36 {
  width: 36%; }

.ancho-37 {
  width: 37%; }

.ancho-38 {
  width: 38%; }

.ancho-39 {
  width: 39%; }

.ancho-40 {
  width: 40%; }

.ancho-41 {
  width: 41%; }

.ancho-42 {
  width: 42%; }

.ancho-43 {
  width: 43%; }

.ancho-44 {
  width: 44%; }

.ancho-45 {
  width: 45%; }

.ancho-46 {
  width: 46%; }

.ancho-47 {
  width: 47%; }

.ancho-48 {
  width: 48%; }

.ancho-49 {
  width: 49%; }

.ancho-50 {
  width: 50%; }

.ancho-51 {
  width: 51%; }

.ancho-52 {
  width: 52%; }

.ancho-53 {
  width: 53%; }

.ancho-54 {
  width: 54%; }

.ancho-55 {
  width: 55%; }

.ancho-56 {
  width: 56%; }

.ancho-57 {
  width: 57%; }

.ancho-58 {
  width: 58%; }

.ancho-59 {
  width: 59%; }

.ancho-60 {
  width: 60%; }

.ancho-61 {
  width: 61%; }

.ancho-62 {
  width: 62%; }

.ancho-63 {
  width: 63%; }

.ancho-64 {
  width: 64%; }

.ancho-65 {
  width: 65%; }

.ancho-66 {
  width: 66%; }

.ancho-67 {
  width: 67%; }

.ancho-68 {
  width: 68%; }

.ancho-69 {
  width: 69%; }

.ancho-70 {
  width: 70%; }

.ancho-71 {
  width: 71%; }

.ancho-72 {
  width: 72%; }

.ancho-73 {
  width: 73%; }

.ancho-74 {
  width: 74%; }

.ancho-75 {
  width: 75%; }

.ancho-76 {
  width: 76%; }

.ancho-77 {
  width: 77%; }

.ancho-78 {
  width: 78%; }

.ancho-79 {
  width: 79%; }

.ancho-80 {
  width: 80%; }

.ancho-81 {
  width: 81%; }

.ancho-82 {
  width: 82%; }

.ancho-83 {
  width: 83%; }

.ancho-84 {
  width: 84%; }

.ancho-85 {
  width: 85%; }

.ancho-86 {
  width: 86%; }

.ancho-87 {
  width: 87%; }

.ancho-88 {
  width: 88%; }

.ancho-89 {
  width: 89%; }

.ancho-90 {
  width: 90%; }

.ancho-91 {
  width: 91%; }

.ancho-92 {
  width: 92%; }

.ancho-93 {
  width: 93%; }

.ancho-94 {
  width: 94%; }

.ancho-95 {
  width: 95%; }

.ancho-96 {
  width: 96%; }

.ancho-97 {
  width: 97%; }

.ancho-98 {
  width: 98%; }

.ancho-99 {
  width: 99%; }

.ancho-100 {
  width: 100%; }

.ancho-flex-auto {
  width: auto;
  flex: 1; }

.fixed-sidebar {
  position: sticky;
  right: 0;
  top: 0; }

.factores-item {
  border-bottom: 1px solid #ddd;
  margin-bottom: 15px; }
  .factores-item:last-child {
    margin-bottom: 0; }
  .factores-item-titulo {
    font-size: 14px;
    text-transform: uppercase; }
  .factores-item-valor {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 15px;
    margin-top: 15px;
    padding: 0 15px; }
    .factores-item-valor .data-icon {
      font-size: 30px;
      margin-right: 10px; }
      .factores-item-valor .data-icon.icon-ico_temperatura {
        background: #ed5565;
        /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, #ed5565, #d62839);
        /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, #ed5565, #d62839);
        /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent; }
      .factores-item-valor .data-icon.icon-ico_humedad {
        background: #4FC1E9;
        /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, #4FC1E9, #0b9bd0);
        /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, #4FC1E9, #0b9bd0);
        /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent; }
      .factores-item-valor .data-icon.icon-ico_co2 {
        background: #a0d468;
        /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, #a0d468, #6eaf27);
        /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, #a0d468, #6eaf27);
        /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent; }
      .factores-item-valor .data-icon.icon-ico_aire {
        background: #5d9cec;
        /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, #5d9cec, #0e65d7);
        /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, #5d9cec, #0e65d7);
        /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent; }
      .factores-item-valor .data-icon.icon-ico_luminosidad {
        background: #ffd97c;
        /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, #ffd97c, #f6a742);
        /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, #ffd97c, #f6a742);
        /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent; }
      .factores-item-valor .data-icon.icon-ico_radiacion {
        background: #fc6e51;
        /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, #fc6e51, #db391f);
        /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, #fc6e51, #db391f);
        /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent; }
    .factores-item-valor .data-value {
      font-size: 26px;
      line-height: 1;
      font-weight: bold;
      margin: 0 10px 0 0; }
    .factores-item-valor .data-label {
      font-size: 15px;
      line-height: 1;
      margin-right: 10px; }
    .factores-item-valor .data-tendencia {
      font-size: 15px;
      line-height: 1;
      margin: 0;
      display: inline-block;
      margin-left: auto; }
      .factores-item-valor .data-tendencia i {
        font-size: 10px;
        line-height: 1;
        margin: 0; }
      .factores-item-valor .data-tendencia.rojo i {
        color: #ff3434; }
      .factores-item-valor .data-tendencia.verde i {
        color: #8bc660; }
      .factores-item-valor .data-tendencia.naranja i {
        color: #ff9e5e; }
  .factores-item-minmax {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0 15px; }
    .factores-item-minmax span {
      text-transform: uppercase;
      font-size: 15px; }
      .factores-item-minmax span.min {
        color: #1a72cd; }
      .factores-item-minmax span.max {
        color: #ff3434; }

/* COLORES */
/* mixins */
.ancho-1 {
  width: 1%; }

.ancho-2 {
  width: 2%; }

.ancho-3 {
  width: 3%; }

.ancho-4 {
  width: 4%; }

.ancho-5 {
  width: 5%; }

.ancho-6 {
  width: 6%; }

.ancho-7 {
  width: 7%; }

.ancho-8 {
  width: 8%; }

.ancho-9 {
  width: 9%; }

.ancho-10 {
  width: 10%; }

.ancho-11 {
  width: 11%; }

.ancho-12 {
  width: 12%; }

.ancho-13 {
  width: 13%; }

.ancho-14 {
  width: 14%; }

.ancho-15 {
  width: 15%; }

.ancho-16 {
  width: 16%; }

.ancho-17 {
  width: 17%; }

.ancho-18 {
  width: 18%; }

.ancho-19 {
  width: 19%; }

.ancho-20 {
  width: 20%; }

.ancho-21 {
  width: 21%; }

.ancho-22 {
  width: 22%; }

.ancho-23 {
  width: 23%; }

.ancho-24 {
  width: 24%; }

.ancho-25 {
  width: 25%; }

.ancho-26 {
  width: 26%; }

.ancho-27 {
  width: 27%; }

.ancho-28 {
  width: 28%; }

.ancho-29 {
  width: 29%; }

.ancho-30 {
  width: 30%; }

.ancho-31 {
  width: 31%; }

.ancho-32 {
  width: 32%; }

.ancho-33 {
  width: 33%; }

.ancho-34 {
  width: 34%; }

.ancho-35 {
  width: 35%; }

.ancho-36 {
  width: 36%; }

.ancho-37 {
  width: 37%; }

.ancho-38 {
  width: 38%; }

.ancho-39 {
  width: 39%; }

.ancho-40 {
  width: 40%; }

.ancho-41 {
  width: 41%; }

.ancho-42 {
  width: 42%; }

.ancho-43 {
  width: 43%; }

.ancho-44 {
  width: 44%; }

.ancho-45 {
  width: 45%; }

.ancho-46 {
  width: 46%; }

.ancho-47 {
  width: 47%; }

.ancho-48 {
  width: 48%; }

.ancho-49 {
  width: 49%; }

.ancho-50 {
  width: 50%; }

.ancho-51 {
  width: 51%; }

.ancho-52 {
  width: 52%; }

.ancho-53 {
  width: 53%; }

.ancho-54 {
  width: 54%; }

.ancho-55 {
  width: 55%; }

.ancho-56 {
  width: 56%; }

.ancho-57 {
  width: 57%; }

.ancho-58 {
  width: 58%; }

.ancho-59 {
  width: 59%; }

.ancho-60 {
  width: 60%; }

.ancho-61 {
  width: 61%; }

.ancho-62 {
  width: 62%; }

.ancho-63 {
  width: 63%; }

.ancho-64 {
  width: 64%; }

.ancho-65 {
  width: 65%; }

.ancho-66 {
  width: 66%; }

.ancho-67 {
  width: 67%; }

.ancho-68 {
  width: 68%; }

.ancho-69 {
  width: 69%; }

.ancho-70 {
  width: 70%; }

.ancho-71 {
  width: 71%; }

.ancho-72 {
  width: 72%; }

.ancho-73 {
  width: 73%; }

.ancho-74 {
  width: 74%; }

.ancho-75 {
  width: 75%; }

.ancho-76 {
  width: 76%; }

.ancho-77 {
  width: 77%; }

.ancho-78 {
  width: 78%; }

.ancho-79 {
  width: 79%; }

.ancho-80 {
  width: 80%; }

.ancho-81 {
  width: 81%; }

.ancho-82 {
  width: 82%; }

.ancho-83 {
  width: 83%; }

.ancho-84 {
  width: 84%; }

.ancho-85 {
  width: 85%; }

.ancho-86 {
  width: 86%; }

.ancho-87 {
  width: 87%; }

.ancho-88 {
  width: 88%; }

.ancho-89 {
  width: 89%; }

.ancho-90 {
  width: 90%; }

.ancho-91 {
  width: 91%; }

.ancho-92 {
  width: 92%; }

.ancho-93 {
  width: 93%; }

.ancho-94 {
  width: 94%; }

.ancho-95 {
  width: 95%; }

.ancho-96 {
  width: 96%; }

.ancho-97 {
  width: 97%; }

.ancho-98 {
  width: 98%; }

.ancho-99 {
  width: 99%; }

.ancho-100 {
  width: 100%; }

.ancho-flex-auto {
  width: auto;
  flex: 1; }

#ui-datepicker-div {
  z-index: 9 !important;
  box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.25); }

.ui-datepicker {
  border-radius: 0;
  border: none;
  padding: 0;
  background: #fff;
  border: 1px solid #CECECE; }

.ui-datepicker-header {
  color: #fff;
  font-weight: normal;
  background: #000;
  margin-bottom: 0;
  border-radius: 0;
  border: none; }

.ui-datepicker-prev,
.ui-datepicker-next {
  background-color: #fff;
  top: 3px !important; }

.ui-datepicker-prev:before,
.ui-datepicker-next:before {
  color: #000; }

.ui-datepicker-calendar thead tr th span {
  color: #000;
  font-weight: normal;
  opacity: 0.6;
  margin-bottom: 5px; }

.ui-datepicker-prev span,
.ui-datepicker-next span {
  background-image: none !important; }

.ui-datepicker-prev:before,
.ui-datepicker-next:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  font-weight: normal;
  align-items: center;
  justify-content: center; }

.ui-datepicker-prev:before {
  content: '‹' !important;
  color: #000;
  font-size: 1.2em;
  margin-top: -2px; }

.ui-datepicker-next:before {
  content: '›' !important;
  color: #000;
  font-size: 1.2em;
  margin-top: -2px; }

.ui-datepicker-prev.ui-state-hover,
.ui-datepicker-next.ui-state-hover {
  border-radius: .275em !important;
  display: block !important;
  text-decoration: none !important;
  color: #fff !important;
  border: 1px solid #f70113 !important;
  background: #f70113 !important;
  text-align: center !important; }
  .ui-datepicker-prev.ui-state-hover:before,
  .ui-datepicker-next.ui-state-hover:before {
    color: #fff; }

.ui-state-default {
  display: block !important;
  text-decoration: none !important;
  color: #000 !important;
  border: 1px solid transparent !important;
  background: none !important;
  text-align: center !important; }

.ui-state-default:hover {
  border-radius: .275em;
  display: block !important;
  text-decoration: none !important;
  color: #fff !important;
  border: 1px solid #f70113 !important;
  background: #f70113 !important;
  text-align: center !important; }

.ui-state-highlight {
  border-radius: .375em !important;
  display: block !important;
  text-decoration: none !important;
  color: #000 !important;
  border: 1px solid #f70113 !important;
  background: #fff !important;
  text-align: center !important; }

.ui-state-active {
  border-radius: .275em;
  display: block !important;
  text-decoration: none !important;
  color: #fff !important;
  border: 1px solid #f70113 !important;
  background: #f70113 !important;
  text-align: center !important; }

.ui-datepicker-unselectable .ui-state-default:hover,
.ui-datepicker-unselectable .ui-state-default {
  border-radius: .375em !important;
  display: block !important;
  text-decoration: none !important;
  color: #555 !important;
  border: 1px solid #CECECE !important;
  background: #CECECE !important;
  text-align: center !important;
  opacity: 0.6; }

/* COLORES */
/* mixins */
.ancho-1 {
  width: 1%; }

.ancho-2 {
  width: 2%; }

.ancho-3 {
  width: 3%; }

.ancho-4 {
  width: 4%; }

.ancho-5 {
  width: 5%; }

.ancho-6 {
  width: 6%; }

.ancho-7 {
  width: 7%; }

.ancho-8 {
  width: 8%; }

.ancho-9 {
  width: 9%; }

.ancho-10 {
  width: 10%; }

.ancho-11 {
  width: 11%; }

.ancho-12 {
  width: 12%; }

.ancho-13 {
  width: 13%; }

.ancho-14 {
  width: 14%; }

.ancho-15 {
  width: 15%; }

.ancho-16 {
  width: 16%; }

.ancho-17 {
  width: 17%; }

.ancho-18 {
  width: 18%; }

.ancho-19 {
  width: 19%; }

.ancho-20 {
  width: 20%; }

.ancho-21 {
  width: 21%; }

.ancho-22 {
  width: 22%; }

.ancho-23 {
  width: 23%; }

.ancho-24 {
  width: 24%; }

.ancho-25 {
  width: 25%; }

.ancho-26 {
  width: 26%; }

.ancho-27 {
  width: 27%; }

.ancho-28 {
  width: 28%; }

.ancho-29 {
  width: 29%; }

.ancho-30 {
  width: 30%; }

.ancho-31 {
  width: 31%; }

.ancho-32 {
  width: 32%; }

.ancho-33 {
  width: 33%; }

.ancho-34 {
  width: 34%; }

.ancho-35 {
  width: 35%; }

.ancho-36 {
  width: 36%; }

.ancho-37 {
  width: 37%; }

.ancho-38 {
  width: 38%; }

.ancho-39 {
  width: 39%; }

.ancho-40 {
  width: 40%; }

.ancho-41 {
  width: 41%; }

.ancho-42 {
  width: 42%; }

.ancho-43 {
  width: 43%; }

.ancho-44 {
  width: 44%; }

.ancho-45 {
  width: 45%; }

.ancho-46 {
  width: 46%; }

.ancho-47 {
  width: 47%; }

.ancho-48 {
  width: 48%; }

.ancho-49 {
  width: 49%; }

.ancho-50 {
  width: 50%; }

.ancho-51 {
  width: 51%; }

.ancho-52 {
  width: 52%; }

.ancho-53 {
  width: 53%; }

.ancho-54 {
  width: 54%; }

.ancho-55 {
  width: 55%; }

.ancho-56 {
  width: 56%; }

.ancho-57 {
  width: 57%; }

.ancho-58 {
  width: 58%; }

.ancho-59 {
  width: 59%; }

.ancho-60 {
  width: 60%; }

.ancho-61 {
  width: 61%; }

.ancho-62 {
  width: 62%; }

.ancho-63 {
  width: 63%; }

.ancho-64 {
  width: 64%; }

.ancho-65 {
  width: 65%; }

.ancho-66 {
  width: 66%; }

.ancho-67 {
  width: 67%; }

.ancho-68 {
  width: 68%; }

.ancho-69 {
  width: 69%; }

.ancho-70 {
  width: 70%; }

.ancho-71 {
  width: 71%; }

.ancho-72 {
  width: 72%; }

.ancho-73 {
  width: 73%; }

.ancho-74 {
  width: 74%; }

.ancho-75 {
  width: 75%; }

.ancho-76 {
  width: 76%; }

.ancho-77 {
  width: 77%; }

.ancho-78 {
  width: 78%; }

.ancho-79 {
  width: 79%; }

.ancho-80 {
  width: 80%; }

.ancho-81 {
  width: 81%; }

.ancho-82 {
  width: 82%; }

.ancho-83 {
  width: 83%; }

.ancho-84 {
  width: 84%; }

.ancho-85 {
  width: 85%; }

.ancho-86 {
  width: 86%; }

.ancho-87 {
  width: 87%; }

.ancho-88 {
  width: 88%; }

.ancho-89 {
  width: 89%; }

.ancho-90 {
  width: 90%; }

.ancho-91 {
  width: 91%; }

.ancho-92 {
  width: 92%; }

.ancho-93 {
  width: 93%; }

.ancho-94 {
  width: 94%; }

.ancho-95 {
  width: 95%; }

.ancho-96 {
  width: 96%; }

.ancho-97 {
  width: 97%; }

.ancho-98 {
  width: 98%; }

.ancho-99 {
  width: 99%; }

.ancho-100 {
  width: 100%; }

.ancho-flex-auto {
  width: auto;
  flex: 1; }

.seccion.acotar-datos {
  background-color: #FFEFF0;
  position: relative;
  padding: 0; }
  .seccion.acotar-datos form {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    max-width: 1125px;
    margin: 0 auto; }
    @media (max-width: 767px) {
      .seccion.acotar-datos form {
        flex-direction: column; } }
    .seccion.acotar-datos form .datos {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      width: 100%; }
      @media (max-width: 1030px) {
        .seccion.acotar-datos form .datos {
          width: 100%;
          flex-direction: column; } }
      .seccion.acotar-datos form .datos > .titulo-seccion {
        flex: 0;
        width: 33.3%;
        max-width: 100%;
        min-width: 225px;
        padding-right: 30px;
        font-size: 14px;
        margin: 5px 0; }
        @media (max-width: 1030px) {
          .seccion.acotar-datos form .datos > .titulo-seccion {
            width: 100%;
            flex: 1;
            margin-bottom: 15px !important; } }
      .seccion.acotar-datos form .datos > .campos {
        flex: 1;
        width: 66.6%;
        max-width: 100%;
        min-width: 180px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap; }
        @media (max-width: 1030px) {
          .seccion.acotar-datos form .datos > .campos {
            width: 100%; } }
        .seccion.acotar-datos form .datos > .campos > * {
          padding-right: 30px;
          flex: 1;
          width: 50%;
          max-width: 100%;
          min-width: 180px; }
          @media (max-width: 399px) {
            .seccion.acotar-datos form .datos > .campos > * {
              margin-bottom: 10px; } }
          @media (max-width: 767px) {
            .seccion.acotar-datos form .datos > .campos > * {
              padding: 0 10px; } }
      .seccion.acotar-datos form .datos label {
        font-size: 13px;
        font-weight: bold;
        display: block;
        margin-bottom: 5px; }
    .seccion.acotar-datos form .botonera {
      width: 38px;
      align-self: flex-end; }
      @media (max-width: 767px) {
        .seccion.acotar-datos form .botonera {
          width: 100%;
          margin-top: 15px;
          padding: 0 10px; } }
      .seccion.acotar-datos form .botonera button {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background: #f70113;
        border: none;
        display: flex;
        width: 38px;
        height: 38px;
        align-items: center;
        justify-content: center;
        -webkit-box-shadow: 0px 0px 10px 2px rgba(162, 162, 162, 0.5);
        -moz-box-shadow: 0px 0px 10px 2px rgba(162, 162, 162, 0.5);
        box-shadow: 0px 0px 10px 2px rgba(162, 162, 162, 0.5); }
        @media (max-width: 767px) {
          .seccion.acotar-datos form .botonera button {
            width: 100%;
            height: 36px; } }
        .seccion.acotar-datos form .botonera button i {
          font-size: 15px;
          color: #fff;
          transform: rotate(-90deg);
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
          @media (max-width: 767px) {
            .seccion.acotar-datos form .botonera button i {
              transform: rotate(0deg);
              -webkit-transform: rotate(0deg);
              -moz-transform: rotate(0deg);
              -ms-transform: rotate(0deg);
              -o-transform: rotate(0deg);
              filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); } }
        .seccion.acotar-datos form .botonera button:hover {
          background: #555; }

.flecha-container {
  height: 30px;
  width: 100%;
  position: relative;
  background: #FFEFF0; }

.triangle {
  background: #fff;
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  width: 100%; }

.triangle.tr-right {
  left: #fff;
  right: 0;
  clip-path: polygon(100% 0, 0% 100%, 100% 100%); }

/* GENERICOS */
* {
  text-rendering: optimizeLegibility;
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

body {
  font-family: 'Klavika', 'Arial', 'Verdana', sans-serif;
  color: #000;
  line-height: 1.4; }

.posicionFixed {
  position: fixed !important; }

/* titulos */
.titulo-seccion {
  border-left: 5px solid #ddd;
  padding-left: 20px;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 1.2;
  color: #000;
  margin-bottom: 20px; }
  .titulo-seccion strong {
    color: #f70113;
    font-weight: normal; }

/* texto simple */
.texto-simple {
  font-size: 15px; }

/* botones */
/* enlaces */
/* cta-flecha */
.cta-flecha {
  margin-top: 30px;
  text-align: right; }
  .cta-flecha a {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    padding: 5px 20px 5px 20px;
    color: #f70113;
    text-transform: uppercase;
    font-size: 16px; }
    .cta-flecha a i {
      font-size: 20px;
      color: #f70113;
      margin-left: 10px; }
    .cta-flecha a:hover {
      -webkit-transition: all 250ms ease-out;
      -moz-transition: all 250ms ease-out;
      -o-transition: all 250ms ease-out;
      transition: all 250ms ease-out;
      color: #000; }
      .cta-flecha a:hover i {
        color: #000; }

/* formularios */
/* img */
img {
  width: 100%;
  max-width: 100%; }

/* secciones */
.seccion {
  padding-top: 30px;
  padding-bottom: 30px; }

.clear {
  clear: both; }

.wrapper-interior {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  background: #F9F9F9; }
  @media (max-width: 1023px) {
    .wrapper-interior {
      flex-direction: column; } }

.contenido-principal {
  width: calc( 100% - 360px );
  max-width: calc( 100% - 360px );
  flex: 1 1 auto;
  background: #fff; }
  @media (max-width: 1023px) {
    .contenido-principal {
      width: 100%;
      max-width: 100%; } }

.sidebar {
  width: 360px;
  max-width: 360px;
  flex: 1 1 360px; }
  @media (max-width: 1023px) {
    .sidebar {
      width: 100%;
      max-width: 100%;
      flex: 1; } }

/* Home */
.historia {
  max-width: 1125px;
  margin: 0 auto; }
  .historia .bloque-texto {
    padding: 30px; }

/* politicas */
body.politicas #header {
  background: #000; }

.consumos-titulo {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 15px; }
.consumos-subtitulo {
  text-align: center;
  font-size: 13px;
  margin-bottom: 10px;
  padding: 0 10px; }
.consumos-grafica {
  margin: 20px 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center; }
@media (max-width: 992px) {
  .consumos-valores {
    margin-bottom: 60px; } }
.consumos-valores-item {
  text-align: center;
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
  border-bottom: 1px solid #ddd; }
  .consumos-valores-item:last-child {
    margin: 0;
    border-bottom: none; }
  .consumos-valores-item-titulo {
    margin-bottom: 10px;
    font-size: 15px; }
    .consumos-valores-item-titulo i.icon-consumos-suma {
      color: #8bc660;
      margin-right: 10px; }
    .consumos-valores-item-titulo i.icon-consumos-promedio {
      color: #ff9e5e;
      margin-right: 10px; }
    .consumos-valores-item-titulo i.icon-consumos-maximo {
      color: #ff3434;
      margin-right: 10px; }
    .consumos-valores-item-titulo i.icon-consumos-minimo {
      color: #1a72cd;
      margin-right: 10px; }
  .consumos-valores-item-tendencia {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    margin: 10px 0 0 0; }
    .consumos-valores-item-tendencia .num {
      font-size: 20px;
      line-height: 15px;
      margin-right: 10px;
      font-weight: bold; }
    .consumos-valores-item-tendencia .label {
      font-size: 15px;
      line-height: 15px;
      margin-right: 10px; }
    .consumos-valores-item-tendencia .tendencia {
      font-size: 10px;
      line-height: 15px;
      margin-bottom: 0;
      display: inline-block; }
      .consumos-valores-item-tendencia .tendencia.rojo i {
        color: #ff3434; }
      .consumos-valores-item-tendencia .tendencia.verde i {
        color: #8bc660; }
      .consumos-valores-item-tendencia .tendencia.naranja i {
        color: #ff9e5e; }

.checkbox-group {
  margin-bottom: 20px; }
  .checkbox-group input[type=checkbox] {
    display: none; }
    .checkbox-group input[type=checkbox] + label:before {
      content: "";
      position: absolute;
      width: 25px;
      height: 25px;
      top: 0;
      border-radius: 2px;
      left: 0;
      border: 2px solid #ddd;
      background: #fff; }
    .checkbox-group input[type=checkbox]:checked + label:before {
      border: 2px solid #f70113;
      background: #f70113; }
    .checkbox-group input[type=checkbox]:checked + label:after {
      content: "";
      position: absolute;
      width: 7px;
      height: 15px;
      top: 3px;
      left: 9px;
      border-top: 2px solid transparent;
      border-left: 2px solid transparent;
      border-right: 2px solid #fff;
      border-bottom: 2px solid #fff;
      -webkit-transform: rotate(36deg);
      -ms-transform: rotate(36deg);
      transform: rotate(36deg);
      animation: fade-in .5s; }
  .checkbox-group label {
    cursor: pointer;
    position: relative;
    padding-left: 35px; }

input, select, textarea {
  background: #F9F9F9;
  border: 1px solid #ddd;
  font-size: 15px;
  width: 100%;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  min-height: 36px;
  padding: 5px;
  display: block;
  color: #000; }
  input:focus, select:focus, textarea:focus {
    outline: 3px solid #ffd6d5; }
  input.disabled, select.disabled, textarea.disabled {
    border-color: #F9F9F9;
    cursor: not-allowed; }
  input.datepicker, select.datepicker, textarea.datepicker {
    background-image: url(../img/calendario.svg);
    background-repeat: no-repeat;
    background-position: center right 8px; }

textarea {
  min-height: 120px; }

select.minimal {
  background-image: linear-gradient(45deg, transparent 50%, #f70113 50%), linear-gradient(135deg, #f70113 50%, transparent 50%), linear-gradient(to right, #ddd, #ddd);
  background-position: calc(100% - 20px) calc(1em - 2px), calc(100% - 10px) calc(1em - 2px), calc(100% - 2.5em) 0.5em;
  background-size: 10px 10px, 10px 10px, 1px 1.5em;
  background-repeat: no-repeat;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none; }

select.minimal:focus {
  background-image: linear-gradient(45deg, #f70113 50%, transparent 50%), linear-gradient(135deg, transparent 50%, #f70113 50%), linear-gradient(to right, #ddd, #ddd);
  background-position: calc(100% - 10px) calc(1em - 2px), calc(100% - 20px) calc(1em - 2px), calc(100% - 2.5em) 0.5em;
  background-size: 10px 10px, 10px 10px, 1px 1.5em;
  background-repeat: no-repeat; }

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000; }

.icon-info-tooltip {
  color: #1a72cd;
  float: right; }

/*# sourceMappingURL=mk-styles.css.map */