@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap');
::-webkit-scrollbar-track {
  background-color: #111111;
}
::-webkit-scrollbar-thumb {
  background-color: #fff200;
  border-radius: 5px;
}
::-webkit-scrollbar {
  width: 10px;
  height: 4px;
  background-color: #111111;
}
::-moz-scrollbar-track {
  background-color: #111111;
}
::-moz-scrollbar-thumb {
  background-color: #fff200;
  border-radius: 5px;
}
::-moz-scrollbar {
  width: 10px;
  height: 4px;
  background-color: #111111;
}
::-moz-selection {
  color: #000000;
  background: #fff200;
}
::selection {
  color: #000000;
  background: #fff200;
}
@font-face {
  font-family: 'Sansation Regular';
  src: url('fuentes/SansationRegular.eot');
  src: url('fuentes/SansationRegular.eot?#iefix') format('embedded-opentype'), url('fuentes/SansationRegular.woff2') format('woff2'), url('fuentes/SansationRegular.ttf') format('truetype'), url('fuentes/SansationRegular.svg#SansationRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Sansation Bold';
  src: url('fuentes/SansationBold.eot');
  src: url('fuentes/SansationBold.eot?#iefix') format('embedded-opentype'), url('fuentes/SansationBold.woff2') format('woff2'), url('fuentes/SansationBold.ttf') format('truetype'), url('fuentes/SansationBold.svg#SansationBold') format('svg');
  font-weight: bold;
  font-style: normal;
}
:root {
  --fa-primary-color: #009eff;
  --fa-secondary-color: #009eff;
}
#eucookielaw {
  display: none;
  color: #ffffff !important;
  text-align: center !important;
  position: fixed !important;
  right: 0 !important;
  left: 0 !important;
  width: 100% !important;
  bottom: 0 !important;
  background: #212529 !important;
  z-index: 9999999 !important;
  padding: 25px !important;
  top: initial !important;
  max-width: initial !important;
  min-width: initial !important;
  box-shadow: none !important;
}
#eucookielaw p {
  max-width: 980px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
#eucookielaw p a {
  color: #ffffff !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
}
#eucookielaw ul {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
#eucookielaw ul >li {
  padding: 0 10px;
  margin: 5px 0;
}
#eucookielaw ul >li:before {
  display: none;
}

body.cookies_on {
  height: 100vh;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
}

body.cookies_on:before {
  content: '';
  display: block;
  position: fixed;
  z-index: 4;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(27, 27, 27, 0.7);
}

#cookies {
  font-size: 1.6rem;
  color: #fff;
  padding: 50px 50px 35px;
  width: 560px;
  background: #000;
  position: fixed;
  z-index: 9999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, calc(-50% + 40px));
}

#cookies h4 {
  color:#fff;
}

#cookies .btn {
  margin-top: 10px;
}

#cookies p:last-of-type {
  margin-bottom: 10px;
}

#cookies .btn.mini {
  font-size: 1.6rem;
}

#cookies p a {
  color: #009eff;
}

#cookies .accordion {
  margin-top: 20px;
}

#cookies .card {
  border: none;
  border-top: 1px solid #7d7d7d;
}

#cookies .card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0 15px 15px;
  background-color: #000;
  color: #fff;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

#cookies .card-body {
  padding: 15px;
  display: none;
  font-size: 1.3rem;
  background-color: #1a1a1a;
  color: #ddd;
  max-height: 400px;
  overflow-y: auto;
}

#cookies .card-body div:not(:first-child) {
  padding-top: 10px;
  border-top: 1px solid white;
}

#cookies .card-body div p {
  display: flex;
  justify-content: space-between;
  margin: 0 0 7px;
}

#cookies .card-body div p > span {
  width: 70%;
}

#cookies .card-body div p:first-child > span {
  width: 40%;
}

/* Flexbox para los botones */
#cookies .flex {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  align-items: center;
}

#cookies .margin-20px-top {
  margin-top: 20px;
}

#cookies .always-on {
  color: #ccc;
  font-size: 1.4rem;
  padding-right: 10px;
}

#cookies .categoria-wrapper {
  display: flex;
  align-items: center;
  gap: 6px;
}

#cookies .arrow-icon {
  transition: transform 0.3s ease;
  font-size: 1.2rem;
}

/* The switch - the box around the slider */
#cookies .switch {
  position: relative;
  display: inline-block;
  width: 38px;
  height: 22px;
  margin: 0;
}

/* Hide default HTML checkbox */
#cookies .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
#cookies .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .3s;
  transition: .3s;
}

#cookies .slider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .3s;
  transition: .3s;
}

#cookies input:checked+.slider {
  background-color: #009eff;
}

#cookies input:focus+.slider {
  box-shadow: 0 0 1px #009eff;
}

#cookies input:checked+.slider:before {
  -webkit-transform: translateX(14px);
  -ms-transform: translateX(14px);
  transform: translateX(14px);
}

/* Rounded sliders */
#cookies .slider.round {
  border-radius: 34px;
}

#cookies .slider.round:before {
  border-radius: 50%;
}

/* Estilos base: oculto y fuera de vista */
#aviso {
  position: fixed;
  bottom: 1.5rem;
  left: 1.5rem; /* Cambiado a la izquierda */
  z-index: 1000;
  display: flex;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  background-color: #0b1522;
  color: #fefefe;
  border: 2px solid #fefefe;
  padding: 1rem 1.5rem;
  border-radius: 6px;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2); /* Sombra más fuerte */
  font-family: sans-serif;
  font-size: 2rem;
  width: 20%;
  font-weight: bold; /* Texto más marcado */
  transition: opacity 0.4s ease, visibility 0.4s ease, transform 0.4s ease;
  transform: translateY(20px);
}

