@charset "UTF-8";
@font-face {
  font-family: "fln";
  src: url("../fonts/fln.eot");
  src: url("../fonts/fln.eot?#iefix") format("eot"),
    url("../fonts/fln.woff2") format("woff2"),
    url("../fonts/fln.woff") format("woff"),
    url("../fonts/fln.ttf") format("truetype"),
    url("../fonts/fln.svg#fln") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="fln-"]:before,
[class*=" fln-"]:before {
  font-family: "fln" !important;
  font-style: normal !important;
  font-weight: normal !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fln-abajo-doble-light:before {
  content: "\ea01";
}
.fln-abajo-doble:before {
  content: "\ea02";
}
.fln-abajo-light:before {
  content: "\ea03";
}
.fln-abajo:before {
  content: "\ea04";
}
.fln-alerta-advertencia-full-light:before {
  content: "\ea05";
}
.fln-alerta-advertencia-full:before {
  content: "\ea06";
}
.fln-alerta-advertencia-light:before {
  content: "\ea07";
}
.fln-alerta-advertencia:before {
  content: "\ea08";
}
.fln-alerta-error-full-light:before {
  content: "\ea09";
}
.fln-alerta-error-full:before {
  content: "\ea0a";
}
.fln-alerta-error-light:before {
  content: "\ea0b";
}
.fln-alerta-error:before {
  content: "\ea0c";
}
.fln-alerta-exito-full-light:before {
  content: "\ea0d";
}
.fln-alerta-exito-full:before {
  content: "\ea0e";
}
.fln-alerta-exito-light:before {
  content: "\ea0f";
}
.fln-alerta-exito:before {
  content: "\ea10";
}
.fln-alerta-info-full-light:before {
  content: "\ea11";
}
.fln-alerta-info-full:before {
  content: "\ea12";
}
.fln-alerta-info-light:before {
  content: "\ea13";
}
.fln-alerta-info:before {
  content: "\ea14";
}
.fln-arriba-doble-light:before {
  content: "\ea15";
}
.fln-arriba-doble:before {
  content: "\ea16";
}
.fln-arriba-light:before {
  content: "\ea17";
}
.fln-arriba:before {
  content: "\ea18";
}
.fln-ayuda-full-light:before {
  content: "\ea19";
}
.fln-ayuda-full:before {
  content: "\ea1a";
}
.fln-ayuda-light:before {
  content: "\ea1b";
}
.fln-ayuda:before {
  content: "\ea1c";
}
.fln-bolsa-full:before {
  content: "\ea1d";
}
.fln-bolsa-light:before {
  content: "\ea1e";
}
.fln-bolsa:before {
  content: "\ea1f";
}
.fln-buscar-light:before {
  content: "\ea20";
}
.fln-buscar:before {
  content: "\ea21";
}
.fln-calendario-full:before {
  content: "\ea22";
}
.fln-calendario-light:before {
  content: "\ea23";
}
.fln-calendario:before {
  content: "\ea24";
}
.fln-candado-full:before {
  content: "\ea25";
}
.fln-candado-light:before {
  content: "\ea26";
}
.fln-candado:before {
  content: "\ea27";
}
.fln-carro-full:before {
  content: "\ea28";
}
.fln-carro-light:before {
  content: "\ea29";
}
.fln-carro:before {
  content: "\ea2a";
}
.fln-cerrar-light:before {
  content: "\ea2b";
}
.fln-cerrar:before {
  content: "\ea2c";
}
.fln-check-light:before {
  content: "\ea2d";
}
.fln-check:before {
  content: "\ea2e";
}
.fln-comentarios-full:before {
  content: "\ea2f";
}
.fln-comentarios-light:before {
  content: "\ea30";
}
.fln-comentarios:before {
  content: "\ea31";
}
.fln-comilla-fin-full:before {
  content: "\ea32";
}
.fln-comilla-fin-light:before {
  content: "\ea33";
}
.fln-comilla-fin:before {
  content: "\ea34";
}
.fln-comilla-inicio-full:before {
  content: "\ea35";
}
.fln-comilla-inicio-light:before {
  content: "\ea36";
}
.fln-comilla-inicio:before {
  content: "\ea37";
}
.fln-compartir-full:before {
  content: "\ea38";
}
.fln-compartir-light:before {
  content: "\ea39";
}
.fln-compartir:before {
  content: "\ea3a";
}
.fln-derecha-doble-light:before {
  content: "\ea3b";
}
.fln-derecha-doble:before {
  content: "\ea3c";
}
.fln-derecha-light:before {
  content: "\ea3d";
}
.fln-derecha:before {
  content: "\ea3e";
}
.fln-descargar-light:before {
  content: "\ea3f";
}
.fln-descargar:before {
  content: "\ea40";
}
.fln-disabled-light:before {
  content: "\ea41";
}
.fln-disabled:before {
  content: "\ea42";
}
.fln-doc-light:before {
  content: "\ea43";
}
.fln-doc:before {
  content: "\ea44";
}
.fln-editar-full:before {
  content: "\ea45";
}
.fln-editar-light:before {
  content: "\ea46";
}
.fln-editar:before {
  content: "\ea47";
}
.fln-eliminar-full:before {
  content: "\ea48";
}
.fln-eliminar-light:before {
  content: "\ea49";
}
.fln-eliminar:before {
  content: "\ea4a";
}
.fln-entrar-light:before {
  content: "\ea4b";
}
.fln-entrar:before {
  content: "\ea4c";
}
.fln-estrella-full:before {
  content: "\ea4d";
}
.fln-estrella-light:before {
  content: "\ea4e";
}
.fln-estrella:before {
  content: "\ea4f";
}
.fln-facebook-square:before {
  content: "\ea50";
}
.fln-facebook:before {
  content: "\ea51";
}
.fln-favorito-full:before {
  content: "\ea52";
}
.fln-favorito-light:before {
  content: "\ea53";
}
.fln-favorito:before {
  content: "\ea54";
}
.fln-flecha-abajo-light:before {
  content: "\ea55";
}
.fln-flecha-abajo:before {
  content: "\ea56";
}
.fln-flecha-arriba-light:before {
  content: "\ea57";
}
.fln-flecha-arriba:before {
  content: "\ea58";
}
.fln-flecha-derecha-light:before {
  content: "\ea59";
}
.fln-flecha-derecha:before {
  content: "\ea5a";
}
.fln-flecha-filtro-asc:before {
  content: "\ea5b";
}
.fln-flecha-filtro-desc:before {
  content: "\ea5c";
}
.fln-flecha-filtro:before {
  content: "\ea5d";
}
.fln-flecha-izquierda-light:before {
  content: "\ea5e";
}
.fln-flecha-izquierda:before {
  content: "\ea5f";
}
.fln-home-full:before {
  content: "\ea60";
}
.fln-home-light:before {
  content: "\ea61";
}
.fln-home:before {
  content: "\ea62";
}
.fln-id-card-full:before {
  content: "\ea63";
}
.fln-id-card-light:before {
  content: "\ea64";
}
.fln-id-card:before {
  content: "\ea65";
}
.fln-imagen-full:before {
  content: "\ea66";
}
.fln-imagen-light:before {
  content: "\ea67";
}
.fln-imagen:before {
  content: "\ea68";
}
.fln-imprimir-full:before {
  content: "\ea69";
}
.fln-imprimir-light:before {
  content: "\ea6a";
}
.fln-imprimir:before {
  content: "\ea6b";
}
.fln-instagram:before {
  content: "\ea6c";
}
.fln-izquierda-doble-light:before {
  content: "\ea6d";
}
.fln-izquierda-doble:before {
  content: "\ea6e";
}
.fln-izquierda-light:before {
  content: "\ea6f";
}
.fln-izquierda:before {
  content: "\ea70";
}
.fln-like-full:before {
  content: "\ea71";
}
.fln-like:before {
  content: "\ea72";
}
.fln-link-light:before {
  content: "\ea73";
}
.fln-link:before {
  content: "\ea74";
}
.fln-linkedin:before {
  content: "\ea75";
}
.fln-lista-full-light:before {
  content: "\ea76";
}
.fln-lista-full:before {
  content: "\ea77";
}
.fln-lista-light:before {
  content: "\ea78";
}
.fln-lista:before {
  content: "\ea79";
}
.fln-mail-full:before {
  content: "\ea7a";
}
.fln-mail-light:before {
  content: "\ea7b";
}
.fln-mail:before {
  content: "\ea7c";
}
.fln-marker-full:before {
  content: "\ea7d";
}
.fln-marker-light:before {
  content: "\ea7e";
}
.fln-marker:before {
  content: "\ea7f";
}
.fln-mas-light:before {
  content: "\ea80";
}
.fln-mas:before {
  content: "\ea81";
}
.fln-menos-light:before {
  content: "\ea82";
}
.fln-menos:before {
  content: "\ea83";
}
.fln-menu-light:before {
  content: "\ea84";
}
.fln-menu:before {
  content: "\ea85";
}
.fln-notebook-light:before {
  content: "\ea86";
}
.fln-notebook:before {
  content: "\ea87";
}
.fln-pdf-2:before {
  content: "\ea88";
}
.fln-pdf-light:before {
  content: "\ea89";
}
.fln-pdf:before {
  content: "\ea8a";
}
.fln-ppt-light:before {
  content: "\ea8b";
}
.fln-ppt:before {
  content: "\ea8c";
}
.fln-regalo-light:before {
  content: "\ea8d";
}
.fln-regalo:before {
  content: "\ea8e";
}
.fln-reloj-full:before {
  content: "\ea8f";
}
.fln-reloj-light-full:before {
  content: "\ea90";
}
.fln-reloj-light:before {
  content: "\ea91";
}
.fln-reloj:before {
  content: "\ea92";
}
.fln-rss:before {
  content: "\ea93";
}
.fln-salir-light:before {
  content: "\ea94";
}
.fln-salir:before {
  content: "\ea95";
}
.fln-subir-light:before {
  content: "\ea96";
}
.fln-subir:before {
  content: "\ea97";
}
.fln-telefono-full:before {
  content: "\ea98";
}
.fln-telefono-light:before {
  content: "\ea99";
}
.fln-telefono:before {
  content: "\ea9a";
}
.fln-twitter-bird:before {
  content: "\ea9b";
}
.fln-twitter:before {
  content: "\ea9c";
}
.fln-usuario-full:before {
  content: "\ea9d";
}
.fln-usuario-light:before {
  content: "\ea9e";
}
.fln-usuario:before {
  content: "\ea9f";
}
.fln-vista-full:before {
  content: "\eaa0";
}
.fln-vista-light:before {
  content: "\eaa1";
}
.fln-vista:before {
  content: "\eaa2";
}
.fln-whatsapp:before {
  content: "\eaa3";
}
.fln-xls-light:before {
  content: "\eaa4";
}
.fln-xls:before {
  content: "\eaa5";
}
.fln-youtube-play:before {
  content: "\eaa6";
}
.fln-youtube:before {
  content: "\eaa7";
}
.fln-zip-full:before {
  content: "\eaa8";
}
.fln-zip-light:before {
  content: "\eaa9";
}
.fln-zip:before {
  content: "\eaaa";
} /*!
* ¡ATENCIÓN! Hoja de estilos generada con SASS, no modificar.
*/
html {
  font: 62.5% Arial, Helvetica, sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
mark {
  background: #dcff3d;
  color: inherit;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
body.compensate-for-scrollbar {
  overflow: hidden;
}
.fancybox-active {
  height: auto;
}
.fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute !important;
  top: -9999px;
  visibility: hidden;
}
.fancybox-container {
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: 0;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  touch-action: manipulation;
  transform: translateZ(0);
  width: 100%;
  z-index: 99992;
}
.fancybox-container * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}
.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}
.fancybox-is-open .fancybox-bg {
  opacity: 0.9;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
  direction: ltr;
  opacity: 0;
  position: absolute;
  transition: opacity 0.25s ease, visibility 0s ease 0.25s;
  visibility: hidden;
  z-index: 99997;
}
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
  opacity: 1;
  transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
  visibility: visible;
}
.fancybox-infobar {
  color: #ccc;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.fancybox-toolbar {
  right: 0;
  top: 0;
}
.fancybox-stage {
  direction: ltr;
  overflow: visible;
  transform: translateZ(0);
  z-index: 99994;
}
.fancybox-is-open .fancybox-stage {
  overflow: hidden;
}
.fancybox-slide {
  -webkit-backface-visibility: hidden;
  display: none;
  height: 100%;
  left: 0;
  outline: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  transition-property: transform, opacity;
  white-space: normal;
  width: 100%;
  z-index: 99994;
}
.fancybox-slide::before {
  content: "";
  display: inline-block;
  font-size: 0;
  height: 100%;
  vertical-align: middle;
  width: 0;
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
  display: block;
}
.fancybox-slide--image {
  overflow: hidden;
  padding: 44px 0;
}
.fancybox-slide--image::before {
  display: none;
}
.fancybox-slide--html {
  padding: 6px;
}
.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: relative;
  text-align: left;
  vertical-align: middle;
}
.fancybox-item {
  width: 100%;
  margin: auto;
}
.fancybox-item--xs {
  max-width: 400px;
}
.fancybox-item--sm {
  max-width: 600px;
}
.fancybox-item--md {
  max-width: 800px;
}
.fancybox-item--lg {
  max-width: 1000px;
}
.fancybox-item--xl {
  max-width: 1200px;
}
.fancybox-slide--image .fancybox-content {
  animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  -webkit-backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  transform-origin: top left;
  transition-property: transform, opacity;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 99995;
}
.fancybox-can-zoomOut .fancybox-content {
  cursor: -moz-zoom-out;
  cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
  cursor: -moz-grab;
  cursor: grab;
}
.fancybox-is-grabbing .fancybox-content {
  cursor: -moz-grabbing;
  cursor: grabbing;
}
.fancybox-container [data-selectable="true"] {
  cursor: text;
}
.fancybox-image {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
}
.fancybox-spaceball {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  z-index: 1;
}
.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
  height: 100%;
  overflow: visible;
  padding: 0;
  width: 100%;
}
.fancybox-slide--video .fancybox-content {
  background: #000;
}
.fancybox-slide--map .fancybox-content {
  background: #e5e3df;
}
.fancybox-slide--iframe .fancybox-content {
  background: #fff;
}
.fancybox-video {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
.fancybox-iframe {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
  left: 0;
  position: absolute;
  top: 0;
}
.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%;
}
.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}
.fancybox-button {
  background: rgba(30, 30, 30, 0.6);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  padding: 10px;
  position: relative;
  transition: color 0.2s;
  vertical-align: top;
  visibility: inherit;
  width: 44px;
  color: #ccc;
}
.fancybox-button:visited,
.fancybox-button:link {
  color: #ccc;
}
.fancybox-button:hover {
  color: #fff;
}
.fancybox-button:focus {
  outline: 0;
}
.fancybox-button.fancybox-focus {
  outline: 1px dotted;
}
.fancybox-button[disabled] {
  color: #888;
  cursor: default;
  outline: 0;
}
.fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
  outline: 0;
}
.fancybox-button div {
  height: 100%;
}
.fancybox-button svg {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%;
}
.fancybox-button svg path {
  fill: currentColor;
  stroke-width: 0;
}
.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
  display: none;
}
.fancybox-progress {
  background: #ff5268;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scaleX(0);
  transform-origin: 0 0;
  transition-property: transform;
  transition-timing-function: linear;
  z-index: 99998;
}
.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #ccc;
  cursor: pointer;
  opacity: 0.8;
  padding: 8px;
  position: absolute;
  right: -12px;
  top: -44px;
  z-index: 401;
}
.fancybox-close-small:hover {
  color: #fff;
  opacity: 1;
}
.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0;
  top: 0;
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
  overflow: hidden;
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
  display: none;
}
.fancybox-navigation .fancybox-button {
  background-clip: content-box;
  height: 100px;
  opacity: 0;
  position: absolute;
  top: calc(50% - 50px);
  width: 70px;
}
.fancybox-navigation .fancybox-button div {
  padding: 7px;
}
.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  left: env(safe-area-inset-left);
  padding: 31px 26px 31px 6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
  padding: 31px 6px 31px 26px;
  right: 0;
  right: env(safe-area-inset-right);
}
.fancybox-caption {
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.85) 0,
    rgba(0, 0, 0, 0.3) 50%,
    rgba(0, 0, 0, 0.15) 65%,
    rgba(0, 0, 0, 0.075) 75.5%,
    rgba(0, 0, 0, 0.037) 82.85%,
    rgba(0, 0, 0, 0.019) 88%,
    transparent 100%
  );
  bottom: 0;
  color: #eee;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  overflow: auto;
  padding: 50px 44px 25px 44px;
  right: 0;
  text-align: center;
  z-index: 99996;
}
.fancybox-caption--separate {
  margin-top: -25px;
  max-height: 50vh;
}
.fancybox-caption a {
  color: #ccc;
  text-decoration: none;
}
.fancybox-caption a:link,
.fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none;
}
.fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline;
}
.fancybox-loading {
  animation: fancybox-rotate 1s linear infinite;
  background: transparent;
  border: 4px solid #888;
  border-bottom-color: #fff;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 99999;
}
@keyframes fancybox-rotate {
  100% {
    transform: rotate(360deg);
  }
}
.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}
.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1;
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(1.5, 1.5, 1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}
.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  transform: rotate(-360deg);
}
.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  transform: rotate(360deg);
}
.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  transform: rotate(0);
}
.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}
.fancybox-fx-tube.fancybox-slide--previous {
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
  transform: translate3d(0, 0, 0) scale(1);
}
@media all and (max-height: 576px) {
  .fancybox-caption {
    padding-left: 12px;
    padding-right: 12px;
  }
  .fancybox-slide {
    padding-left: 6px;
    padding-right: 6px;
  }
  .fancybox-slide--image {
    padding: 6px 0;
  }
  .fancybox-close-small {
    right: -6px;
  }
  .fancybox-slide--image .fancybox-close-small {
    background: #4e4e4e;
    color: #f2f4f6;
    height: 36px;
    opacity: 1;
    padding: 6px;
    right: 0;
    top: 0;
    width: 36px;
  }
}
@supports (padding: 0) {
  .fancybox-caption {
    padding: 50px calc(max(12px, env(safe-area-inset-right)))
      calc(max(12px, env(safe-area-inset-bottom)))
      calc(max(25px, env(safe-area-inset-left)));
  }
}
.fancybox-share {
  background: #f4f4f4;
  border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center;
}
.fancybox-share h1 {
  color: #222;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px 0;
}
.fancybox-share p {
  margin: 0;
  padding: 0;
}
.fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px 5px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  transition: all 0.2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.fancybox-share__button:visited,
.fancybox-share__button:link {
  color: #fff;
}
.fancybox-share__button:hover {
  text-decoration: none;
}
.fancybox-share__button--fb {
  background: #3b5998;
}
.fancybox-share__button--fb:hover {
  background: #344e86;
}
.fancybox-share__button--pt {
  background: #bd081d;
}
.fancybox-share__button--pt:hover {
  background: #aa0719;
}
.fancybox-share__button--tw {
  background: #1da1f2;
}
.fancybox-share__button--tw:hover {
  background: #0d95e8;
}
.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px;
}
.fancybox-share__button svg path {
  fill: #fff;
}
.fancybox-share__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0 0;
  outline: 0;
  padding: 10px 15px;
  width: 100%;
}
.fancybox-thumbs {
  background: #ddd;
  bottom: 0;
  display: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 2px 2px 4px 2px;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  width: 212px;
  z-index: 99995;
}
.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden;
}
.fancybox-show-thumbs .fancybox-thumbs {
  display: block;
}
.fancybox-show-thumbs .fancybox-inner {
  right: 212px;
}
.fancybox-thumbs__list {
  font-size: 0;
  height: 100%;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  position: relative;
  white-space: nowrap;
  width: 100%;
}
.fancybox-thumbs-x .fancybox-thumbs__list {
  overflow: hidden;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
  width: 7px;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px;
}
.fancybox-thumbs__list a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, 0.1);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 2px;
  max-height: calc(100% - 8px);
  max-width: calc(50% - 4px);
  outline: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px;
}
.fancybox-thumbs__list a::before {
  border: 6px solid #ff5268;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 99991;
}
.fancybox-thumbs__list a:focus::before {
  opacity: 0.5;
}
.fancybox-thumbs__list a.fancybox-thumbs-active::before {
  opacity: 1;
}
@media all and (max-width: 576px) {
  .fancybox-thumbs {
    width: 110px;
  }
  .fancybox-show-thumbs .fancybox-inner {
    right: 110px;
  }
  .fancybox-thumbs__list a {
    max-width: calc(100% - 10px);
  }
} /*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
.pika-single {
  z-index: 9999;
  display: block;
  position: absolute;
  color: #666;
  background: #fff;
  transition: all ease 200ms;
  transform: scale(1) translate(0, 0);
  transform-origin: top left;
  box-shadow: 0 5px 10px rgba(51, 51, 51, 0.05);
}
.pika-single.is-hidden {
  transform: scale(0) translate(10px, 10px);
}
.pika-single.is-bound {
  box-shadow: 0 15px 60px rgba(51, 51, 51, 0.15);
}
.pika-single {
  *zoom: 1;
}
.pika-single:before,
.pika-single:after {
  content: " ";
  display: table;
}
.pika-single:after {
  clear: both;
}
.pika-lendar {
  padding: 20px;
}
.pika-title {
  position: relative;
  text-align: center;
}
.pika-title select {
  cursor: pointer;
  position: absolute;
  z-index: 9998;
  margin: 0;
  left: 0;
  top: 5px;
  filter: alpha(opacity=0);
  opacity: 0;
}
.pika-label {
  display: inline-block;
  *display: inline;
  position: relative;
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  color: #666;
  background-color: #fff;
}
.pika-prev,
.pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: 0;
  border: 0;
  padding: 0;
  width: 20px;
  height: 30px;
  text-indent: 20px;
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  opacity: 0.5;
  *position: absolute;
  *top: 0;
}
.pika-prev:hover,
.pika-next:hover {
  opacity: 1;
}
.pika-prev.is-disabled,
.pika-next.is-disabled {
  cursor: default;
  opacity: 0.2;
}
.pika-prev,
.is-rtl .pika-next {
  float: left;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
  *left: 0;
}
.pika-next,
.is-rtl .pika-prev {
  float: right;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
  *right: 0;
}
.pika-select {
  display: inline-block;
  *display: inline;
}
.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
}
.pika-table th,
.pika-table td {
  width: 30px;
  padding: 2px;
}
.pika-table th {
  color: #666;
  font-size: 14px;
  line-height: 25px;
  text-align: center;
}
.pika-table abbr {
  border-bottom: 0;
  text-decoration: none;
  cursor: help;
}
.pika-button {
  cursor: pointer;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
  border: 0;
  margin: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: #666;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  background: #fff;
  transition: all ease 200ms;
}
.is-today .pika-button {
  color: #24a787;
}
.is-selected .pika-button {
  color: #fff;
  background: #24a787;
}
.is-disabled .pika-button,
.is-outside-current-month .pika-button {
  color: #999;
  opacity: 0.3;
}
.is-disabled .pika-button {
  pointer-events: none;
  cursor: default;
}
.pika-button:hover {
  color: #666;
  background: #eee;
  box-shadow: none;
}
.pika-button .is-selection-disabled {
  pointer-events: none;
  cursor: default;
}
.pika-week {
  font-size: 11px;
  color: #999;
}
.is-inrange .pika-button {
  background: #d5e9f7;
}
.is-startrange .pika-button {
  color: #fff;
  background: #6cb31d;
  box-shadow: none;
  border-radius: 3px;
}
.is-endrange .pika-button {
  color: #fff;
  background: #24a787;
  box-shadow: none;
  border-radius: 3px;
}
.contenedor,
.container,
.contenedor-fluido,
.container-fluid {
  padding-left: 1.5em;
  padding-right: 1.5em;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 544px) {
  .contenedor,
  .container {
    max-width: 570px;
  }
}
@media (min-width: 768px) {
  .contenedor,
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .contenedor,
  .container {
    max-width: 940px;
  }
}
@media (min-width: 1200px) {
  .contenedor,
  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1400px) {
  .contenedor,
  .container {
    max-width: 1360px;
  }
}
.fila,
.row {
  display: -moz-box;
  display: flex;
  -moz-box-flex: 0;
  flex: 0 1 auto;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: -1.5em;
  margin-right: -1.5em;
}
.no-flexbox .fila:after,
.no-flexbox .row:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.fila.no-gutters-xs,
.fila.no-paddings-xs,
.row.no-gutters-xs,
.row.no-paddings-xs {
  margin-left: 0;
  margin-right: 0;
}
.fila.no-gutters-xs > [class*="col-"],
.fila.no-gutters-xs > .col,
.fila.no-paddings-xs > [class*="col-"],
.fila.no-paddings-xs > .col,
.row.no-gutters-xs > [class*="col-"],
.row.no-gutters-xs > .col,
.row.no-paddings-xs > [class*="col-"],
.row.no-paddings-xs > .col {
  padding-left: 0;
  padding-right: 0;
}
.fila.gutters-xs,
.fila.paddings-xs,
.row.gutters-xs,
.row.paddings-xs {
  margin-left: -1.5em;
  margin-right: -1.5em;
}
.fila.gutters-xs > [class*="col-"],
.fila.gutters-xs > .col,
.fila.paddings-xs > [class*="col-"],
.fila.paddings-xs > .col,
.row.gutters-xs > [class*="col-"],
.row.gutters-xs > .col,
.row.paddings-xs > [class*="col-"],
.row.paddings-xs > .col {
  padding-left: 1.5em;
  padding-right: 1.5em;
}
@media (min-width: 544px) {
  .fila.no-gutters-sm,
  .fila.no-paddings-sm,
  .row.no-gutters-sm,
  .row.no-paddings-sm {
    margin-left: 0;
    margin-right: 0;
  }
  .fila.no-gutters-sm > [class*="col-"],
  .fila.no-gutters-sm > .col,
  .fila.no-paddings-sm > [class*="col-"],
  .fila.no-paddings-sm > .col,
  .row.no-gutters-sm > [class*="col-"],
  .row.no-gutters-sm > .col,
  .row.no-paddings-sm > [class*="col-"],
  .row.no-paddings-sm > .col {
    padding-left: 0;
    padding-right: 0;
  }
  .fila.gutters-sm,
  .fila.paddings-sm,
  .row.gutters-sm,
  .row.paddings-sm {
    margin-left: -1.5em;
    margin-right: -1.5em;
  }
  .fila.gutters-sm > [class*="col-"],
  .fila.gutters-sm > .col,
  .fila.paddings-sm > [class*="col-"],
  .fila.paddings-sm > .col,
  .row.gutters-sm > [class*="col-"],
  .row.gutters-sm > .col,
  .row.paddings-sm > [class*="col-"],
  .row.paddings-sm > .col {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
}
@media (min-width: 768px) {
  .fila.no-gutters-md,
  .fila.no-paddings-md,
  .row.no-gutters-md,
  .row.no-paddings-md {
    margin-left: 0;
    margin-right: 0;
  }
  .fila.no-gutters-md > [class*="col-"],
  .fila.no-gutters-md > .col,
  .fila.no-paddings-md > [class*="col-"],
  .fila.no-paddings-md > .col,
  .row.no-gutters-md > [class*="col-"],
  .row.no-gutters-md > .col,
  .row.no-paddings-md > [class*="col-"],
  .row.no-paddings-md > .col {
    padding-left: 0;
    padding-right: 0;
  }
  .fila.gutters-md,
  .fila.paddings-md,
  .row.gutters-md,
  .row.paddings-md {
    margin-left: -1.5em;
    margin-right: -1.5em;
  }
  .fila.gutters-md > [class*="col-"],
  .fila.gutters-md > .col,
  .fila.paddings-md > [class*="col-"],
  .fila.paddings-md > .col,
  .row.gutters-md > [class*="col-"],
  .row.gutters-md > .col,
  .row.paddings-md > [class*="col-"],
  .row.paddings-md > .col {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
}
@media (min-width: 992px) {
  .fila.no-gutters-lg,
  .fila.no-paddings-lg,
  .row.no-gutters-lg,
  .row.no-paddings-lg {
    margin-left: 0;
    margin-right: 0;
  }
  .fila.no-gutters-lg > [class*="col-"],
  .fila.no-gutters-lg > .col,
  .fila.no-paddings-lg > [class*="col-"],
  .fila.no-paddings-lg > .col,
  .row.no-gutters-lg > [class*="col-"],
  .row.no-gutters-lg > .col,
  .row.no-paddings-lg > [class*="col-"],
  .row.no-paddings-lg > .col {
    padding-left: 0;
    padding-right: 0;
  }
  .fila.gutters-lg,
  .fila.paddings-lg,
  .row.gutters-lg,
  .row.paddings-lg {
    margin-left: -1.5em;
    margin-right: -1.5em;
  }
  .fila.gutters-lg > [class*="col-"],
  .fila.gutters-lg > .col,
  .fila.paddings-lg > [class*="col-"],
  .fila.paddings-lg > .col,
  .row.gutters-lg > [class*="col-"],
  .row.gutters-lg > .col,
  .row.paddings-lg > [class*="col-"],
  .row.paddings-lg > .col {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
}
@media (min-width: 1200px) {
  .fila.no-gutters-xl,
  .fila.no-paddings-xl,
  .row.no-gutters-xl,
  .row.no-paddings-xl {
    margin-left: 0;
    margin-right: 0;
  }
  .fila.no-gutters-xl > [class*="col-"],
  .fila.no-gutters-xl > .col,
  .fila.no-paddings-xl > [class*="col-"],
  .fila.no-paddings-xl > .col,
  .row.no-gutters-xl > [class*="col-"],
  .row.no-gutters-xl > .col,
  .row.no-paddings-xl > [class*="col-"],
  .row.no-paddings-xl > .col {
    padding-left: 0;
    padding-right: 0;
  }
  .fila.gutters-xl,
  .fila.paddings-xl,
  .row.gutters-xl,
  .row.paddings-xl {
    margin-left: -1.5em;
    margin-right: -1.5em;
  }
  .fila.gutters-xl > [class*="col-"],
  .fila.gutters-xl > .col,
  .fila.paddings-xl > [class*="col-"],
  .fila.paddings-xl > .col,
  .row.gutters-xl > [class*="col-"],
  .row.gutters-xl > .col,
  .row.paddings-xl > [class*="col-"],
  .row.paddings-xl > .col {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
}
@media (min-width: 1400px) {
  .fila.no-gutters-xxl,
  .fila.no-paddings-xxl,
  .row.no-gutters-xxl,
  .row.no-paddings-xxl {
    margin-left: 0;
    margin-right: 0;
  }
  .fila.no-gutters-xxl > [class*="col-"],
  .fila.no-gutters-xxl > .col,
  .fila.no-paddings-xxl > [class*="col-"],
  .fila.no-paddings-xxl > .col,
  .row.no-gutters-xxl > [class*="col-"],
  .row.no-gutters-xxl > .col,
  .row.no-paddings-xxl > [class*="col-"],
  .row.no-paddings-xxl > .col {
    padding-left: 0;
    padding-right: 0;
  }
  .fila.gutters-xxl,
  .fila.paddings-xxl,
  .row.gutters-xxl,
  .row.paddings-xxl {
    margin-left: -1.5em;
    margin-right: -1.5em;
  }
  .fila.gutters-xxl > [class*="col-"],
  .fila.gutters-xxl > .col,
  .fila.paddings-xxl > [class*="col-"],
  .fila.paddings-xxl > .col,
  .row.gutters-xxl > [class*="col-"],
  .row.gutters-xxl > .col,
  .row.paddings-xxl > [class*="col-"],
  .row.paddings-xxl > .col {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
}
[class*="col-"],
.col {
  position: relative;
  padding-left: 1.5em;
  padding-right: 1.5em;
  float: left;
}
.col-xs-1,
.xs1 {
  width: 8.33333%;
}
.col-xs-2,
.xs2 {
  width: 16.66667%;
}
.col-xs-3,
.xs3 {
  width: 25%;
}
.col-xs-4,
.xs4 {
  width: 33.33333%;
}
.col-xs-5,
.xs5 {
  width: 41.66667%;
}
.col-xs-6,
.xs6 {
  width: 50%;
}
.col-xs-7,
.xs7 {
  width: 58.33333%;
}
.col-xs-8,
.xs8 {
  width: 66.66667%;
}
.col-xs-9,
.xs9 {
  width: 75%;
}
.col-xs-10,
.xs10 {
  width: 83.33333%;
}
.col-xs-11,
.xs11 {
  width: 91.66667%;
}
.col-xs-12,
.xs12 {
  width: 100%;
}
.col-xs-auto {
  width: auto;
}
@media (min-width: 544px) {
  .col-sm-1,
  .sm1 {
    width: 8.33333%;
  }
  .col-sm-2,
  .sm2 {
    width: 16.66667%;
  }
  .col-sm-3,
  .sm3 {
    width: 25%;
  }
  .col-sm-4,
  .sm4 {
    width: 33.33333%;
  }
  .col-sm-5,
  .sm5 {
    width: 41.66667%;
  }
  .col-sm-6,
  .sm6 {
    width: 50%;
  }
  .col-sm-7,
  .sm7 {
    width: 58.33333%;
  }
  .col-sm-8,
  .sm8 {
    width: 66.66667%;
  }
  .col-sm-9,
  .sm9 {
    width: 75%;
  }
  .col-sm-10,
  .sm10 {
    width: 83.33333%;
  }
  .col-sm-11,
  .sm11 {
    width: 91.66667%;
  }
  .col-sm-12,
  .sm12 {
    width: 100%;
  }
  .col-sm-auto {
    width: auto;
  }
}
@media (min-width: 768px) {
  .col-md-1,
  .md1 {
    width: 8.33333%;
  }
  .col-md-2,
  .md2 {
    width: 16.66667%;
  }
  .col-md-3,
  .md3 {
    width: 25%;
  }
  .col-md-4,
  .md4 {
    width: 33.33333%;
  }
  .col-md-5,
  .md5 {
    width: 41.66667%;
  }
  .col-md-6,
  .md6 {
    width: 50%;
  }
  .col-md-7,
  .md7 {
    width: 58.33333%;
  }
  .col-md-8,
  .md8 {
    width: 66.66667%;
  }
  .col-md-9,
  .md9 {
    width: 75%;
  }
  .col-md-10,
  .md10 {
    width: 83.33333%;
  }
  .col-md-11,
  .md11 {
    width: 91.66667%;
  }
  .col-md-12,
  .md12 {
    width: 100%;
  }
  .col-md-auto {
    width: auto;
  }
}
@media (min-width: 992px) {
  .col-lg-1,
  .lg1 {
    width: 8.33333%;
  }
  .col-lg-2,
  .lg2 {
    width: 16.66667%;
  }
  .col-lg-3,
  .lg3 {
    width: 25%;
  }
  .col-lg-4,
  .lg4 {
    width: 33.33333%;
  }
  .col-lg-5,
  .lg5 {
    width: 41.66667%;
  }
  .col-lg-6,
  .lg6 {
    width: 50%;
  }
  .col-lg-7,
  .lg7 {
    width: 58.33333%;
  }
  .col-lg-8,
  .lg8 {
    width: 66.66667%;
  }
  .col-lg-9,
  .lg9 {
    width: 75%;
  }
  .col-lg-10,
  .lg10 {
    width: 83.33333%;
  }
  .col-lg-11,
  .lg11 {
    width: 91.66667%;
  }
  .col-lg-12,
  .lg12 {
    width: 100%;
  }
  .col-lg-auto {
    width: auto;
  }
}
@media (min-width: 1200px) {
  .col-xl-1,
  .xl1 {
    width: 8.33333%;
  }
  .col-xl-2,
  .xl2 {
    width: 16.66667%;
  }
  .col-xl-3,
  .xl3 {
    width: 25%;
  }
  .col-xl-4,
  .xl4 {
    width: 33.33333%;
  }
  .col-xl-5,
  .xl5 {
    width: 41.66667%;
  }
  .col-xl-6,
  .xl6 {
    width: 50%;
  }
  .col-xl-7,
  .xl7 {
    width: 58.33333%;
  }
  .col-xl-8,
  .xl8 {
    width: 66.66667%;
  }
  .col-xl-9,
  .xl9 {
    width: 75%;
  }
  .col-xl-10,
  .xl10 {
    width: 83.33333%;
  }
  .col-xl-11,
  .xl11 {
    width: 91.66667%;
  }
  .col-xl-12,
  .xl12 {
    width: 100%;
  }
  .col-xl-auto {
    width: auto;
  }
}
@media (min-width: 1400px) {
  .col-xxl-1,
  .xxl1 {
    width: 8.33333%;
  }
  .col-xxl-2,
  .xxl2 {
    width: 16.66667%;
  }
  .col-xxl-3,
  .xxl3 {
    width: 25%;
  }
  .col-xxl-4,
  .xxl4 {
    width: 33.33333%;
  }
  .col-xxl-5,
  .xxl5 {
    width: 41.66667%;
  }
  .col-xxl-6,
  .xxl6 {
    width: 50%;
  }
  .col-xxl-7,
  .xxl7 {
    width: 58.33333%;
  }
  .col-xxl-8,
  .xxl8 {
    width: 66.66667%;
  }
  .col-xxl-9,
  .xxl9 {
    width: 75%;
  }
  .col-xxl-10,
  .xxl10 {
    width: 83.33333%;
  }
  .col-xxl-11,
  .xxl11 {
    width: 91.66667%;
  }
  .col-xxl-12,
  .xxl12 {
    width: 100%;
  }
  .col-xxl-auto {
    width: auto;
  }
}
@media print {
  .col-pr-1 {
    width: 8.33333%;
  }
  .col-pr-2 {
    width: 16.66667%;
  }
  .col-pr-3 {
    width: 25%;
  }
  .col-pr-4 {
    width: 33.33333%;
  }
  .col-pr-5 {
    width: 41.66667%;
  }
  .col-pr-6 {
    width: 50%;
  }
  .col-pr-7 {
    width: 58.33333%;
  }
  .col-pr-8 {
    width: 66.66667%;
  }
  .col-pr-9 {
    width: 75%;
  }
  .col-pr-10 {
    width: 83.33333%;
  }
  .col-pr-11 {
    width: 91.66667%;
  }
  .col-pr-12 {
    width: 100%;
  }
}
.col-xs-offset-0,
.offset-xs0 {
  margin-left: 0;
}
.col-xs-offset-1,
.offset-xs1 {
  margin-left: 8.33333%;
}
.col-xs-offset-2,
.offset-xs2 {
  margin-left: 16.66667%;
}
.col-xs-offset-3,
.offset-xs3 {
  margin-left: 25%;
}
.col-xs-offset-4,
.offset-xs4 {
  margin-left: 33.33333%;
}
.col-xs-offset-5,
.offset-xs5 {
  margin-left: 41.66667%;
}
.col-xs-offset-6,
.offset-xs6 {
  margin-left: 50%;
}
.col-xs-offset-7,
.offset-xs7 {
  margin-left: 58.33333%;
}
.col-xs-offset-8,
.offset-xs8 {
  margin-left: 66.66667%;
}
.col-xs-offset-9,
.offset-xs9 {
  margin-left: 75%;
}
.col-xs-offset-10,
.offset-xs10 {
  margin-left: 83.33333%;
}
.col-xs-offset-11,
.offset-xs11 {
  margin-left: 91.66667%;
}
.col-xs-offset-12,
.offset-xs12 {
  margin-left: 100%;
}
@media (min-width: 544px) {
  .col-sm-offset-0,
  .offset-sm0 {
    margin-left: 0;
  }
  .col-sm-offset-1,
  .offset-sm1 {
    margin-left: 8.33333%;
  }
  .col-sm-offset-2,
  .offset-sm2 {
    margin-left: 16.66667%;
  }
  .col-sm-offset-3,
  .offset-sm3 {
    margin-left: 25%;
  }
  .col-sm-offset-4,
  .offset-sm4 {
    margin-left: 33.33333%;
  }
  .col-sm-offset-5,
  .offset-sm5 {
    margin-left: 41.66667%;
  }
  .col-sm-offset-6,
  .offset-sm6 {
    margin-left: 50%;
  }
  .col-sm-offset-7,
  .offset-sm7 {
    margin-left: 58.33333%;
  }
  .col-sm-offset-8,
  .offset-sm8 {
    margin-left: 66.66667%;
  }
  .col-sm-offset-9,
  .offset-sm9 {
    margin-left: 75%;
  }
  .col-sm-offset-10,
  .offset-sm10 {
    margin-left: 83.33333%;
  }
  .col-sm-offset-11,
  .offset-sm11 {
    margin-left: 91.66667%;
  }
  .col-sm-offset-12,
  .offset-sm12 {
    margin-left: 100%;
  }
}
@media (min-width: 768px) {
  .col-md-offset-0,
  .offset-md0 {
    margin-left: 0;
  }
  .col-md-offset-1,
  .offset-md1 {
    margin-left: 8.33333%;
  }
  .col-md-offset-2,
  .offset-md2 {
    margin-left: 16.66667%;
  }
  .col-md-offset-3,
  .offset-md3 {
    margin-left: 25%;
  }
  .col-md-offset-4,
  .offset-md4 {
    margin-left: 33.33333%;
  }
  .col-md-offset-5,
  .offset-md5 {
    margin-left: 41.66667%;
  }
  .col-md-offset-6,
  .offset-md6 {
    margin-left: 50%;
  }
  .col-md-offset-7,
  .offset-md7 {
    margin-left: 58.33333%;
  }
  .col-md-offset-8,
  .offset-md8 {
    margin-left: 66.66667%;
  }
  .col-md-offset-9,
  .offset-md9 {
    margin-left: 75%;
  }
  .col-md-offset-10,
  .offset-md10 {
    margin-left: 83.33333%;
  }
  .col-md-offset-11,
  .offset-md11 {
    margin-left: 91.66667%;
  }
  .col-md-offset-12,
  .offset-md12 {
    margin-left: 100%;
  }
}
@media (min-width: 992px) {
  .col-lg-offset-0,
  .offset-lg0 {
    margin-left: 0;
  }
  .col-lg-offset-1,
  .offset-lg1 {
    margin-left: 8.33333%;
  }
  .col-lg-offset-2,
  .offset-lg2 {
    margin-left: 16.66667%;
  }
  .col-lg-offset-3,
  .offset-lg3 {
    margin-left: 25%;
  }
  .col-lg-offset-4,
  .offset-lg4 {
    margin-left: 33.33333%;
  }
  .col-lg-offset-5,
  .offset-lg5 {
    margin-left: 41.66667%;
  }
  .col-lg-offset-6,
  .offset-lg6 {
    margin-left: 50%;
  }
  .col-lg-offset-7,
  .offset-lg7 {
    margin-left: 58.33333%;
  }
  .col-lg-offset-8,
  .offset-lg8 {
    margin-left: 66.66667%;
  }
  .col-lg-offset-9,
  .offset-lg9 {
    margin-left: 75%;
  }
  .col-lg-offset-10,
  .offset-lg10 {
    margin-left: 83.33333%;
  }
  .col-lg-offset-11,
  .offset-lg11 {
    margin-left: 91.66667%;
  }
  .col-lg-offset-12,
  .offset-lg12 {
    margin-left: 100%;
  }
}
@media (min-width: 1200px) {
  .col-xl-offset-0,
  .offset-xl0 {
    margin-left: 0;
  }
  .col-xl-offset-1,
  .offset-xl1 {
    margin-left: 8.33333%;
  }
  .col-xl-offset-2,
  .offset-xl2 {
    margin-left: 16.66667%;
  }
  .col-xl-offset-3,
  .offset-xl3 {
    margin-left: 25%;
  }
  .col-xl-offset-4,
  .offset-xl4 {
    margin-left: 33.33333%;
  }
  .col-xl-offset-5,
  .offset-xl5 {
    margin-left: 41.66667%;
  }
  .col-xl-offset-6,
  .offset-xl6 {
    margin-left: 50%;
  }
  .col-xl-offset-7,
  .offset-xl7 {
    margin-left: 58.33333%;
  }
  .col-xl-offset-8,
  .offset-xl8 {
    margin-left: 66.66667%;
  }
  .col-xl-offset-9,
  .offset-xl9 {
    margin-left: 75%;
  }
  .col-xl-offset-10,
  .offset-xl10 {
    margin-left: 83.33333%;
  }
  .col-xl-offset-11,
  .offset-xl11 {
    margin-left: 91.66667%;
  }
  .col-xl-offset-12,
  .offset-xl12 {
    margin-left: 100%;
  }
}
@media (min-width: 1400px) {
  .col-xxl-offset-0,
  .offset-xxl0 {
    margin-left: 0;
  }
  .col-xxl-offset-1,
  .offset-xxl1 {
    margin-left: 8.33333%;
  }
  .col-xxl-offset-2,
  .offset-xxl2 {
    margin-left: 16.66667%;
  }
  .col-xxl-offset-3,
  .offset-xxl3 {
    margin-left: 25%;
  }
  .col-xxl-offset-4,
  .offset-xxl4 {
    margin-left: 33.33333%;
  }
  .col-xxl-offset-5,
  .offset-xxl5 {
    margin-left: 41.66667%;
  }
  .col-xxl-offset-6,
  .offset-xxl6 {
    margin-left: 50%;
  }
  .col-xxl-offset-7,
  .offset-xxl7 {
    margin-left: 58.33333%;
  }
  .col-xxl-offset-8,
  .offset-xxl8 {
    margin-left: 66.66667%;
  }
  .col-xxl-offset-9,
  .offset-xxl9 {
    margin-left: 75%;
  }
  .col-xxl-offset-10,
  .offset-xxl10 {
    margin-left: 83.33333%;
  }
  .col-xxl-offset-11,
  .offset-xxl11 {
    margin-left: 91.66667%;
  }
  .col-xxl-offset-12,
  .offset-xxl12 {
    margin-left: 100%;
  }
}
.no-flexbox [class*="col-"],
.no-flexbox .col {
  float: left;
}
.no-flexbox .push-xs {
  float: right;
}
.no-flexbox .pull-xs {
  float: left;
}
@media (min-width: 544px) {
  .no-flexbox .push-sm {
    float: right;
  }
  .no-flexbox .pull-sm {
    float: left;
  }
}
@media (min-width: 768px) {
  .no-flexbox .push-md {
    float: right;
  }
  .no-flexbox .pull-md {
    float: left;
  }
}
@media (min-width: 992px) {
  .no-flexbox .push-lg {
    float: right;
  }
  .no-flexbox .pull-lg {
    float: left;
  }
}
@media (min-width: 1200px) {
  .no-flexbox .push-xl {
    float: right;
  }
  .no-flexbox .pull-xl {
    float: left;
  }
}
@media (min-width: 1400px) {
  .no-flexbox .push-xxl {
    float: right;
  }
  .no-flexbox .pull-xxl {
    float: left;
  }
}
* {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
*:before,
*:after {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
}
@media print {
  html {
    font-size: 8px;
  }
}
body {
  font-family: "Roboto", sans-serif;
}
.separador {
  height: 3rem;
}
.separador--ultra {
  height: 16rem;
}
.separador--big {
  height: 6rem;
}
.separador--small {
  height: 1.5rem;
}
.contenido-dinamico img {
  max-width: 100%;
  margin-bottom: 3rem;
}
::-moz-selection {
  background: #333d47;
  color: #fff;
}
::selection {
  background: #333d47;
  color: #fff;
}
.color--primario {
  color: #24a787;
}
.color--secundario {
  color: #333d47;
}
.color--terciario {
  color: #c03;
}
.color--blanco {
  color: #fff;
}
.color--negro {
  color: #333;
}
.color--grisE {
  color: #eee;
}
.color--grisA {
  color: #aaa;
}
.color--aviso {
  color: #f7d669;
}
.color--error {
  color: #ea4537;
}
.color--info {
  color: #0091ea;
}
.bg--primario {
  background-color: #24a787;
}
.bg--secundario {
  background-color: #333d47;
}
.bg--terciario {
  background-color: #c03;
}
.bg--blanco {
  background-color: #fff;
}
.bg--negro {
  background-color: #333;
}
.bg--grisE {
  background-color: #eee;
}
.bg--grisA {
  background-color: #aaa;
}
.bg--aviso {
  background-color: #f7d669;
}
.bg--error {
  background-color: #ea4537;
}
.bg--info {
  background-color: #0091ea;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: "Roboto", sans-serif;
  color: black;
  font-weight: 300;
  margin-top: 0.75em;
  margin-bottom: 0.75em;
  line-height: 1.25;
}
h1,
.h1 {
  font-size: 4.1rem;
}
@media (max-width: 767px) {
  h1,
  .h1 {
    font-size: 3.1rem;
  }
}
h1.titulo-hero,
.h1.titulo-hero {
  font-size: 6.1rem;
}
@media (max-width: 767px) {
  h1.titulo-hero,
  .h1.titulo-hero {
    font-size: 4.3rem;
  }
}
h2,
.h2 {
  font-size: 3.6rem;
}
@media (max-width: 767px) {
  h2,
  .h2 {
    font-size: 2.8rem;
  }
}
h3,
.h3 {
  font-size: 3.1rem;
}
@media (max-width: 767px) {
  h3,
  .h3 {
    font-size: 2.5rem;
  }
}
h4,
.h4 {
  font-size: 2.6rem;
}
@media (max-width: 767px) {
  h4,
  .h4 {
    font-size: 2.2rem;
  }
}
h5,
.h5 {
  font-size: 2.1rem;
}
@media (max-width: 767px) {
  h5,
  .h5 {
    font-size: 1.9rem;
  }
}
h6,
.h6 {
  font-size: 1.6rem;
}
@media (max-width: 767px) {
  h6,
  .h6 {
    font-size: 1.6rem;
  }
}
p {
  font-size: 1.6rem;
  color: #546e7a;
  line-height: 1.5;
  font-weight: 400;
}
p small {
  color: #698998;
}
blockquote {
  font-size: 2rem;
  font-style: italic;
  color: #607d8b;
  font-weight: 300;
  padding: 1.5rem;
  border-left: 2px solid #eee;
  display: -moz-box;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  flex-direction: column;
}
blockquote p {
  color: #607d8b;
  font-weight: inherit;
}
blockquote small {
  align-self: flex-end;
}
blockquote small:before {
  content: "- ";
}
ul,
ol,
dl {
  list-style-type: none;
}
.contenido-dinamico ul,
.lista-desordenada,
.contenido-dinamico ol,
.lista-ordenada,
.contenido-dinamico dl,
.lista-definicion {
  font-size: 1.6rem;
  color: #546e7a;
}
.contenido-dinamico ul li,
.lista-desordenada li,
.contenido-dinamico ol li,
.lista-ordenada li,
.contenido-dinamico dl li,
.lista-definicion li {
  line-height: 1.5;
  padding: 0 0 1rem 1.7rem;
  position: relative;
}
.contenido-dinamico ul li ul,
.contenido-dinamico ul li ol,
.lista-desordenada li ul,
.lista-desordenada li ol,
.contenido-dinamico ol li ul,
.contenido-dinamico ol li ol,
.lista-ordenada li ul,
.lista-ordenada li ol,
.contenido-dinamico dl li ul,
.contenido-dinamico dl li ol,
.lista-definicion li ul,
.lista-definicion li ol {
  margin-bottom: 0;
}
.contenido-dinamico ul li > ul,
.contenido-dinamico ul li > ol,
.contenido-dinamico ul li > dl,
.lista-desordenada li > ul,
.lista-desordenada li > ol,
.lista-desordenada li > dl,
.contenido-dinamico ol li > ul,
.contenido-dinamico ol li > ol,
.contenido-dinamico ol li > dl,
.lista-ordenada li > ul,
.lista-ordenada li > ol,
.lista-ordenada li > dl,
.contenido-dinamico dl li > ul,
.contenido-dinamico dl li > ol,
.contenido-dinamico dl li > dl,
.lista-definicion li > ul,
.lista-definicion li > ol,
.lista-definicion li > dl {
  padding-top: 2rem;
}
.contenido-dinamico ul ol,
.contenido-dinamico ul ul,
.contenido-dinamico ul dl,
.lista-desordenada ol,
.lista-desordenada ul,
.lista-desordenada dl,
.contenido-dinamico ol ol,
.contenido-dinamico ol ul,
.contenido-dinamico ol dl,
.lista-ordenada ol,
.lista-ordenada ul,
.lista-ordenada dl,
.contenido-dinamico dl ol,
.contenido-dinamico dl ul,
.contenido-dinamico dl dl,
.lista-definicion ol,
.lista-definicion ul,
.lista-definicion dl {
  margin-left: 2rem;
}
@media (max-width: 767px) {
  .contenido-dinamico ul ol,
  .contenido-dinamico ul ul,
  .contenido-dinamico ul dl,
  .lista-desordenada ol,
  .lista-desordenada ul,
  .lista-desordenada dl,
  .contenido-dinamico ol ol,
  .contenido-dinamico ol ul,
  .contenido-dinamico ol dl,
  .lista-ordenada ol,
  .lista-ordenada ul,
  .lista-ordenada dl,
  .contenido-dinamico dl ol,
  .contenido-dinamico dl ul,
  .contenido-dinamico dl dl,
  .lista-definicion ol,
  .lista-definicion ul,
  .lista-definicion dl {
    margin-left: 0;
  }
}
.contenido-dinamico ul li:before,
.lista-desordenada li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0.8rem;
  width: 0.7rem;
  height: 0.7rem;
  border: 1px solid #24a787;
  border-radius: 6px;
  background: #24a787;
  margin-right: 1rem;
}
.contenido-dinamico ul li li:before,
.lista-desordenada li li:before {
  background: transparent;
}
.lista-items {
  display: -moz-box;
  display: flex;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
.lista-items li {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  margin-bottom: 3rem;
  font-size: 1.6rem;
  color: #888;
}
.contenido-dinamico ol,
.lista-ordenada {
  counter-reset: item;
}
.contenido-dinamico ol li,
.lista-ordenada li {
  padding-left: 2.7rem;
}
.contenido-dinamico ol li:before,
.lista-ordenada li:before {
  position: absolute;
  left: 0;
  content: counter(item) ". ";
  counter-increment: item;
  color: #24a787;
}
.contenido-dinamico ol ol,
.lista-ordenada ol {
  padding-top: 1rem;
}
.contenido-dinamico ol ol li:before,
.lista-ordenada ol li:before {
  content: counter(item, lower-latin) ". ";
}
.contenido-dinamico ol ol ol li:before,
.lista-ordenada ol ol li:before {
  content: counter(item, lower-roman) ". ";
}
.contenido-dinamico dl dt,
lista-definicion dt {
  font-weight: 500;
}
.contenido-dinamico dl dt:after,
lista-definicion dt:after {
  content: ":";
}
.contenido-dinamico dl dd,
lista-definicion dd {
  padding-left: 1rem;
  margin-bottom: 1rem;
}
.contenido-dinamico p,
.contenido-dinamico blockquote,
.contenido-dinamico ul,
.contenido-dinamico ol,
.contenido-dinamico dl {
  margin-bottom: 2rem;
}
.link-externo {
  font-size: 1.6rem;
  color: #24a787;
  text-decoration: none;
  position: relative;
  display: inline-block;
}
.link-externo:before {
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  background: rgba(36, 167, 135, 0.1);
  transform: scaleX(0);
  transform-origin: left;
  transition: all ease 200ms;
}
.link-externo:hover {
  text-decoration: none;
}
.link-externo:hover:before {
  transform: scale(1);
}
.justify-start-xs {
  -moz-box-pack: start;
  justify-content: flex-start;
}
.justify-center-xs {
  -moz-box-pack: center;
  justify-content: center;
}
.justify-end-xs {
  -moz-box-pack: end;
  justify-content: flex-end;
}
.justify-around-xs {
  justify-content: space-around;
}
.justify-between-xs {
  -moz-box-pack: justify;
  justify-content: space-between;
}
.align-top-xs {
  -moz-box-align: start;
  align-items: flex-start;
}
.align-middle-xs {
  -moz-box-align: center;
  align-items: center;
}
.align-bottom-xs {
  -moz-box-align: end;
  align-items: flex-end;
}
.align-stretch-xs {
  -moz-box-align: stretch;
  align-items: stretch;
}
.direction-row-xs {
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  flex-direction: row;
}
.direction-row-reverse-xs {
  -moz-box-orient: horizontal;
  -moz-box-direction: reverse;
  flex-direction: row-reverse;
}
.direction-column-xs {
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  flex-direction: column;
}
.direction-column-reverse-xs {
  -moz-box-orient: vertical;
  -moz-box-direction: reverse;
  flex-direction: column-reverse;
}
.first-xs-1 {
  -moz-box-ordinal-group: 0;
  order: -1;
}
.first-xs-2 {
  -moz-box-ordinal-group: -1;
  order: -2;
}
.first-xs-3 {
  -moz-box-ordinal-group: -2;
  order: -3;
}
.first-xs-4 {
  -moz-box-ordinal-group: -3;
  order: -4;
}
.first-xs-5 {
  -moz-box-ordinal-group: -4;
  order: -5;
}
.first-xs-6 {
  -moz-box-ordinal-group: -5;
  order: -6;
}
.first-xs-7 {
  -moz-box-ordinal-group: -6;
  order: -7;
}
.first-xs-8 {
  -moz-box-ordinal-group: -7;
  order: -8;
}
.first-xs-9 {
  -moz-box-ordinal-group: -8;
  order: -9;
}
.first-xs-10 {
  -moz-box-ordinal-group: -9;
  order: -10;
}
.first-xs-11 {
  -moz-box-ordinal-group: -10;
  order: -11;
}
.first-xs-12 {
  -moz-box-ordinal-group: -11;
  order: -12;
}
.last-xs-1 {
  -moz-box-ordinal-group: 2;
  order: 1;
}
.last-xs-2 {
  -moz-box-ordinal-group: 3;
  order: 2;
}
.last-xs-3 {
  -moz-box-ordinal-group: 4;
  order: 3;
}
.last-xs-4 {
  -moz-box-ordinal-group: 5;
  order: 4;
}
.last-xs-5 {
  -moz-box-ordinal-group: 6;
  order: 5;
}
.last-xs-6 {
  -moz-box-ordinal-group: 7;
  order: 6;
}
.last-xs-7 {
  -moz-box-ordinal-group: 8;
  order: 7;
}
.last-xs-8 {
  -moz-box-ordinal-group: 9;
  order: 8;
}
.last-xs-9 {
  -moz-box-ordinal-group: 10;
  order: 9;
}
.last-xs-10 {
  -moz-box-ordinal-group: 11;
  order: 10;
}
.last-xs-11 {
  -moz-box-ordinal-group: 12;
  order: 11;
}
.last-xs-12 {
  -moz-box-ordinal-group: 13;
  order: 12;
}
.wrap-xs {
  flex-wrap: wrap;
}
.nowrap-xs {
  flex-wrap: nowrap;
}
@media (min-width: 544px) {
  .justify-start-sm {
    -moz-box-pack: start;
    justify-content: flex-start;
  }
  .justify-center-sm {
    -moz-box-pack: center;
    justify-content: center;
  }
  .justify-end-sm {
    -moz-box-pack: end;
    justify-content: flex-end;
  }
  .justify-around-sm {
    justify-content: space-around;
  }
  .justify-between-sm {
    -moz-box-pack: justify;
    justify-content: space-between;
  }
  .align-top-sm {
    -moz-box-align: start;
    align-items: flex-start;
  }
  .align-middle-sm {
    -moz-box-align: center;
    align-items: center;
  }
  .align-bottom-sm {
    -moz-box-align: end;
    align-items: flex-end;
  }
  .align-stretch-sm {
    -moz-box-align: stretch;
    align-items: stretch;
  }
  .first-sm-1 {
    -moz-box-ordinal-group: 0;
    order: -1;
  }
  .first-sm-2 {
    -moz-box-ordinal-group: -1;
    order: -2;
  }
  .first-sm-3 {
    -moz-box-ordinal-group: -2;
    order: -3;
  }
  .first-sm-4 {
    -moz-box-ordinal-group: -3;
    order: -4;
  }
  .first-sm-5 {
    -moz-box-ordinal-group: -4;
    order: -5;
  }
  .first-sm-6 {
    -moz-box-ordinal-group: -5;
    order: -6;
  }
  .first-sm-7 {
    -moz-box-ordinal-group: -6;
    order: -7;
  }
  .first-sm-8 {
    -moz-box-ordinal-group: -7;
    order: -8;
  }
  .first-sm-9 {
    -moz-box-ordinal-group: -8;
    order: -9;
  }
  .first-sm-10 {
    -moz-box-ordinal-group: -9;
    order: -10;
  }
  .first-sm-11 {
    -moz-box-ordinal-group: -10;
    order: -11;
  }
  .first-sm-12 {
    -moz-box-ordinal-group: -11;
    order: -12;
  }
  .last-sm-1 {
    -moz-box-ordinal-group: 2;
    order: 1;
  }
  .last-sm-2 {
    -moz-box-ordinal-group: 3;
    order: 2;
  }
  .last-sm-3 {
    -moz-box-ordinal-group: 4;
    order: 3;
  }
  .last-sm-4 {
    -moz-box-ordinal-group: 5;
    order: 4;
  }
  .last-sm-5 {
    -moz-box-ordinal-group: 6;
    order: 5;
  }
  .last-sm-6 {
    -moz-box-ordinal-group: 7;
    order: 6;
  }
  .last-sm-7 {
    -moz-box-ordinal-group: 8;
    order: 7;
  }
  .last-sm-8 {
    -moz-box-ordinal-group: 9;
    order: 8;
  }
  .last-sm-9 {
    -moz-box-ordinal-group: 10;
    order: 9;
  }
  .last-sm-10 {
    -moz-box-ordinal-group: 11;
    order: 10;
  }
  .last-sm-11 {
    -moz-box-ordinal-group: 12;
    order: 11;
  }
  .last-sm-12 {
    -moz-box-ordinal-group: 13;
    order: 12;
  }
  .direction-row-sm {
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
  }
  .direction-row-reverse-sm {
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    flex-direction: row-reverse;
  }
  .direction-column-sm {
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
  }
  .direction-column-reverse-sm {
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    flex-direction: column-reverse;
  }
  .wrap-sm {
    flex-wrap: wrap;
  }
  .nowrap-sm {
    flex-wrap: nowrap;
  }
}
@media (min-width: 768px) {
  .justify-start-md {
    -moz-box-pack: start;
    justify-content: flex-start;
  }
  .justify-center-md {
    -moz-box-pack: center;
    justify-content: center;
  }
  .justify-end-md {
    -moz-box-pack: end;
    justify-content: flex-end;
  }
  .justify-around-md {
    justify-content: space-around;
  }
  .justify-between-md {
    -moz-box-pack: justify;
    justify-content: space-between;
  }
  .align-top-md {
    -moz-box-align: start;
    align-items: flex-start;
  }
  .align-middle-md {
    -moz-box-align: center;
    align-items: center;
  }
  .align-bottom-md {
    -moz-box-align: end;
    align-items: flex-end;
  }
  .align-stretch-md {
    -moz-box-align: stretch;
    align-items: stretch;
  }
  .first-md-1 {
    -moz-box-ordinal-group: 0;
    order: -1;
  }
  .first-md-2 {
    -moz-box-ordinal-group: -1;
    order: -2;
  }
  .first-md-3 {
    -moz-box-ordinal-group: -2;
    order: -3;
  }
  .first-md-4 {
    -moz-box-ordinal-group: -3;
    order: -4;
  }
  .first-md-5 {
    -moz-box-ordinal-group: -4;
    order: -5;
  }
  .first-md-6 {
    -moz-box-ordinal-group: -5;
    order: -6;
  }
  .first-md-7 {
    -moz-box-ordinal-group: -6;
    order: -7;
  }
  .first-md-8 {
    -moz-box-ordinal-group: -7;
    order: -8;
  }
  .first-md-9 {
    -moz-box-ordinal-group: -8;
    order: -9;
  }
  .first-md-10 {
    -moz-box-ordinal-group: -9;
    order: -10;
  }
  .first-md-11 {
    -moz-box-ordinal-group: -10;
    order: -11;
  }
  .first-md-12 {
    -moz-box-ordinal-group: -11;
    order: -12;
  }
  .last-md-1 {
    -moz-box-ordinal-group: 2;
    order: 1;
  }
  .last-md-2 {
    -moz-box-ordinal-group: 3;
    order: 2;
  }
  .last-md-3 {
    -moz-box-ordinal-group: 4;
    order: 3;
  }
  .last-md-4 {
    -moz-box-ordinal-group: 5;
    order: 4;
  }
  .last-md-5 {
    -moz-box-ordinal-group: 6;
    order: 5;
  }
  .last-md-6 {
    -moz-box-ordinal-group: 7;
    order: 6;
  }
  .last-md-7 {
    -moz-box-ordinal-group: 8;
    order: 7;
  }
  .last-md-8 {
    -moz-box-ordinal-group: 9;
    order: 8;
  }
  .last-md-9 {
    -moz-box-ordinal-group: 10;
    order: 9;
  }
  .last-md-10 {
    -moz-box-ordinal-group: 11;
    order: 10;
  }
  .last-md-11 {
    -moz-box-ordinal-group: 12;
    order: 11;
  }
  .last-md-12 {
    -moz-box-ordinal-group: 13;
    order: 12;
  }
  .direction-row-md {
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
  }
  .direction-row-reverse-md {
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    flex-direction: row-reverse;
  }
  .direction-column-md {
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
  }
  .direction-column-reverse-md {
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    flex-direction: column-reverse;
  }
  .wrap-md {
    flex-wrap: wrap;
  }
  .nowrap-md {
    flex-wrap: nowrap;
  }
}
@media (min-width: 992px) {
  .justify-start-lg {
    -moz-box-pack: start;
    justify-content: flex-start;
  }
  .justify-center-lg {
    -moz-box-pack: center;
    justify-content: center;
  }
  .justify-end-lg {
    -moz-box-pack: end;
    justify-content: flex-end;
  }
  .justify-around-lg {
    justify-content: space-around;
  }
  .justify-between-lg {
    -moz-box-pack: justify;
    justify-content: space-between;
  }
  .align-top-lg {
    -moz-box-align: start;
    align-items: flex-start;
  }
  .align-middle-lg {
    -moz-box-align: center;
    align-items: center;
  }
  .align-bottom-lg {
    -moz-box-align: end;
    align-items: flex-end;
  }
  .align-stretch-lg {
    -moz-box-align: stretch;
    align-items: stretch;
  }
  .first-lg-1 {
    -moz-box-ordinal-group: 0;
    order: -1;
  }
  .first-lg-2 {
    -moz-box-ordinal-group: -1;
    order: -2;
  }
  .first-lg-3 {
    -moz-box-ordinal-group: -2;
    order: -3;
  }
  .first-lg-4 {
    -moz-box-ordinal-group: -3;
    order: -4;
  }
  .first-lg-5 {
    -moz-box-ordinal-group: -4;
    order: -5;
  }
  .first-lg-6 {
    -moz-box-ordinal-group: -5;
    order: -6;
  }
  .first-lg-7 {
    -moz-box-ordinal-group: -6;
    order: -7;
  }
  .first-lg-8 {
    -moz-box-ordinal-group: -7;
    order: -8;
  }
  .first-lg-9 {
    -moz-box-ordinal-group: -8;
    order: -9;
  }
  .first-lg-10 {
    -moz-box-ordinal-group: -9;
    order: -10;
  }
  .first-lg-11 {
    -moz-box-ordinal-group: -10;
    order: -11;
  }
  .first-lg-12 {
    -moz-box-ordinal-group: -11;
    order: -12;
  }
  .last-lg-1 {
    -moz-box-ordinal-group: 2;
    order: 1;
  }
  .last-lg-2 {
    -moz-box-ordinal-group: 3;
    order: 2;
  }
  .last-lg-3 {
    -moz-box-ordinal-group: 4;
    order: 3;
  }
  .last-lg-4 {
    -moz-box-ordinal-group: 5;
    order: 4;
  }
  .last-lg-5 {
    -moz-box-ordinal-group: 6;
    order: 5;
  }
  .last-lg-6 {
    -moz-box-ordinal-group: 7;
    order: 6;
  }
  .last-lg-7 {
    -moz-box-ordinal-group: 8;
    order: 7;
  }
  .last-lg-8 {
    -moz-box-ordinal-group: 9;
    order: 8;
  }
  .last-lg-9 {
    -moz-box-ordinal-group: 10;
    order: 9;
  }
  .last-lg-10 {
    -moz-box-ordinal-group: 11;
    order: 10;
  }
  .last-lg-11 {
    -moz-box-ordinal-group: 12;
    order: 11;
  }
  .last-lg-12 {
    -moz-box-ordinal-group: 13;
    order: 12;
  }
  .direction-row-lg {
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
  }
  .direction-row-reverse-lg {
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    flex-direction: row-reverse;
  }
  .direction-column-lg {
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
  }
  .direction-column-reverse-lg {
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    flex-direction: column-reverse;
  }
  .wrap-lg {
    flex-wrap: wrap;
  }
  .nowrap-lg {
    flex-wrap: nowrap;
  }
}
@media (min-width: 1200px) {
  .justify-start-xl {
    -moz-box-pack: start;
    justify-content: flex-start;
  }
  .justify-center-xl {
    -moz-box-pack: center;
    justify-content: center;
  }
  .justify-end-xl {
    -moz-box-pack: end;
    justify-content: flex-end;
  }
  .justify-around-xl {
    justify-content: space-around;
  }
  .justify-between-xl {
    -moz-box-pack: justify;
    justify-content: space-between;
  }
  .align-top-xl {
    -moz-box-align: start;
    align-items: flex-start;
  }
  .align-middle-xl {
    -moz-box-align: center;
    align-items: center;
  }
  .align-bottom-xl {
    -moz-box-align: end;
    align-items: flex-end;
  }
  .align-stretch-xl {
    -moz-box-align: stretch;
    align-items: stretch;
  }
  .first-xl-1 {
    -moz-box-ordinal-group: 0;
    order: -1;
  }
  .first-xl-2 {
    -moz-box-ordinal-group: -1;
    order: -2;
  }
  .first-xl-3 {
    -moz-box-ordinal-group: -2;
    order: -3;
  }
  .first-xl-4 {
    -moz-box-ordinal-group: -3;
    order: -4;
  }
  .first-xl-5 {
    -moz-box-ordinal-group: -4;
    order: -5;
  }
  .first-xl-6 {
    -moz-box-ordinal-group: -5;
    order: -6;
  }
  .first-xl-7 {
    -moz-box-ordinal-group: -6;
    order: -7;
  }
  .first-xl-8 {
    -moz-box-ordinal-group: -7;
    order: -8;
  }
  .first-xl-9 {
    -moz-box-ordinal-group: -8;
    order: -9;
  }
  .first-xl-10 {
    -moz-box-ordinal-group: -9;
    order: -10;
  }
  .first-xl-11 {
    -moz-box-ordinal-group: -10;
    order: -11;
  }
  .first-xl-12 {
    -moz-box-ordinal-group: -11;
    order: -12;
  }
  .last-xl-1 {
    -moz-box-ordinal-group: 2;
    order: 1;
  }
  .last-xl-2 {
    -moz-box-ordinal-group: 3;
    order: 2;
  }
  .last-xl-3 {
    -moz-box-ordinal-group: 4;
    order: 3;
  }
  .last-xl-4 {
    -moz-box-ordinal-group: 5;
    order: 4;
  }
  .last-xl-5 {
    -moz-box-ordinal-group: 6;
    order: 5;
  }
  .last-xl-6 {
    -moz-box-ordinal-group: 7;
    order: 6;
  }
  .last-xl-7 {
    -moz-box-ordinal-group: 8;
    order: 7;
  }
  .last-xl-8 {
    -moz-box-ordinal-group: 9;
    order: 8;
  }
  .last-xl-9 {
    -moz-box-ordinal-group: 10;
    order: 9;
  }
  .last-xl-10 {
    -moz-box-ordinal-group: 11;
    order: 10;
  }
  .last-xl-11 {
    -moz-box-ordinal-group: 12;
    order: 11;
  }
  .last-xl-12 {
    -moz-box-ordinal-group: 13;
    order: 12;
  }
  .direction-row-xl {
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
  }
  .direction-row-reverse-xl {
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    flex-direction: row-reverse;
  }
  .direction-column-xl {
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
  }
  .direction-column-reverse-xl {
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    flex-direction: column-reverse;
  }
  .wrap-xl {
    flex-wrap: wrap;
  }
  .nowrap-xl {
    flex-wrap: nowrap;
  }
}
@media (min-width: 1400px) {
  .justify-start-xxl {
    -moz-box-pack: start;
    justify-content: flex-start;
  }
  .justify-center-xxl {
    -moz-box-pack: center;
    justify-content: center;
  }
  .justify-end-xxl {
    -moz-box-pack: end;
    justify-content: flex-end;
  }
  .justify-around-xxl {
    justify-content: space-around;
  }
  .justify-between-xxl {
    -moz-box-pack: justify;
    justify-content: space-between;
  }
  .align-top-xxl {
    -moz-box-align: start;
    align-items: flex-start;
  }
  .align-middle-xxl {
    -moz-box-align: center;
    align-items: center;
  }
  .align-bottom-xxl {
    -moz-box-align: end;
    align-items: flex-end;
  }
  .align-stretch-xxl {
    -moz-box-align: stretch;
    align-items: stretch;
  }
  .first-xxl-1 {
    -moz-box-ordinal-group: 0;
    order: -1;
  }
  .first-xxl-2 {
    -moz-box-ordinal-group: -1;
    order: -2;
  }
  .first-xxl-3 {
    -moz-box-ordinal-group: -2;
    order: -3;
  }
  .first-xxl-4 {
    -moz-box-ordinal-group: -3;
    order: -4;
  }
  .first-xxl-5 {
    -moz-box-ordinal-group: -4;
    order: -5;
  }
  .first-xxl-6 {
    -moz-box-ordinal-group: -5;
    order: -6;
  }
  .first-xxl-7 {
    -moz-box-ordinal-group: -6;
    order: -7;
  }
  .first-xxl-8 {
    -moz-box-ordinal-group: -7;
    order: -8;
  }
  .first-xxl-9 {
    -moz-box-ordinal-group: -8;
    order: -9;
  }
  .first-xxl-10 {
    -moz-box-ordinal-group: -9;
    order: -10;
  }
  .first-xxl-11 {
    -moz-box-ordinal-group: -10;
    order: -11;
  }
  .first-xxl-12 {
    -moz-box-ordinal-group: -11;
    order: -12;
  }
  .last-xxl-1 {
    -moz-box-ordinal-group: 2;
    order: 1;
  }
  .last-xxl-2 {
    -moz-box-ordinal-group: 3;
    order: 2;
  }
  .last-xxl-3 {
    -moz-box-ordinal-group: 4;
    order: 3;
  }
  .last-xxl-4 {
    -moz-box-ordinal-group: 5;
    order: 4;
  }
  .last-xxl-5 {
    -moz-box-ordinal-group: 6;
    order: 5;
  }
  .last-xxl-6 {
    -moz-box-ordinal-group: 7;
    order: 6;
  }
  .last-xxl-7 {
    -moz-box-ordinal-group: 8;
    order: 7;
  }
  .last-xxl-8 {
    -moz-box-ordinal-group: 9;
    order: 8;
  }
  .last-xxl-9 {
    -moz-box-ordinal-group: 10;
    order: 9;
  }
  .last-xxl-10 {
    -moz-box-ordinal-group: 11;
    order: 10;
  }
  .last-xxl-11 {
    -moz-box-ordinal-group: 12;
    order: 11;
  }
  .last-xxl-12 {
    -moz-box-ordinal-group: 13;
    order: 12;
  }
  .direction-row-xxl {
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
  }
  .direction-row-reverse-xxl {
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    flex-direction: row-reverse;
  }
  .direction-column-xxl {
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
  }
  .direction-column-reverse-xxl {
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    flex-direction: column-reverse;
  }
  .wrap-xxl {
    flex-wrap: wrap;
  }
  .nowrap-xxl {
    flex-wrap: nowrap;
  }
}
.text-align-right-xs {
  text-align: right;
}
.text-align-left-xs {
  text-align: left;
}
.text-align-center-xs {
  text-align: center;
}
.text-align-top-xs {
  vertical-align: top;
}
.text-align-bottom-xs {
  vertical-align: bottom;
}
.text-align-middle-xs {
  vertical-align: middle;
}
@media print {
  .text-align-right-pr {
    text-align: right;
  }
  .text-align-left-pr {
    text-align: left;
  }
  .text-align-center-pr {
    text-align: center;
  }
  .text-align-top-pr {
    vertical-align: top;
  }
  .text-align-bottom-pr {
    vertical-align: bottom;
  }
  .text-align-middle-pr {
    vertical-align: middle;
  }
}
@media (min-width: 544px) {
  .text-align-top-sm {
    vertical-align: top;
  }
  .text-align-bottom-sm {
    vertical-align: bottom;
  }
  .text-align-middle-sm {
    vertical-align: middle;
  }
  .text-align-right-sm {
    text-align: right;
  }
  .text-align-left-sm {
    text-align: left;
  }
  .text-align-center-sm {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .text-align-top-md {
    vertical-align: top;
  }
  .text-align-bottom-md {
    vertical-align: bottom;
  }
  .text-align-middle-md {
    vertical-align: middle;
  }
  .text-align-right-md {
    text-align: right;
  }
  .text-align-left-md {
    text-align: left;
  }
  .text-align-center-md {
    text-align: center;
  }
}
@media (min-width: 992px) {
  .text-align-top-lg {
    vertical-align: top;
  }
  .text-align-bottom-lg {
    vertical-align: bottom;
  }
  .text-align-middle-lg {
    vertical-align: middle;
  }
  .text-align-right-lg {
    text-align: right;
  }
  .text-align-left-lg {
    text-align: left;
  }
  .text-align-center-lg {
    text-align: center;
  }
}
@media (min-width: 1200px) {
  .text-align-top-xl {
    vertical-align: top;
  }
  .text-align-bottom-xl {
    vertical-align: bottom;
  }
  .text-align-middle-xl {
    vertical-align: middle;
  }
  .text-align-right-xl {
    text-align: right;
  }
  .text-align-left-xl {
    text-align: left;
  }
  .text-align-center-xl {
    text-align: center;
  }
}
@media (min-width: 1400px) {
  .text-align-top-xxl {
    vertical-align: top;
  }
  .text-align-bottom-xxl {
    vertical-align: bottom;
  }
  .text-align-middle-xxl {
    vertical-align: middle;
  }
  .text-align-right-xxl {
    text-align: right;
  }
  .text-align-left-xxl {
    text-align: left;
  }
  .text-align-center-xxl {
    text-align: center;
  }
}
.right-auto-xs {
  margin-right: auto;
}
.left-auto-xs {
  margin-left: auto;
}
@media (min-width: 544px) {
  .right-auto-sm {
    margin-right: auto;
  }
  .left-auto-sm {
    margin-left: auto;
  }
}
@media (min-width: 768px) {
  .right-auto-md {
    margin-right: auto;
  }
  .left-auto-md {
    margin-left: auto;
  }
}
@media (min-width: 992px) {
  .right-auto-lg {
    margin-right: auto;
  }
  .left-auto-lg {
    margin-left: auto;
  }
}
@media (min-width: 1200px) {
  .right-auto-xl {
    margin-right: auto;
  }
  .left-auto-xl {
    margin-left: auto;
  }
}
@media (min-width: 1400px) {
  .right-auto-xxl {
    margin-right: auto;
  }
  .left-auto-xxl {
    margin-left: auto;
  }
}
.oculto-xs {
  display: none !important;
}
.block-xs {
  display: block !important;
}
.inline-block-xs {
  display: inline-block !important;
}
.inline-xs {
  display: inline !important;
}
.flex-xs {
  display: -moz-box !important;
  display: flex !important;
}
.inline-flex-xs {
  display: -moz-inline-box !important;
  display: inline-flex !important;
}
.table-xs {
  display: table !important;
}
.table-cell-xs {
  display: table-cell !important;
}
.table-row-xs {
  display: table-row !important;
}
@media (min-width: 544px) {
  .oculto-sm {
    display: none !important;
  }
  .block-sm {
    display: block !important;
  }
  .inline-block-sm {
    display: inline-block !important;
  }
  .inline-sm {
    display: inline !important;
  }
  .flex-sm {
    display: -moz-box !important;
    display: flex !important;
  }
  .inline-flex-sm {
    display: -moz-inline-box !important;
    display: inline-flex !important;
  }
  .table-sm {
    display: table !important;
  }
  .table-cell-sm {
    display: table-cell !important;
  }
  .table-row-sm {
    display: table-row !important;
  }
}
@media (min-width: 768px) {
  .oculto-md {
    display: none !important;
  }
  .block-md {
    display: block !important;
  }
  .inline-block-md {
    display: inline-block !important;
  }
  .inline-md {
    display: inline !important;
  }
  .flex-md {
    display: -moz-box !important;
    display: flex !important;
  }
  .inline-flex-md {
    display: -moz-inline-box !important;
    display: inline-flex !important;
  }
  .table-md {
    display: table !important;
  }
  .table-cell-md {
    display: table-cell !important;
  }
  .table-row-md {
    display: table-row !important;
  }
}
@media (min-width: 992px) {
  .oculto-lg {
    display: none !important;
  }
  .block-lg {
    display: block !important;
  }
  .inline-block-lg {
    display: inline-block !important;
  }
  .inline-lg {
    display: inline !important;
  }
  .flex-lg {
    display: -moz-box !important;
    display: flex !important;
  }
  .inline-flex-lg {
    display: -moz-inline-box !important;
    display: inline-flex !important;
  }
  .table-lg {
    display: table !important;
  }
  .table-cell-lg {
    display: table-cell !important;
  }
  .table-row-lg {
    display: table-row !important;
  }
}
@media (min-width: 1200px) {
  .oculto-xl {
    display: none !important;
  }
  .block-xl {
    display: block !important;
  }
  .inline-block-xl {
    display: inline-block !important;
  }
  .inline-xl {
    display: inline !important;
  }
  .flex-xl {
    display: -moz-box !important;
    display: flex !important;
  }
  .inline-flex-xl {
    display: -moz-inline-box !important;
    display: inline-flex !important;
  }
  .table-xl {
    display: table !important;
  }
  .table-cell-xl {
    display: table-cell !important;
  }
  .table-row-xl {
    display: table-row !important;
  }
}
@media (min-width: 1400px) {
  .oculto-xxl {
    display: none !important;
  }
  .block-xxl {
    display: block !important;
  }
  .inline-block-xxl {
    display: inline-block !important;
  }
  .inline-xxl {
    display: inline !important;
  }
  .flex-xxl {
    display: -moz-box !important;
    display: flex !important;
  }
  .inline-flex-xxl {
    display: -moz-inline-box !important;
    display: inline-flex !important;
  }
  .table-xxl {
    display: table !important;
  }
  .table-cell-xxl {
    display: table-cell !important;
  }
  .table-row-xxl {
    display: table-row !important;
  }
}
@media print {
  .oculto-pr {
    display: none !important;
  }
  .block-pr {
    display: block !important;
  }
  .inline-block-pr {
    display: inline-block !important;
  }
  .inline-pr {
    display: inline !important;
  }
  .flex-pr {
    display: -moz-box !important;
    display: flex !important;
  }
  .inline-flex-pr {
    display: -moz-inline-box !important;
    display: inline-flex !important;
  }
  .table-pr {
    display: table !important;
  }
}
.bounce {
  animation-name: bounce;
  animation-duration: 200ms;
  animation-iteration-count: 1;
  animation-timing-function: ease;
}
.bounce--infinite {
  animation-iteration-count: infinite;
}
@keyframes bounce {
  0% {
    transform: scale(0.3);
  }
  50% {
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
.growIn {
  animation-name: growIn;
  animation-duration: 200ms;
  animation-iteration-count: 1;
  animation-timing-function: ease;
}
.growIn--infinite {
  animation-iteration-count: infinite;
}
@keyframes growIn {
  0% {
    transform: scale(0.2);
    opacity: 0;
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes shake {
  0%,
  100% {
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translateX(10px);
  }
}
@keyframes shakeUp {
  0%,
  100% {
    transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translateY(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translateY(10px);
  }
}
@keyframes rotate {
  0% {
    transform-origin: center center;
    transform: rotate(-360deg);
  }
  100% {
    transform-origin: center center;
    transform: rotate(0);
  }
}
@keyframes wiggle {
  0% {
    transform: skewX(9deg);
  }
  10% {
    transform: skewX(-8deg);
  }
  20% {
    transform: skewX(7deg);
  }
  30% {
    transform: skewX(-6deg);
  }
  40% {
    transform: skewX(5deg);
  }
  50% {
    transform: skewX(-4deg);
  }
  60% {
    transform: skewX(3deg);
  }
  70% {
    transform: skewX(-2deg);
  }
  80% {
    transform: skewX(1deg);
  }
  90% {
    transform: skewX(0);
  }
  100% {
    transform: skewX(0);
  }
}
@keyframes swing {
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0);
  }
}
@keyframes tada {
  0 {
    transform: scale(1);
  }
  10%,
  20% {
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}
@keyframes wobble {
  0% {
    transform: translateX(0);
  }
  15% {
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes active-input {
  0% {
    box-shadow: 0 0 0 0 rgba(36, 167, 135, 0.2);
  }
  50% {
    box-shadow: 0 0 0 15px rgba(36, 167, 135, 0.2);
  }
  100% {
    box-shadow: 0 0 0 15px rgba(36, 167, 135, 0);
  }
}
.code {
  padding: 0.4rem 0.8rem;
  color: #2a3532;
  background: #f8f8f8;
  border-radius: 6px;
}
.code--dark {
  color: #def2ed;
  background: #2a3532;
}
.code--dark mark {
  color: #2a3532;
}
.code--group {
  padding: 2rem;
  display: block;
  overflow: hidden;
  overflow-x: auto;
}
.code__comment {
  opacity: 0.4;
}
.code mark {
  border-radius: 78% 22% 81% 19% / 30% 73% 27% 70%;
  line-height: 1.3;
}
code:not([class]) {
  background: #fbfbfb;
  border: 1px solid #d6d8da;
  border-radius: 0.15rem;
  color: #333d47;
  font-size: 1.4rem;
  margin: 0 0.1rem;
  padding: 0.2rem 0.4rem;
  white-space: nowrap;
}
kbd {
  padding: 0.3rem 0.5rem;
  background: #333;
  color: #fff;
  font-size: 0.7rem;
}
.btn {
  background: #9e9e9e;
  color: #fff;
  border: 1px solid #9e9e9e;
  cursor: pointer;
  display: inline-block;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1;
  padding: 1.5rem 3rem;
  text-align: center;
  text-decoration: none;
  transition: all ease 200ms;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  border-radius: 6px;
  box-shadow: 0 0 0 rgba(158, 158, 158, 0);
}
@supports (display: flex) {
  .btn {
    display: -moz-inline-box;
    display: inline-flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
  }
}
.btn[disabled],
.disabled.btn {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}
.btn:after {
  display: none;
}
.btn:focus {
  outline: 0;
}
@media (max-width: 54.3rem) {
  .btn {
    padding: 1.2rem 2rem;
  }
}
.btn input {
  position: fixed;
  top: -200rem;
  right: -200rem;
}
.btn:hover {
  background: #a8a8a8;
  border-color: #a8a8a8;
  box-shadow: 0 5px 10px rgba(158, 158, 158, 0.3);
}
.no-csstransforms .btn:hover {
  text-decoration: none;
}
.btn:active {
  background: #8e8e8e;
  border-color: #8e8e8e;
  box-shadow: 0 0 2px rgba(158, 158, 158, 0.1);
}
.btn[disabled]:hover,
.btn .disabled:hover {
  background: #9e9e9e;
  border-color: #9e9e9e;
  box-shadow: none;
}
.btn__ripple {
  position: absolute;
  display: block;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: rgba(207, 207, 207, 0.4);
  animation: ripple 0.5s 1;
  pointer-events: none;
  opacity: 0;
}
.btn--fantasma {
  background: transparent;
  border-color: #fff;
  box-shadow: none;
}
.btn--fantasma:hover {
  background: rgba(255, 255, 255, 0.05);
  box-shadow: none;
}
.btn--fantasma:active {
  background: rgba(255, 255, 255, 0.15);
  box-shadow: none;
}
.btn--borde {
  background: transparent;
  color: #9e9e9e;
}
.btn--borde:hover {
  background: rgba(158, 158, 158, 0.05);
  box-shadow: none;
}
.btn--borde:active {
  background: rgba(158, 158, 158, 0.15);
  box-shadow: 0 0 2px rgba(158, 158, 158, 0.1);
}
.btn--link {
  color: #999;
  background: transparent;
  border-color: transparent;
}
.btn--link:hover {
  background: rgba(51, 51, 51, 0.05);
  border-color: transparent;
  box-shadow: none;
}
.no-rgba .btn--link:hover {
  text-decoration: underline;
  background: transparent;
}
.btn--link:active {
  background: rgba(51, 51, 51, 0.1);
  border-color: transparent;
  box-shadow: none;
}
.btn--primario {
  background: #24a787;
  border-color: #24a787;
  box-shadow: 0 0 0 rgba(36, 167, 135, 0);
  color: #fff;
}
.btn--primario:hover {
  background: #3ab093;
  border-color: #3ab093;
  box-shadow: 0 5px 10px rgba(36, 167, 135, 0.3);
}
.btn--primario:active {
  background: #20967a;
  border-color: #20967a;
  box-shadow: 0 0 2px rgba(36, 167, 135, 0.1);
}
.btn--primario[disabled]:hover,
.btn--primario .disabled:hover {
  background: #24a787;
  border-color: #24a787;
  box-shadow: none;
}
.btn--primario .btn__ripple {
  background: rgba(146, 211, 195, 0.4);
}
.btn--primario.btn--borde {
  color: #24a787;
  background: transparent;
}
.btn--primario.btn--borde:hover {
  background: rgba(36, 167, 135, 0.05);
  box-shadow: none;
}
.btn--primario.btn--borde:active {
  background: rgba(36, 167, 135, 0.15);
  box-shadow: 0 0 2px rgba(36, 167, 135, 0.1);
}
.btn--primario.btn--link {
  color: #24a787;
  background: transparent;
  border: transparent;
  box-shadow: none;
}
.btn--primario.btn--link:hover {
  background: rgba(36, 167, 135, 0.05);
  box-shadow: none;
}
.no-rgba .btn--primario.btn--link:hover {
  text-decoration: underline;
  background: transparent;
}
.btn--primario.btn--link:active {
  background: rgba(36, 167, 135, 0.1);
}
.btn--secundario {
  background: #333d47;
  border-color: #333d47;
  box-shadow: 0 0 0 rgba(51, 61, 71, 0);
  color: #fff;
}
.btn--secundario:hover {
  background: #475059;
  border-color: #475059;
  box-shadow: 0 5px 10px rgba(51, 61, 71, 0.3);
}
.btn--secundario:active {
  background: #2e3740;
  border-color: #2e3740;
  box-shadow: 0 0 2px rgba(51, 61, 71, 0.1);
}
.btn--secundario[disabled]:hover,
.btn--secundario .disabled:hover {
  background: #333d47;
  border-color: #333d47;
  box-shadow: none;
}
.btn--secundario .btn__ripple {
  background: rgba(153, 158, 163, 0.4);
}
.btn--secundario.btn--borde {
  color: #333d47;
  background: transparent;
}
.btn--secundario.btn--borde:hover {
  background: rgba(51, 61, 71, 0.05);
  box-shadow: none;
}
.btn--secundario.btn--borde:active {
  background: rgba(51, 61, 71, 0.15);
  box-shadow: 0 0 2px rgba(51, 61, 71, 0.1);
}
.btn--secundario.btn--link {
  color: #333d47;
  background: transparent;
  border: transparent;
  box-shadow: none;
}
.btn--secundario.btn--link:hover {
  background: rgba(51, 61, 71, 0.05);
  box-shadow: none;
}
.no-rgba .btn--secundario.btn--link:hover {
  text-decoration: underline;
  background: transparent;
}
.btn--secundario.btn--link:active {
  background: rgba(51, 61, 71, 0.1);
}
.btn--terciario {
  background: #c03;
  border-color: #c03;
  box-shadow: 0 0 0 rgba(204, 0, 51, 0);
  color: #fff;
}
.btn--terciario:hover {
  background: #d11a47;
  border-color: #d11a47;
  box-shadow: 0 5px 10px rgba(204, 0, 51, 0.3);
}
.btn--terciario:active {
  background: #b8002e;
  border-color: #b8002e;
  box-shadow: 0 0 2px rgba(204, 0, 51, 0.1);
}
.btn--terciario[disabled]:hover,
.btn--terciario .disabled:hover {
  background: #c03;
  border-color: #c03;
  box-shadow: none;
}
.btn--terciario .btn__ripple {
  background: rgba(230, 128, 153, 0.4);
}
.btn--terciario.btn--borde {
  color: #c03;
  background: transparent;
}
.btn--terciario.btn--borde:hover {
  background: rgba(204, 0, 51, 0.05);
  box-shadow: none;
}
.btn--terciario.btn--borde:active {
  background: rgba(204, 0, 51, 0.15);
  box-shadow: 0 0 2px rgba(204, 0, 51, 0.1);
}
.btn--terciario.btn--link {
  color: #c03;
  background: transparent;
  border: transparent;
  box-shadow: none;
}
.btn--terciario.btn--link:hover {
  background: rgba(204, 0, 51, 0.05);
  box-shadow: none;
}
.no-rgba .btn--terciario.btn--link:hover {
  text-decoration: underline;
  background: transparent;
}
.btn--terciario.btn--link:active {
  background: rgba(204, 0, 51, 0.1);
}
.btn--peligro {
  background: #ea4537;
  border-color: #ea4537;
  box-shadow: 0 0 0 rgba(234, 69, 55, 0);
  color: #fff;
}
.btn--peligro:hover {
  background: #ec584b;
  border-color: #ec584b;
  box-shadow: 0 5px 10px rgba(234, 69, 55, 0.3);
}
.btn--peligro:active {
  background: #d33e32;
  border-color: #d33e32;
  box-shadow: 0 0 2px rgba(234, 69, 55, 0.1);
}
.btn--peligro[disabled]:hover,
.btn--peligro .disabled:hover {
  background: #ea4537;
  border-color: #ea4537;
  box-shadow: none;
}
.btn--peligro .btn__ripple {
  background: rgba(245, 162, 155, 0.4);
}
.btn--peligro.btn--borde {
  color: #ea4537;
  background: transparent;
}
.btn--peligro.btn--borde:hover {
  background: rgba(234, 69, 55, 0.05);
  box-shadow: none;
}
.btn--peligro.btn--borde:active {
  background: rgba(234, 69, 55, 0.15);
  box-shadow: 0 0 2px rgba(234, 69, 55, 0.1);
}
.btn--peligro.btn--link {
  color: #ea4537;
  background: transparent;
  border: transparent;
  box-shadow: none;
}
.btn--peligro.btn--link:hover {
  background: rgba(234, 69, 55, 0.05);
  box-shadow: none;
}
.no-rgba .btn--peligro.btn--link:hover {
  text-decoration: underline;
  background: transparent;
}
.btn--peligro.btn--link:active {
  background: rgba(234, 69, 55, 0.1);
}
.btn--exito {
  background: #71c341;
  border-color: #71c341;
  box-shadow: 0 0 0 rgba(113, 195, 65, 0);
  color: #fff;
}
.btn--exito:hover {
  background: #7fc954;
  border-color: #7fc954;
  box-shadow: 0 5px 10px rgba(113, 195, 65, 0.3);
}
.btn--exito:active {
  background: #66b03b;
  border-color: #66b03b;
  box-shadow: 0 0 2px rgba(113, 195, 65, 0.1);
}
.btn--exito[disabled]:hover,
.btn--exito .disabled:hover {
  background: #71c341;
  border-color: #71c341;
  box-shadow: none;
}
.btn--exito .btn__ripple {
  background: rgba(184, 225, 160, 0.4);
}
.btn--exito.btn--borde {
  color: #71c341;
  background: transparent;
}
.btn--exito.btn--borde:hover {
  background: rgba(113, 195, 65, 0.05);
  box-shadow: none;
}
.btn--exito.btn--borde:active {
  background: rgba(113, 195, 65, 0.15);
  box-shadow: 0 0 2px rgba(113, 195, 65, 0.1);
}
.btn--exito.btn--link {
  color: #71c341;
  background: transparent;
  border: transparent;
  box-shadow: none;
}
.btn--exito.btn--link:hover {
  background: rgba(113, 195, 65, 0.05);
  box-shadow: none;
}
.no-rgba .btn--exito.btn--link:hover {
  text-decoration: underline;
  background: transparent;
}
.btn--exito.btn--link:active {
  background: rgba(113, 195, 65, 0.1);
}
.btn--redondo {
  border-radius: 30px;
}
.btn--circulo {
  width: 5rem;
  height: 5rem;
  max-width: 5rem;
  border-radius: 50%;
  text-align: center;
  line-height: 5rem;
  padding: 0;
}
.btn--circulo:before {
  font-size: 3.5rem;
  line-height: 1;
}
.btn--icono:before {
  margin: 0 0.5rem;
  font-size: 2rem;
  line-height: 0.75;
}
.btn--block-xs {
  width: 100%;
}
.btn--inline-xs {
  width: auto;
}
.btn--big {
  padding: 1.8rem 3.6rem;
}
.btn--small {
  padding: 1rem 2rem;
}
.btn--xsmall {
  padding: 0.4rem 1.5rem;
  font-size: 1.4rem;
}
.btn--ancho {
  padding: 1.2rem 5rem;
}
.no-mediaqueries .btn--block {
  width: 100%;
}
.no-mediaqueries .btn--inline {
  width: auto;
}
.btn__grupo .btn {
  margin-bottom: 1em;
  margin-right: 0.5em;
}
.btn__grupo .btn:last-child {
  margin-right: 0;
}
@media (min-width: 120rem) {
  .btn__grupo .btn--block-lg {
    margin-right: 0;
  }
}
@media (max-width: 543px) {
  .btn__grupo .btn--block-xs {
    margin-right: 0;
  }
}
@media (min-width: 544px) and (max-width: 767px) {
  .btn__grupo .btn--block-sm {
    margin-right: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .btn__grupo .btn--block-md {
    margin-right: 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .btn__grupo .btn--block-lg {
    margin-right: 0;
  }
}
@media print {
  .btn__grupo .btn--block-pr {
    margin-right: 0;
  }
}
@media (min-width: 544px) {
  .btn--block-sm {
    width: 100%;
  }
  .btn--inline-sm {
    width: auto;
  }
}
@media (min-width: 768px) {
  .btn--block-md {
    width: 100%;
  }
  .btn--inline-md {
    width: auto;
  }
}
@media (min-width: 992px) {
  .btn--block-lg {
    width: 100%;
  }
  .btn--inline-lg {
    width: auto;
  }
}
@media (min-width: 1200px) {
  .btn--block-xl {
    width: 100%;
  }
  .btn--inline-xl {
    width: auto;
  }
}
@media (min-width: 1400px) {
  .btn--block-xxl {
    width: 100%;
  }
  .btn--inline-xxl {
    width: auto;
  }
}
@media (min-width: px) {
  .btn--block-pr {
    width: 100%;
  }
  .btn--inline-pr {
    width: auto;
  }
}
@keyframes ripple {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(10);
  }
}
.badge {
  display: inline-block;
  padding: 4px 8px;
  font-size: 1.4rem;
  background: #ececec;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  margin-bottom: 5px;
  color: #888;
  border-radius: 6px;
}
.badge[href] {
  text-decoration: none;
  transition: all ease 200ms;
}
.badge[href]:hover {
  text-decoration: none;
}
.badge--pill {
  border-radius: calc(6px * 2);
}
.badge--primario {
  color: #24a787;
  background: #d3ede7;
}
.badge--primario[href]:hover {
  background: #bde5db;
}
.badge--secundario {
  color: #333d47;
  background: #d6d8da;
}
.badge--secundario[href]:hover {
  background: #c2c5c8;
}
.badge--terciario {
  color: #c03;
  background: #f5ccd6;
}
.badge--terciario[href]:hover {
  background: #f0b3c2;
}
.badge--peligro {
  color: #ea4537;
  background: #fbdad7;
}
.badge--peligro[href]:hover {
  background: #f9c7c3;
}
.badge--exito {
  color: #71c341;
  background: #e3f3d9;
}
.badge--exito[href]:hover {
  background: #d4edc6;
}
.badge--aviso {
  color: #c6ab54;
  background: #fdf7e1;
}
.badge--aviso[href]:hover {
  background: #fdf3d2;
}
.badge--info {
  color: #0091ea;
  background: #cce9fb;
}
.badge--info[href]:hover {
  background: #b3def9;
}
.form__grupo .text,
.form__grupo select,
.form__grupo textarea {
  width: 100%;
  border: 1px solid #ddd;
  background: #fff;
  font-size: 1.6rem;
  color: #546e7a;
  padding: 12px 10px;
  resize: none;
  position: relative;
  z-index: 1;
  transition: all ease 200ms;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 6px;
}
.form__grupo .invalido.text,
.form__grupo select.invalido,
.form__grupo textarea.invalido {
  border-color: #ea4537;
}
.form__grupo .text:focus,
.form__grupo select:focus,
.form__grupo textarea:focus {
  outline: 0;
  box-shadow: 0 5px 10px rgba(158, 158, 158, 0.3);
}
.form__grupo .text:focus ~ label,
.form__grupo select:focus ~ label,
.form__grupo textarea:focus ~ label,
.form__grupo .text:focus ~ .icono,
.form__grupo select:focus ~ .icono,
.form__grupo textarea:focus ~ .icono {
  color: #24a787;
}
.form__grupo .text[disabled],
.form__grupo select[disabled],
.form__grupo textarea[disabled] {
  background: #f8f8f8;
}
.form__grupo .text:invalid,
.form__grupo select:invalid,
.form__grupo textarea:invalid {
  border-color: #ea4537;
}
.form__checkbox,
.form__toggle,
.form__radio {
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
  align-items: center;
  position: relative;
}
@supports (
  (-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)
) {
  .form__checkbox input,
  .form__toggle input,
  .form__radio input {
    margin-right: 15px;
    position: relative;
    transition: all ease 200ms;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .form__checkbox input ~ label,
  .form__toggle input ~ label,
  .form__radio input ~ label {
    width: calc(100% - 28px);
  }
  .form__checkbox input:focus,
  .form__toggle input:focus,
  .form__radio input:focus {
    outline: 0;
  }
  .form__checkbox input:checked ~ label,
  .form__toggle input:checked ~ label,
  .form__radio input:checked ~ label {
    color: #24a787;
  }
  .form__checkbox input[disabled],
  .form__toggle input[disabled],
  .form__radio input[disabled] {
    cursor: default;
    opacity: 0.6;
    filter: grayscale(100%);
  }
  .form__checkbox input[disabled] ~ label,
  .form__toggle input[disabled] ~ label,
  .form__radio input[disabled] ~ label {
    opacity: 0.6;
    filter: grayscale(100%);
  }
}
.form {
  margin-bottom: 40px;
}
.form label {
  font-size: 1.6rem;
  color: #546e7a;
  transition: all ease 200ms;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  position: relative;
}
.form label[data-comentario]:after {
  content: attr(data-comentario);
  color: #768b95;
  font-size: 80%;
  padding-left: 5px;
}
.form label a {
  font-size: 1em;
}
.form__grupo {
  margin-bottom: 35px;
  display: -moz-box;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: reverse;
  flex-direction: column-reverse;
}
.form__grupo select {
  padding-right: 35px;
}
.form__grupo select::-ms-expand {
  display: none;
}
.form__grupo select:-moz-focusring,
.form__grupo select:-moz-focus-inner {
  color: transparent !important;
  text-shadow: 0 0 0 #000 !important;
  background-image: none !important;
  border: 0;
}
.form__grupo[data-comentario]::after {
  content: attr(data-comentario);
  color: #879aa2;
  font-size: 1.4rem;
  display: block;
  margin-top: 10px;
  -moz-box-ordinal-group: -2;
  order: -3;
}
.form__grupo .icono {
  display: block;
  height: 0;
  align-self: flex-end;
  pointer-events: none;
  color: #546e7a;
  font-size: 2em;
  margin-right: 10px;
  line-height: 1.6rem;
  transform: translateY(-3.2rem);
  transition: all ease 200ms;
  z-index: 2;
  position: relative;
  text-decoration: none;
}
.form__grupo .icono--click {
  pointer-events: all;
}
.form__grupo .icono ~ [type="text"],
.form__grupo .icono ~ [type="tel"],
.form__grupo .icono ~ [type="email"],
.form__grupo .icono ~ select,
.form__grupo .icono ~ textarea {
  padding-right: 35px;
}
.form__grupo[data-animacion] {
  margin-bottom: 1.5rem;
}
.form__grupo[data-animacion="placeholder"] label {
  pointer-events: none;
  display: block;
  transform: translate(10px, 2em);
  transform-origin: left top;
  z-index: 2;
  opacity: 0.6;
}
.form__grupo[data-animacion="placeholder"] label.focus {
  opacity: 1;
  transform: translate(0, 0) scale(0.85);
}
.form__grupo[data-animacion="placeholder"] [type="text"]::-moz-placeholder,
.form__grupo[data-animacion="placeholder"] [type="tel"]::-moz-placeholder,
.form__grupo[data-animacion="placeholder"] [type="email"]::-moz-placeholder,
.form__grupo[data-animacion="placeholder"] textarea::-moz-placeholder {
  color: transparent;
}
.form__grupo[data-animacion="placeholder"] [type="text"]::placeholder,
.form__grupo[data-animacion="placeholder"] [type="tel"]::placeholder,
.form__grupo[data-animacion="placeholder"] [type="email"]::placeholder,
.form__grupo[data-animacion="placeholder"] textarea::placeholder {
  color: transparent;
}
.form__grupo[data-animacion="border-bottom"]::before {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  margin-top: -4px;
  background: #24a787;
  transition: all ease 200ms;
  transform: scaleX(0);
}
.form__grupo[data-animacion="scale"] [type="text"].activo,
.form__grupo[data-animacion="scale"] [type="tel"].activo,
.form__grupo[data-animacion="scale"] [type="email"].activo,
.form__grupo[data-animacion="scale"] textarea.activo {
  transform: scale(1.1);
}
.form__grupo[data-animacion="label-translate"] {
  -moz-box-align: end;
  align-items: end;
}
.form__grupo[data-animacion="label-translate"] label {
  z-index: 2;
}
.form__grupo[data-animacion="label-translate"] label.focus {
  transform: scale(0.85) translate(10px, calc(50% + 5px));
  transform-origin: left top;
  box-shadow: 0 0 0 5px #fff;
  background: #fff;
}
.form__grupo--small label {
  font-size: 1.5rem;
}
.form__grupo--small [type="text"],
.form__grupo--small [type="tel"],
.form__grupo--small [type="email"],
.form__grupo--small select,
.form__grupo--small textarea {
  font-size: 1.5rem;
  padding: 0.6rem 0.8rem;
}
.form__grupo--small .icono {
  transform: translateY(-2.6rem);
}
.form__grupo--small[data-comentario]:after {
  font-size: 1.3rem;
}
.form__grupo--small[data-animacion="placeholder"] label {
  transform: translate(10px, 1.8em);
}
.form__seleccion {
  margin-bottom: 15px;
}
.form__checkbox [type="checkbox"] {
  opacity: 0;
  width: 18px;
  height: 18px;
  margin: 0 5px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.form__checkbox__item {
  border: 2px solid #ccc;
  width: 18px;
  height: 18px;
  background: #fff;
  position: relative;
  margin: 0 5px;
  border-radius: 4px;
}
.form__checkbox__item:before {
  position: absolute;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  color: #fff;
  transform: scale(0);
  transition: all ease 200ms;
  font-size: 18px;
  z-index: 1;
}
.form__checkbox__item:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 18px;
  background: rgba(36, 167, 135, 0.2);
  opacity: 0;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}
.form__checkbox__item:checked {
  background: #24a787;
  border-color: #24a787;
}
.form__checkbox__item:checked:before {
  transform: scale(1);
}
.form__checkbox__item:checked:after {
  animation: active-input 400ms ease 1 forwards;
  opacity: 1;
}
.form__checkbox--checked .form__checkbox__item {
  background: #24a787;
  border-color: #24a787;
}
.form__checkbox--checked .form__checkbox__item:before {
  transform: scale(1);
}
.form__checkbox--checked .form__checkbox__item:after {
  animation: active-input 400ms ease 1 forwards;
  opacity: 1;
}
.form__checkbox--disabled {
  filter: grayscale(100);
  opacity: 0.6;
}
.form__checkbox--inline {
  display: -moz-inline-box;
  display: inline-flex;
  margin-right: 30px;
  margin-bottom: 15px;
}
.form__checkbox--reverse {
  -moz-box-orient: horizontal;
  -moz-box-direction: reverse;
  flex-direction: row-reverse;
  -moz-box-pack: justify;
  justify-content: space-between;
}
.form__checkbox--reverse [type="checkbox"] {
  left: auto;
  right: 0;
}
.form__toggle [type="checkbox"] {
  opacity: 0;
  width: 40px;
  height: 20px;
  position: absolute;
  top: -5px;
  right: 0;
  z-index: 2;
}
.form__toggle__item {
  width: 30px;
  height: 10px;
  background: #999;
  border-radius: 5px;
  margin: 0 10px;
  z-index: 0;
}
.form__toggle__item:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #999;
  background: #fff;
  position: relative;
  top: -5px;
  left: -10px;
  border-radius: 50%;
  z-index: 0;
  transition: all ease 200ms;
}
.form__toggle--checked .form__toggle__item {
  background: #24a787;
}
.form__toggle--checked .form__toggle__item:before {
  transform: translateX(25px);
  border-color: #24a787;
  animation: active-input 400ms ease 1 forwards;
}
.form__toggle--disabled {
  filter: grayscale(100);
  opacity: 0.6;
}
.form__toggle label {
  width: calc(100% - 50px);
}
.form__radio [type="radio"] {
  opacity: 0;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0;
  left: 5px;
  z-index: 2;
}
.form__radio__item {
  border-radius: 50%;
  width: 16px;
  height: 16px;
  box-shadow: 0 0 0 1px #999;
  background: #fff;
  border: 3px solid #fff;
  position: relative;
  margin: 0 5px;
}
.form__radio__item:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.form__radio--checked .form__radio__item {
  background: #24a787;
  box-shadow: 0 0 0 1px #24a787;
}
.form__radio--checked .form__radio__item:after {
  animation: active-input 400ms ease 1 forwards;
}
.form__radio--disabled {
  filter: grayscale(100);
  opacity: 0.6;
}
.form__radio--inline {
  display: -moz-inline-box;
  display: inline-flex;
  margin-right: 30px;
}
.form__radio--reverse {
  -moz-box-orient: horizontal;
  -moz-box-direction: reverse;
  flex-direction: row-reverse;
}
.form__radio--reverse [type="radio"] {
  margin-right: 0;
  margin-left: 15px;
}
.ui-datepicker {
  z-index: 1000;
  display: none;
  float: left;
  padding: 15px 5px;
  font-size: 1em;
  text-align: left;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 6px;
  box-shadow: 0 6px 12px rgba(36, 167, 135, 0.3);
}
@media (min-width: 544px) {
  .ui-datepicker {
    min-width: 160px;
    padding: 20px;
  }
}
.ui-datepicker .ui-datepicker-header {
  line-height: 30px;
  margin-bottom: 5px;
}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
  float: right;
  font-size: 1.6em;
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 15px;
  transition: all ease 200ms;
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-next:hover,
.ui-datepicker .ui-datepicker-prev:hover {
  background: #24a787;
  color: #fff;
  box-shadow: 0 6px 12px rgba(36, 167, 135, 0.3);
}
.ui-datepicker .ui-datepicker-next:after,
.ui-datepicker .ui-datepicker-prev:after {
  display: none;
}
.ui-datepicker .ui-datepicker-next .ui-icon,
.ui-datepicker .ui-datepicker-prev .ui-icon {
  vertical-align: middle;
}
.ui-datepicker .ui-datepicker-prev {
  float: left;
}
.ui-datepicker .ui-datepicker-title {
  text-align: center;
  text-transform: uppercase;
  color: #333;
  font-size: 1.4em;
  font-weight: 600;
}
.ui-datepicker .ui-datepicker-title .ui-datepicker-month {
  margin-right: 5px;
}
.ui-datepicker .ui-datepicker-title select {
  border: 0;
  color: #333;
}
.ui-datepicker .ui-datepicker-title select:focus {
  outline: 0;
}
.ui-datepicker th {
  text-transform: uppercase;
  font-weight: 600;
  color: #333;
}
.ui-datepicker td,
.ui-datepicker th {
  text-align: center;
  font-size: 1.6em;
}
.ui-datepicker td {
  padding: 2px;
}
@media (min-width: 544px) {
  .ui-datepicker td {
    padding: 5px;
  }
}
.ui-datepicker td .ui-state-default {
  display: block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 50%;
  transition: all ease 200ms;
}
.ui-datepicker td .ui-state-default.ui-state-highlight {
  background: #333d47;
  color: #fff;
  box-shadow: 0 6px 12px rgba(51, 61, 71, 0.3);
}
.ui-datepicker td .ui-state-default.ui-state-highlight:hover {
  background: #333d47;
}
.ui-datepicker td a {
  color: #24a787;
  text-decoration: none;
}
.ui-datepicker td a.ui-state-active {
  background: #24a787;
  color: #fff;
  box-shadow: 0 6px 12px rgba(36, 167, 135, 0.3);
}
.ui-datepicker td a.ui-state-active:hover {
  background: #24a787;
}
.ui-datepicker td a:hover {
  background: #eee;
}
.ui-datepicker td a:after {
  display: none;
}
.ui-datepicker td.ui-datepicker-unselectable {
  color: #ccc;
}
.ui-datepicker .ui-datepicker-buttonpane {
  text-align: right;
  padding-top: 15px;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  display: none;
}
.tabla {
  margin-bottom: 30px;
}
.tabla caption {
  font-size: 2em;
  padding: 10px;
}
.tabla td,
.tabla th {
  font-size: 1.6em;
  padding: 10px;
  position: relative;
}
.tabla th {
  text-align: left;
}
.tabla td {
  color: #546e7a;
  background: #fff;
}
.tabla td:empty {
  background: transparent;
}
.tabla thead th {
  font-weight: normal;
  color: #666;
  background: #dee3e7;
}
.tabla--full table {
  width: 100%;
}
.tabla--small caption {
  font-size: 1.6rem;
}
.tabla--small td,
.tabla--small th {
  font-size: 1.2rem;
}
.tabla--big caption,
.tabla--big td,
.tabla--big th {
  padding: 20px;
}
.tabla--zebra tbody tr:nth-of-type(odd) td {
  background: #f8f8f8;
}
.tabla--zebra tbody tr.par td {
  background: #f8f8f8;
}
.tabla--borde-bottom thead th {
  border-bottom: 1px solid #eee;
}
.tabla--borde-bottom tbody td {
  border-bottom: 1px solid #eee;
}
.tabla--borde thead th {
  border: 1px solid #eee;
}
.tabla--borde tbody td {
  border: 1px solid #eee;
}
.tabla--borde tfoot td {
  border: 1px solid #eee;
}
.tabla--borde tfoot td:empty {
  border: 0;
}
@media (max-width: 767px) {
  .tabla--responsive thead {
    display: none;
  }
  .tabla--responsive tr,
  .tabla--responsive td {
    display: block;
  }
  .tabla--responsive tr {
    margin-bottom: 30px;
  }
  .tabla--responsive tbody td {
    padding: 10px;
  }
  .tabla--responsive tbody td:before {
    content: attr(data-th);
    display: block;
    font-size: 1.4rem;
    opacity: 0.6;
    padding: 5px 0;
    margin-bottom: 5px;
  }
  .tabla--responsive tfoot td:empty {
    display: none;
  }
  .tabla--responsive.tabla--zebra tbody tr {
    border-bottom: 0;
  }
  .tabla--responsive.tabla--borde tbody td:before {
    border-bottom: 0;
  }
}
.tabla--paginada table {
  margin-bottom: 20px;
  width: 100%;
}
.tabla__icono {
  text-decoration: none;
  font-size: 3rem;
  color: #24a787;
  transition: all ease 200ms;
}
.tabla__icono:active {
  opacity: 0.6;
}
.tabla__icono[class*="fln-editar"] {
  height: 3rem;
  border-bottom: 1px solid #24a787;
}
.paginador {
  clear: both;
  display: -moz-box;
  display: flex;
  -moz-box-pack: justify;
  justify-content: space-between;
  flex-wrap: wrap;
}
.no-flexbox .paginador {
  display: table;
  width: 100%;
}
.paginador__item {
  display: inline-block;
  vertical-align: middle;
}
.paginador__flecha {
  font-size: 2em;
  color: #333;
  cursor: pointer;
}
.paginador__flecha.deshabilitado {
  opacity: 0.2;
  cursor: not-allowed;
  pointer-events: none;
}
.paginador .visibles {
  padding: 7px 10px;
  border: 1px solid #ddd;
  font-size: 1.4em;
  color: #666;
  display: inline-block;
  margin: 0 5px;
  background: #fff;
}
.paginador .total,
.paginador .texto {
  font-size: 1.4em;
  padding: 0 5px;
}
.paginador i {
  pointer-events: none;
}
.paginador i:before {
  vertical-align: middle;
}
.paginador__input {
  position: relative;
}
.paginador__input .select {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  font-size: 1.4em;
  padding: 7px 30px 7px 10px;
  border: 1px solid #ddd;
}
.ie-browser .paginador__input .select {
  padding: 7px 10px;
}
.paginador__input i {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  font-size: 2em;
}
.ie-browser .paginador__input i {
  display: none;
}
@media (max-width: 543px) {
  .paginador {
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -moz-box-align: center;
    align-items: center;
  }
  .paginador__nav,
  .paginador__filas {
    margin-bottom: 30px;
  }
}
.no-flexbox .paginador__nav,
.no-flexbox .paginador__filas {
  display: table-cell;
}
.no-flexbox .paginador__filas {
  text-align: right;
}
.tabla--zebra .paginador .visibles {
  background: #f8f8f8;
  border-color: #f8f8f8;
}
.tabla--zebra .paginador .paginador__input .select {
  background: #f8f8f8;
  border-color: #f8f8f8;
}
.alerta {
  position: relative;
  padding: 15px;
  font-size: 1.6em;
  margin: 3rem 0;
  font-weight: 300;
}
.alerta :first-child {
  margin-top: 0;
}
.alerta :last-child {
  margin-bottom: 0;
}
.alerta--exito {
  color: #447826;
  background: #c6e7b3;
  box-shadow: 0 0 0 rgba(68, 120, 38, 0);
}
.alerta--exito > * {
  color: #447826;
}
.alerta--error {
  color: #a91e12;
  background: #f7b5af;
  box-shadow: 0 0 0 rgba(169, 30, 18, 0);
}
.alerta--error > * {
  color: #a91e12;
}
.alerta--aviso {
  color: #005284;
  background: #99d3f7;
  box-shadow: 0 0 0 rgba(141, 110, 7, 0);
}
.alerta--aviso > * {
  color: #005284;
}
.alerta--info {
  color: #8d6e07;
  background: #fcefc3;
  box-shadow: 0 0 0 rgba(0, 82, 132, 0);
}
.alerta--info > * {
  color: #8d6e07;
}
.alerta--aviso {
  color: #005284;
}
.alerta__contenedor {
  position: fixed;
  right: 1.5rem;
  left: 1.5rem;
  z-index: 99999;
}
.alerta__contenedor .alerta--hidden {
  opacity: 0;
}
.alerta__contenedor--fixed-top {
  top: var(--height-header);
}
.alerta__contenedor--fixed-top .alerta--hidden {
  transform: translateY(-20px);
}
.alerta__contenedor--fixed-bottom {
  bottom: var(--height-header);
}
.alerta__contenedor--fixed-bottom .alerta--hidden {
  transform: translateY(20px);
}
.alerta--global {
  padding: 30px;
  margin: 1.5rem 0;
  transition: all ease 200ms;
}
.alerta__titulo {
  font-size: 1.5em;
  display: block;
  margin-bottom: 5px;
  font-weight: normal;
}
.alerta__texto,
.alerta__link {
  font-size: 1em;
}
@media (max-width: 767px) {
  .alerta__texto {
    text-align: center;
  }
}
.alerta__contenido {
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
  align-items: center;
  padding-right: 15px;
}
@media (max-width: 767px) {
  .alerta__contenido {
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    padding-right: 0;
  }
}
.alerta__icono {
  font-size: 3em;
  line-height: 0.75;
  margin-right: 15px;
}
@media (max-width: 767px) {
  .alerta__icono {
    margin-right: 0;
    margin-bottom: 15px;
  }
}
.alerta__link {
  font-weight: 600;
  color: inherit;
}
.alerta__link:not(.boton):after {
  background: #fff;
}
.alerta__icono-cerrar {
  cursor: pointer;
  font-size: 1.6em;
  display: inline-block;
  vertical-align: middle;
  transition: all ease 200ms;
  position: absolute;
  top: 15px;
  right: 15px;
}
.alerta__icono-cerrar:hover {
  transform: rotate(90deg);
  transform-origin: center;
}
.alerta__icono-cerrar:before {
  display: block;
}
.alerta a:not(.btn) {
  font-size: 1em;
  color: inherit;
  text-decoration: underline;
}
.alerta a:not(.btn):after {
  display: none;
}
.callout {
  padding: 2rem;
  padding-left: 2.6rem;
  border: 1px solid #eee;
  margin: 3rem 0;
  position: relative;
  overflow: hidden;
}
.callout:before {
  content: "";
  display: block;
  height: 110%;
  width: 0.6rem;
  position: absolute;
  top: -5%;
  bottom: -5%;
  left: 0;
}
.callout--exito:before {
  background-image: linear-gradient(to right top, #87c341, #71c341, #5bc341);
}
.callout--error:before {
  background-image: linear-gradient(to right top, #ea3747, #ea4537, #ea6337);
}
.callout--aviso:before {
  background-image: linear-gradient(to right top, #f7be69, #f7d669, #f7ee69);
}
.callout--info:before {
  background-image: linear-gradient(to right top, #00b8ea, #0091ea, #006aea);
}
.callout > :first-child {
  margin-top: 0;
}
.callout > :last-child {
  margin-bottom: 0;
}
.fln-galeria {
  display: -moz-box;
  display: flex;
  flex-wrap: wrap;
  -moz-box-align: start;
  align-items: flex-start;
}
.fln-galeria__titulo {
  width: 100%;
}
.fln-galeria__fig {
  position: relative;
  overflow: hidden;
  width: 25%;
  margin: 0;
}
@media (max-width: 767px) {
  .fln-galeria__fig {
    width: 25%;
  }
}
@media (max-width: 543px) {
  .fln-galeria__fig {
    width: 33.33%;
  }
}
.fln-galeria__item {
  width: 100%;
  display: block;
  position: relative;
}
.fln-galeria__item img {
  display: block;
  width: 100%;
  transition: all ease 200ms;
  margin-bottom: 0;
}
.fln-galeria__capa {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -moz-box;
  display: flex;
  -moz-box-pack: center;
  justify-content: center;
  -moz-box-align: center;
  align-items: center;
  font-size: 3em;
  color: #fff;
  background: rgba(36, 167, 135, 0.4);
  opacity: 0;
  transform: scale(2);
  transition: all ease 200ms;
}
.fln-galeria__mas {
  opacity: 1;
  transform: scale(1);
}
.fln-galeria__item:hover .fln-galeria__ico {
  opacity: 1;
  transform: scale(1);
}
.fln-galeria__item:hover img {
  transform: scale(1.1);
}
.fln-galeria__item:hover .fln-galeria__capa {
  opacity: 1;
  transform: scale(1);
}
.fln-galeria__item:focus {
  outline: 0;
}
.fln-tabs {
  margin-bottom: 40px;
  width: 100%;
  background: #f8f8f8;
}
.fln-tabs__nav {
  display: -moz-box;
  display: flex;
  -moz-box-pack: justify;
  justify-content: space-between;
  padding: 20px;
  position: relative;
}
.contenido-dinamico .fln-tabs__nav {
  font-size: 1em;
  margin: 0;
}
.no-flexbox .fln-tabs__nav {
  display: table;
  width: 100%;
}
.fln-tabs__item {
  display: -moz-box;
  display: flex;
  text-align: center;
  -moz-box-pack: center;
  justify-content: center;
  font-size: 1.6rem;
  -moz-box-flex: 1;
  flex: 1;
}
.fln-tabs__item:focus {
  outline: 0;
}
.contenido-dinamico .fln-tabs__item {
  padding: 0;
}
.contenido-dinamico .fln-tabs__item:before {
  display: none;
}
.no-flexbox .fln-tabs__item {
  display: table-cell;
  vertical-align: middle;
}
.fln-tabs__link {
  padding: 20px 10px;
  text-decoration: none;
  display: block;
  width: 100%;
  color: #546e7a;
  background: transparent;
  border-radius: 6px;
  box-shadow: 0 0 0 rgba(158, 158, 158, 0);
  transition: all ease 200ms;
}
.fln-tabs__link:hover {
  background: #eee;
}
.contenido-dinamico .fln-tabs__link:after {
  display: none;
  height: 0;
  width: 0;
}
.fln-tabs__item.activo .fln-tabs__link {
  color: #fff;
  background: #24a787;
  box-shadow: 0 5px 10px rgba(36, 167, 135, 0.3);
}
.fln-tabs__header {
  display: -moz-box;
  display: flex;
  -moz-box-pack: justify;
  justify-content: space-between;
  -moz-box-align: center;
  align-items: center;
  font-size: 1.6rem;
  padding: 1.5rem;
  background: #eee;
  margin-bottom: 1px;
  border-radius: 6px;
}
.fln-tabs__header__icono {
  transition: all ease 200ms;
}
.fln-tabs__header.activo {
  color: #fff;
  background: #24a787;
}
.fln-tabs__header.activo .fln-tabs__header__icono {
  transform: rotate(180deg);
}
.fln-tabs__contenido {
  padding: 3rem;
  overflow: hidden;
}
@media (max-width: 991px) {
  .fln-tabs__contenido {
    padding: 1.5rem;
  }
}
.fln-tabs--vertical {
  display: -moz-box;
  display: flex;
}
.fln-tabs--vertical .fln-tabs__nav {
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  flex-direction: column;
  width: 30%;
}
.fln-tabs--vertical .fln-tabs__item {
  -moz-box-flex: 1;
  flex: auto;
}
.fln-tabs--vertical .fln-tabs__contenidos {
  width: 70%;
}
.fln-tabs--responsive .fln-tabs__nav {
  display: none;
}
.fln-tabs--responsive .fln-tabs__contenidos {
  width: 100%;
}
.ie-8 .fln-tabs__nav {
  display: table;
  width: 100%;
}
.ie-8 .fln-tabs__item {
  display: table-cell;
  vertical-align: top;
}
.alerta-navegador {
  position: fixed;
  right: 10%;
  bottom: 30px;
  left: 10%;
  padding: 15px;
  background: #fff;
  border: 1px solid #ddd;
  z-index: 9999;
  display: none;
}
.alerta-navegador__titulo {
  margin-bottom: 0.25em;
}
.alerta-navegador__parrafo {
  margin-bottom: 0;
}
.no-flexbox .alerta-navegador {
  display: block;
}
.preloader-general {
  z-index: 120;
}
.preloader-general[data-tipo="screen"] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(36, 167, 135, 0.7);
  display: -moz-box;
  display: flex;
  -moz-box-pack: center;
  justify-content: center;
  -moz-box-align: center;
  align-items: center;
}
.preloader-general[data-tipo="screen"]::after {
  content: "";
  display: block;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  border: 10px solid rgba(255, 255, 255, 0.2);
  border-bottom-color: #fff;
  animation: rotar 400ms linear infinite;
}
.preloader-general[data-tipo="progress"] {
  position: fixed;
  right: 0;
  left: 0;
  height: 10px;
  background: #eee;
}
.preloader-general[data-tipo="progress"][data-posicion="top"] {
  top: 0;
}
.preloader-general[data-tipo="progress"][data-posicion="bottom"] {
  bottom: 0;
}
.preloader-general[data-tipo="progress"]::before,
.preloader-general[data-tipo="progress"]::after {
  content: "";
  display: block;
  width: 200px;
  height: 100%;
  background: #24a787;
  animation: progress linear 2s infinite;
  border-radius: 6px;
}
.preloader-general[data-tipo="progress"]::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
.preloader-general[data-tipo="progress"]::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -200px;
}
.preloader-general[data-tipo="pill"] {
  position: fixed;
  right: 0;
  left: 0;
  width: 200px;
  margin: auto;
  background: #eee;
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
  align-items: center;
  padding: 10px;
  border-radius: 50px;
}
.preloader-general[data-tipo="pill"][data-posicion="top"] {
  top: 20px;
}
.preloader-general[data-tipo="pill"][data-posicion="bottom"] {
  bottom: 20px;
}
.preloader-general[data-tipo="pill"]::before {
  content: "";
  display: block;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: 6px solid rgba(36, 167, 135, 0.2);
  border-bottom-color: #24a787;
  animation: rotar 400ms linear infinite;
}
.preloader-general[data-tipo="pill"]::after {
  content: "Cargando...";
  font-size: 1.4rem;
  color: #24a787;
  margin-left: 20px;
}
.preloader-general[data-tipo="bounding"] {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  width: 70px;
  height: 35px;
  overflow: hidden;
  margin: auto;
}
.preloader-general[data-tipo="bounding"]::before {
  content: "";
  display: block;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 10px solid transparent;
  border-bottom-color: #24a787;
  animation: bounce 3s ease-in-out infinite;
  transform: rotate(60deg);
}
@keyframes progress {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(100vw);
  }
}
@keyframes rotar {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes bounce {
  0% {
    border-width: 10px;
  }
  25% {
    border-width: 3px;
  }
  50% {
    transform: rotate(300deg);
    border-width: 10px;
  }
  75% {
    border-width: 3px;
  }
  100% {
    border-width: 10px;
  }
}
[data-language-badge] {
  display: inline-block;
  padding: 1rem;
  font-size: 1.6rem;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 6px;
}
[data-language-badge="html"] {
  color: #fff;
  background-image: linear-gradient(
    to right top,
    #cf125c,
    #dd2750,
    #e73b43,
    #ee5035,
    #f16524
  );
}
[data-language-badge="js"] {
  color: #333;
  background-image: linear-gradient(
    to left bottom,
    #f8dc3d,
    #efc632,
    #e5b129,
    #da9c22,
    #cd881c
  );
}
[data-language-badge="css"] {
  color: #fff;
  background-image: linear-gradient(
    to right top,
    #0901b9,
    #0046d4,
    #006ae0,
    #008ae1,
    #01a7dd
  );
}
[data-language-badge="pug"] {
  color: #705b58;
  background-image: linear-gradient(45deg, #c9c9c9 0, #ffecec 100%);
} /*!
* ¡ATENCIÓN! Hoja de estilos generada con SASS, no modificar.
*/
:root {
  --height-header: 6rem;
  --height-footer: var(--height-header);
}
@media (min-width: 768px) {
  :root {
    --height-header: 9.5rem;
    --height-footer: var(--height-header);
  }
}
.app {
  --height-header: 4.5rem;
  --height-footer: var(--height-header);
}
@media (min-width: 768px) {
  .app {
    --height-header: 6rem;
    --height-footer: var(--height-header);
  }
}
body {
  background: #fff;
}
body.splashing {
  overflow: hidden;
}
main {
  padding: var(--height-header) 0;
}
.svg-icon__fondo {
  fill: none;
}
.splash {
  background: #fff;
  transition: all ease 200ms;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}