/* Al activarse: visible y animado */
#aviso.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
table {
  width: 100%;
  border-spacing: 0 !important;
}
table thead tr th {
  color: #ffffff;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  vertical-align: top;
  padding: 7px 15px 2px;
  margin: 0;
  min-width: 160px;
  background: #009eff;
}
table tbody {
  font-size: 1.4rem;
  border-top: 10px solid transparent;
}
table tbody tr {
  border-bottom: solid 1px #333333;
}
table tbody tr td {
  vertical-align: top;
  padding: 7px 15px;
}
table tbody tr td img {
  max-height: 50px;
  max-width: 100px;
}
table tbody tr td:first-of-type {
  font-weight: 600;
  color: #000000;
  padding-right: 0;
}
table tbody tr:last-of-type {
  border: none;
}
table tbody tr.azul {
  background-color: #d9ebf5;
  border: none;
}
table tbody tr.naranja {
  background-color: #ffe2ad;
  border: none;
}
table tbody tr.amarillo {
  background-color: #fcffa5;
  border: none;
}
.wrapper-table {
  overflow: auto;
}
form,
.form {
  color: #ffffff;
}
form input[type="text"],
form input[type="email"],
form input[type="number"],
form input[type="password"],
form textarea,
.form input[type="text"],
.form input[type="email"],
.form input[type="number"],
.form input[type="password"],
.form textarea {
  color: #ffffff;
  width: 100%;
  height: 48px;
  border-radius: 8px;
  padding: 0 25px;
  background-color: rgba(0,0,0,0.3);
  border: solid 2px transparent;
  -ms-word-break: normal;
  word-break: normal;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
form input[type="text"]:focus,
form input[type="email"]:focus,
form input[type="number"]:focus,
form input[type="password"]:focus,
form textarea:focus,
.form input[type="text"]:focus,
.form input[type="email"]:focus,
.form input[type="number"]:focus,
.form input[type="password"]:focus,
.form textarea:focus {
  background-color: rgba(0,0,0,0.3);
}
form textarea,
.form textarea {
  height: initial;
  padding: 20px 25px;
}
form label,
.form label {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1;
}
form label:not(.condiciones),
.form label:not(.condiciones) {
  display: flex;
  align-items: flex-end;
  height: 35px;
  margin-bottom: 15px;
}
form label.comentarios,
.form label.comentarios {
  padding: 0 10px;
}
form input:-internal-autofill-selected,
.form input:-internal-autofill-selected {
  background-color: transparent !important;
}
form select,
.form select {
  color: #ffffff;
  display: block;
  width: 100%;
  height: 50px;
  border-radius: 8px;
  padding: 0 25px;
  background-color: transparent;
  background-image: none;
  border: none;
  position: relative;
  z-index: 1;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  -ms-word-break: normal;
  word-break: normal;
}
form select::-ms-expand,
.form select::-ms-expand {
  display: none;
}
form select option,
.form select option {
  background-color: #111111;
}
form input[type=number]::-webkit-inner-spin-button,
form input[type=number]::-webkit-outer-spin-button,
.form input[type=number]::-webkit-inner-spin-button,
.form input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
form input[type=number],
.form input[type=number] {
  -moz-appearance: textfield;
}
form input[type="checkbox"],
.form input[type="checkbox"] {
  accent-color: #009eff;
}
form input[type="range"],
.form input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  cursor: pointer;
  outline: none;
  border-radius: 15px;
  height: 6px;
  background: #ccc;
}
form input[type="range"]::-webkit-slider-thumb,
.form input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  height: 15px;
  width: 15px;
  background-color: #fff200;
  border-radius: 50%;
  border: none;
  transition: .2s ease-in-out;
}
form input[type="range"]::-moz-range-thumb,
.form input[type="range"]::-moz-range-thumb {
  height: 15px;
  width: 15px;
  background-color: #fff200;
  border-radius: 50%;
  border: none;
  transition: .2s ease-in-out;
}
form input[type="range"]::-webkit-slider-thumb:hover,
.form input[type="range"]::-webkit-slider-thumb:hover {
  box-shadow: 0 0 0 10px rgba(255,242,0,0.1);
}
form input[type="range"]:active::-webkit-slider-thumb,
.form input[type="range"]:active::-webkit-slider-thumb {
  box-shadow: 0 0 0 13px rgba(255,242,0,0.2);
}
form input[type="range"]:focus::-webkit-slider-thumb,
.form input[type="range"]:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 13px rgba(255,242,0,0.2);
}
form input[type="range"]::-moz-range-thumb:hover,
.form input[type="range"]::-moz-range-thumb:hover {
  box-shadow: 0 0 0 10px rgba(255,242,0,0.1);
}
form input[type="range"]:active::-moz-range-thumb,
.form input[type="range"]:active::-moz-range-thumb {
  box-shadow: 0 0 0 13px rgba(255,242,0,0.2);
}
form input[type="range"]:focus::-moz-range-thumb,
.form input[type="range"]:focus::-moz-range-thumb {
  box-shadow: 0 0 0 13px rgba(255,242,0,0.2);
}
form .range,
.form .range {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 0 auto;
  height: 50px;
  width: 100%;
}
form .value,
.form .value {
  font-size: 26px;
  width: 50px;
  text-align: center;
}
form ul.radios,
.form ul.radios {
  width: calc(100% + 10px);
  margin-left: -5px;
  margin-right: -5px;
  display: flex;
  justify-content: space-between;
}
form ul.radios li,
.form ul.radios li {
  position: relative;
  width: 144px;
  height: 38px;
  margin: 0 5px;
}
form ul.radios li input[type="radio"],
form ul.radios li label,
.form ul.radios li input[type="radio"],
.form ul.radios li label {
  width: 144px;
  height: 38px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
form ul.radios li input[type="radio"],
.form ul.radios li input[type="radio"] {
  z-index: 0;
  display: none;
}
form ul.radios li input[type="radio"]:checked+label,
.form ul.radios li input[type="radio"]:checked+label {
  background: #000000;
}
form ul.radios li label,
.form ul.radios li label {
  font-size: 1.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  background: #111111;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
form p,
.form p {
  font-size: 1.4rem;
}
form .condiciones a,
.form .condiciones a {
  padding-bottom: 0;
  position: relative;
}
form .condiciones a:hover,
.form .condiciones a:hover {
  color: #009eff;
  text-decoration: none;
}
form .condiciones a:hover:after,
.form .condiciones a:hover:after {
  transform: scaleX(1);
  transform-origin: bottom left;
}
form .condiciones a:after,
.form .condiciones a:after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #009eff;
  transform-origin: bottom right;
  -webkit-transition: transform 0.25s ease-out;
  -moz-transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
}
form .my-checkbox,
.form .my-checkbox {
  transform: scale(1.5);
  margin-left: 3px;
  margin-right: 8px;
}
form .select-wrapper,
.form .select-wrapper {
  position: relative;
}
form .select-wrapper:before,
.form .select-wrapper:before {
  content: '';
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.3);
  border-radius: 8px;
}
form .select-wrapper:after,
.form .select-wrapper:after {
  content: '\f107';
  font-family: 'Font Awesome 6 Pro';
  font-weight: 900;
  font-size: 1.4rem;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  position: absolute;
  z-index: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
form .quantity,
.form .quantity {
  position: relative;
}
form .quantity input,
.form .quantity input {
  width: 95px;
  height: 62px;
  line-height: 1.65;
  float: left;
  display: block;
  padding: 0;
  margin: 0;
  padding-right: 40px;
  border: none;
  box-shadow: 0 0 0 1px rgba(0,0,0,0.08);
  font-size: 2.9rem;
  text-align: center;
}
form .quantity input:focus,
.form .quantity input:focus {
  outline: 0;
}
form .quantity-nav,
.form .quantity-nav {
  float: left;
  position: relative;
  height: 62px;
}
form .quantity-button,
.form .quantity-button {
  position: relative;
  cursor: pointer;
  border: none;
  border-left: 1px solid rgba(0,0,0,0.08);
  width: 40px;
  text-align: center;
  color: #333;
  font-size: 13px;
  font-family: 'Font Awesome 6 Pro' !important;
  line-height: 1.5;
  padding: 0;
  background: #ffffff;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
form .quantity-button:active,
.form .quantity-button:active {
  background: #EAEAEA;
}
form .quantity-button.quantity-up,
.form .quantity-button.quantity-up {
  position: absolute;
  height: 50%;
  top: 0;
  border-bottom: 1px solid rgba(0,0,0,0.08);
  font-family: 'Font Awesome 6 Pro';
  line-height: 1.6;
}
form .quantity-button.quantity-down,
.form .quantity-button.quantity-down {
  position: absolute;
  bottom: 0;
  height: 50%;
  font-family: 'Font Awesome 6 Pro';
}
form .qty-input,
.form .qty-input {
  color: #000000;
  background: #ffffff;
  display: flex;
  align-items: center;
  overflow: hidden;
  border-radius: 4px;
  width: 100px;
}
form .qty-input .product-qty,
form .qty-input .qty-count,
.form .qty-input .product-qty,
.form .qty-input .qty-count {
  background: transparent;
  color: inherit;
  font-weight: bold;
  font-size: inherit;
  border: none;
  display: inline-block;
  min-width: 0;
  height: 2.5rem;
  line-height: 1;
}
form .qty-input .product-qty:focus,
form .qty-input .qty-count:focus,
.form .qty-input .product-qty:focus,
.form .qty-input .qty-count:focus {
  outline: none;
}
form .qty-input .product-qty,
.form .qty-input .product-qty {
  width: 50px;
  min-width: 0;
  display: inline-block;
  text-align: center;
  appearance: textfield;
}
form .qty-input .product-qty::-webkit-outer-spin-button,
form .qty-input .product-qty::-webkit-inner-spin-button,
.form .qty-input .product-qty::-webkit-outer-spin-button,
.form .qty-input .product-qty::-webkit-inner-spin-button {
  appearance: none;
  margin: 0;
}
form .qty-input .qty-count,
.form .qty-input .qty-count {
  padding: 0;
  cursor: pointer;
  width: 2.5rem;
  font-size: 1.25em;
  text-indent: -100px;
  overflow: hidden;
  position: relative;
}
form .qty-input .qty-count:before,
form .qty-input .qty-count:after,
.form .qty-input .qty-count:before,
.form .qty-input .qty-count:after {
  content: "";
  height: 2px;
  width: 10px;
  position: absolute;
  display: block;
  background: #000000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
form .qty-input .qty-count.qty-count--minus,
.form .qty-input .qty-count.qty-count--minus {
  border-right: 1px solid #666666;
}
form .qty-input .qty-count.qty-count--add,
.form .qty-input .qty-count.qty-count--add {
  border-left: 1px solid #666666;
}
form .qty-input .qty-count.qty-count--add:after,
.form .qty-input .qty-count.qty-count--add:after {
  transform: rotate(90deg);
}
form .qty-input .qty-count:disabled,
.form .qty-input .qty-count:disabled {
  color: #333333;
  background: #999999;
  cursor: not-allowed;
  border-color: transparent;
}
form .qty-input .qty-count:disabled:before,
form .qty-input .qty-count:disabled:after,
.form .qty-input .qty-count:disabled:before,
.form .qty-input .qty-count:disabled:after {
  background: #333333;
}
form.calculadora,
.form.calculadora {
  padding: 80px 60px;
  border-radius: 24px;
  position: relative;
}
form.calculadora:before,
.form.calculadora:before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(45deg,#009eff,#fff200 100%);
  border-radius: 16px;
  opacity: 0.4;
}
form.calculadora .inputs,
.form.calculadora .inputs {
  background-color: rgba(255,255,255,0.05);
  padding: 0 30px 30px;
  border-radius: 16px;
}
form.calculadora .input-wrapper,
.form.calculadora .input-wrapper {
  position: relative;
  z-index: 1;
}
form.calculadora .input-wrapper:before,
.form.calculadora .input-wrapper:before {
  content: '';
  color: #ffffff;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 400;
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 15px 25px 0;
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 8px;
  background-color: rgba(0,0,0,0.3);
}
form.calculadora .input-wrapper input[type="number"],
.form.calculadora .input-wrapper input[type="number"] {
  font-size: 3.2rem;
  font-weight: 200;
  color: #ffffff;
  text-align: right;
  padding-right: 85px;
  background-color: transparent;
  position: relative;
  z-index: 1;
}
form.calculadora .input-wrapper.unidades:before,
.form.calculadora .input-wrapper.unidades:before {
  content: 'Uds/año';
}
form.calculadora .input-wrapper.unidades input[type="number"],
.form.calculadora .input-wrapper.unidades input[type="number"] {
  padding-right: 95px;
}
form.calculadora .input-wrapper.euros:before,
.form.calculadora .input-wrapper.euros:before {
  content: '€/hora';
}
form.calculadora .input-wrapper.euros input[type="number"],
.form.calculadora .input-wrapper.euros input[type="number"] {
  padding-right: 85px;
}
form.calculadora .input-wrapper.segundos:before,
.form.calculadora .input-wrapper.segundos:before {
  content: 'Segundos';
}
form.calculadora .input-wrapper.segundos input[type="number"],
.form.calculadora .input-wrapper.segundos input[type="number"] {
  padding-right: 105px;
}
form.calculadora .btn,
form.calculadora .btn:not([href]),
.form.calculadora .btn,
.form.calculadora .btn:not([href]) {
  padding: 0;
}
form.calculadora .btn span,
form.calculadora .btn:not([href]) span,
.form.calculadora .btn span,
.form.calculadora .btn:not([href]) span {
  width: 100%;
  height: 100%;
  padding: 0 35px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.recaptcha {
  position: absolute;
  right: 0;
  bottom: 285px;
}
.grecaptcha-badge {
  bottom: 100px !important;
  z-index: 9999;
}
::-webkit-input-placeholder {
  color: #ffffff !important;
}
:-moz-placeholder {
  color: #ffffff !important;
}
::-moz-placeholder {
  color: #ffffff !important;
}
:-ms-input-placeholder {
  color: #ffffff !important;
}
::-ms-input-placeholder {
  color: #ffffff !important;
}
:placeholder-shown {
  color: #ffffff !important;
}
.fancypanel {
  color: #ffffff;
  display: none;
  width: 100%;
}
.fancypanel h1,
.fancypanel .h1,
.fancypanel h2,
.fancypanel .h2,
.fancypanel h3,
.fancypanel .h3,
.fancypanel h4,
.fancypanel .h4,
.fancypanel h5,
.fancypanel .h5,
.fancypanel h6,
.fancypanel .h6 {
  color: #ffffff;
}
.fancybox-container .owl-carousel .owl-nav {
  position: absolute;
  top: 50%;
  left: 0%;
  display: flex;
  justify-content: space-between;
}
.fancybox-container .owl-carousel .owl-nav .owl-prev,
.fancybox-container .owl-carousel .owl-nav .owl-next {
  width: 54px;
  height: 54px;
  background: rgba(0,0,0,0.5);
  border: none !important;
}
.fancybox-container .owl-carousel .owl-nav .owl-prev span,
.fancybox-container .owl-carousel .owl-nav .owl-next span {
  width: 54px;
  height: 54px;
  opacity: 1;
}
.fancybox-container .owl-carousel .owl-nav .owl-prev span:before,
.fancybox-container .owl-carousel .owl-nav .owl-next span:before {
  font-size: 2.6rem;
  font-weight: 300;
  color: #ffffff;
  line-height: 54px;
}
.fancybox-container .owl-carousel.ejemplo .item {
  overflow: hidden;
}
.formulario-fancybox {
  display: none;
  text-align: center;
  padding: 80px 65px 65px;
  position: relative;
}
.formulario-fancybox >div {
  width: 86vw;
  max-width: 700px;
  margin: 0 auto;
  background: #222222;
  padding: 50px;
  border-radius: 25px;
}
.formulario-fancybox >div h1,
.formulario-fancybox >div .h1,
.formulario-fancybox >div h2,
.formulario-fancybox >div .h2,
.formulario-fancybox >div h3,
.formulario-fancybox >div .h3,
.formulario-fancybox >div h4,
.formulario-fancybox >div .h4,
.formulario-fancybox >div h5,
.formulario-fancybox >div .h5,
.formulario-fancybox >div h6,
.formulario-fancybox >div .h6 {
  color: #ffffff;
  text-align: left;
  line-height: 1.4;
  margin-bottom: 40px;
}
.formulario-fancybox >div form input[type="email"],
.formulario-fancybox >div .form input[type="email"] {
  background-color: #ffffff;
  max-width: 415px;
}
.formulario-fancybox >div form .condiciones,
.formulario-fancybox >div .form .condiciones {
  color: #ffffff;
}
.formulario-fancybox >div form .condiciones a,
.formulario-fancybox >div .form .condiciones a {
  color: #009eff;
}
.formulario-fancybox >div form .condiciones a:after,
.formulario-fancybox >div .form .condiciones a:after {
  background-color: #009eff;
}
#formulario-mas-info form .input-field {
  margin-top: 10px;
  margin-bottom: 10px;
}
#formulario-mas-info #selector-via-contacto >li >span >a.selector-franja small {
  text-decoration: underline;
}
#formulario-mas-info #selector-via-contacto >li >span >a.selector-franja:after {
  content: "\f107";
  font-family: 'Font Awesome 6 Pro';
  position: relative;
  top: 3px;
  left: 5px;
}
#formulario-mas-info #selector-via-contacto >li >span >a.selector-franja:hover,
#formulario-mas-info #selector-via-contacto >li >span >a.selector-franja:focus,
#formulario-mas-info #selector-via-contacto >li >span >a.selector-franja:active {
  text-decoration: none;
  color: #009eff;
}
#formulario-mas-info #selector-via-contacto >li >span >a.selector-franja.active:after {
  content: "\f106";
}
#formulario-mas-info #franja-horaria {
  display: none;
}
#formulario-mas-info #franja-horaria ul >li {
  width: 100px;
}
.embed-container {
  position: relative;
  padding-bottom: 56.3%;
  height: 0;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
}
.embed-container video,
.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: initial;
  min-width: 100% !important;
  min-height: 100% !important;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.flex {
  display: flex;
}
.flex.inline {
  display: inline-flex;
}
.flex.w-100 {
  width: 100%;
}
.flex.h-100 {
  height: 100%;
}
.flex.x-axis {
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 0;
}
.flex.x-axis.x-center {
  justify-content: center;
}
.flex.x-axis.x-end {
  justify-content: flex-end;
}
.flex.x-axis.y-center {
  align-items: center;
}
.flex.x-axis.y-end {
  align-items: flex-end;
}
.flex.x-axis.space-between {
  display: flex;
  justify-content: space-between;
}
.flex.x-axis.last-right >li:last-of-type {
  margin-left: auto;
}
.flex.x-axis.nowrap {
  flex-wrap: nowrap;
}
.flex.x-axis.spacing-3px {
  margin-left: -3px;
  margin-right: -3px;
}
.flex.x-axis.spacing-3px >li,
.flex.x-axis.spacing-3px >div {
  margin-left: 3px;
  margin-right: 3px;
}
.flex.x-axis.spacing-5px {
  margin-left: -5px;
  margin-right: -5px;
}
.flex.x-axis.spacing-5px >li,
.flex.x-axis.spacing-5px >div {
  margin-left: 5px;
  margin-right: 5px;
}
.flex.x-axis.spacing-10px {
  margin-left: -10px;
  margin-right: -10px;
}
.flex.x-axis.spacing-10px >li,
.flex.x-axis.spacing-10px >div {
  margin-left: 10px;
  margin-right: 10px;
}
.flex.x-axis.spacing-15px {
  margin-left: -15px;
  margin-right: -15px;
}
.flex.x-axis.spacing-15px >li,
.flex.x-axis.spacing-15px >div {
  margin-left: 15px;
  margin-right: 15px;
}
.flex.x-axis.spacing-20px {
  margin-left: -20px;
  margin-right: -20px;
}
.flex.x-axis.spacing-20px >li,
.flex.x-axis.spacing-20px >div {
  margin-left: 20px;
  margin-right: 20px;
}
.flex.x-axis.spacing-25px {
  margin-left: -25px;
  margin-right: -25px;
}
.flex.x-axis.spacing-25px >li,
.flex.x-axis.spacing-25px >div {
  margin-left: 25px;
  margin-right: 25px;
}
.flex.x-axis.spacing-30px {
  margin-left: -30px;
  margin-right: -30px;
}
.flex.x-axis.spacing-30px >li,
.flex.x-axis.spacing-30px >div {
  margin-left: 30px;
  margin-right: 30px;
}
.flex.x-axis.spacing-35px {
  margin-left: -35px;
  margin-right: -35px;
}
.flex.x-axis.spacing-35px >li,
.flex.x-axis.spacing-35px >div {
  margin-left: 35px;
  margin-right: 35px;
}
.flex.x-axis.mb-0 >li,
.flex.x-axis.mb-0 >div {
  margin-bottom: 0;
}
.flex.x-axis.mb-10px >li,
.flex.x-axis.mb-10px >div {
  margin-bottom: 10px;
}
.flex.y-axis {
  flex-flow: column nowrap;
}
.flex.y-axis.xy-center {
  justify-content: center;
  align-items: center;
}
.flex.y-axis.y-center {
  justify-content: center;
}
.flex.y-axis.y-start {
  justify-content: flex-start;
}
.flex.y-axis.y-end {
  justify-content: flex-end;
}
.flex.y-axis.x-center {
  align-items: center;
}
.flex.y-axis.x-start {
  align-items: flex-start;
}
.flex.y-axis.x-end {
  align-items: flex-end;
}
.flex.y-axis.spacing-0 >li,
.flex.y-axis.spacing-0 >div {
  margin-bottom: 0;
}
.flex.y-axis.spacing-3px >li,
.flex.y-axis.spacing-3px >div {
  margin-bottom: 3px;
}
.flex.y-axis.spacing-5px >li,
.flex.y-axis.spacing-5px >div {
  margin-bottom: 5px;
}
.flex.y-axis.spacing-10px >li,
.flex.y-axis.spacing-10px >div {
  margin-bottom: 10px;
}
.flex.y-axis.spacing-15px >li,
.flex.y-axis.spacing-15px >div {
  margin-bottom: 15px;
}
.flex.y-axis.spacing-20px >li,
.flex.y-axis.spacing-20px >div {
  margin-bottom: 20px;
}
.flex.y-axis.spacing-25px >li,
.flex.y-axis.spacing-25px >div {
  margin-bottom: 25px;
}
.flex.y-axis.spacing-30px >li,
.flex.y-axis.spacing-30px >div {
  margin-bottom: 30px;
}
.flex.y-axis.spacing-35px >li,
.flex.y-axis.spacing-35px >div {
  margin-bottom: 35px;
}
.flex.mt-auto {
  margin-top: auto;
}
.flex.mb-auto {
  margin-bottom: auto;
}
.flex.ml-auto {
  margin-left: auto;
}
.flex.mr-auto {
  margin-right: auto;
}
.flex >li {
  padding-left: 0;
  margin-bottom: 0;
}
.flex >li:before {
  display: none;
}
.grid {
  margin-left: -15px;
  margin-right: -15px;
  -webkit-transition: height 0.25s ease-out;
  -moz-transition: height 0.25s ease-out;
  transition: height 0.25s ease-out;
}
.grid:after {
  content: '';
  display: block;
  clear: both;
}
.grid-item {
  width: 50%;
}
.grid-item {
  float: left;
  padding: 0 15px 30px;
}
.oculto {
  display: none;
}
.not_found {
  align-content: center;
  text-align: center;
  height: calc(-355vh);
  margin: 50px 0px;
}
.not_found .btn {
  display: inline-block;
  margin-top: 20px;
  padding: 10px 20px;
  background-color: #333;
  color: white;
  text-decoration: none;
}
.button-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 -10px 50px;
}
.button-group:after {
  content: '';
  display: block;
  clear: both;
}
.button-group .btn {
  cursor: pointer;
  margin: 5px;
}
.button-group .btn:hover {
  color: #e44738;
  background: #ffffff;
}
.button-group .btn:active,
.button-group .btn.is-checked {
  color: inherit;
  background: inherit;
}
.button-group .btn.is-checked {
  color: #ffffff;
  background: #e44738 !important;
  border-color: #e44738 !important;
}
.button-group .btn.is-checked:hover,
.button-group .btn.is-checked:active,
.button-group .btn.is-checked:focus {
  color: #ffffff !important;
  background: #e44738 !important;
  border-color: #e44738 !important;
}
.opacity-01 {
  opacity: 0.1;
}
.opacity-02 {
  opacity: 0.2;
}
.opacity-03 {
  opacity: 0.3;
}
.opacity-04 {
  opacity: 0.4;
}
.opacity-05 {
  opacity: 0.5;
}
.opacity-06 {
  opacity: 0.6;
}
.opacity-07 {
  opacity: 0.7;
}
.opacity-08 {
  opacity: 0.8;
}
.opacity-09 {
  opacity: 0.9;
}
* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:hover,
*:focus,
*:active {
  outline: none;
  text-decoration: none;
}
.clearfix:after,
.cierre:after {
  content: "";
  clear: both;
}
html {
  font-size: 62.5%;
  position: relative;
  min-height: 100vh;
  scroll-behavior: smooth;
}
body {
  font-family: 'Barlow', Helvetica, Arial, sans-serif;
  font-size: 2rem;
  line-height: 1.4;
  color: #000000;
  font-weight: 500;
  font-style: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
  position: relative;
  overflow-x: hidden;
  background-color: #ffffff;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
body:before {
  content: '';
  position: fixed;
  z-index: 0;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
body.contacto {
  background-image: url('img/bg.jpg');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  background-attachment: fixed;
  background-color: transparent;
}
body.contacto section {
  background-color: transparent;
}
body.navegando header {
  background: rgba(0,0,0,0.6);
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
}
body.scroll-1 main.wrapper-bg-cabecera-video section.bg-cabecera-video:before {
  background: rgba(0,0,0,0.8);
}
body.scroll-1 main.wrapper-bg-cabecera-video section.bg-cabecera-video.dark:before {
  background-color: rgba(0,0,0,0.9);
}
body.scroll-1 main.wrapper-bg-cabecera-video section.bg-cabecera-video .inner-video .bg-video {
  top: -40px;
}
body.scroll-1 main.wrapper-bg-slider section.slider .slick.hero:before {
  background-color: rgba(0,0,0,0.6);
}
body.scroll-1 main.wrapper-bg-slider section.slider .slick.hero .slick-list .slick-track .slick-slide img {
  top: calc(50% + 40px);
}
body.scroll-2 main.blurred-h-title section:first-of-type:not(.legal) h1,
body.scroll-2 main.blurred-h-title section:first-of-type:not(.legal) .h1,
body.scroll-2 main.blurred-h-title section:first-of-type:not(.legal) h2,
body.scroll-2 main.blurred-h-title section:first-of-type:not(.legal) .h2,
body.scroll-2 main.blurred-h-title section:first-of-type:not(.legal) h3,
body.scroll-2 main.blurred-h-title section:first-of-type:not(.legal) .h3,
body.scroll-2 main.blurred-h-title section:first-of-type:not(.legal) h4,
body.scroll-2 main.blurred-h-title section:first-of-type:not(.legal) .h4,
body.scroll-2 main.blurred-h-title section:first-of-type:not(.legal) h5,
body.scroll-2 main.blurred-h-title section:first-of-type:not(.legal) .h5,
body.scroll-2 main.blurred-h-title section:first-of-type:not(.legal) h6,
body.scroll-2 main.blurred-h-title section:first-of-type:not(.legal) .h6,
body.scroll-2 main.blurred-h-title section:first-of-type:not(.legal) .btn {
  opacity: 0.5;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  filter: blur(5px);
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: "Space Grotesk", Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.1;
  color: #0b1522;
  text-rendering: optimizeLegibility;
  width: 100%;
  margin: 0 0 50px;
}
h1.extralight,
h1 .extralight,
.h1.extralight,
.h1 .extralight,
h2.extralight,
h2 .extralight,
.h2.extralight,
.h2 .extralight,
h3.extralight,
h3 .extralight,
.h3.extralight,
.h3 .extralight,
h4.extralight,
h4 .extralight,
.h4.extralight,
.h4 .extralight,
h5.extralight,
h5 .extralight,
.h5.extralight,
.h5 .extralight,
h6.extralight,
h6 .extralight,
.h6.extralight,
.h6 .extralight {
  font-weight: 200;
}
h1.extralight strong,
h1 .extralight strong,
.h1.extralight strong,
.h1 .extralight strong,
h2.extralight strong,
h2 .extralight strong,
.h2.extralight strong,
.h2 .extralight strong,
h3.extralight strong,
h3 .extralight strong,
.h3.extralight strong,
.h3 .extralight strong,
h4.extralight strong,
h4 .extralight strong,
.h4.extralight strong,
.h4 .extralight strong,
h5.extralight strong,
h5 .extralight strong,
.h5.extralight strong,
.h5 .extralight strong,
h6.extralight strong,
h6 .extralight strong,
.h6.extralight strong,
.h6 .extralight strong {
  font-weight: 500;
}
h1.light,
h1 .light,
.h1.light,
.h1 .light,
h2.light,
h2 .light,
.h2.light,
.h2 .light,
h3.light,
h3 .light,
.h3.light,
.h3 .light,
h4.light,
h4 .light,
.h4.light,
.h4 .light,
h5.light,
h5 .light,
.h5.light,
.h5 .light,
h6.light,
h6 .light,
.h6.light,
.h6 .light {
  font-weight: 300;
}
h1.regular,
h1 .regular,
.h1.regular,
.h1 .regular,
h2.regular,
h2 .regular,
.h2.regular,
.h2 .regular,
h3.regular,
h3 .regular,
.h3.regular,
.h3 .regular,
h4.regular,
h4 .regular,
.h4.regular,
.h4 .regular,
h5.regular,
h5 .regular,
.h5.regular,
.h5 .regular,
h6.regular,
h6 .regular,
.h6.regular,
.h6 .regular {
  font-weight: 400;
}
h1.medium,
h1 .medium,
.h1.medium,
.h1 .medium,
h2.medium,
h2 .medium,
.h2.medium,
.h2 .medium,
h3.medium,
h3 .medium,
.h3.medium,
.h3 .medium,
h4.medium,
h4 .medium,
.h4.medium,
.h4 .medium,
h5.medium,
h5 .medium,
.h5.medium,
.h5 .medium,
h6.medium,
h6 .medium,
.h6.medium,
.h6 .medium {
  font-weight: 500;
}
h1.amarillo,
.h1.amarillo,
h2.amarillo,
.h2.amarillo,
h3.amarillo,
.h3.amarillo,
h4.amarillo,
.h4.amarillo,
h5.amarillo,
.h5.amarillo,
h6.amarillo,
.h6.amarillo {
  color: #fff200;
}
h1.azul,
.h1.azul,
h2.azul,
.h2.azul,
h3.azul,
.h3.azul,
h4.azul,
.h4.azul,
h5.azul,
.h5.azul,
h6.azul,
.h6.azul {
  color: #009eff;
}
h1.sansation,
h1 .sansation,
.h1.sansation,
.h1 .sansation,
h2.sansation,
h2 .sansation,
.h2.sansation,
.h2 .sansation,
h3.sansation,
h3 .sansation,
.h3.sansation,
.h3 .sansation,
h4.sansation,
h4 .sansation,
.h4.sansation,
.h4 .sansation,
h5.sansation,
h5 .sansation,
.h5.sansation,
.h5 .sansation,
h6.sansation,
h6 .sansation,
.h6.sansation,
.h6 .sansation {
  font-family: "Sansation Regular", Helvetica, Arial, sans-serif;
}
h1.sansation.bd,
h1 .sansation.bd,
.h1.sansation.bd,
.h1 .sansation.bd,
h2.sansation.bd,
h2 .sansation.bd,
.h2.sansation.bd,
.h2 .sansation.bd,
h3.sansation.bd,
h3 .sansation.bd,
.h3.sansation.bd,
.h3 .sansation.bd,
h4.sansation.bd,
h4 .sansation.bd,
.h4.sansation.bd,
.h4 .sansation.bd,
h5.sansation.bd,
h5 .sansation.bd,
.h5.sansation.bd,
.h5 .sansation.bd,
h6.sansation.bd,
h6 .sansation.bd,
.h6.sansation.bd,
.h6 .sansation.bd {
  font-family: "Sansation Bold", Helvetica, Arial, sans-serif;
}
h1.barlow,
h1 .barlow,
.h1.barlow,
.h1 .barlow,
h2.barlow,
h2 .barlow,
.h2.barlow,
.h2 .barlow,
h3.barlow,
h3 .barlow,
.h3.barlow,
.h3 .barlow,
h4.barlow,
h4 .barlow,
.h4.barlow,
.h4 .barlow,
h5.barlow,
h5 .barlow,
.h5.barlow,
.h5 .barlow,
h6.barlow,
h6 .barlow,
.h6.barlow,
.h6 .barlow {
  font-family: 'Barlow', Helvetica, Arial, sans-serif;
}
h1 .outline,
.h1 .outline,
h2 .outline,
.h2 .outline,
h3 .outline,
.h3 .outline,
h4 .outline,
.h4 .outline,
h5 .outline,
.h5 .outline,
h6 .outline,
.h6 .outline {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #222222;
}
h1 > i,
.h1 > i,
h2 > i,
.h2 > i,
h3 > i,
.h3 > i,
h4 > i,
.h4 > i,
h5 > i,
.h5 > i,
h6 > i,
.h6 > i {
  font-size: 90%;
}
h1,
.h1 {
  font-size: 8rem;
}
h1.xl,
.h1.xl {
  font-size: 12rem;
}
h2,
.h2 {
  font-size: 6.4rem;
}
h3,
.h3 {
  font-family: 'Barlow', Helvetica, Arial, sans-serif;
  font-size: 4.8rem;
  margin-bottom: 25px;
}
h4,
.h4 {
  font-family: 'Barlow', Helvetica, Arial, sans-serif;
  font-size: 4rem;
  line-height: 1.2;
  margin-bottom: 25px;
}
h5,
.h5 {
  font-family: 'Barlow', Helvetica, Arial, sans-serif;
  font-size: 3.2rem;
  line-height: 1.2;
  margin-bottom: 20px;
}
h6,
.h6 {
  font-family: 'Barlow', Helvetica, Arial, sans-serif;
  font-size: 2.4rem;
  line-height: 1.2;
  margin-bottom: 15px;
}
ul {
  padding-left: 0;
  margin-bottom: 20px;
  clear: both;
  list-style: none;
}
ul >li {
  padding-left: 0;
}
ul >li:before {
  display: none;
}
ul.list {
  list-style-type: none;
  padding-left: 25px;
}
ul.list >li {
  margin-bottom: 5px;
  padding-left: 25px;
  position: relative;
}
ul.list >li:before {
  content: "\e4b2";
  font-family: 'Font Awesome 6 Pro';
  font-size: 80%;
  font-weight: 400;
  color: #000000;
  display: block;
  position: absolute;
  left: 0;
  top: 4px;
}
ul.list >li:last-of-type {
  margin-bottom: 0;
}
ul.list >li.h3 {
  padding-left: 40px;
  margin-bottom: 25px;
}
ul.list >li.h3:before {
  font-weight: 100;
  font-style: normal;
}
ul.lines {
  width: 100%;
}
ul.lines >li {
  display: block;
  margin-bottom: 0;
  padding: 15px 0;
  border-bottom: solid 1px #666666;
}
ul.lines >li:first-child {
  border-top: solid 1px #666666;
}
ul.lines >li a {
  color: #009eff;
}
ul.lines >li a:hover {
  color: #000000;
  text-decoration: none;
}
ul.arrow {
  padding-left: 0;
}
ul.arrow >li {
  padding-left: 30px;
  margin-bottom: 10px;
  position: relative;
}
ul.arrow >li:before {
  content: "\e3d6";
  font-family: 'Font Awesome 6 Pro';
  font-weight: 600;
  font-style: normal;
  color: #000000;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(45deg,#009eff,#fff200 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
ul.arrow >li:last-of-type {
  margin-bottom: 0;
}
ul.check >li {
  padding-left: 30px;
  margin-bottom: 5px;
  position: relative;
}
ul.check >li:before {
  content: "\f2f7";
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  font-style: normal;
  color: #000000;
  display: block;
  position: absolute;
  top: 1px;
  left: 0;
}
ul.eye >li {
  padding-left: 30px;
  margin-bottom: 5px;
  position: relative;
}
ul.eye >li:before {
  content: "\f06e";
  font-family: 'Font Awesome 6 Pro';
  font-weight: 300;
  font-style: normal;
  color: #000000;
  display: block;
  position: absolute;
  top: 1px;
  left: 0;
}
ul.numerada >li {
  padding-left: 30px;
}
ul.numerada >li >span {
  color: #009eff;
  font-weight: 600;
  position: absolute;
  left: 0;
  top: 0;
}
ul.numerada >li:before {
  display: none;
}
ul.separadores {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
}
ul.separadores >li {
  margin: 0 10px 10px;
  position: relative;
}
ul.separadores >li:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -10px;
  bottom: 0;
  width: 1px;
  background: #333333;
}
ul.separadores >li:first-child:before {
  display: none;
}
ul.separadores >li:last-child {
  padding-right: 0;
}
ul.paginacion {
  font-size: 2rem;
  margin-top: 50px;
  display: flex;
  justify-content: center;
}
ul.paginacion >li {
  padding-left: 10px;
  padding-right: 10px;
  margin: 0;
}
ul.paginacion >li:before {
  display: none;
}
ul.paginacion >li:first-of-type >a,
ul.paginacion >li:last-of-type >a {
  width: 48px;
  background: #ffffff;
  border-radius: 50%;
}
ul.paginacion >li >a,
ul.paginacion >li span {
  height: 48px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  margin: 0 5px;
}
ul.paginacion >li >a:hover,
ul.paginacion >li >a.active {
  color: #009eff;
}
ul.paginacion >li >a:active {
  color: inherit;
}
ul.destacado >li {
  position: relative;
  font-size: 1.8rem;
  display: block;
  padding: 15px 15px;
  padding-right: 25px;
  margin-bottom: 10px;
  background: #ffffff;
  border-radius: 5px;
  border: solid 1px #ededed;
  border-left: 3px solid #009eff;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.05);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.05);
  box-shadow: 0 0 10px rgba(0,0,0,0.05);
}
ul.destacado >li:before {
  display: none;
}
ul.destacado >li ul {
  font-size: 1.6rem;
  margin-top: 5px;
}
ul.destacado >li ul >li {
  margin-bottom: 5px;
  padding-left: 15px;
}
ul.destacado >li ul >li:before {
  font-size: 1.4rem;
  top: 2px;
}
ul.destacado >li ul >li:last-child {
  margin-bottom: 0;
}
ul.destacado >li .accordion-button {
  display: block;
  padding: 0 30px 0 0;
  font-size: inherit;
  color: inherit;
  background-color: transparent;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
ul.destacado >li .accordion-button:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  background-size: 20px;
}
ul.inline-flex {
  display: inline-flex;
  margin-left: -10px;
  margin-right: -10px;
}
ul.inline-flex >li {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  margin-left: 10px;
  margin-right: 10px;
}
ul.inline-flex >li:before {
  display: none;
}
ul.logos {
  flex-wrap: wrap;
  margin-bottom: 30px;
}
ul.logos >li {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
ul.logos.xs {
  margin-bottom: 20px;
}
ul.logos.xs >li {
  height: 30px;
  margin-bottom: 20px;
}
ul.logos.xs >li img {
  max-width: 100px;
  max-height: 30px;
}
ul.logos.sm >li {
  height: 50px;
}
ul.logos.sm >li img {
  max-width: 120px;
  max-height: 40px;
}
ul.cols-2 {
  -moz-column-count: 2;
  -moz-column-gap: 30px;
  -webkit-column-count: 2;
  -webkit-column-gap: 30px;
  column-count: 2;
  column-gap: 30px;
}
ul.cols-2 >li {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
ul.cols-3 {
  -moz-column-count: 3;
  -moz-column-gap: 30px;
  -webkit-column-count: 3;
  -webkit-column-gap: 30px;
  column-count: 3;
  column-gap: 30px;
}
ul.cols-3 li {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
p {
  margin-bottom: 20px;
}
i,
em {
  font-style: italic;
}
b,
strong {
  font-weight: 600;
}
small {
  font-size: 80%;
}
a {
  color: inherit;
  outline: none;
  border: none;
  text-decoration: none;
  cursor: pointer;
}
a img {
  outline: none;
  border: none;
}
a:hover {
  color: inherit;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
a:focus,
a:active {
  color: inherit;
  outline: none;
  text-decoration: none;
}
img:not(.thumbnail) {
  max-width: 100%;
  max-height: 100%;
}
hr {
  width: 100%;
  height: 1px;
  border: none;
  margin-top: 35px;
  margin-bottom: 35px;
  clear: both;
  position: relative;
  background-color: inherit;
  opacity: 1;
}
hr:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: rgba(0,0,0,0.5);
  opacity: 1;
}
hr.sm {
  margin-top: 15px;
  margin-bottom: 15px;
}
hr.big {
  margin-top: 75px;
  margin-bottom: 75px;
}
hr.white:before {
  background: rgba(255,255,255,0.5);
}
hr.dotted {
  border-top: dotted 1px #333333;
  margin: 0;
}
figure {
  max-width: 100%;
  height: auto;
  margin: 0;
}
video {
  max-width: 100%;
}
#ancla {
  position: initial;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
}
.container-fluid {
  padding-left: 100px;
  padding-right: 100px;
  position: relative;
  z-index: 1;
}
.container-fluid.w-100 {
  padding: 0;
}
.btn,
.btn:not([href]) {
  font-family: 'Barlow Semi Condensed', Helvetica, Arial, sans-serif;
  color: #ffffff;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto;
  width: fit-content;
  height: 48px;
  border-radius: 8px;
  margin-top: 40px;
  padding: 0 35px;
  background-color: #111111;
  border: none;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.btn:hover,
.btn:not([href]):hover {
  color: #ffffff;
  background-color: #444444;
}
.btn:active,
.btn:focus,
.btn:not([href]):active,
.btn:not([href]):focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #111111;
}
.btn.effect,
.btn:not([href]).effect {
  font-family: 'Barlow Semi Condensed';
  font-style: italic;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.25;
  color: #009eff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  width: initial;
  height: initial;
  min-width: initial;
  display: inline-block;
  padding: 12px 50px 12px 0;
  outline: none;
  cursor: pointer;
  overflow: hidden;
  z-index: 1;
  border-radius: 0;
  background-color: transparent;
  background-image: none;
  transition: color .2s cubic-bezier(.165,.84,.44,1);
  position: relative;
}
.btn.effect:after,
.btn:not([href]).effect:after {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #009eff;
  z-index: -1;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-transform: scaleY(.05);
  transform: scaleY(.05);
  transition: background-color .2s cubic-bezier(.165,.84,.44,1), -webkit-transform .3s cubic-bezier(.19,1,.22,1);
  transition: background-color .2s cubic-bezier(.165,.84,.44,1), transform .3s cubic-bezier(.19,1,.22,1);
  transition: background-color .2s cubic-bezier(.165,.84,.44,1), transform .3s cubic-bezier(.19,1,.22,1), -webkit-transform .3s cubic-bezier(.19,1,.22,1);
}
.btn.effect span,
.btn:not([href]).effect span {
  display: block;
  transition: -webkit-transform .3s cubic-bezier(.25,.46,.45,.94);
  transition: transform .3s cubic-bezier(.25,.46,.45,.94);
  transition: transform .3s cubic-bezier(.25,.46,.45,.94), -webkit-transform .3s cubic-bezier(.25,.46,.45,.94);
}
.btn.effect:hover,
.btn:not([href]).effect:hover {
  color: #000000;
  background-color: transparent;
}
.btn.effect:hover:after,
.btn:not([href]).effect:hover:after {
  background-color: #009eff;
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  transform: scaleY(1);
}
.btn.effect:hover span,
.btn:not([href]).effect:hover span {
  -webkit-transform: translateX(25px);
  -moz-transform: translateX(25px);
  transform: translateX(25px);
}
.btn.effect.black,
.btn:not([href]).effect.black {
  color: #000000;
  background-color: transparent;
}
.btn.effect.black:after,
.btn:not([href]).effect.black:after {
  background-color: #000000;
}
.btn.effect.black:hover,
.btn:not([href]).effect.black:hover {
  color: #000000;
  background-color: transparent;
}
.btn.effect.black:hover:after,
.btn:not([href]).effect.black:hover:after {
  background-color: #009eff;
}
.btn.effect.white,
.btn:not([href]).effect.white {
  color: #ffffff;
  background-color: transparent;
}
.btn.effect.white:after,
.btn:not([href]).effect.white:after {
  background-color: #ffffff;
}
.btn.effect.white:hover,
.btn:not([href]).effect.white:hover {
  color: #000000;
  background-color: transparent;
}
.btn.effect.white:hover:after,
.btn:not([href]).effect.white:hover:after {
  background-color: #ffffff;
}
.btn.arrow,
.btn:not([href]).arrow {
  color: #009eff;
  min-width: initial;
  width: initial;
  height: initial;
  border: none;
  padding: 0;
  margin: 0;
  position: relative;
  background: transparent;
}
.btn.arrow:before,
.btn:not([href]).arrow:before {
  content: '\f178';
  font-family: 'Font Awesome 6 Pro';
  font-weight: 300;
  font-size: 90%;
  font-style: normal;
  position: absolute;
  left: 0;
  top: 1px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.btn.arrow:hover,
.btn:not([href]).arrow:hover {
  color: #009eff;
  background: transparent;
  padding-left: 20px;
}
.btn.arrow:hover:before,
.btn:not([href]).arrow:hover:before {
  left: -4px;
  opacity: 1;
  visibility: visible;
}
.btn.arrow.sm,
.btn:not([href]).arrow.sm {
  font-size: 1.8rem;
  height: initial;
  min-width: initial;
  padding: 0 15px;
  background: transparent;
}
.btn.arrow.sm:hover,
.btn:not([href]).arrow.sm:hover {
  color: #009eff;
  padding-left: 25px;
  background: transparent;
}
.btn.arrow.sm:hover:before,
.btn:not([href]).arrow.sm:hover:before {
  left: 0;
}
.btn.arrow.white,
.btn:not([href]).arrow.white {
  color: #ffffff;
  background-color: transparent;
}
.btn.arrow.white:hover,
.btn:not([href]).arrow.white:hover {
  color: #ffffff;
  background-color: transparent;
}
.btn.arrow.black,
.btn:not([href]).arrow.black {
  color: #000000;
  background-color: transparent;
}
.btn.arrow.black:hover,
.btn:not([href]).arrow.black:hover {
  color: #000000;
  background-color: transparent;
}
.btn.sm,
.btn:not([href]).sm {
  font-size: 1.4rem;
  height: 34px;
  min-width: 100px;
  padding: 0 25px;
}
.btn.sm.icon,
.btn:not([href]).sm.icon {
  font-size: 1.8rem;
  min-width: initial;
  width: 34px;
  padding: 0;
}
.btn.md,
.btn:not([href]).md {
  font-size: 1.8rem;
  height: 40px;
}
.btn.lg,
.btn:not([href]).lg {
  font-size: 2.4rem;
  height: 64px;
  min-width: 250px;
  padding: 0 45px;
}
.btn.outline,
.btn:not([href]).outline {
  color: #111111;
  background: transparent;
  border: solid 2px #111111;
}
.btn.outline:hover,
.btn:not([href]).outline:hover {
  color: #ffffff;
  background: #111111;
}
.btn.outline:active,
.btn.outline:focus,
.btn:not([href]).outline:active,
.btn:not([href]).outline:focus {
  color: #111111;
  background: transparent;
  border-color: #111111;
}
.btn.white,
.btn:not([href]).white {
  color: #000000;
  background-color: #ffffff;
}
.btn.white:hover,
.btn:not([href]).white:hover {
  color: #ffffff;
  background-color: #000000;
}
.btn.white:active,
.btn.white:focus,
.btn:not([href]).white:active,
.btn:not([href]).white:focus {
  color: #000000;
  background-color: #ffffff;
}
.btn.white.outline,
.btn:not([href]).white.outline {
  color: #ffffff;
  background-color: transparent;
  border: solid 2px #ffffff;
}
.btn.white.outline:hover,
.btn:not([href]).white.outline:hover {
  color: #000000;
  background-color: #ffffff;
}
.btn.white.outline:active,
.btn.white.outline:focus,
.btn:not([href]).white.outline:active,
.btn:not([href]).white.outline:focus {
  color: #ffffff;
  background-color: transparent;
  border: solid 2px #ffffff;
}
.btn.gray,
.btn:not([href]).gray {
  color: #111111;
  background-color: rgba(0,0,0,0.1);
}
.btn.gray:hover,
.btn:not([href]).gray:hover {
  color: #111111;
  background-color: rgba(0,0,0,0.2);
}
.btn.gray:active,
.btn.gray:focus,
.btn:not([href]).gray:active,
.btn:not([href]).gray:focus {
  color: #111111;
  background-color: rgba(0,0,0,0.1);
}
.btn.black,
.btn:not([href]).black {
  color: #ffffff;
  background-color: #111111;
}
.btn.black:hover,
.btn:not([href]).black:hover {
  color: #ffffff;
  background-color: #444444;
}
.btn.black:active,
.btn.black:focus,
.btn:not([href]).black:active,
.btn:not([href]).black:focus {
  color: #ffffff;
  background-color: #111111;
}
.btn.gradient,
.btn:not([href]).gradient {
  background: linear-gradient(45deg,#009eff,#fff200 100%);
}
.btn.desplegar,
.btn:not([href]).desplegar {
  font-size: 1.8rem;
  color: #0b1522;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  min-width: initial;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
}
.btn.desplegar i,
.btn:not([href]).desplegar i {
  margin: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.btn.desplegar.on i,
.btn:not([href]).desplegar.on i {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}
.btn.transparent,
.btn:not([href]).transparent {
  color: #ffffff;
  height: initial;
  padding: 0;
  border: none;
  background: transparent;
}
.btn.transparent span+i,
.btn:not([href]).transparent span+i {
  font-size: 1.4rem;
}
.btn.transparent.white,
.btn:not([href]).transparent.white {
  color: #ffffff;
}
.btn.transparente,
.btn:not([href]).transparente {
  color: #999999;
  font-style: normal;
  text-align: left;
  display: inline-block;
  padding: 0 25px 0 0;
  margin: 0;
  width: initial;
  max-width: initial;
  min-width: initial;
  height: initial;
  background: transparent;
  position: relative;
}
.btn.transparente:after,
.btn:not([href]).transparente:after {
  content: '\f105';
  font-family: 'Font Awesome 6 Pro';
  font-size: 80%;
  font-weight: 500;
  font-style: normal;
  vertical-align: initial;
  border: none;
  position: absolute;
  right: 0;
  top: 3px;
}
.btn.transparente:hover,
.btn:not([href]).transparente:hover {
  color: #000000;
  padding-right: 30px;
}
.btn.transparente:active,
.btn.transparente:focus,
.btn:not([href]).transparente:active,
.btn:not([href]).transparente:focus {
  color: #000000;
}
.btn.icon,
.btn:not([href]).icon {
  font-size: 2.2rem;
  font-weight: 400;
  letter-spacing: 0;
  padding: 0;
  width: 48px;
  border-radius: 50%;
}
.btn.icon i,
.btn:not([href]).icon i {
  margin-right: 0;
}
.btn.icon.md,
.btn:not([href]).icon.md {
  width: 48px;
}
.btn i,
.btn:not([href]) i {
  margin-right: 10px;
}
.btn span +i,
.btn:not([href]) span +i {
  margin-left: 10px;
  margin-right: 0;
  position: relative;
  top: 2px;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-visible {
  overflow: visible;
}
.desktop-hidden {
  display: none !important;
}
.smartphone {
  display: none !important;
}
.bajar,
.subir {
  color: #ffffff;
  font-size: 5rem;
  line-height: 30px;
  display: block;
  height: 30px;
  position: absolute;
  z-index: 2;
  bottom: 20px;
  left: 50%;
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  transform: translate(-50%);
}
.hover-lupa {
  display: block;
}
.hover-lupa:hover {
  cursor: url('img/zoom.svg') 28 28, move;
}
.img-radius {
  border-radius: 25px;
}
.txt-background {
  background: #cf0;
  display: inline;
  padding: 1px;
}
.gradient {
  background-image: linear-gradient(to right top,#009eff,#00c6ff,#00e3cc,#5bf46f,#fff200);
}
.line-through {
  color: rgba(255,255,255,0.5);
  position: relative;
  padding: 0 10px;
  white-space: nowrap;
}
.line-through:before {
  content: '';
  display: block;
  height: 2px;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  background: #fff200;
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  transform: rotate(-5deg);
}
.link {
  display: inline-block;
  position: relative;
}
.link:before {
  content: '';
  display: block;
  position: absolute;
  bottom: 1px;
  left: 0;
  right: 0;
  background: rgba(255,255,255,0.4);
  height: 2px;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.link:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 1px;
  left: 0;
  width: 0;
  background: #ffffff;
  height: 2px;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.link:hover:after {
  width: 100%;
}
.w-100 {
  width: 100%;
}
.grid {
  margin-left: -7px;
  margin-right: -7px;
  -webkit-transition: height 0.25s ease-out;
  -moz-transition: height 0.25s ease-out;
  transition: height 0.25s ease-out;
}
.grid:after {
  content: '';
  display: block;
  clear: both;
}
.grid-item {
  width: calc(100% / 3);
  float: left;
  padding: 0 7px 14px;
}
.slick {
  width: 100%;
  position: relative;
  z-index: 1;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.6s ease-out;
  -moz-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
}
.slick.hero-inner {
  height: 100%;
  background-size: contain;
}
.slick.hero-inner .slick-list {
  height: 100%;
  min-width: 100%;
}
.slick.hero-inner .slick-list .slick-track {
  height: 100%;
  min-width: 100%;
}
.slick.hero-inner .slick-list .slick-track .slick-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  max-height: calc(100vh - 180px);
  min-height: 500px;
  padding: 0 15px;
  cursor: grab;
}
.slick.hero-inner .slick-list .slick-track .slick-slide img {
  max-height: calc(100vh - 180px);
  min-height: 500px;
}
.slick.hero {
  height: 100%;
  min-width: 100vw;
  background-color: #ffffff;
  background-image: url('img/gradient.jpg');
}
.slick.hero .slick-list {
  height: 100%;
  min-width: 100vw;
}
.slick.hero .slick-list .slick-track {
  height: 100%;
  min-width: 100vw;
}
.slick.hero .slick-list .slick-track .slick-slide {
  height: 100%;
  min-width: 100vw;
  position: relative;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}
.slick.hero .slick-list .slick-track .slick-slide:before {
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.2);
}
.slick.hero .slick-list .slick-track .slick-slide.no_before:before {
  display: none;
}
.slick.hero .slick-list .slick-track .slick-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  z-index: 0;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  -webkit-transition: all 0.6s ease-out;
  -moz-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
}
.slick.hero .slick-dots {
  position: absolute;
  z-index: 2;
  bottom: 35px;
  text-align: left;
  padding: 0 50px;
}
.slick.carrusel .slick-slide {
  height: initial;
  padding: 40px 40px 60px;
}
.slick.carrusel .slick-slide span {
  line-height: 1.1;
  display: block;
  text-align: center;
}
.slick.carrusel .slick-slide span strong {
  display: block;
}
div.cols-2 {
  -moz-column-count: 2;
  -moz-column-gap: 30px;
  -webkit-column-count: 2;
  -webkit-column-gap: 30px;
  column-count: 2;
  column-gap: 30px;
}
div.cols-2 >p {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
header {
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
header #header {
  height: 120px;
  display: flex;
  justify-content: space-between;
}
header #header .container-fluid {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header #header .izq,
header #header .der {
  min-width: 20%;
}
header #header .izq .logo {
  display: inline-flex;
  align-items: center;
}
header #header .izq .logo img {
  height: 70px;
}
header #header .menu {
  width: 50%;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
header #header .menu nav {
  font-family: 'Barlow Semi Condensed', Helvetica, Arial, sans-serif;
  font-size: 2.2rem;
  font-weight: 500;
  color: #ffffff;
  display: flex;
  align-items: center;
  height: 100%;
}
header #header .menu nav >ul {
  display: flex;
  align-items: center;
  height: 100%;
  margin-bottom: 0;
}
header #header .menu nav >ul >li {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 20px;
}
header #header .menu nav >ul >li >a {
  white-space: nowrap;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0;
  position: relative;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
header #header .menu nav >ul >li >a:before {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 3px;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
  transform-origin: bottom right;
  -webkit-transition: transform 0.25s ease-out;
  -moz-transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
}
header #header .menu nav >ul >li >a:hover,
header #header .menu nav >ul >li >a.active {
  color: #ffffff;
  text-decoration: none;
}
header #header .menu nav >ul >li >a:hover:before,
header #header .menu nav >ul >li >a.active:before {
  transform: scaleX(1);
  transform-origin: bottom left;
}
header #header .menu nav >ul >li >a.btn {
  height: 50px;
  margin: 0;
  padding: 0 30px;
}
header #header .menu nav >ul >li >a.btn:before {
  display: none;
}
header #header .menu nav >ul >li >a.btn:hover {
  color: #000000;
}
header #header .menu nav >ul >li >a.btn:hover:active,
header #header .menu nav >ul >li >a.btn:hover:focus {
  color: #000000;
  background-color: #ffffff;
}
header #header .menu nav >ul >li >a.btn:active,
header #header .menu nav >ul >li >a.btn:focus {
  color: #ffffff;
}
header #header-mobile {
  display: none;
  height: 80px;
}
header #header-mobile #title-mobile {
  height: 80px;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 30px;
}
header #header-mobile #title-mobile a.logo {
  display: block;
  height: 44px;
}
header #header-mobile #title-mobile #nav-icon {
  width: 34px;
  height: 24px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}
header #header-mobile #title-mobile #nav-icon span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #ffffff;
  opacity: 1;
  left: 0;
  border-radius: 2px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
header #header-mobile #title-mobile #nav-icon span:nth-child(1) {
  top: 0;
}
header #header-mobile #title-mobile #nav-icon span:nth-child(2),
header #header-mobile #title-mobile #nav-icon span:nth-child(3) {
  top: 10px;
}
header #header-mobile #title-mobile #nav-icon span:nth-child(4) {
  top: 20px;
}
header #header-mobile #title-mobile #nav-icon.open span:nth-child(1) {
  top: 10px;
  width: 0%;
  left: 50%;
}
header #header-mobile #title-mobile #nav-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
header #header-mobile #title-mobile #nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
header #header-mobile #title-mobile #nav-icon.open span:nth-child(4) {
  top: 10px;
  width: 0%;
  left: 50%;
}
header #header-mobile #menu-mobile {
  font-size: 3.2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 100vh;
  margin: 0 auto;
  padding-bottom: 100px;
  position: fixed;
  top: 80px;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  background: #222222;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
header #header-mobile #menu-mobile:before {
  content: '';
  height: 100vh;
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url('../recursos/imagenes/bg-4.jpg');
  background-repeat: no-repeat;
  background-position: center 0px;
  background-attachment: fixed;
  background-size: auto 950px;
}
header #header-mobile #menu-mobile.on {
  opacity: 1;
  visibility: visible;
}
header #header-mobile #menu-mobile >ul {
  margin-bottom: 0;
  padding: 40px 20px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: calc(100vh - 80px);
}
header #header-mobile #menu-mobile >ul >li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
}
header #header-mobile #menu-mobile >ul >li >a {
  color: #ffffff;
  line-height: 1;
  padding: 20px 45px;
  display: flex;
  justify-content: center;
  width: 100%;
}
header #header-mobile #menu-mobile >ul >li >a.active {
  color: #009eff;
}
header #header-mobile #menu-mobile >ul >li >a:hover,
header #header-mobile #menu-mobile >ul >li >a:focus,
header #header-mobile #menu-mobile >ul >li >a:active {
  color: #ffffff;
}
header #header-mobile #menu-mobile >ul >li >span {
  color: #ffffff;
  line-height: 1;
  display: flex;
  justify-content: center;
}
header #header-mobile #menu-mobile >ul >li >span >a {
  color: #ffffff;
  line-height: 1;
  display: inline-flex;
  padding: 0 10px;
}
header #header-mobile #menu-mobile >ul >li >span >a:hover,
header #header-mobile #menu-mobile >ul >li >span >a.active {
  color: #009eff;
}
header #header-mobile #menu-mobile >ul >li >ul {
  display: none;
  font-size: 2.2rem;
  padding: 0 0 20px;
}
header #header-mobile #menu-mobile >ul >li >ul >li {
  padding: 20px 0;
  margin-bottom: 0;
}
header #header-mobile #menu-mobile >ul >li >ul >li >a {
  color: #ffffff;
  line-height: 1;
  display: flex;
  justify-content: center;
}
header #header-mobile #menu-mobile >ul >li >ul >li >a.active {
  color: #009eff;
}
header #header-mobile #menu-mobile >ul >li.sub-desplegable {
  position: relative;
}
header #header-mobile #menu-mobile >ul >li.sub-desplegable span {
  line-height: initial;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 68px;
  position: absolute;
  top: 0;
  right: 0;
}
header #header-mobile #menu-mobile >ul >li.sub-desplegable span:before {
  content: '\f078';
  font-family: 'Font Awesome 6 Pro';
  font-style: normal;
  font-size: 3rem;
  font-weight: 300;
}
header #header-mobile #menu-mobile >ul >li.sub-desplegable span.rotate:before {
  content: '\f077';
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
header #header-mobile #menu-mobile >ul >li.idioma {
  flex-direction: row;
  justify-content: space-around;
  padding: 20px;
  margin-top: auto;
}
header #header-mobile #menu-mobile >ul.idioma {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  padding: 20px;
  width: 100%;
  background: #222222;
}
main {
  position: relative;
  /* z-index: 1; */
}
main.blurred-h-title section:first-of-type h1,
main.blurred-h-title section:first-of-type .h1,
main.blurred-h-title section:first-of-type h2,
main.blurred-h-title section:first-of-type .h2,
main.blurred-h-title section:first-of-type h3,
main.blurred-h-title section:first-of-type .h3,
main.blurred-h-title section:first-of-type h4,
main.blurred-h-title section:first-of-type .h4,
main.blurred-h-title section:first-of-type h5,
main.blurred-h-title section:first-of-type .h5,
main.blurred-h-title section:first-of-type h6,
main.blurred-h-title section:first-of-type .h6 {
  -webkit-transition: all 0.6s ease-out;
  -moz-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
}
main section {
  padding-top: 150px;
  padding-bottom: 150px;
  position: relative;
  z-index: 1;
  background-image: url('../recursos/imagenes/bg-white.jpg');
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
}
main section:before {
  content: '';
  display: block;
  position: absolute;
  z-index: -2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255,255,255,0.7);
}
main section:after {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
main section >* {
  position: relative;
}
main section.md {
  padding-top: 75px;
  padding-bottom: 75px;
}
main section.md.top {
  padding-top: 75px;
  padding-bottom: 150px;
}
main section.md.bottom {
  padding-top: 150px;
  padding-bottom: 75px;
}
main section.slick {
  padding-top: 0;
  padding-bottom: 0;
}
main section.radius-top:before {
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
}
main section.radius-bottom:before {
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
}
main section.bg-black,
main section .panel.black,
main section .panel.dark {
  font-weight: 300;
  color: #ffffff;
  background-color: transparent !important;
}
main section.bg-black h1,
main section.bg-black .h1,
main section.bg-black h2,
main section.bg-black .h2,
main section.bg-black h3,
main section.bg-black .h3,
main section.bg-black h4,
main section.bg-black .h4,
main section.bg-black h5,
main section.bg-black .h5,
main section.bg-black h6,
main section.bg-black .h6,
main section .panel.black h1,
main section .panel.black .h1,
main section .panel.black h2,
main section .panel.black .h2,
main section .panel.black h3,
main section .panel.black .h3,
main section .panel.black h4,
main section .panel.black .h4,
main section .panel.black h5,
main section .panel.black .h5,
main section .panel.black h6,
main section .panel.black .h6,
main section .panel.dark h1,
main section .panel.dark .h1,
main section .panel.dark h2,
main section .panel.dark .h2,
main section .panel.dark h3,
main section .panel.dark .h3,
main section .panel.dark h4,
main section .panel.dark .h4,
main section .panel.dark h5,
main section .panel.dark .h5,
main section .panel.dark h6,
main section .panel.dark .h6 {
  color: #ffffff;
}
main section.bg-black h1 .outline,
main section.bg-black .h1 .outline,
main section.bg-black h2 .outline,
main section.bg-black .h2 .outline,
main section.bg-black h3 .outline,
main section.bg-black .h3 .outline,
main section.bg-black h4 .outline,
main section.bg-black .h4 .outline,
main section.bg-black h5 .outline,
main section.bg-black .h5 .outline,
main section.bg-black h6 .outline,
main section.bg-black .h6 .outline,
main section .panel.black h1 .outline,
main section .panel.black .h1 .outline,
main section .panel.black h2 .outline,
main section .panel.black .h2 .outline,
main section .panel.black h3 .outline,
main section .panel.black .h3 .outline,
main section .panel.black h4 .outline,
main section .panel.black .h4 .outline,
main section .panel.black h5 .outline,
main section .panel.black .h5 .outline,
main section .panel.black h6 .outline,
main section .panel.black .h6 .outline,
main section .panel.dark h1 .outline,
main section .panel.dark .h1 .outline,
main section .panel.dark h2 .outline,
main section .panel.dark .h2 .outline,
main section .panel.dark h3 .outline,
main section .panel.dark .h3 .outline,
main section .panel.dark h4 .outline,
main section .panel.dark .h4 .outline,
main section .panel.dark h5 .outline,
main section .panel.dark .h5 .outline,
main section .panel.dark h6 .outline,
main section .panel.dark .h6 .outline {
  -webkit-text-stroke-color: #ffffff;
}
main section.bg-black hr:before,
main section .panel.black hr:before,
main section .panel.dark hr:before {
  background: rgba(255,255,255,0.5);
}
main section.bg-black .btn.amarillo,
main section.bg-black .btn:not([href]).amarillo,
main section .panel.black .btn.amarillo,
main section .panel.black .btn:not([href]).amarillo,
main section .panel.dark .btn.amarillo,
main section .panel.dark .btn:not([href]).amarillo {
  color: #000000;
  background-color: #fff200;
}
main section.bg-black .btn.amarillo:hover,
main section.bg-black .btn:not([href]).amarillo:hover,
main section .panel.black .btn.amarillo:hover,
main section .panel.black .btn:not([href]).amarillo:hover,
main section .panel.dark .btn.amarillo:hover,
main section .panel.dark .btn:not([href]).amarillo:hover {
  color: #000000;
  background-color: #ffffff;
}
main section.bg-dark {
  color: #ffffff;
  background-color: transparent !important;
}
main section.bg-dark:before {
  background-color: #0b1522 !important;
}
main section.bg-dark h1,
main section.bg-dark .h1,
main section.bg-dark h2,
main section.bg-dark .h2,
main section.bg-dark h3,
main section.bg-dark .h3,
main section.bg-dark h4,
main section.bg-dark .h4,
main section.bg-dark h5,
main section.bg-dark .h5,
main section.bg-dark h6,
main section.bg-dark .h6,
main section.bg-dark p {
  color: #ffffff;
}
main section.bg-dark h1 .outline,
main section.bg-dark .h1 .outline,
main section.bg-dark h2 .outline,
main section.bg-dark .h2 .outline,
main section.bg-dark h3 .outline,
main section.bg-dark .h3 .outline,
main section.bg-dark h4 .outline,
main section.bg-dark .h4 .outline,
main section.bg-dark h5 .outline,
main section.bg-dark .h5 .outline,
main section.bg-dark h6 .outline,
main section.bg-dark .h6 .outline,
main section.bg-dark p .outline {
  -webkit-text-stroke-color: #ffffff;
}
main section.bg-gray:before {
  background-color: #f5f5f5;
}
main section.bg-white:before {
  background-color: #ffffff;
}
main section.bg-cabecera-video {
  height: 100vh;
  min-height: 650px;
  padding: 0;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000000;
  z-index: 1;
}
main section.bg-cabecera-video h1,
main section.bg-cabecera-video .h1,
main section.bg-cabecera-video h2,
main section.bg-cabecera-video .h2,
main section.bg-cabecera-video h3,
main section.bg-cabecera-video .h3,
main section.bg-cabecera-video h4,
main section.bg-cabecera-video .h4,
main section.bg-cabecera-video h5,
main section.bg-cabecera-video .h5,
main section.bg-cabecera-video h6,
main section.bg-cabecera-video .h6 {
  color: #ffffff;
  text-align: center;
  max-width: 80%;
  position: relative;
  top: 0;
  -webkit-transition: all 0.6s ease-out;
  -moz-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
}
main section.bg-cabecera-video h1 .outline,
main section.bg-cabecera-video .h1 .outline,
main section.bg-cabecera-video h2 .outline,
main section.bg-cabecera-video .h2 .outline,
main section.bg-cabecera-video h3 .outline,
main section.bg-cabecera-video .h3 .outline,
main section.bg-cabecera-video h4 .outline,
main section.bg-cabecera-video .h4 .outline,
main section.bg-cabecera-video h5 .outline,
main section.bg-cabecera-video .h5 .outline,
main section.bg-cabecera-video h6 .outline,
main section.bg-cabecera-video .h6 .outline {
  -webkit-text-stroke-color: #ffffff;
}
main section.bg-cabecera-video h6,
main section.bg-cabecera-video .h6 {
  max-width: 60%;
}
main section.bg-cabecera-video:before {
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  -webkit-transition: all 0.6s ease-out;
  -moz-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
}
main section.bg-cabecera-video.dark:before {
  background: rgba(0,0,0,0.4);
}
main section.bg-cabecera-video.blue:before {
  background: #1c609d;
  mix-blend-mode: multiply;
}
main section.bg-cabecera-video.gradient:before {
  background: linear-gradient(45deg,#009eff 25%,#fff200 100%);
  mix-blend-mode: multiply;
}
main section.bg-cabecera-video .inner-video {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
main section.bg-cabecera-video .inner-video .container,
main section.bg-cabecera-video .inner-video .container-fluid {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 170px;
  padding-bottom: 50px;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 9999;
}
main section.bg-cabecera-video .inner-video .texto {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
main section.bg-cabecera-video .inner-video .texto h1,
main section.bg-cabecera-video .inner-video .texto .h1 {
  margin-bottom: 30px;
}
main section.bg-cabecera-video .inner-video .texto p {
  font-weight: 300;
  margin-bottom: 0;
  max-width: 1000px;
}
main section.bg-cabecera-video .inner-video .slider {
  padding-left: 50px;
}
main section.bg-cabecera-video .inner-video .bg-video {
  overflow: hidden;
  position: fixed;
  z-index: 0;
  top: -80px;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: all 0.6s ease-out;
  -moz-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
}
main section.bg-cabecera-video .inner-video .bg-video .embed-container {
  overflow: hidden;
  position: absolute;
  z-index: 0;
  top: 50%;
  right: 0;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  padding-bottom: 0;
  height: 100%;
}
main section.bg-cabecera-video .inner-video .bg-video .embed-container iframe,
main section.bg-cabecera-video .inner-video .bg-video .embed-container video {
  top: 0;
  -webkit-transform: translate(-50%,0%);
  -moz-transform: translate(-50%,0%);
  transform: translate(-50%,0%);
}
main section.img-block [class^="col-"] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: relative;
}
main section.img-block [class^="col-"] .embed-container,
main section.img-block [class^="col-"] > img {
  border-radius: 16px;
}
main section.img-block [class^="col-"] .embed-container:not(.static),
main section.img-block [class^="col-"] > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  box-shadow: 0 0 50px rgba(0,0,0,0.1);
}
main section.img-block [class^="col-"].contain img {
  object-fit: contain;
  max-height: initial;
}
main section.img-block [class^="col-"] .txt.cita .perfil {
  margin-bottom: 20px;
}
main section.img-block [class^="col-"] .txt.cita .perfil .img {
  width: 25%;
  border-radius: 50%;
  position: relative;
}
main section.img-block [class^="col-"] .txt.cita .perfil .img:before {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  background: linear-gradient(45deg,#009eff,#fff200 100%);
  border-radius: 50%;
}
main section.img-block [class^="col-"] .txt.cita .perfil .img img {
  border-radius: 50%;
  border: solid 6px #ffffff;
}
main section.img-block [class^="col-"] .txt.cita .perfil .nombre {
  width: 75%;
}
main section.img-block [class^="col-"] .txt.cita .perfil .nombre h3,
main section.img-block [class^="col-"] .txt.cita .perfil .nombre h4,
main section.img-block [class^="col-"] .txt.cita .perfil .nombre h5 {
  margin-bottom: 5px;
}
main section.img-block [class^="col-"] .txt.cita > p {
  padding-left: calc(25% + 40px);
}
main section.img-block [class^="col-"] video {
  border-radius: 20px;
}
main section.img-block .txt {
  width: 100%;
  padding: 25px 8.33333333%;
  margin-left: auto;
  margin-right: auto;
}
main section.img-block .txt p:last-of-type,
main section.img-block .txt ul:last-of-type {
  margin-bottom: 0;
}
main section.img-block .txt.cita {
  padding: 0;
}
main section.img-bg img {
  position: relative;
  z-index: 0;
}
main section.img-bg .overlay-wrapper .overlay {
  padding: 8.33333% 50px;
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: calc(var(--bs-gutter-x) * 0.5);
  right: calc(var(--bs-gutter-x) * 0.5);
  display: flex;
  justify-content: center;
  align-items: flex-end;
  border-radius: 25px;
  background: -webkit-gradient(left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,#131313));
  background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,#131313 100%);
  background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,#131313 100%);
  background: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,#131313 100%);
  background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,#131313 100%);
}
main section.formulario {
  color: #ffffff;
}
main section.formulario h6,
main section.formulario .h6 {
  font-size: 70%;
}
main section.formulario .datos {
  color: #000000;
  position: sticky;
  top: 140px;
  padding-right: 160px;
  padding: 45px 8.333333%;
  border-radius: 25px;
  background: #ffffff;
}
main section.formulario .datos h3,
main section.formulario .datos .h3,
main section.formulario .datos h5,
main section.formulario .datos .h5 {
  color: #000000;
  line-height: 1.1;
  font-style: normal;
}
main section.formulario .datos h3,
main section.formulario .datos .h3 {
  margin-bottom: 30px;
}
main section.formulario .datos h5,
main section.formulario .datos .h5 {
  margin-bottom: 10px;
}
main section.formulario .datos p:not(.h2) {
  margin-bottom: 0;
}
main section.formulario .datos p:not(.h2) a:not(.btn) {
  color: #000000;
  display: inline-block;
  padding-bottom: 0;
  position: relative;
}
main section.formulario .datos p:not(.h2) a:not(.btn):hover {
  text-decoration: none;
}
main section.formulario .datos p:not(.h2) a:not(.btn):hover:after {
  transform: scaleX(1);
  transform-origin: bottom left;
}
main section.formulario .datos p:not(.h2) a:not(.btn):after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #000000;
  transform-origin: bottom right;
  -webkit-transition: transform 0.25s ease-out;
  -moz-transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
}
main section.formulario .datos hr {
  margin-top: 20px;
  margin-bottom: 20px;
}
main section.formulario .txt >* {
  max-width: initial;
}
main section.formulario .txt form,
main section.formulario .txt .form {
  max-width: initial;
}
main section.slider {
  height: calc(100vh - 80px);
  min-height: 550px;
  position: relative;
  padding: 0;
}
main section.slider .txt {
  position: absolute;
  z-index: 2;
  top: 75px;
  right: 0;
  bottom: 75px;
  left: 0;
}
main section.slider .txt .container,
main section.slider .txt .container-fluid {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding-top: 25px;
  padding-bottom: 25px;
}
main section.slider .txt .container h1,
main section.slider .txt .container-fluid h1 {
  color: #ffffff;
  margin-bottom: 0;
}
main section.slider .slick.hero {
  height: 100%;
  position: relative;
  z-index: 1;
}
main section.slider .slick.hero:before {
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  -webkit-transition: all 0.6s ease-out;
  -moz-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
}
main section.cta {
  text-align: center;
  background-image: url('../recursos/imagenes/bg-4.jpg');
  background-repeat: no-repeat;
  background-position: left top;
  background-size: cover;
  background-attachment: fixed;
}
main section.cta:before {
  background-color: rgba(0,0,0,0.5);
}
main section.cta h1,
main section.cta .h1,
main section.cta h2,
main section.cta .h2,
main section.cta h3,
main section.cta .h3,
main section.cta h4,
main section.cta .h4,
main section.cta h5,
main section.cta .h5,
main section.cta h6,
main section.cta .h6,
main section.cta p {
  color: #ffffff;
}
main section.listado .faq-wrapper .wrapper-item {
  font-weight: 400;
  padding: 15px 0;
  margin-bottom: 4px;
  background: #dadce0;
}
main section.listado .faq-wrapper .wrapper-item.first {
  border-radius: 16px 16px 0 0;
}
main section.listado .faq-wrapper .wrapper-item.last {
  border-radius: 0 0 16px 16px;
}
main section.listado .faq-wrapper .wrapper-item .item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: nowrap;
}
main section.listado .faq-wrapper .wrapper-item .item h6,
main section.listado .faq-wrapper .wrapper-item .item .h6 {
  font-weight: 600;
}
main section.listado .faq-wrapper .wrapper-item .item > div {
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 10px;
  margin-right: 10px;
}
main section.listado .faq-wrapper .wrapper-item .item > div:last-of-type {
  margin-right: 5px;
}
main section.listado .faq-wrapper .wrapper-item .toggle-inner {
  padding: 10px 80px 1px 20px;
}
main section.listado .faq-wrapper .wrapper-item .toggle-inner p:last-of-type {
  margin-bottom: 10px;
}
main section.contacto form input[type="text"],
main section.contacto form input[type="email"],
main section.contacto form input[type="number"],
main section.contacto form input[type="password"],
main section.contacto form textarea,
main section.contacto .form input[type="text"],
main section.contacto .form input[type="email"],
main section.contacto .form input[type="number"],
main section.contacto .form input[type="password"],
main section.contacto .form textarea {
  background-color: rgba(255,255,255,0.1);
}
main section .bg-cover {
  background-size: cover;
  position: relative;
}
main section .bg-cover.blue:before {
  content: '';
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #1c609d;
  mix-blend-mode: multiply;
}
main section .bg-cover.blue .txt {
  color: #ffffff;
  position: relative;
  z-index: 1;
}
main section .bg-cover.blue .txt h1,
main section .bg-cover.blue .txt .h1,
main section .bg-cover.blue .txt h2,
main section .bg-cover.blue .txt .h2,
main section .bg-cover.blue .txt h3,
main section .bg-cover.blue .txt .h3,
main section .bg-cover.blue .txt h4,
main section .bg-cover.blue .txt .h4,
main section .bg-cover.blue .txt h5,
main section .bg-cover.blue .txt .h5,
main section .bg-cover.blue .txt h6,
main section .bg-cover.blue .txt .h6,
main section .bg-cover.blue .txt ul.arrow > li:before {
  color: #ffffff;
}
main section .bg-cover.dark:before {
  content: '';
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.7);
}
main section .bg-cover.dark .txt {
  color: #ffffff;
  position: relative;
  z-index: 1;
}
main section .bg-cover.dark .txt h1,
main section .bg-cover.dark .txt .h1,
main section .bg-cover.dark .txt h2,
main section .bg-cover.dark .txt .h2,
main section .bg-cover.dark .txt h3,
main section .bg-cover.dark .txt .h3,
main section .bg-cover.dark .txt h4,
main section .bg-cover.dark .txt .h4,
main section .bg-cover.dark .txt h5,
main section .bg-cover.dark .txt .h5,
main section .bg-cover.dark .txt h6,
main section .bg-cover.dark .txt .h6,
main section .bg-cover.dark .txt ul.arrow > li:before {
  color: #ffffff;
}
main section .bg-cover.clear {
  color: #000000;
}
main section .bg-cover.clear:before {
  content: '';
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255,255,255,0.5);
}
main section .bg-cover.fixed {
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
main section .header-logos {
  text-align: center;
}
main section .header-logos h3,
main section .header-logos .h3,
main section .header-logos h4,
main section .header-logos .h4 {
  line-height: 1;
}
main section .header-logos h3 span,
main section .header-logos .h3 span,
main section .header-logos h4 span,
main section .header-logos .h4 span {
  display: block;
}
main section .header-logos h3 img,
main section .header-logos .h3 img,
main section .header-logos h4 img,
main section .header-logos .h4 img {
  height: 35px;
  position: relative;
  top: -5px;
  left: 15px;
}
main section .lista-logos {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  width: calc(100% + 40px);
  margin: 0 -20px;
}
main section .lista-logos > .panel-logo {
  width: 100%;
  max-width: calc(16.666666666667%);
  padding: 0 20px;
}
main section .lista-logos > .panel-logo .height-25 {
  max-height: 25px;
}
main section .lista-logos > .panel-logo .height-30 {
  max-height: 30px;
}
main section .lista-logos > .panel-logo .height-35 {
  max-height: 35px;
}
main section .lista-logos > .panel-logo .height-40 {
  max-height: 40px;
}
main section .lista-logos.cols-5 > .panel-logo {
  max-width: 20%;
}
main section .lista-logos > .panel-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;
}
main section .lista-logos > .panel-logo img {
  max-height: 45px;
  width: 100%;
  max-width: 230px;
}
main section .panel {
  padding: 80px 60px;
  border-radius: 24px;
  position: relative;
}
main section .panel > * {
  position: relative;
  z-index: 1;
}
main section .panel:before {
  content: '';
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 24px;
  background-color: rgba(255,255,255,0.1);
}
main section .panel.black:before {
  background-color: #0b1522;
}
main section .panel.dark h2,
main section .panel.dark .h2 {
  background: linear-gradient(45deg,#009eff,#fff200 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
main section .panel.dark:before {
  background-color: #0b1522;
}
main section .panel.gray:before {
  background-color: #999999;
}
main section .panel.white:before {
  background-color: rgba(255,255,255,0.9);
}
main section .panel h5,
main section .panel .h5,
main section .panel h6,
main section .panel .h6 {
  font-weight: 600;
}
main section .panel-ic {
  color: #2a2a2a;
  height: 100%;
  margin-bottom: 50px;
}
main section .panel-ic i {
  font-size: 8rem;
  line-height: 1;
  display: inline-flex;
  height: 80px;
  margin-top: 5px;
  margin-bottom: 25px;
  background: linear-gradient(45deg,#009eff,#fff200 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
main section .panel-ic i.fa-microchip-ai {
  transform: scaleX(-1);
  background: linear-gradient(135deg,#fff200,#009eff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
main section .panel-ic p:last-of-type {
  margin-bottom: 0;
}
main section .panel-plan {
  font-size: 1.8rem;
  line-height: 1.25;
  font-weight: 400;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  padding: 30px;
  background-color: rgba(255,255,255,0.1);
  border-radius: 16px;
  position: relative;
}
main section .panel-plan:before {
  content: '';
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 16px;
}
main section .panel-plan >* {
  position: relative;
  z-index: 1;
}
main section .panel-plan h1,
main section .panel-plan .h1,
main section .panel-plan h2,
main section .panel-plan .h2,
main section .panel-plan h3,
main section .panel-plan .h3,
main section .panel-plan h4,
main section .panel-plan .h4,
main section .panel-plan h5,
main section .panel-plan .h5,
main section .panel-plan h6,
main section .panel-plan .h6,
main section .panel-plan p {
  color: #ffffff !important;
}
main section .panel-plan hr {
  margin-top: 15px;
  margin-bottom: 15px;
}
main section .panel-plan hr:before {
  background: rgba(255,255,255,0.5) !important;
}
main section .panel-plan p {
  margin-bottom: 15px;
}
main section .panel-plan ul.arrow {
  margin-bottom: 50px;
}
main section .panel-plan ul.arrow > li:before {
  font-weight: 400;
  color: #ffffff !important;
}
main section .panel-plan .precio {
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  display: block;
  width: 100%;
  padding: 5px 10px 10px;
  margin: 10px 0 30px;
  border-radius: 8px;
  background-color: rgba(255,255,255,0.1);
}
main section .panel-plan .precio small {
  font-size: 60%;
}
main section .panel-plan.early {
  color: #ffffff !important;
  background-color: #0e1c2e;
}
main section .panel-plan.early h1,
main section .panel-plan.early .h1,
main section .panel-plan.early h2,
main section .panel-plan.early .h2,
main section .panel-plan.early h3,
main section .panel-plan.early .h3,
main section .panel-plan.early h4,
main section .panel-plan.early .h4,
main section .panel-plan.early h5,
main section .panel-plan.early .h5,
main section .panel-plan.early h6,
main section .panel-plan.early .h6,
main section .panel-plan.early p {
  color: #ffffff !important;
}
main section .panel-plan.early hr:before {
  background: rgba(255,255,255,0.5) !important;
}
main section .panel-plan.enterprise {
  color: #ffffff !important;
  background: linear-gradient(45deg,#009eff,#fff200 100%);
}
main section .panel-plan.enterprise:before {
  background: rgba(0,0,0,0.6);
}
main section .panel-plan.enterprise h1,
main section .panel-plan.enterprise .h1,
main section .panel-plan.enterprise h2,
main section .panel-plan.enterprise .h2,
main section .panel-plan.enterprise h3,
main section .panel-plan.enterprise .h3,
main section .panel-plan.enterprise h4,
main section .panel-plan.enterprise .h4,
main section .panel-plan.enterprise h5,
main section .panel-plan.enterprise .h5,
main section .panel-plan.enterprise h6,
main section .panel-plan.enterprise .h6,
main section .panel-plan.enterprise p {
  color: #ffffff !important;
}
main section .panel-plan.enterprise ul.arrow > li:before {
  font-weight: 400;
  color: #ffffff !important;
}
main section .panel-plan.enterprise hr:before {
  background: rgba(255,255,255,0.5) !important;
}
main section .panel-col {
  padding: 25px 25px;
  height: 100%;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 0 50px rgba(0,0,0,0.1);
}
main section .panel-col h5,
main section .panel-col .h5 {
  font-weight: 400;
  min-height: 80px;
  margin: 0 0 5px;
}
main section .panel-col .btn,
main section .panel-col .btn:not([href]) {
  margin-top: 10px;
}
main section .panel-col > .img {
  height: 200px;
  overflow: hidden;
  margin-left: -25px;
  margin-right: -25px;
  margin-bottom: 20px;
}
main section .panel-col > .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
main section .panel-col > .txt {
  display: flex;
  justify-content: space-between;
}
main section .panel-col > .txt > div:first-of-type {
  padding-right: 20px;
}
main section .panel-col.cover {
  padding-top: 0;
}
main section .panel-col.cover > .img {
  height: 225px;
}
main section .panel-col.cover > .img img {
  object-fit: cover;
}
#prueba-gratuita {
  padding-top: 15vh;
}
footer {
  line-height: 1.2;
  color: #999999;
  position: relative;
  z-index: 1;
  background-color: #0b1522;
}
footer a.logo {
  display: inline-block;
  height: 70px;
  margin-bottom: 50px;
  padding-bottom: 0;
}
footer a.logo img {
  max-width: 100%;
  max-height: 100%;
}
footer a.logo:after {
  display: none;
}
footer a {
  color: #ffffff;
  display: inline-block;
  padding-bottom: 2px;
  position: relative;
}
footer a:hover {
  color: #ffffff;
  text-decoration: none;
}
footer a:hover:after {
  transform: scaleX(1);
  transform-origin: bottom left;
}
footer a:after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
  transform-origin: bottom right;
  -webkit-transition: transform 0.25s ease-out;
  -moz-transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
}
footer hr {
  width: 100%;
  background-color: #333333;
  opacity: 0.5;
}
footer hr:before {
  background: #333333;
}
footer ul.menu-footer {
  font-family: 'Barlow Semi Condensed', Helvetica, Arial, sans-serif;
  font-style: italic;
  -moz-column-count: 3;
  -moz-column-gap: 30px;
  -webkit-column-count: 3;
  -webkit-column-gap: 30px;
  column-count: 3;
  column-gap: 30px;
}
footer ul.menu-footer li {
  margin-bottom: 20px;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
footer ul.menu-footer li a {
  display: inline-block;
  padding-bottom: 3px;
  position: relative;
}
footer ul.menu-footer li a:hover {
  text-decoration: none;
}
footer ul.menu-footer li a:hover:after {
  transform: scaleX(1);
  transform-origin: bottom left;
}
footer ul.menu-footer li a:after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #009eff;
  transform-origin: bottom right;
  -webkit-transition: transform 0.25s ease-out;
  -moz-transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
}
footer .top {
  padding-top: 80px;
  padding-bottom: 20px;
  position: relative;
  z-index: 1;
}
footer .bottom {
  padding-bottom: 30px;
  position: relative;
  z-index: 1;
  border-top: solid 1px rgba(255,255,255,0.1);
}
footer .bottom .closing {
  font-size: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 20px;
}
footer .bottom .closing div:last-of-type {
  text-align: right;
}
@media screen and (max-width: 1599px) {
  h1,
  .h1 {
    font-size: 7.2rem;
  }
  h2,
  .h2 {
    font-size: 5.2rem;
  }
  h3,
  .h3 {
    font-size: 4rem;
  }
  h4,
  .h4 {
    font-size: 3.2rem;
  }
  h5,
  .h5 {
    font-size: 2.4rem;
  }
  h6,
  .h6 {
    font-size: 2rem;
  }
  main section.bg-half .txt,
  main section.img-block .txt,
  main section.img-bg .txt {
    padding: 35px 75px;
  }
  main section .header-logos h3 img,
  main section .header-logos .h3 img,
  main section .header-logos h4 img,
  main section .header-logos .h4 img {
    height: 28px;
    top: -4px;
  }
}
@media screen and (max-width: 1399.98px) {
  .container-fluid {
    padding-left: 70px;
    padding-right: 70px;
  }
  h1,
  .h1 {
    font-size: 6.4rem;
  }
  h2,
  .h2 {
    font-size: 4.4rem;
  }
  form.calculadora,
  .form.calculadora {
    padding: 60px 40px;
  }
  main section {
    padding-top: 125px;
    padding-bottom: 125px;
  }
  main section.img-bg .overlay-wrapper .overlay {
    padding: 8.33333% 25px;
  }
  main section.bg-half .txt,
  main section.img-block .txt,
  main section.img-bg .txt {
    width: 100%;
    padding: 25px 50px;
    margin-left: auto;
    margin-right: auto;
  }
  main section .panel-col h5,
  main section .panel-col .h5 {
    min-height: 90px;
  }
  main section .panel-col .btn,
  main section .panel-col .btn:not([href]) {
    margin-top: 0;
  }
  main section .panel {
    padding: 60px 40px;
  }
  main section .panel-bg {
    padding: 45px 25px 35px;
  }
  footer a.logo {
    height: 30px;
  }
}
@media screen and (max-width: 1199.98px) {
  .container-fluid {
    padding-left: 35px;
    padding-right: 35px;
  }
  .container-fluid .bg-cover {
    margin-left: -35px;
    margin-right: -35px;
    padding-left: 35px;
    padding-right: 35px;
  }
  .slick .slick-list .slick-track .slick-slide .txt {
    top: initial;
    max-width: calc(100% - 100px);
  }
  .tit-bg h3,
  .tit-bg .h3 {
    font-size: 5rem;
  }
  .btn,
  .btn:not([href]) {
    font-size: 1.8rem;
    margin-top: 30px;
  }
  h1,
  .h1 {
    font-size: 4.8rem;
  }
  form.calculadora,
  .form.calculadora {
    padding: 50px 30px;
  }
  header #header .menu nav {
    font-size: 2rem;
  }
  header #header .menu nav >ul >li {
    padding: 0 15px;
  }
  header #header .der .selector-idioma>a {
    font-size: 2rem;
  }
  header ::-webkit-scrollbar-track {
    background-color: transparent;
  }
  header ::-webkit-scrollbar-thumb {
    background-color: #009eff;
  }
  header ::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: transparent;
  }
  header ::-moz-scrollbar-track {
    background-color: transparent;
  }
  header ::-moz-scrollbar-thumb {
    background-color: #009eff;
  }
  header ::-moz-scrollbar {
    width: 4px;
    height: 4px;
    background-color: transparent;
  }
  main section {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  main section.md {
    padding-top: 50px;
  }
  main section.md.top {
    padding-top: 50px;
    padding-bottom: 100px;
  }
  main section.md.bottom {
    padding-top: 100px;
    padding-bottom: 50px;
  }
  main section.img-bg .overlay-wrapper {
    max-height: 550px;
  }
  main section.bg-half .txt,
  main section.img-block .txt,
  main section.img-bg .txt {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  main section.img-bg .overlay-wrapper .overlay .materiales >div img,
  main section .panel-info-bg-img .materiales >div img,
  main section .panel-materiales-bg-img .materiales >div img {
    max-width: 70px;
  }
  main section .panel {
    padding: 50px 30px;
  }
  main section .panel-bg {
    height: calc(80vh - 200px);
    min-height: 350px;
    padding: 40px 20px 30px;
  }
  main section .panel-bg .inner h2,
  main section .panel-bg .inner .h2 {
    font-size: 3.7rem;
  }
}
@media screen and (max-width: 991.98px) {
  .slick-dots li {
    margin-right: 20px;
  }
  .slick-dots li button {
    width: 20px;
    height: 20px;
    border-radius: 10px;
  }
  .slick-dots li.slick-active button {
    width: 40px;
  }
  .container-fluid {
    padding-left: 25px;
    padding-right: 25px;
  }
  .container-fluid .bg-cover {
    margin-left: -25px;
    margin-right: -25px;
    padding-left: 25px;
    padding-right: 25px;
  }
  .desktop-hidden {
    display: block !important;
  }
  .mobile-hidden {
    display: none !important;
  }
  .grid-item {
    width: 50%;
  }
  .tit-bg h3,
  .tit-bg .h3 {
    font-size: 4rem;
  }
  header #header {
    display: none;
  }
  header #header-mobile {
    display: block;
  }
  main section.slider .txt .container,
  main section.slider .txt .container-fluid {
    justify-content: flex-end;
    padding-top: 25px;
    padding-bottom: 25px;
  }
  main section.bg-cabecera-video h1,
  main section.bg-cabecera-video .h1,
  main section.bg-cabecera-video h2,
  main section.bg-cabecera-video .h2,
  main section.bg-cabecera-video h3,
  main section.bg-cabecera-video .h3,
  main section.bg-cabecera-video h4,
  main section.bg-cabecera-video .h4,
  main section.bg-cabecera-video h5,
  main section.bg-cabecera-video .h5,
  main section.bg-cabecera-video h6,
  main section.bg-cabecera-video .h6 {
    -webkit-text-stroke-width: 0.5px;
  }
  main section.bg-cabecera-video .inner-video .container,
  main section.bg-cabecera-video .inner-video .container-fluid {
    padding-top: 100px;
    padding-bottom: 100px;
    justify-content: flex-end;
  }
  main section.bg-half .txt,
  main section.img-block .txt,
  main section.img-bg .txt {
    padding: 50px 0;
  }
  main section.bg-half .bg-cover .txt,
  main section.img-block .bg-cover .txt,
  main section.img-bg .bg-cover .txt {
    padding: 75px 0;
  }
  main section.img-block [class^="col-"] img,
  main section.img-bg [class^="col-"] img {
    max-height: 400px;
    border-radius: 15px;
  }
  main section.img-block [class^="col-"].overlay-wrapper img,
  main section.img-bg [class^="col-"].overlay-wrapper img {
    max-height: initial;
  }
  main section .lista-logos > .panel-logo {
    max-width: calc(33.333333333333%);
    height: 150px;
  }
  main section .panel-bg {
    margin: 0 0 20px 0;
  }
  main section .panel-bg:before {
    background-color: rgba(0,0,0,0.5);
  }
  main section .panel-bg:after {
    opacity: 0.8;
    visibility: visible;
  }
  main section .panel-bg img {
    -webkit-filter: #000000;
    filter: #000000;
  }
  main section .panel-bg .inner h2,
  main section .panel-bg .inner .h2 {
    letter-spacing: 1px;
    color: #009eff;
    -webkit-text-stroke-color: #009eff;
    -webkit-text-fill-color: #009eff;
    -webkit-text-stroke-width: 0;
  }
  main section .panel-bg .inner .bottom .h5 {
    color: #ffffff;
  }
  main section .panel-bg .inner .bottom .btn {
    opacity: 1;
    margin-top: 50px;
  }
  main section .panel-bg:hover:before,
  main section .panel-bg:focus:before {
    background-color: rgba(0,0,0,0.5);
  }
  main section .panel-bg:hover:after,
  main section .panel-bg:focus:after {
    opacity: 0.8;
    visibility: visible;
  }
  main section .panel-bg:hover img,
  main section .panel-bg:focus img {
    -webkit-filter: #000000;
    filter: #000000;
  }
  main section .panel-bg:hover .inner .h2,
  main section .panel-bg:focus .inner .h2 {
    letter-spacing: 1px;
    color: #009eff;
    -webkit-text-stroke-color: #009eff;
    -webkit-text-fill-color: #009eff;
    -webkit-text-stroke-width: 0;
  }
  main section .panel-bg:hover .inner .bottom .h5,
  main section .panel-bg:focus .inner .bottom .h5 {
    color: #ffffff;
  }
  main section .panel-bg:hover .inner .bottom .btn,
  main section .panel-bg:focus .inner .bottom .btn {
    opacity: 1;
    margin-top: 50px;
  }
  footer a.logo {
    height: 44px;
    margin-bottom: 20px;
  }
  footer .bottom {
    padding-bottom: 10px;
  }
  footer .bottom .closing {
    width: 100%;
    flex-direction: column;
    align-items: center;
  }
  footer .bottom .closing div {
    width: 100%;
    text-align: center;
  }
  footer .bottom .closing div:first-of-type {
    border-bottom: solid 1px rgba(128,128,128,0.5);
    margin-bottom: 30px;
    padding-bottom: 10px;
  }
  footer .bottom .closing div:last-of-type {
    text-align: center;
  }
}
@media screen and (max-width: 767.98px) {
  #cookies {
    width: 90%;
  }
  
  ::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    border-radius: 2px;
  }
  ::-moz-scrollbar {
    width: 4px;
    height: 4px;
    border-radius: 2px;
  }
  .formulario-fancybox {
    padding: 0;
  }
  .formulario-fancybox >div {
    padding: 30px 20px;
  }
  .scroll.subir {
    bottom: -50px;
  }
  .mouse-scroll {
    display: none !important;
  }
  h1,
  .h1,
  h2,
  .h2,
  h3,
  .h3,
  h4,
  .h4 {
    margin-bottom: 30px;
  }
  h5,
  .h5,
  h6,
  .h6 {
    margin-bottom: 10px;
  }
  h1,
  .h1 {
    font-size: 4rem;
  }
  h2,
  .h2 {
    font-size: 3.6rem;
  }
  h3,
  .h3 {
    font-size: 3.2rem;
  }
  h4,
  .h4 {
    font-size: 2.8rem;
  }
  form .input-field >label {
    font-size: 1.8rem;
  }
  header #header-mobile #title-mobile {
    padding: 0 25px;
  }
  main section {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  main section.md {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  main section.md.top {
    padding-top: 35px;
    padding-bottom: 75px;
  }
  main section.md.bottom {
    padding-top: 75px;
    padding-bottom: 35px;
  }
  main section.bg-cabecera-video {
    height: calc(100vh - 180px);
    min-height: 600px;
  }
  main section.bg-cabecera-video .inner-video .slider {
    display: none;
  }
  main section.bg-cabecera-video .inner-video .container,
  main section.bg-cabecera-video .inner-video .container-fluid {
    padding-bottom: 75px;
  }
  main section.slider {
    height: calc(100vh - 180px);
    min-height: 350px;
  }
  main section.img-bg .overlay-wrapper {
    max-height: initial;
  }
  main section.img-block [class^="col-"] > img {
    width: 100vw;
    max-width: initial;
    border-radius: 0;
    position: relative;
    left: -25px;
    right: -25px;
  }
  main section.img-block [class^="col-"] .txt.cita .perfil .img:before {
    top: -4px;
    right: -4px;
    bottom: -4px;
    left: -4px;
  }
  main section.img-block [class^="col-"] .txt.cita .perfil .img img {
    border-width: 4px;
  }
  main section.img-block [class^="col-"] img,
  main section.img-bg [class^="col-"] img {
    max-height: 350px;
  }
  main section .header-logos h3 img,
  main section .header-logos .h3 img,
  main section .header-logos h4 img,
  main section .header-logos .h4 img {
    height: 24px;
    top: -3px;
  }
  main section .panel-plan {
    padding: 25px;
  }
}
@media screen and (max-width: 575.98px) {
  .slick.hero-inner .slick-list .slick-track .slick-slide {
    min-width: calc(100vw - 20px);
  }
  .slick.hero-inner .slick-list .slick-track .slick-slide img {
    max-width: 275px;
    max-height: 275px;
    width: initial;
  }
  .slick.hero-inner .slick-dots {
    margin-top: 30px;
  }
  .smartphone {
    display: block !important;
  }
  .grid-item {
    width: 100%;
  }
  .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
  .btn.lg,
  .btn:not([href]).lg {
    font-size: 1.8rem;
    height: 48px;
    min-width: 180px;
    padding: 0 35px;
  }
  .btn.desplegar,
  .btn:not([href]).desplegar {
    color: #000000;
    background-color: rgba(0,0,0,0.1);
  }
  body {
    font-size: 1.8rem;
  }
  form.calculadora {
    padding: 30px 20px;
  }
  form.calculadora .inputs {
    padding: 0;
    background-color: transparent;
  }
  ul.paginacion li {
    padding-left: 5px;
    padding-right: 5px;
  }
  h1,
  .h1 {
    font-size: 3.2rem;
  }
  h2,
  .h2 {
    font-size: 3.2rem;
  }
  h3,
  .h3 {
    font-size: 2.8rem;
  }
  h4,
  .h4 {
    font-size: 2.4rem;
  }
  h1 i,
  .h1 i,
  h2 i,
  .h2 i,
  h3 i,
  .h3 i,
  h4 i,
  .h4 i,
  h5 i,
  .h5 i,
  h6 i,
  .h6 i {
    font-size: 80%;
  }
  header #header-mobile #title-mobile {
    padding-left: 15px;
    padding-right: 15px;
  }
  main section.bg-cabecera-video .inner-video .container,
  main section.bg-cabecera-video .inner-video .container-fluid {
    position: relative;
    top: initial;
    left: initial;
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    transform: translate(0,0);
  }
  main section.listado .faq-wrapper .wrapper-item {
    color: #111111;
    margin-bottom: 10px;
    background: transparent;
    border-radius: 0;
    border-top: solid 1px rgba(0,0,0,0.2);
  }
  main section.listado .faq-wrapper .wrapper-item.first {
    border-top: none;
  }
  main section.listado .faq-wrapper .wrapper-item .item h6,
  main section.listado .faq-wrapper .wrapper-item .item .h6 {
    color: #111111;
  }
  main section.listado .faq-wrapper .wrapper-item .item > div {
    padding: 0;
    margin: 0;
  }
  main section.listado .faq-wrapper .wrapper-item .item > div:last-of-type {
    margin-left: 25px;
  }
  main section.listado .faq-wrapper .wrapper-item .toggle-inner {
    padding: 20px 0 1px 0;
  }
  main section.img-block [class^="col-"] .txt.cita > p {
    padding-left: 0;
  }
  main section.img-block [class^="col-"] img,
  main section.img-bg [class^="col-"] img {
    max-height: 300px;
    left: -15px;
    right: -15px;
  }
  main section .header-logos h3 img,
  main section .header-logos .h3 img,
  main section .header-logos h4 img,
  main section .header-logos .h4 img {
    height: 22px;
    top: 0;
    left: 0;
    margin-top: 10px;
  }
  main section .lista-logos > .panel-logo {
    max-width: 50%;
    height: 120px;
    padding: 0 35px;
  }
  main section .lista-logos > .panel-logo img {
    max-height: 35px;
    max-width: 120px;
  }
  main section .lista-logos > .panel-logo .sm-height-20 {
    height: 20px;
  }
  main section .lista-logos > .panel-logo .sm-height-25 {
    height: 25px;
  }
  main section .lista-logos > .panel-logo .sm-height-30 {
    height: 30px;
  }
  main section .lista-logos > .panel-logo .sm-height-35 {
    height: 35px;
  }
  main section .panel {
    padding: 40px 20px;
  }
  main section .panel-plan {
    padding: 20px 15px;
  }
  main section .panel-plan .precio {
    font-size: 2.8rem;
  }
  main section .panel-col h5,
  main section .panel-col .h5 {
    min-height: initial;
    margin-bottom: 40px;
  }
  main section .panel-ic i {
    font-size: 6rem;
    height: 60px;
  }
  footer .top {
    padding-top: 60px;
  }
  footer .bottom .closing {
    font-size: 1.4rem;
  }
}
.mouse-scroll {
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 40px;
  color: #ffffff;
  text-decoration: none;
  position: absolute;
  bottom: 30px;
  z-index: 9999;
  display: block;
  width: 24px;
  height: 40px;
  opacity: 0.3;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.mouse-scroll.oculto {
  opacity: 0;
  visibility: hidden;
}
.mouse-scroll.subir {
  color: #ffffff;
  padding: 0;
  opacity: 0.5;
  bottom: -40px;
}
.mouse-scroll.subir:hover {
  color: #ffffff;
  opacity: 1;
}
.mouse-scroll.subir:focus,
.mouse-scroll.subir:active {
  color: #ffffff;
}
.mouse-scroll.subir:before,
.mouse-scroll.subir:after {
  display: none;
}
.mouse-scroll:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 40px;
  border: 2px solid #ffffff;
  border-radius: 12px;
}
.mouse-scroll:after {
  display: block;
  position: absolute;
  top: 9px;
  left: 11px;
  width: 2px;
  height: 8px;
  border-radius: 2px;
  background: #ffffff;
  content: "";
  animation-name: scroll-down;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-delay: 2s;
}
.mouse-scroll:hover {
  color: #ffffff;
  text-decoration: none;
}
.mouse-scroll:focus,
.mouse-scroll:active {
  color: #ffffff;
}
.mouse-scroll:hover {
  opacity: 1;
}
@-webkit-keyframes scroll-down {
  0% {
    opacity: 1;
    height: 8px;
  }
  20% {
    opacity: 1;
    height: 8px;
  }
  30% {
    transform: translateY(0);
    opacity: 1;
    height: 19px;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translateY(19px);
    opacity: 0;
    height: 0;
  }
  81% {
    transform: translateY(0);
    opacity: 0;
    height: 8px;
  }
  100% {
    opacity: 1;
    height: 8px;
  }
}
@-moz-keyframes scroll-down {
  0% {
    opacity: 1;
    height: 8px;
  }
  20% {
    opacity: 1;
    height: 8px;
  }
  30% {
    transform: translateY(0);
    opacity: 1;
    height: 19px;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translateY(19px);
    opacity: 0;
    height: 0;
  }
  81% {
    transform: translateY(0);
    opacity: 0;
    height: 8px;
  }
  100% {
    opacity: 1;
    height: 8px;
  }
}
@-o-keyframes scroll-down {
  0% {
    opacity: 1;
    height: 8px;
  }
  20% {
    opacity: 1;
    height: 8px;
  }
  30% {
    transform: translateY(0);
    opacity: 1;
    height: 19px;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translateY(19px);
    opacity: 0;
    height: 0;
  }
  81% {
    transform: translateY(0);
    opacity: 0;
    height: 8px;
  }
  100% {
    opacity: 1;
    height: 8px;
  }
}
@keyframes scroll-down {
  0% {
    opacity: 1;
    height: 8px;
  }
  20% {
    opacity: 1;
    height: 8px;
  }
  30% {
    transform: translateY(0);
    opacity: 1;
    height: 19px;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translateY(19px);
    opacity: 0;
    height: 0;
  }
  81% {
    transform: translateY(0);
    opacity: 0;
    height: 8px;
  }
  100% {
    opacity: 1;
    height: 8px;
  }
}
@media print {
  a[href]:after {
    content: none !important;
  }
}