.splash__logo {
  width: 100px;
  height: 100px;
  display: block;
  transition: all ease 200ms;
  transform: scale(1);
}
@media (max-width: 767px) {
  .splash--out {
    transition-delay: 1s;
    transform: translateX(-100vw);
  }
  .splash--out .splash__logo {
    transform: scale(1.1);
    visibility: hidden;
  }
}
@media (min-width: 768px) {
  .splash--out {
    opacity: 0;
    visibility: hidden;
  }
}
.listado-ips__item {
  margin: 2rem 0;
  padding: 1rem;
}
.listado-ips__item:nth-of-type(odd) {
  background: #f8f8f8;
}
.listado-ips__item__meta {
  color: #888;
  font-size: 1.4rem;
}
.header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background: #fff;
  padding: 0 1.5rem;
  height: var(--height-header);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  z-index: 99;
  background: #fff;
}
@media (min-width: 768px) {
  .header {
    height: var(--height-header);
  }
}
.header__item--logo {
  width: calc(var(--height-header) / 1.2);
}
@media (min-width: 768px) {
  .header__item--logo {
    width: 176px;
    margin-left: 3.5rem;
  }
}
.header__item--icono {
  font-size: calc(var(--height-header) / 2);
  color: #70777e;
  width: var(--height-header);
  height: var(--height-header);
  transition: all ease 200ms;
}
.header__item--icono:active,
.header__item--icono.activo {
  background: #eee;
}
.app .header__item--icono {
  font-size: calc(var(--height-header) / 1.75);
}
@media (min-width: 768px) {
  .header__item--icono {
    font-size: calc(var(--height-header) / 2.5);
    height: var(--height-header);
    width: var(--height-header);
  }
}
.header__logo {
  display: block;
  width: 100%;
}
.header__menu {
  position: absolute;
  top: calc(100% + 1px);
  right: 1.5rem;
  background: #fff;
  box-shadow: 0 0 0 1px rgba(51, 51, 51, 0.1), 0 0 10px rgba(255, 255, 255, 0.1);
  padding: 10px 0;
  width: 100%;
  max-width: 200px;
  visibility: hidden;
  transform: scaleY(0);
  transform-origin: top right;
  transition: all ease 200ms;
}
.header__menu.activo {
  visibility: visible;
  transform: scaleY(1);
}
.header__menu__link {
  font-size: 1.6rem;
  color: #888;
  text-decoration: none;
  display: block;
  padding: 1rem 2rem;
}
.footer {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  padding: 0 1.5rem;
  height: var(--height-header);
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  z-index: 99;
  background: #fff;
}
@media (min-width: 768px) {
  .app .footer {
    height: var(--height-header);
  }
}
@media (min-width: 768px) {
  .footer {
    height: calc(var(--height-header) / 1.3);
  }
}
.footer__item {
  width: calc(100vw / 5);
  height: var(--height-header);
  text-decoration: none;
  padding: 0 calc(var(--height-header) / 9);
  transition: all ease 200ms;
}
.footer__item:active {
  background: #eee;
}
.footer__item.activo {
  background: #dee3e7;
}
@media (min-width: 768px) {
  .footer__item {
    width: calc(var(--height-header) * 1.5);
    height: calc(var(--height-header) / 1.3);
  }
}
.footer__item svg {
  width: calc(var(--height-header) / 1.5);
  height: calc(var(--height-header) / 1.5);
  margin: calc(var(--height-header) / 9);
  fill: #5c646c;
}
@media (min-width: 768px) {
  .footer__item svg {
    width: calc(var(--height-header) / 3);
    height: calc(var(--height-header) / 3);
  }
}
.footer__item span {
  color: #5c646c;
  line-height: 1;
  margin-bottom: calc(var(--height-header) / 9);
}
@media (min-width: 768px) {
  .footer__item span {
    font-size: calc(var(--height-header) / 7.5);
  }
}
@media (max-width: 768px) {
	.footer {
		overflow: auto;
		overflow-y: auto;
		justify-content:flex-start;
	}
  .footer__item span {
	width: max-content;
    text-align: center;
  }
  .footer__item {
    padding: 0 calc(var(--height-header)/1.5);
	}
}
.app .footer__item span {
  display: none;
}
.login {
  height: calc(100vh - (var(--height-header) * 2));
  padding: 1.5rem 0;
  overflow: hidden;
}
.login__logo {
  display: block;
  margin: 0 auto 3rem;
  width: 200px;
}
.login__form {
  width: 100%;
  max-width: 360px;
  transition: all ease 200ms;
}
@media (max-width: 767px) {
  .splashing .login__form {
    opacity: 0;
    transform: translateX(20px);
  }
}
@media (min-width: 768px) {
  .splashing .login__form {
    opacity: 0;
    transform: translateY(-20px);
  }
}
