body {
  color: #0c192b;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  line-height: 1.25em;
  margin: 0;
}
@media (max-width: 767px) {
  body {
    font-size: 16px;
    overflow-x: hidden;
  }
}
.bold {
  font-weight: 700;
}
.max-width-text {
  margin-left: 0;
  max-width: 900px;
}
.blend-mode {
  mix-blend-mode: multiply;
}
p,
ul > li {
  line-height: 1.5em;
}
p b,
p strong {
  font-weight: 600;
}
.overflow-x {
  overflow-x: hidden;
}
.max-960 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 960px;
}
.no-max-height {
  max-height: none !important;
}
a,
a:hover,
button,
button:hover {
  text-decoration: none;
}
a {
  color: #004cac;
  font-weight: 700;
}
a,
a:hover {
  text-decoration: underline;
}
a:hover {
  color: #3ab5e4;
}
.a-primary:hover {
  color: #3ab5e4;
  text-decoration: none;
}
.a-primary > i {
  left: 0;
  position: relative;
  transition: 0.2s;
}
.a-primary:hover > i {
  left: 5px;
}
.center-text {
  text-align: center !important;
}
.bold-text {
  font-weight: 600;
}
.aquasaindescalcificadoresinhibidores .container > h4 {
  font-size: 28px;
  font-weight: 600;
  line-height: 1.35em;
  margin: 0 0 50px;
}
.red-title {
  color: #c33f27;
}
h1 {
  font-size: 45px;
  font-weight: 400;
  line-height: 1.25em;
}
@media (max-width: 1919px) {
  h1 {
    font-size: 40px;
  }
}
h2 {
  color: #004cac;
  font-size: 40px;
  font-weight: 500;
  line-height: 1.1em;
  margin: 0 auto 20px;
}
h2.h4 {
  color: #0c192b;
}
.container.beneficios h3.txt-introd,
h2.txt-introd {
  color: #0c192b;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.35em;
  margin: 20px 0 30px;
}
@media (max-width: 1919px) {
  h2 {
    font-size: 36px;
  }
}
h3 {
  font-size: 40px;
  font-weight: 600;
  line-height: 1.25em;
  margin-top: 0;
  max-width: 900px;
}
@media (max-width: 1919px) {
  h3 {
    font-size: 34px;
  }
}
h3 > b {
  font-weight: 700;
}
h3.especial {
  font-size: 30px;
  font-weight: 600 !important;
  margin: 20px 0 !important;
  text-align: left !important;
}
@media (max-width: 1919px) {
  .descalcificadoraguaaquasaincomofunciona h3.especial,
  h3.especial {
    font-size: 28px;
  }
}
.descalcificadoraguaaquasaincomofunciona h3.especial {
  font-size: 30px;
  font-weight: 600 !important;
  margin: 20px 0 !important;
  text-align: left !important;
}
.descalcificadoraguaaquasaincomofunciona .container-no-top.imagenes {
  padding: 0 30px;
}
@media (max-width: 1919px) {
  .descalcificadoraguaaquasaincomofunciona h3.especial {
    font-size: 28px;
  }
}
.h4,
.subtitulo,
h4 {
  font-size: 28px;
  font-weight: 500;
  line-height: 1.35em;
  margin: 20px auto 30px;
}
@media (max-width: 1919px) {
  .h4,
  .subtitulo,
  h4 {
    font-size: 24px;
  }
}
h4.no-center {
  margin: 0 0 20px;
}
h5,
p.h5 {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.25em;
  margin: 0 0 10px !important;
}
.intro-text {
  display: block;
  font-size: 21px;
  line-height: 1.5em;
  margin: 30px auto 50px;
  max-width: 960px;
}
@media (max-width: 1919px) {
  .intro-text {
    font-size: 20px;
  }
}
.xs-text {
  font-size: 15px;
}
.blue-title {
  color: #004cac;
}
.btn-primary {
  background: #64bf17;
  border: none;
  border-radius: 30px;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  margin: 50px 0 0;
  padding: 15px 50px;
  text-decoration: none;
  transform: scale(1);
  transition: all 0.3s ease-out;
}
@media (max-width: 767px) {
  .btn-primary {
    margin: 30px 0 0;
  }
}
.btn-enviar {
  cursor: pointer;
  transform: scale(1);
  transition: all 0.3s ease-out;
}
.btn-enviar:hover,
.btn-primary:hover {
  background: #64bf17;
  color: #fff !important;
  text-decoration: none;
  transform: scale(1.1);
  transition: all 0.3s ease-out;
}
.btn-enviar:focus,
.btn-primary:focus,
.header-principal nav .comprar-aquasain:focus {
  transform: scale(1.1);
}
.btn-faq button {
  background-color: #fff;
  cursor: pointer;
  transition: all 0.3s linear;
}
.btn-faq button.active {
  cursor: default;
}
.btn-secondary-blue {
  border: 2px solid #004cac;
  border-radius: 25px;
  display: inline-block;
  padding: 12px 50px 10px;
  text-decoration: none;
  transform: scale(1);
  transition: 0.3s;
}
.btn-secondary-blue:hover {
  border: 2px solid #3ab5e4;
  color: #3ab5e4;
  text-decoration: none;
  transform: scale(1.1);
}
.wrapper-fichas .btn-secondary.blue {
  border-color: #004cac;
  color: #004cac;
  transform: scale(1);
  transition: 0.3s;
}
.wrapper-fichas .btn-secondary.blue:hover {
  border-color: #fff;
  color: #fff;
  transform: scale(1.1);
}
.wrapper-fichas .btn-secondary.blue:hover svg {
  filter: saturate(0) brightness(15);
}
.btn-secondary.blue {
  border-color: #004cac;
  color: #004cac;
  transform: scale(1);
  transition: 0.3s;
}
.btn-secondary.blue.icon img {
  display: inline-block;
  height: 30px;
  max-width: 30px;
  min-height: 30px !important;
  position: relative !important;
  top: 0 !important;
}
.btn-secondary.icon:hover i,
.btn-secondary.icon:hover img {
  filter: saturate(0) brightness(15);
  left: 10px;
}
.btn-secondary.blue:hover {
  border-color: #3ab5e4;
  color: #3ab5e4;
  transform: scale(1.1);
}
.btn-secondary.blue.icon:hover img {
  fill: #3ab5e4;
}
.btn-secondary.blue:hover path {
  fill: #3ab5e4;
  stroke: #3ab5e4;
}
.btn-primary.icon {
  align-items: center;
  display: flex;
  padding: 10px 25px 10px 50px;
}
.btn-secondary {
  border: 2px solid #004cac;
  border-radius: 30px;
  color: #004cac;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  margin: 25px 0 0;
  padding: 15px 50px;
  text-decoration: none;
  transition-duration: 0.2s;
}
.btn-secondary:hover {
  background-color: #004cac;
  border: 2px solid #004cac;
  color: #fff;
  text-decoration: none;
}
@media (max-width: 767px) {
  .btn-secondary {
    margin: 30px 0 0;
  }
}
.btn-secondary.icon {
  align-items: center;
  display: flex;
  padding: 10px 25px 10px 50px;
}
.btn-secondary.icon i,
.btn-secondary.icon img {
  align-items: center;
  display: flex;
  height: 30px;
  left: 0;
  padding-left: 15px;
  position: relative;
  transition: all 0.3s ease-out;
}
.a-primary {
  color: #004cac;
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
}
.tipo .btn-area {
  display: flex;
  margin: 30px 0 0 50%;
  width: 50%;
}
.btn-plus {
  padding: 50px 0;
}
.btn-plus,
.btn-plus i {
  align-items: center;
  display: flex;
  justify-content: center;
}
.btn-plus i {
  background-color: #004cac;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  font-size: 30px;
  height: 30px;
  padding: 25px 27px;
  transition: 0.2s;
  width: 30px;
}
.btn-plus i:hover {
  background-color: #013c84;
}
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="text"],
textarea {
  background-color: #fff;
  border: 2px solid #004cac;
  border-radius: 6px;
  color: #000;
  display: block;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  margin: 14px 0;
  max-width: calc(100% - 44px);
  padding: 15px 20px;
  width: 100%;
}
input[type="email"]::placeholder,
input[type="number"]::placeholder,
input[type="tel"]::placeholder,
input[type="text"]::placeholder,
textarea::placeholder {
  font-family: Montserrat, sans-serif;
}
input[type="email"]:focus-visible,
input[type="number"]:focus-visible,
input[type="tel"]:focus-visible,
input[type="text"]:focus-visible,
textarea:focus-visible {
  outline: none;
}
input[type="email"]::placeholder,
input[type="number"]::placeholder,
input[type="tel"]::placeholder,
input[type="text"]::placeholder,
textarea::placeholder {
  opacity: 0.5;
}
.sistema .formulario .contact-form label {
  align-content: center;
  align-items: center;
  display: flex;
}
.sistema .formulario .contact-form input[type="checkbox"] {
  margin: 0 10px 0 4px;
  transform: scale(1.1);
}
.phone-group {
  display: flex;
}
select.tel-prefix {
  background-color: #fff;
  border: 2px solid #004cac;
  border-radius: 6px;
  color: #000;
  display: block;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  margin: 0 10px 0 0;
  max-width: calc(100% - 44px);
  padding: 15px 20px;
  width: 130px;
}
.phone-group input {
  margin: 0 !important;
}
input[type="checkbox"] {
  height: 20px;
  margin: 0 10px 0 0;
  width: 20px;
}
.container {
  padding: 30px 10%;
}
@media (min-width: 1920px) {
  .container {
    padding: 30px 15%;
  }
}
@media (max-width: 767px) {
  .container {
    padding: 30px;
  }
}
.container-margin-bottom {
  margin-bottom: 100px;
}
.container-no-top {
  padding: 0 15% 100px;
}
.container-top-20 {
  padding: 10px 10% 80px;
}
@media (min-width: 1920px) {
  .container-no-top {
    padding: 0 15%;
  }
}
@media (max-width: 767px) {
  .container-no-top {
    padding: 0 30px;
  }
}
.container p {
  margin-bottom: 25px;
}
.column {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}
.column p {
  margin: 15px 0;
}
.column .col-left {
  padding-right: 0;
  width: 48%;
}
.column .col-right {
  padding-left: 0;
  width: 48%;
}
.center {
  align-items: center;
  display: flex;
  justify-content: center;
}
p {
  margin: 0;
}
.container-svg {
  align-items: center;
  background: #fff;
  border: 3px solid #3ab5e4;
  border-radius: 50%;
  display: flex;
  height: 65px;
  justify-content: center;
  left: 10px;
  padding: 10px;
  position: relative;
  width: 65px;
}
.column p,
ul > p {
  margin: 0 0 25px;
}
.img-full-responsive {
  height: auto;
  object-fit: contain;
  width: 100%;
}
.img-responsive {
  max-width: 100%;
  width: 100%;
}
.rounded-img {
  border-radius: 8px;
  box-shadow: 0 0 30px #00000030;
}
.img-margin-md {
  margin: 20px 0 50px;
}
.img-margin-md.btn-secondary-blue {
  margin: 30px 0 0;
}
.pt-1 {
  padding-top: 1em;
}
.pt-1,
.pt-2 {
  display: block;
}
.pt-2 {
  padding-top: 2em;
}
.pt-3 {
  padding-top: 3em;
}
.pt-3,
.pt-4 {
  display: block;
}
.pt-4 {
  padding-top: 5em;
}
.pt-5 {
  display: block;
  padding-top: 8em;
}
.pt-50 {
  padding-top: 50px;
}
.pt-100 {
  padding-top: 100px;
}
.pb-1 {
  padding-bottom: 1em;
}
.pb-2 {
  padding-bottom: 2em;
}
.pb-3 {
  font-size: 18px;
  padding-bottom: 3em;
}
.pb-4 {
  padding-bottom: 5em;
}
.pb-5 {
  padding-bottom: 8em;
}
.pb-50 {
  padding-bottom: 50px;
}
.pb-100 {
  padding-bottom: 100px;
}
.no-margin-bottom {
  margin-bottom: 0 !important;
}
.md-padding-bottom {
  padding-bottom: 50px !important;
}
.no-padding-bottom {
  padding-bottom: 0 !important;
}
.no-padding-top {
  padding-top: 0 !important;
}
.margin-top-50 {
  margin-top: 50px !important;
}
.margin-bottom-50 {
  margin-bottom: 50px !important;
}
.bloque-texto h3 {
  max-width: 80%;
}
.bloque-texto .column p {
  margin: 0 0 25px;
}
.lista-especial {
  margin: 0 0 0 auto;
  width: 90%;
}
.lista-especial ul li {
  align-items: center;
  display: flex;
  display: block;
  list-style: none;
  margin: 20px 0;
  margin: 30px 0;
  padding-left: 50px;
  position: relative;
}
.lista-especial ul li:before {
  content: url(../images/check-list.svg);
  left: -10px;
  margin-right: 15px;
  position: absolute;
  top: -5px;
}
.lista-especial ul li:last-of-type {
  margin: 30px 0 0;
}
.instalaciondescalcificadordeagua .lista-especial ul li:last-of-type {
  margin: 20px 0 0;
}
.lista-especial ol li {
  margin: 10px 0;
}
.list-img {
  margin-left: 50px;
  max-width: calc(100% - 50px);
}
.video video {
  display: flex;
  margin: 0 auto;
  max-width: 1200px;
  width: 80%;
  z-index: 100;
}
@media (max-width: 767px) {
  .video video {
    margin-bottom: 20px;
    margin-top: 40px;
    width: 100%;
  }
}
.video .sistema {
  background-color: #0f4c9a;
  background-image: url(../images/mascara-video.png);
  background-position: bottom;
  background-size: cover;
  border-radius: 10px;
  color: #fff;
  display: flex;
  margin: -50px auto 50px;
  max-width: 1420px;
  padding: 100px 50px 50px;
  text-align: left;
  width: 90%;
  z-index: 0;
}
.video .sistema a {
  color: #fff;
}
.video .sistema .texto {
  width: 50%;
}
@media (max-width: 1279px) {
  .video .sistema .texto {
    padding-right: 35px;
  }
}
@media (max-width: 767px) {
  .video .sistema .texto {
    width: 100%;
  }
}
.video .sistema .texto h3:after {
  border-bottom: 3px solid #3ab5e4;
  content: "";
  display: block;
  margin-top: 20px;
  max-width: 100px;
}
.video .sistema .texto .subtitulo {
  font-size: 21px;
  font-weight: 500;
}
@media (max-width: 767px) {
  .video .sistema .formulario {
    width: 100%;
  }
}
.video .sistema .formulario .btn-primary {
  margin-left: 0;
}
@media (max-width: 1244px) and (max-width: 767px) {
  .video .sistema {
    flex-direction: column;
  }
  .video .sistema .texto {
    width: 100%;
  }
}
.video-responsive {
  height: 0;
  margin-bottom: -150px;
  margin-top: -80px;
  overflow: hidden;
  padding-bottom: 56.25%;
  padding-top: 30px;
  position: relative;
}
.home .video-responsive {
  margin-top: -90px;
  padding-top: 0;
}
.descalcificadoresdeaguafotosvideos .video-responsive.video-desktop {
  margin-bottom: 0;
  margin-top: 0;
  padding-bottom: 50%;
  padding-top: 0;
}
.video-responsive.video-alone {
  margin: -38px auto;
}
.video-responsive.video-mobile {
  display: none;
}
.video-responsive.video-top {
  margin-bottom: -25px;
}
.video-responsive embed,
.video-responsive iframe,
.video-responsive object {
  height: 100%;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 80%;
}
.video-responsive video {
  height: 80%;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 10%;
  width: 80%;
}
.descalcificadoresdeaguafotosvideos .gallery-video video,
.descalcificadoresdeaguafotosvideos .video-gallery embed,
.descalcificadoresdeaguafotosvideos .video-gallery iframe,
.descalcificadoresdeaguafotosvideos .video-gallery object {
  height: 100% !important;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 80% !important;
}
.formulario {
  width: 50%;
}
.formulario label a {
  color: #000;
  font-weight: 700;
}
.formulario button {
  align-items: center;
  display: flex;
  margin: 30px 0;
}
.formulario button i {
  font-size: 1.4em;
  position: relative;
  right: -10px;
}
.formulario .btn-primary.icon i {
  right: 2px !important;
}
.hero-page {
  align-items: center;
  background-color: #3ab5e4;
  background-image: url(../images/hero-page.webp);
  background-size: cover;
  color: #fff;
  display: flex;
  height: 180px !important;
  margin-top: 0;
  padding-bottom: 0 !important;
  position: relative;
}
.compraraquasainresumendelpedido .hero-page,
.comprardescalcificadorprecio .hero-page {
  height: auto;
}
.hero-page h1 {
  font-size: 36px;
  line-height: 1.125em;
  margin: 0;
}
.hero-page .texto {
  padding: 0;
}
.hero-page .h4,
.hero-page .subtitulo,
.hero-page h4 {
  margin: 0 0 10px;
}
@media (max-width: 767px) {
  .hero-page .h4,
  .hero-page .subtitulo,
  .hero-page h4 {
    font-size: 16px;
  }
}
.hero-page .intro-text {
  margin: 10px 0 0;
}
.at-cliente {
  align-items: center;
  display: flex;
  margin: 50px 0 70px;
}
.at-cliente .btn-cliente {
  align-items: center;
  background-color: #eef3fa;
  border-bottom-right-radius: 50px;
  border-top-right-radius: 50px;
  display: flex;
  height: 100px;
  justify-content: flex-end;
  margin-right: 20px;
  padding-right: 1%;
  width: 20%;
}
.vivienda.footer {
  margin: 50px 0 0;
}
.tabla,
.table-responsive {
  overflow-x: auto;
}
.tabla {
  padding: 20px 0;
}
.tabla h4 {
  line-height: 1.25em;
  margin: 0 0 10px !important;
}
.tabla h4,
.tabla h5 {
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
}
.tabla h5 {
  margin-bottom: 20px;
}
.tabla table {
  overflow-x: auto;
  text-align: center;
  width: 100%;
}
.tabla table tr:first-child {
  background-color: #3ab5e4;
}
.tabla table tr:first-child th {
  color: #fff;
  padding: 15px 20px;
}
.tabla table tr {
  background-color: #eef3fa;
}
.tabla table tr td {
  font-weight: 700;
  padding: 15px 0 !important;
}
.tabla-especial {
  margin: 50px 0;
}
.tabla-especial tr:nth-child(2n) {
  background-color: #dff4fc;
}
.tabla-especial tr td {
  border: 1px solid #dff4fc;
}
.table-no-break {
  white-space: nowrap;
}
.tabla-especial thead tr {
  background-color: #3ab5e4;
}
.tabla-especial tr,
.tabla-especial tr:nth-child(2n) {
  background-color: #eef3fa;
}
.tabla-especial.large-head thead tr:first-of-type {
  height: 90px;
  max-height: 90px;
  overflow-y: hidden;
}
.table-left-shadow {
  position: relative;
}
.table-left-shadow:before {
  background: url(../images/sombra-lateral.png) repeat 100% transparent;
  content: "";
  height: 100%;
  left: -10px;
  position: absolute;
  top: 0;
  width: 10px;
  z-index: 1;
}
td.table-left-shadow[rowspan="3"] {
  padding: 13px 10px;
  vertical-align: bottom;
}
.tabla-especial thead {
  background-color: #3ab5e4;
  color: #fff;
  font-weight: 600;
}
.border-collapse {
  border-collapse: collapse;
}
.field-two-columns p {
  display: inline-block;
  float: left;
  width: calc(50% - 10px);
}
.field-two-columns p:first-of-type {
  padding-right: 10px;
}
.field-two-columns p:last-of-type {
  padding-left: 10px;
}
.tabla-especial .alternate tr:nth-child(2n) {
  background-color: #fafcff;
}
.vertical-top tr td {
  vertical-align: top;
}
.tabla-especial.center tr td,
.tabla-especial.center tr th {
  text-align: center;
}
.tabla-especial table thead tr {
  background-color: #3bb5e3 !important;
}
.tabla-especial tr td {
  border: none;
  font-size: 12px;
  line-height: 1.2em;
  padding: 10px;
  text-align: left;
}
.tabla-especial tr td.field-two-columns {
  min-width: 300px;
}
.tabla-especial.center-text tr td {
  text-align: center;
}
.tabla-especial tr th {
  font-size: 13px;
  line-height: 1.25em;
  padding: 12px 15px;
  text-align: left;
}
.tabla-especial thead th {
  color: #fff;
  font-size: 16px;
}
.comparativadescalcificadores .tabla-especial thead th {
  font-size: 12px !important;
}
.container table p {
  margin-bottom: 0;
}
.tabla-especial table {
  width: 100%;
}
.wrapper-faq.active {
  display: block;
}
.wrapper-faq {
  display: none;
}
.wrapper-faq > h2 {
  color: #0c192b;
  font-weight: 600;
}
.drop_down_btn.active + div {
  display: block;
}
.drop_down_btn + div,
.wrapper-tipos {
  display: none;
}
.wrapper-tipos.active {
  display: block;
}
.flex {
  display: flex;
}
.o-desc h2,
.o-desc h3 {
  margin: 20px 0;
}
.o-desc {
  background-color: #fafafa;
  margin: 0 0 100px;
  padding: 20px;
  text-align: left;
}
.header-principal {
  background: #3ab5e4;
  background: -moz-radial-gradient(circle, #3ab5e4 0, #264b7a 100%);
  background: -webkit-radial-gradient(circle, #3ab5e4 0, #264b7a 100%);
  background: radial-gradient(circle, #3ab5e4 0, #264b7a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3ab5e4",endColorstr="#264b7a",GradientType=1);
  padding-bottom: 0;
}
.header-principal nav {
  align-items: center;
  display: flex;
  justify-content: space-between;
  min-height: 100px;
}
.header-principal nav .logo img {
  margin: 8px auto 0;
  width: 260px;
}
@media (max-width: 1919px) {
  .header-principal nav .logo img {
    width: 195px;
  }
}
.header-principal nav .menu-principal {
  margin: 0 30px 0 auto;
  padding: 0;
  width: 100%;
}
.header-principal nav .menu-principal.active {
  display: flex !important;
}
.header-principal nav .menu-principal ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin: 0;
  padding: 0;
}
.header-principal nav .menu-principal ul li {
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  list-style: none;
  margin: 1em;
}
.header-principal nav li a > i {
  padding-left: 2px;
}
@media (max-width: 1919px) {
  .header-principal nav .menu-principal ul li {
    font-size: 14px;
    margin: 1em;
  }
}
.header-principal nav .menu-principal ul li a {
  color: #fff;
  font-weight: 600;
  overflow: hidden;
  padding: 10px 0;
  text-decoration: none;
  text-transform: none;
  white-space: nowrap;
}
.header-principal nav .menu-principal ul li > ul li {
  background: transparent;
  margin: 0;
  padding: 12px 30px;
  transition: 0.3s;
}
.header-principal nav .menu-principal ul li > ul li:hover {
  background: #0d7fac !important;
}
.header-principal nav .menu-principal ul li a:focus,
.header-principal nav .menu-principal ul li a:hover {
  outline: 0;
}
.header-principal nav .menu-principal ul li ul {
  display: none;
}
.header-principal nav .menu-principal ul li .dropmenu {
  color: #fff;
  margin: 0 5px;
}
.header-principal nav .menu-principal ul li:hover ul {
  background: #3ab5e4;
  background: linear-gradient(
    45deg,
    rgba(58, 181, 228, 0.5) 30%,
    rgba(58, 181, 228, 0.1) 80%
  );
  display: block;
  padding: 0;
  position: absolute;
  width: 400px;
  z-index: 200;
}
.header-principal nav .menu-principal ul li:hover ul li:hover {
  background: #3ab5e4;
  background: linear-gradient(45deg, #108bbc 30%, #3ab4e4 80%);
}
@media (max-width: 1279px) {
  .header-principal nav .menu-principal ul li {
    display: flex;
    flex-wrap: wrap;
  }
  .header-principal nav .menu-principal ul li ul {
    border: none;
    position: inherit !important;
  }
  .header-principal nav .menu-principal ul li a {
    order: 1;
  }
  .header-principal nav .menu-principal ul li span {
    order: 2;
  }
  .header-principal nav .menu-principal ul li ul {
    order: 3;
    width: 100% !important;
  }
}
@media (min-width: 1280px) {
  .header-principal nav .menu-principal ul > li:hover ul {
    background: linear-gradient(45deg, #198ebb 30%, #3ab5e4 80%) !important;
    margin-top: 38px;
    max-width: 220px !important;
  }
}
.header-principal nav .menu-principal ul li:hover ul li:hover {
  background: #0d7fac !important;
}
.header-principal nav .comprar-aquasain {
  background-color: #64bf17;
  border-radius: 30px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  min-width: 180px;
  padding: 12px 20px;
  text-align: center;
  text-decoration: none;
  transform: scale(1);
  transition: all 0.3s linear;
}
.header-principal nav .comprar-aquasain:hover {
  background-color: #64bf17;
  transform: scale(1.1);
}
@media (max-width: 1919px) {
  .header-principal nav .comprar-aquasain {
    font-size: 14px;
  }
}
.header-principal nav .menu_bar {
  background: rgba(26, 26, 26, 0);
  display: none;
  height: 48px;
  position: relative;
  transition: transform 0.4s;
  width: 48px;
}
.header-principal nav .menu_bar span {
  background-color: #fff;
  display: block;
  height: 2px;
  left: 14px;
  margin-top: -1px;
  position: absolute;
  top: 50%;
  transition: 0.4s;
  width: 20px;
}
.header-principal nav .menu_bar span:first-child {
  transform: translateY(-6px);
}
.header-principal nav .menu_bar span:last-child {
  transform: translateY(6px);
}
.header-principal nav .menu_bar.active span:first-child {
  transform: rotate(45deg) translate(0);
}
.header-principal nav .menu_bar.active span:nth-child(2) {
  transform: scaleX(0);
}
.header-principal nav .menu_bar.active span:last-child {
  transform: rotate(-45deg) translate(0);
}
.home .header-principal {
  background-color: transparent !important;
  padding-bottom: 0;
}
.header-principal.container-no-top {
  position: sticky;
  width: 70%;
  z-index: 3000;
}
.compraraquasainresumendelpedido .header-principal.container-no-top,
.comprardescalcificadorprecio .header-principal.container-no-top {
  position: inherit;
}
.blog .header-principal.container-no-top,
.home.blog .header-principal.container-no-top {
  position: sticky;
}
.blocker {
  display: none;
  height: 100px;
}
.asistencia {
  display: none;
  z-index: 3000;
}
.footer-bar-hero,
.home .texto-hero,
.texto-hero {
  color: #fff;
}
.menu-left {
  display: none;
}
@media screen and (min-width: 1280px) {
  .menu-left {
    display: block;
  }
  .menu_hamburger {
    background: rgba(26, 26, 26, 0);
    color: #fff;
    cursor: pointer;
    display: block !important;
    margin-left: auto;
    margin-top: -1px;
    position: relative;
    transition: transform 0.4s;
    width: 48px;
  }
  .menu_hamburger .btn-line {
    background-color: #fff;
    display: block;
    height: 2px;
    margin: 6px 0;
    width: 30px;
  }
  .menu-left .close-btn {
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 24px;
    position: absolute;
    right: 10px;
    top: 10px;
  }
  .menu-left .menu {
    background-color: #333;
    background: #3ab5e4;
    background: -moz-radial-gradient(circle, #3ab5e4 0, #264b7a 100%);
    background: -webkit-radial-gradient(circle, #3ab5e4 0, #264b7a 100%);
    background: radial-gradient(circle, #3ab5e4 0, #264b7a 100%);
    display: flex;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3ab5e4",endColorstr="#264b7a",GradientType=1);
    flex-direction: column;
    height: 100vh;
    justify-content: flex-start;
    padding-top: 60px;
    position: fixed;
    right: -250px;
    top: 0;
    transition: right 0.3s ease;
    width: 250px;
    z-index: 1000;
  }
  .menu-left .menu:before {
    background-image: url(../images/circle-logo.svg);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: 35%;
    content: "";
    display: block;
    height: calc(100% - 120px);
    position: absolute;
    width: 100%;
  }
  .menu-left .menu ul {
    display: flex;
    flex-direction: column;
    height: calc(100% - 150px);
    justify-content: flex-start;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 150;
  }
  .menu-left .menu li {
    display: block;
    margin: 0.5em auto !important;
    padding: 0;
    text-align: center;
  }
  .menu-left .menu li:last-child {
    margin-top: 50px !important;
  }
  .menu-left .menu a {
    color: #fff;
    font-weight: 600;
    overflow: hidden;
    padding: 10px 0;
    text-decoration: none;
    text-transform: none;
    white-space: nowrap;
  }
}
#opiniones {
  cursor: pointer;
}
.comprardescalcificadorprecio #opiniones {
  cursor: auto;
}
.vivienda-footer-index {
  display: flex;
  gap: 20px;
  max-width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
}
.vivienda-footer-index .hogar {
  padding-left: 10%;
  position: relative;
  z-index: -1;
}
.vivienda-footer-index .edificios {
  padding-right: 10%;
}
.vivienda-footer-index .edificios,
.vivienda-footer-index .hogar {
  align-items: center;
  background-color: #f2f3f4;
  display: flex;
  position: relative;
  width: 50%;
  z-index: 0;
}
.vivienda-footer-index .edificios img,
.vivienda-footer-index .hogar img {
  height: 100%;
  width: 300px;
}
.vivienda-footer-index .edificios .texto,
.vivienda-footer-index .hogar .texto {
  padding: 0 20px;
}
.vivienda-footer-index .edificios .texto p,
.vivienda-footer-index .hogar .texto p {
  color: #004cac;
  font-size: 20px;
  font-weight: 400;
  margin: 5px 0;
}
@media (max-width: 1279px) {
  .header-principal {
    z-index: 100;
  }
  .header-principal nav {
    flex-wrap: wrap;
    padding: 15px 0;
  }
  .header-principal nav .menu_bar {
    display: block !important;
    margin-left: auto;
  }
  .header-principal nav .menu-principal {
    background-color: transparent;
    display: none;
    left: 0;
    margin-left: 0;
    position: absolute;
    width: 100%;
    z-index: 100;
  }
  .header-principal nav .menu-principal ul {
    flex-direction: column;
    padding: 15px 30px;
    width: 70%;
  }
  .header-principal nav .menu-principal.active {
    display: block;
    z-index: 100;
  }
  .header-principal nav .menu-principal.active .opacity {
    background: #00000079;
    height: 100vh;
    position: absolute;
    width: 100vw;
  }
  .vivienda-footer-index .edificios .texto p,
  .vivienda-footer-index .hogar .texto p {
    width: 115%;
  }
}
.vivienda-footer-index .edificios .texto span,
.vivienda-footer-index .hogar .texto span {
  font-size: 16px;
}
.vivienda-footer-index .edificios .texto a,
.vivienda-footer-index .hogar .texto a {
  display: block;
  font-size: 18px;
  margin: 15px 0;
}
.vivienda-footer-index .edificios .texto img,
.vivienda-footer-index .hogar .texto img {
  height: auto;
  margin: 0;
  width: 40px;
}
.vivienda-footer-index .edificios {
  text-align: right;
}
.logo-footer-medio {
  display: block;
  left: 8px;
  margin: -50px auto 0;
  position: relative;
  z-index: 1;
}
h4.footer-caract {
  display: block;
  font-size: 21px;
  margin-bottom: 0;
  margin-top: 0;
  max-width: 800px;
  padding: 30px 10%;
  text-align: center;
}
.garantia-footer {
  width: 100%;
}
.garantia-footer .wrapper {
  display: flex;
  height: 50px;
  justify-content: space-between;
  margin: auto;
  max-width: 1140px;
  padding: 10px 0 100px;
}
.garantia-footer .wrapper .elemento {
  align-items: center;
  display: flex;
  gap: 0;
  width: inherit;
}
.garantia-footer .wrapper .elemento .texto:after {
  background-color: #004cac;
  content: 0;
  height: 1px;
  position: absolute;
  width: 1px;
}
.garantia-footer .wrapper .elemento .texto p {
  color: #004cac;
  font-size: 24px;
  font-weight: 700;
}
.garantia-footer .wrapper .elemento .texto span {
  color: #004cac;
  font-size: 16px;
  font-weight: 400;
}
.garantia-footer .wrapper .btn-secondary-blue {
  align-items: center;
  display: flex;
}
.olas {
  /*background: #e3e3e3; */
  background: #f7f7f7 !important;
  overflow: hidden;
  position: relative;
}
.olas,
.olas .ola {
  height: 100px;
  width: 100%;
}
.olas .ola {
  background: #f7f7f7 url(../images/wave-nueva.svg);
  background-size: 1000px;
  bottom: 0;
  left: 0;
  position: absolute;
}
.olas .ola.ola4 {
  animation: animate2 5s linear infinite;
  animation-delay: -5s;
  bottom: 0;
  z-index: 1000;
}
@keyframes animate {
  0% {
    background-position-x: 0;
  }
  to {
    background-position-x: 1000px;
  }
}
@keyframes animate2 {
  0% {
    background-position-x: 0;
  }
  to {
    background-position-x: -1000px;
  }
}
.ocean-siguiente {
  background: #002553;
  background: linear-gradient(180deg, #002553 15%, #004cac 96%);
}
.libro {
  align-items: flex-start;
  background-color: #e3e3e3;
  display: flex;
  gap: unset;
  justify-content: space-between;
  margin-bottom: 0;
  padding: 60px 10% 40px;
}
@media (max-width: 767px) {
  .libro {
    flex-direction: column;
  }
}
.libro .libro-content {
  display: flex;
}
.libro .libro-content img {
  height: auto;
  margin: -100px 20px 0 0;
  max-width: 280px;
  z-index: 100;
}
@media (max-width: 1279px) {
  .libro .libro-content img {
    height: 250px;
    width: auto;
  }
}
.libro .libro-content .texto {
  color: #0f4c9a;
  display: flex;
  flex-direction: column;
  height: inherit;
  justify-content: start;
  padding-right: 50px;
  width: 100%;
}
@media (max-width: 767px) {
  .libro .libro-content .texto {
    height: auto;
    width: 100%;
  }
}
.libro .formulario {
  color: #0f4c9a;
  max-width: 540px;
  width: 50%;
}
.libro .formulario input[type="email"]::placeholder {
  color: #0f4c9a;
}
.libro .formulario a {
  color: #0f4c9a;
}
@media (max-width: 767px) {
  .libro .formulario {
    width: 100%;
  }
}
.libro .btn-primary > .fa-file-download {
  padding-left: 15px;
}
.libro-content h4 {
  font-weight: 600;
}
.libro .libro-content .texto p {
  font-size: 21px;
  font-weight: 500;
  line-height: 1.25em;
}
.libro .libro-content .texto span {
  font-size: 19px;
  line-height: 1.25em;
}
.libro .formulario label {
  align-items: center;
  display: flex;
  font-size: 13px;
  line-height: 1.125em;
}
.libro .formulario input[type="email"] {
  color: #0f4c9a;
  margin-top: 0;
}
footer .columnas {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 40px 10%;
}
@media (max-width: 767px) {
  footer .columnas {
    flex-direction: column;
    padding: 40px 30px;
  }
}
footer .columnas a {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  text-decoration: none;
}
footer .columnas .column-footer .group-footer {
  width: 15vw;
}
footer .columnas .column-footer .group-footer h4 {
  color: #3ab5e4;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px;
}
footer .columnas .column-footer .group-footer ul {
  margin: 0 0 30px;
  padding: 0;
}
footer .columnas .column-footer .group-footer ul li {
  list-style: none;
  margin: 20px 0;
}
footer .columnas .column-footer .group-footer ul li a {
  font-size: 18px;
  font-weight: 400;
}
@media (max-width: 767px) {
  footer .columnas .column-footer .group-footer ul li a {
    font-size: 16px;
  }
}
footer .columnas .envio {
  align-items: center;
  color: #fff;
  display: flex;
  gap: 20px;
  margin: 0 0 30px;
}
footer .columnas .envio p span {
  display: block;
}
footer .copyright {
  align-items: center;
  color: #fff;
  display: flex;
  justify-content: space-between;
  padding: 30px 10%;
}
@media (max-width: 767px) {
  footer .copyright {
    flex-direction: column;
    gap: 25px;
    justify-content: flex-start;
    padding: 30px;
  }
}
footer .copyright .calidad {
  color: #fff;
  justify-content: space-between;
  width: 100%;
}
footer .copyright .calidad,
footer .copyright .calidad > div {
  align-items: center;
  display: flex;
}
.libro,
.ocean,
.ocean-siguiente {
  position: relative;
  z-index: 200;
}
footer .calidad .copy {
  font-weight: 500;
  margin-right: 40px;
  overflow: hidden;
  white-space: nowrap;
}
.footer-comprar {
  align-items: center;
  color: #fff;
  display: flex;
  justify-content: space-between;
  padding: 50px 10%;
}
.footer-comprar .copyright {
  padding: 0;
}
@media (min-height: 1000px) {
  .compraraquasainresumendelpedido .footer-comprar {
    bottom: 0;
    position: absolute;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .compraraquasainresumendelpedido .footer-comprar {
    width: 80%;
  }
}
.chat {
  background-color: #eeedf3;
  background-image: url(../images/chat/bgchat.png);
  background-position: -1px -1px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 120%;
  background-size: contain;
  border-radius: 30px;
  box-shadow: 3px 3px 20px #9d9d9d;
  box-sizing: border-box;
  display: none;
  height: 490px;
  padding: 50px 30px 30px;
  position: fixed;
  right: 130px;
  top: 200px;
  width: 320px;
  z-index: 1001;
}
.icon-chat {
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: -50px;
}
.chat .close {
  color: #fff;
  cursor: pointer;
  font-size: 20px;
  font-weight: 700;
  position: absolute;
  right: 30px;
  top: 20px;
}
.chat .close:hover {
  color: #00adef;
}
.chat .titulo-chat {
  background: #024cac;
  border-radius: 30px 30px 0 0;
  color: #fff;
  font-size: 21px;
  font-weight: 700;
  left: 0;
  margin: 0;
  padding: 58px 0 12px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
}
.chat .envio {
  display: flex;
  display: none;
  margin-top: 104%;
  position: relative;
}
.chat .envio button {
  background-color: transparent;
  border: none;
  padding: 0;
  position: absolute;
  right: 1px;
  top: 18px;
}
@supports (overflow: -webkit-marquee) and (justify-content: inherit) {
  .chat .envio button {
    top: 16px;
  }
}
.chat .envio input {
  border-radius: 30px;
  display: none;
  padding-right: 60px;
}
.chat .area-chat {
  font-size: 17px;
  font-weight: 300;
  height: 340px;
  left: 0;
  margin: 0 auto;
  overflow-x: hidden;
  overflow-y: scroll;
  position: absolute;
  right: 0;
  top: 120px;
  width: 85%;
}
.chat .area-chat p {
  background-color: #bbe4f5;
  border-radius: 20px;
  font-size: 15px;
  margin: 0 40px 15px 0;
  padding: 15px 20px;
}
.chat-div-loading {
  background-color: #eeedf3 !important;
  clear: both;
  text-align: center;
  width: 100%;
}
.chat-timestamp {
  clear: both;
  color: #fff;
  float: left;
  font-size: 10px;
  line-height: 1.5;
  margin: 14px 0;
  min-height: 15px;
  text-align: center;
  text-align: left;
}
.chat-msg {
  color: #414141;
  display: none;
  float: left;
  line-height: 20px;
}
.chat-option,
.chat-option-navigate {
  background-color: #fff;
  border: 2px solid #024cac;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
  clear: both;
  color: #024cac;
  cursor: pointer;
  display: none;
  float: right;
  font-size: 14px;
  line-height: 20px;
  margin: 4px;
  outline: none;
  padding: 8px 12px;
  text-align: left;
}
.chat-option-navigate:hover,
.chat-option:hover {
  background-color: #024cac;
  color: #fff;
}
.chat-option-chose {
  background-color: #024cac !important;
  border: 1px solid #3a6397;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
  clear: both;
  color: #fff;
  cursor: default;
  float: right;
  font-size: 14px;
  line-height: 20px;
  margin: 16px 4px !important;
  outline: none;
  padding: 8px 12px !important;
  text-align: left;
}
.chat-input {
  background-color: #eeedf3 !important;
  border-radius: 20px;
  clear: both;
  display: flex;
  margin: 0 40px 0 0 !important;
  padding: 15px 0 !important;
  position: relative;
}
.chat-input input[type="email"] {
  border-radius: 30px;
  margin: 0;
  padding-right: 60px;
  width: auto;
}
.chat-input .msg-error {
  color: red;
  font-size: 12px;
  position: absolute;
  top: 72px;
}
.chat-input button {
  background-color: transparent;
  border: none;
  left: -50px;
  padding: 0;
  position: relative;
  text-decoration: none;
  top: 4px;
}
.chat .icon-progress {
  display: block;
  height: 12px;
  left: 280px;
  padding: 20px 2px 0 6px;
  position: absolute;
  vertical-align: middle;
  width: 16px;
}
.chat-rgpd {
  background: gray;
  background-color: #eeedf3 !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative;
}
.chat-rgpd label {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  font-size: 13px;
  gap: 5px;
  margin: 8px 0 40px !important;
}
.chat-rgpd .msg-error {
  color: red;
  font-size: 12px;
  position: absolute;
  top: 40px;
}
@media (max-width: 767px) {
  chat-input input[type="email"] {
    padding-right: auto;
  }
  .chat-rgpd label {
    display: block;
  }
  .chat-rgpd input[type="checkbox"] {
    position: relative;
    top: 5px;
  }
}
@media (max-height: 720px) {
  .chat {
    height: calc(100% - 170px);
    top: 150px;
  }
  .area-chat {
    height: calc(100% - 135px) !important;
  }
}
.send-button-img:hover #Elipse_10 {
  fill: #3ab5e4;
  cursor: pointer;
}
.flujo {
  margin-top: -20px;
}
.modal {
  align-items: center;
  background: rgba(0, 0, 0, 0.4);
  display: none;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100000;
}
.modal-content {
  background-color: #fefefe;
  border: 1px solid #888;
  border-radius: 5px;
  margin: 15% auto;
  max-height: 80vh;
  overflow-y: auto;
  padding: 20px;
  position: relative;
  width: 80%;
  z-index: 100001;
}
.close-button {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: 700;
}
.close-button:focus,
.close-button:hover {
  color: #000;
  cursor: pointer;
  text-decoration: none;
}
.cookies2 {
  max-width: 800px;
  padding: 30px;
}
.cookies2-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.25em;
  margin: 0 auto 20px;
}
.cookies2-subtitle {
  font-weight: 700;
  margin-bottom: 0.5em;
  margin-top: 1em;
}
.cookies2-subcontent {
  margin: 0 20px;
}
.cookies2 a,
.cookies2 li,
.cookies2 p {
  color: #0c192b;
  line-height: 1.4;
}
.cookies2 ul {
  margin-top: 0;
}
.cookies2 li {
  margin-left: -20px;
  margin-top: 0;
}
.cookies2-button-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: flex-end;
  margin-top: 10px;
}
.popup-config-cookies .cookies2-button-bar {
  margin-top: 20px;
}
.cookies2-button {
  background-color: #ffcd00;
  border: none;
  color: #0c192b;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  padding: 10px 20px;
  text-decoration: none;
}
.cookies2-button.btn-white {
  background-color: #fff;
  border: 1px solid #0c192b;
  color: #0c192b;
}
.privacidad .cookies2-button {
  padding: 10px;
}
@media (max-width: 600px) {
  .cookies2 {
    font-size: 13px;
    padding: 30px;
  }
  .cookies2-subcontent {
    margin: 0;
  }
  .cookies-title {
    font-size: 14px;
  }
  .cookies2-button-bar {
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
  }
}
.cookies .botones .config {
  display: block;
}
.popup-config-cookies {
  background-color: #fff;
  bottom: 0;
  height: 80vh;
  left: 0;
  margin: auto;
  padding: 30px;
  position: fixed;
  right: 0;
  top: 0;
  width: 60%;
  z-index: 4000;
}
.activador {
  display: flex;
  gap: 10px;
  justify-content: end;
}
.title-activador {
  font-weight: 700;
}
.title-preference {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 40px;
  justify-content: space-between;
}
.switch {
  cursor: pointer;
  display: inline-block;
  float: right;
  height: 20px;
  margin: 5px;
  position: relative;
  text-align: center;
  width: 50px;
}
.toggle {
  background: #fff;
  border-radius: 50%;
  box-shadow: 1px 1px 7px grey !important;
  display: block !important;
  height: 25px !important;
  top: -5px !important;
  width: 25px !important;
}
.bar,
.toggle {
  position: absolute;
  transition: 0.5s;
}
.bar {
  background-color: #bbb;
  border-radius: 10px;
  display: block;
  height: 15px;
  margin-left: -1px;
  top: 0;
  width: 50px;
}
.checked .bar {
  background-color: #43a047;
}
.checked .toggle {
  left: 25px;
}
.popup-config-cookies .contenido {
  height: 70vh;
  overflow-y: scroll;
  padding-right: 10px;
}
.close-cookies {
  align-items: center;
  background-color: #e0dfdf;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  font-size: 15px;
  height: 10px;
  justify-content: center;
  padding: 10px;
  position: absolute;
  right: -10px;
  top: -10px;
  width: 10px;
}
.close-cookies:hover {
  background-color: #f88a8a;
}
.close-cookies-banner {
  align-items: center;
  background-color: #e0dfdf;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  font-size: 15px;
  height: 10px;
  justify-content: center;
  padding: 10px;
  position: absolute;
  right: -10px;
  top: -10px;
  width: 10px;
}
.close-cookies-banner:hover {
  background-color: #f88a8a;
}
.popup-config-cookies-wrapper {
  background-color: rgba(0, 0, 0, 0.503);
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 3500;
}
.footer-cookies {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
.popup-config-cookies h3 {
  font-size: 20px;
  margin-bottom: 10px;
}
.popup-config-cookies hr {
  margin: 30px 0;
}
.popup-config-cookies a,
.popup-config-cookies li,
.popup-config-cookies p {
  color: #0c192b;
  line-height: 1.4;
}
a.config {
  cursor: pointer;
}
.politicacookies .tabla-especial tr td {
  font-size: 11px;
}
.europe {
  align-items: center;
  background: url(../images/europe-bck.png);
  display: flex;
  height: 173px;
  justify-content: flex-end;
  width: 196px;
}
.europe > img {
  animation: stars 10s linear infinite;
  height: auto;
  width: 126px;
}
@keyframes stars {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.hero {
  background: #f9fdff;
  background: -moz-linear-gradient(0deg, #b2dafe 0, #f9fdff 75%);
  background: -webkit-linear-gradient(0deg, #b2dafe, #f9fdff 75%);
  background: linear-gradient(0deg, #6baae3, rgba(249, 253, 255, 0) 75%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: -100px;
  max-height: 1024px;
  position: relative;
}
.hero,
.home .hero {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b2dafe",endColorstr="#f9fdff",GradientType=1);
  height: 100vh;
}
.home .hero {
  background: none;
  background-image: url(../images/amanecer-v1-fullhd-1920x1160.webp);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: auto;
}
@media (max-width: 1279px) {
  .hero {
    flex-direction: column;
    height: auto;
    max-height: inherit;
  }
}
.hero .video {
  display: flex;
  height: 100%;
  max-width: 300%;
  mix-blend-mode: multiply;
  object-fit: cover;
  position: absolute;
  width: 100%;
}
.hero .hero-content {
  align-items: center;
  display: flex;
  flex-direction: row;
  height: auto;
  margin: 100px 0 0;
  min-height: 500px;
  padding: 0 15%;
}
@media (max-width: 1279px) {
  .hero .hero-content {
    align-items: center;
    flex-direction: column;
  }
}
.hero .hero-content .texto-hero {
  color: #fff;
  margin: auto 0;
  width: 50%;
}
@media (max-width: 1279px) {
  .hero .hero-content .texto-hero {
    margin-top: 100px;
    width: 100%;
  }
}
.hero .hero-content .texto-hero h1 {
  font-size: 40px;
  font-weight: 500;
  margin: 0 0 10px;
  position: relative;
}
.hero .hero-content .texto-hero h1 b {
  font-weight: 600;
}
.hero .hero-content .texto-hero .title-xl {
  font-size: 45px;
  line-height: normal;
  margin: 0 0 20px;
  position: relative;
}
.hero .hero-content .texto-hero .title-xl span {
  display: block;
  font-size: 60px;
}
.hero .hero-content .texto-hero ul {
  display: block;
  padding: 0;
}
.hero .hero-content .texto-hero ul li {
  align-items: flex-start;
  display: flex;
  font-size: 26px;
  list-style: none;
  margin: 15px 0;
}
@media (min-width: 768px) and (max-height: 768px) {
  .hero .hero-content {
    height: inherit !important;
  }
  .hero .hero-content .texto-hero h1 {
    font-size: 35px !important;
    font-weight: 500;
    margin: 0 0 5px !important;
    position: relative;
  }
  .hero .hero-content .texto-hero .title-xl {
    font-size: 40px !important;
    line-height: normal;
    margin: 0 0 20px;
    position: relative;
  }
  .hero .hero-content .texto-hero .title-xl span {
    display: block;
    font-size: 50px !important;
  }
  .hero .hero-content .texto-hero ul li {
    font-size: 20px !important;
    margin: 0;
  }
}
@media (max-width: 1919px) {
  .hero .hero-content .texto-hero ul li {
    font-size: 22px;
  }
}
.hero .hero-content .texto-hero ul li:before {
  content: url(../images/check-hero.svg);
  display: block;
  margin-right: 15px;
  min-height: 30px;
  min-width: 30px;
  position: relative;
  top: 4px;
}
.hero .hero-content .img-hero {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 50%;
}
.hero .hero-content .img-hero img {
  margin-right: -15%;
  width: 112%;
}
.mobile {
  display: none !important;
}
@media (max-width: 1279px) {
  .mobile {
    display: flex !important;
  }
  .desktop {
    display: none !important;
  }
  .hero .hero-content .img-hero img {
    height: 280px;
    margin: 0 auto 30px;
  }
}
@media (max-width: 1279px) and (max-width: 767px) {
  .hero .hero-content .img-hero img {
    height: 200px;
    margin-bottom: 30px;
  }
}
.hero .footer-bar-hero {
  align-items: center;
  background: hsla(0, 0%, 100%, 0.95);
  color: #fff;
  display: flex;
  height: 140px;
  position: relative;
}
@media (max-width: 767px) {
  .hero .footer-bar-hero {
    height: auto;
  }
}
.hero .footer-bar-hero .container-no-top {
  max-width: 100%;
  padding: 0 10% !important;
  width: 100%;
}
@media (max-width: 1279px) {
  .hero .footer-bar-hero .container-no-top {
    max-width: 100%;
    padding: 0 20px !important;
  }
}
.hero .footer-bar-hero .container-no-top .element {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  margin: auto;
  max-width: inherit;
  width: 100%;
}
@media (max-width: 1279px) {
  .hero .footer-bar-hero .container-no-top .element {
    width: 100%;
  }
}
@media (max-width: 1279px) and (max-width: 767px) {
  .hero .footer-bar-hero .container-no-top .element {
    flex-direction: column;
  }
}
.hero .footer-bar-hero .container-no-top .elemento {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0;
  min-width: 20%;
}
@media (max-width: 767px) {
  .hero .footer-bar-hero .container-no-top .elemento {
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-template-rows: auto;
    margin: 20px;
    width: 100%;
  }
}
.hero .footer-bar-hero .container-no-top .elemento img {
  grid-column-end: 2;
  grid-column-start: 1;
  grid-row-end: 2;
  grid-row-start: 1;
  height: 55px;
  margin-right: 20px;
  width: auto;
}
.hero .footer-bar-hero .container-no-top .elemento .texto {
  border-left: 1px solid #0897ce;
  color: #004cac;
  display: flex;
  flex-direction: column;
  max-width: 260px;
  padding-left: 20px;
}
.hero .footer-bar-hero .container-no-top .elemento .texto p {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 0;
}
.hero .footer-bar-hero .container-no-top .elemento .texto span {
  font-size: 14px;
}
.hero.tienda {
  height: auto;
  margin-top: 0;
}
@media (max-width: 767px) {
  .hero.tienda {
    height: 160px;
  }
}
.bienvenida {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.bienvenida img {
  max-width: 500px;
  padding: 20px 0;
  width: 100%;
}
.home-beneficios img {
  max-width: 460px;
  width: 100%;
}
.column.home-beneficios {
  align-items: center;
  justify-content: space-between;
}
.home-beneficios .col-right {
  width: inherit;
}
.garantia-footer .garantias-footer-title {
  text-align: center;
}
.sin-sal .tratada img {
  max-width: 570px;
  padding: 0 20px;
  width: 100%;
}
.faqs .wrapper-forms {
  background-image: none;
  justify-content: center;
}
.faqs .wrapper-forms img {
  max-width: 440px;
  width: 100%;
}
.aquasaindescalcificadoresinhibidores .col-right img {
  max-width: 600px;
  padding: 20px;
  width: 100%;
}
.home .lista-especial {
  width: 100%;
}
.home .lista-especial ul {
  margin: 0;
  padding: 0;
}
.home h3.aos-init {
  max-width: none;
}
.conoce {
  background: #000;
  background: linear-gradient(180deg, transparent 42%, #f7f7f7 0);
  text-align: center;
}
.conoce video {
  display: flex;
  margin: 0 auto;
  max-width: 1200px;
  width: 80%;
  z-index: 100;
}
@media (max-width: 767px) {
  .conoce video {
    margin-bottom: 20px;
    margin-top: 40px;
    width: 100%;
  }
}
.conoce .sistema {
  background-color: #0f4c9a;
  background-image: url(../images/mascara-video.png);
  background-position: bottom;
  background-size: cover;
  border-radius: 10px;
  color: #fff;
  display: flex;
  margin: -65px auto 0;
  max-width: 1420px;
  padding: 120px 30px 10px;
  text-align: left;
  width: calc(100% - 60px);
  z-index: 0;
}
.sistema .formulario {
  position: relative;
  z-index: 2;
}
.sistema .formulario > label.xs-text {
  font-size: 13px;
  margin-top: 20px;
}
.conoce .sistema a {
  color: #fff;
  padding: 0 5px;
}
.sistema .formulario > label.xs-text input[type="checkbox"] {
  margin-right: 10px;
  position: relative;
  top: 5px;
}
.conoce .sistema .formulario .btn-primary {
  margin-left: 0;
  margin-top: 20px;
}
.sistema h3.especial {
  color: #fff !important;
  margin: 15px 0 25px !important;
}
.conoce .sistema .texto {
  width: 50%;
}
@media (max-width: 1279px) {
  .conoce .sistema .texto {
    padding-right: 35px;
  }
}
@media (max-width: 767px) {
  .conoce .sistema .texto {
    width: 100%;
  }
}
.conoce .sistema .texto h3:after {
  border-bottom: 3px solid #3ab5e4;
  content: "";
  display: block;
  margin-top: 20px;
  max-width: 100px;
}
.conoce .sistema .texto .subtitulo {
  font-size: 21px;
  font-weight: 500;
}
@media (max-width: 767px) {
  .conoce .sistema .formulario {
    width: 100%;
  }
}
@media (max-width: 1244px) and (max-width: 767px) {
  .conoce .sistema {
    flex-direction: column;
  }
  .conoce .sistema .texto {
    width: 100%;
  }
}
.container.inter-video {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  margin: 0 0 50px;
  padding: 0;
  text-align: center;
}
.container.inter-video p {
  margin: 0;
  max-width: inherit;
  padding: 0;
}
.card-inicio-familia {
  display: block;
  overflow: hidden;
}
.card-inicio-familia .texto h2 {
  color: #004cac;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.15em;
  margin: 0 0 30px;
  max-width: 900px;
}
.card-inicio-familia .col-left,
.card-inicio-familia .col-right {
  box-sizing: border-box;
  width: 50%;
}
.card-inicio-familia .card:nth-child(2) {
  margin: -40px 0;
}
.card-inicio-familia .col-left .btn-secondary {
  margin-left: auto;
  margin-top: 10px;
}
.card-inicio-familia .btn-secondary {
  max-width: auto;
  max-width: 132px;
}
.card-inicio-familia .card-economico .col-right {
  background-image: url(../images/economico.webp);
  background-position: 50%;
  background-size: cover;
  height: 600px;
}
.card-inicio-familia .card-saludable .col-left {
  background-image: url(../images/saludable.webp);
  background-position: 50%;
  background-size: cover;
  height: 640px;
}
.card-inicio-familia .card-ecologico .col-right {
  background-image: url(../images/ecologico.webp);
  background-position: 50%;
  background-size: cover;
  height: 600px;
}
.card-inicio-familia .texto {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0;
  width: 45%;
}
.card-inicio-familia .texto p {
  font-size: 18px;
}
.col-left.texto {
  padding-left: 10%;
  text-align: right;
}
.col-right.texto {
  padding-right: 10%;
}
.descalcificadoraguaaquasaincomofunciona
  .container.beneficios.no-padding-bottom {
  margin-top: 60px;
}
.descalcificadoraguaaquasaincomofunciona .container.tratada .column {
  align-items: center;
  flex-wrap: wrap;
}
.descalcificadoraguaaquasaincomofunciona .sin-sal .familia-img {
  text-align: center;
}
.descalcificadoraguaaquasaincomofunciona .container.overflow-x {
  padding: 100px 10%;
}
.como-funciona {
  background: #f7f7f7;
  text-align: center;
}
.como-funciona p {
  margin: 0 auto;
  max-width: 1020px;
}
.como-funciona video {
  display: flex;
  margin: 0 auto;
  max-width: 1200px;
  width: 80%;
  z-index: 100;
}
.como-funciona-texto.bloque-texto.container-no-top .column {
  align-items: center;
}
@media (max-width: 767px) {
  .descalcificadoraguaaquasaincomofunciona
    .container.beneficios.no-padding-bottom {
    margin-top: 0;
  }
  .como-funciona video {
    margin-bottom: 20px;
    margin-top: 40px;
    width: 100%;
  }
}
.como-funciona .sistema {
  background-color: #0f4c9a;
  background-image: url(../images/mascara-video.png);
  background-position: bottom;
  background-size: cover;
  border-radius: 10px;
  color: #fff;
  display: flex;
  margin: -65px auto 0;
  max-width: 1420px;
  padding: 100px 50px 50px;
  text-align: left;
  width: 90%;
  z-index: 0;
}
.como-funciona .sistema a {
  color: #fff;
}
.como-funciona .sistema .texto {
  width: 50%;
}
@media (max-width: 1279px) {
  .como-funciona .sistema .texto {
    padding-right: 35px;
  }
}
@media (max-width: 767px) {
  .como-funciona .sistema .texto {
    width: 100%;
  }
}
.como-funciona .sistema .texto h3:after {
  border-bottom: 3px solid #3ab5e4;
  content: "";
  display: block;
  margin-top: 20px;
  max-width: 100px;
}
.como-funciona .sistema .texto .subtitulo {
  font-size: 21px;
  font-weight: 500;
}
@media (max-width: 767px) {
  .como-funciona .sistema .formulario {
    width: 100%;
  }
}
.como-funciona .sistema .formulario .btn-primary {
  margin-left: auto;
}
@media (max-width: 1244px) and (max-width: 767px) {
  .como-funciona .sistema {
    flex-direction: column;
  }
  .como-funciona .sistema .texto {
    width: 100%;
  }
}
@media (min-width: 1280px) {
  .descalcificadoraguaaquasaincomofunciona .entrada-como-funciona .column {
    margin: 40px 0;
  }
}
.instalacion-clientes {
  padding: 0 0 40px;
  text-align: center;
}
.instalacion-clientes .item .img {
  display: block;
  height: 380px !important;
  width: 100%;
}
.instalacion-clientes .owl-dots {
  display: none;
}
.owl-theme .owl-nav [class*="owl-"] > span {
  min-height: 40px;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
  background: #004cac;
  text-decoration: none;
}
.owl-theme .owl-nav {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: space-between;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.owl-theme .owl-nav [class*="owl-"] {
  align-items: center;
  background: transparent;
  color: #004cac !important;
  display: inline-flex !important;
  font-size: 5em !important;
  height: 50px;
  justify-content: center;
  margin: 20px 50px 0 !important;
  min-width: 50px;
  transition: 0.3s;
  vertical-align: middle;
}
.owl-carousel .owl-item img {
  object-fit: cover;
}
.instalacion-clientes.instalacion .owl-carousel .owl-item img {
  height: 380px !important;
}
.instalaciones .owl-nav {
  cursor: pointer;
}
.comprardescalcificadorprecio .instalaciones .owl-nav {
  cursor: auto;
}
.instalaciondescalcificadordeagua .column.fontanero {
  align-items: center;
}
.instalaciondescalcificadordeagua .col-right.lista-especial {
  text-align: center;
}
.instalaciondescalcificadordeagua .col-right.lista-especial img {
  height: 100%;
  max-width: 100%;
  min-width: auto;
  object-fit: contain;
  width: 300px;
}
.opiniones-carrusel {
  text-align: center;
}
.opiniones-carrusel .shadow-effect {
  background: #fff;
  border: 1px solid #ececec;
  border-radius: 4px;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.1), 0 15px 12px rgba(0, 0, 0, 0.02);
  padding: 40px;
  text-align: center;
}
.opiniones-carrusel #opiniones .shadow-effect p {
  font-family: inherit;
  font-size: 17px;
  font-weight: 300;
  line-height: 1.5;
  margin: 0 0 17px;
}
.opiniones-carrusel #opiniones .item {
  margin-bottom: 50px;
  opacity: 0.2;
  text-align: center;
  transform: scale3d(0.8, 0.8, 1);
  transition: all 0.3s ease-in-out;
}
.opiniones-carrusel #opiniones .owl-item.active.center .item {
  color: #004cac;
  opacity: 1;
  transform: scaleX(1);
}
.opiniones-carrusel #opiniones .owl-item.active.center .item .testimonial-name {
  font-weight: 700;
  margin: 15px auto 0;
}
.opiniones-carrusel
  #opiniones
  .owl-item.active.center
  .item
  .testimonial-name
  span {
  display: block;
  font-size: 12px;
  font-weight: 400;
}
.opiniones-carrusel #opiniones .owl-dots {
  display: inline-block;
  text-align: center;
  width: 100%;
}
.opiniones-carrusel #opiniones .owl-dots .owl-dot {
  display: inline-block;
}
.opiniones-carrusel #opiniones .owl-dots .owl-dot span {
  background: #004cac;
  border-radius: 20px;
  display: inline-block;
  height: 20px;
  margin: 0 2px 5px;
  transform: translate3d(0, -50%, 0) scale(0.3);
  transform-origin: 50% 50% 0;
  transition: all 0.25s ease-out 0s;
  width: 20px;
}
.opiniones-carrusel #opiniones .owl-dots .owl-dot.active span,
.opiniones-carrusel #opiniones .owl-dots .owl-dot:hover span {
  background: #004cac;
  transform: translate3d(0, -50%, 0) scale(0.7);
}
.garantia {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 100px 10%;
  text-align: center;
}
.garantia .circulos {
  color: #004cac;
  display: flex;
  gap: 20px;
  margin: 50px auto;
}
@media (max-width: 767px) {
  .garantia .circulos {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media (max-width: 1279px) {
  .garantia .circulos {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.garantia .circulos .circulo {
  align-items: center;
  background-color: #eef3fa;
  border-radius: 90%;
  display: flex;
  flex-direction: column;
  height: 264px;
  justify-content: center;
  text-align: center;
  width: 264px;
}
@media (max-width: 1279px) {
  .garantia .circulos .circulo {
    height: 220px;
    width: 220px;
  }
}
@media (max-width: 1279px) and (max-width: 767px) {
  .garantia .circulos .circulo {
    height: 220px;
    width: 220px;
  }
}
.garantia .circulos .circulo img {
  margin-bottom: 15px;
}
.garantia .circulos .circulo p {
  font-size: 21px;
  font-weight: 700;
}
.garantia .circulos .circulo span {
  font-size: 16px;
}
.garantia button {
  margin: 0 auto;
  width: 250px;
}
.info-price {
  background-color: transparent;
  border-radius: 20px 20px 0 0;
  bottom: 0;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  display: none;
  max-width: 420px;
  position: fixed;
  right: 30px;
  width: 100%;
  z-index: 200;
}
.info-price.animationHide {
  animation: animationHideAni 1s;
}
@keyframes animationHideAni {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.info-price img {
  display: block;
  left: 25px;
  max-width: 160px;
  position: absolute;
  top: -25px;
}
.info-price .content > span {
  display: block;
  font-size: 15px;
  margin-bottom: 20px;
}
.info-price .content form {
  width: 100%;
}
.info-price .content form input {
  height: 20px;
  margin-right: 5px;
  padding: 8px 20px;
}
.info-price .content form .btn-primary {
  display: block;
  margin: 15px auto 0;
  padding: 15px 100px;
}
@media (max-width: 1420px) {
  .info-price {
    display: none;
  }
}
@media (min-width: 1920px) {
  .info-price {
    right: 15%;
  }
}
@media (max-width: 767px) {
  .info-price {
    right: 30px;
  }
}
.info-price .header {
  align-items: center;
  background: #002553;
  background: linear-gradient(180deg, #002553 15%, #004cac 96%);
  border-radius: 20px 20px 0 0;
  display: flex;
  height: 65px;
  justify-content: center;
  padding: 0 35px;
}
.info-price .header img {
  margin-bottom: -30px;
  margin-top: -50px;
}
.info-price .header p {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  margin: 0;
  padding: 0 10px 0 0;
  text-align: right;
  width: 100%;
}
.info-price .header i {
  color: #fff;
}
.info-price .content {
  align-items: center;
  background: #fff;
  box-shadow: inset 0 0 50px #bbe4f5;
  display: block;
  flex-direction: column;
  height: auto;
  justify-content: flex-start;
  margin-bottom: 0 !important;
  min-height: 180px;
  padding: 20px 35px;
}
.info-price .content .row {
  align-items: flex-end;
  display: flex;
  margin: 15px 0 10px;
}
.info-price .content .row input {
  border-bottom: 1px solid #3ab5e4;
  margin: 0 10px 0 0;
}
.info-price .content .row .btn-primary {
  background: #3ab5e4;
  background: linear-gradient(45deg, #3ab5e4 20%, #004cac 80%);
  font-size: 14px;
  margin: 0;
  padding: 10px 30px;
}
.info-price .content .row .btn-primary::placeholder {
  color: #3ab5e4 !important;
}
.info-price .content label {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  font-size: 13px;
  gap: 5px;
}
.info-price i.action-price-info.popup-mini {
  transform: rotate(180deg);
}
.info-price.person {
  max-width: 500px;
}
.info-price.pipe > img {
  max-width: 160px;
}
.info-price.person .content > img {
  display: block;
  left: -160px;
  max-width: 280px;
  position: absolute;
  top: -54px;
}
.info-price.person.woman .content > img {
  display: block;
  height: 360px;
  left: -94px;
  max-width: 300px;
  position: absolute;
  top: -72px;
}
.info-price .content span {
  display: inline-block;
  max-width: 380px;
}
.info-price.person .content form {
  margin-left: 80px;
}
.info-price.person .content form input {
  max-width: 70%;
  z-index: 10;
}
.info-price .msg-form {
  max-width: 320px !important;
}
.img-c-popup {
  display: none;
}
.asistencia {
  align-items: center;
  background: #3ab5e4;
  background: linear-gradient(45deg, #3ab5e4 20%, #004cac 80%);
  bottom: 50%;
  cursor: pointer;
  display: flex;
  height: 70px;
  min-width: 65px;
  position: fixed;
  right: 0;
  top: 40% !important;
  z-index: 1001;
}
@media (max-width: 1420px) {
  .asistencia {
    display: none;
  }
}
.asistencia img {
  left: -50px;
  position: absolute;
}
.asistencia .texto {
  color: #fff;
  display: none;
  padding: 0 10px 0 80px;
  white-space: nowrap;
}
.asistencia .texto p:first-child {
  font-size: 20px;
  font-weight: 700;
}
.asistencia .texto p {
  font-size: 16px;
}
.entrada-como-funciona {
  background-image: url(../images/entrada.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.descalcificadoraguaaquasaincomofunciona .imagenes img {
  width: 100%;
}
.descalcificadoraguaaquasaincomofunciona .imagenes img:first-child {
  display: block;
  margin: 0 auto 20px;
  max-width: 900px;
}
.nos-olvidamos {
  background-color: #f5f8fc;
}
.nos-olvidamos h3 {
  max-width: 65%;
}
.nos-olvidamos .col-right {
  align-items: center;
  display: flex;
  justify-content: center;
}
.nos-olvidamos.video.bloque-texto.container > div.column > div.col-right > img {
  position: relative;
  top: -20px;
  width: 360px;
}
@media (max-width: 767px) {
  .nos-olvidamos.video.bloque-texto.container
    > div.column
    > div.col-right
    > img {
    margin: 0;
    top: 0;
  }
}
.container-video {
  margin: 50px 0 -150px;
}
.container-video h3:first-of-type {
  color: #004cac;
  font-weight: 500;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.wrapper-recuadros .recuadro {
  align-items: center;
  background: #d9f1fb;
  border: 1px solid #d9f1fb;
  display: flex;
  justify-content: center;
  margin: 30px auto -50px;
  max-width: 1000px;
}
.wrapper-recuadros .recuadro .texto {
  background: #d9f1fb;
  padding: 30px;
}
.wrapper-recuadros .recuadro .texto p.title {
  color: #004cac;
  font-weight: 700;
  margin-bottom: 10px;
}
.descalcificadoraguaaquasaincomofunciona
  .wrapper-recuadros
  .recuadro:first-of-type {
  margin-bottom: 30px;
}
.fondo-hombre {
  background-image: url(../images/tecnico.jpg);
  background-position-x: center;
  background-size: cover;
  padding: 0;
}
.fondo-hombre .col-left {
  max-width: 600px;
}
.fondo-hombre .col-left p {
  margin: 0 0 20px;
}
.fondo-hombre .container .column {
  position: relative;
  top: 50px;
}
.descalcificadoraguaaquasaincomofunciona .lista-especial {
  width: 100%;
}
.descalcificadoraguaaquasaincomofunciona .lista-especial ul {
  margin: 0;
  padding: 0;
}
.descalcificadoraguaaquasaincomofunciona h3 {
  font-size: 24px;
}
.wrapper-pasos {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
  margin: 40px 0 0;
}
.wrapper-pasos .paso {
  border: 1px solid #bbe4f5;
  border-radius: 30px;
  padding: 30px;
  position: relative;
  width: 27.5%;
}
.wrapper-pasos .paso:before {
  align-items: center;
  background-color: #3ab5e4;
  border-radius: 100%;
  color: #fff;
  display: flex;
  height: 20px;
  justify-content: center;
  padding: 10px;
  position: absolute;
  top: -28px;
  width: 20px;
}
.wrapper-pasos .uno:before {
  content: "1";
}
.wrapper-pasos .dos:before {
  content: "2";
}
.wrapper-pasos .tres:before {
  content: "3";
}
.economico .economico-excelente {
  background-color: #efefef;
  background: #efefef !important;
  background: linear-gradient(180deg, #efefef, #fff) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#efefef",endColorstr="#ffffff",GradientType=1);
  margin: 0 0 60px;
  padding-bottom: 0 !important;
  position: relative;
}
.economico .economico-excelente .column .col-left {
  width: 65%;
  z-index: 3;
}
.economico .economico-excelente .column .col-left h2 {
  margin-top: 100px;
}
.economico .economico-excelente .img-fondo-dis {
  background-image: url(../images/bg-especial.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  height: 150px;
  position: absolute;
  right: 0;
  top: 10px;
  z-index: 2;
}
.economico .economico-excelente .tercio {
  display: flex;
  gap: 60px;
  justify-content: center;
  margin: 80px auto 0;
  max-width: 80%;
}
.economico .economico-excelente .tercio .sec-tercio {
  background-color: #fff;
  display: block;
  margin-top: 8%;
  width: 30%;
}
.economico .economico-excelente .tercio .sec-tercio img {
  height: auto;
  margin-top: -150px;
  max-width: 350px;
  width: 95%;
  z-index: 200;
}
.economico .economico-excelente .tercio .sec-tercio p {
  color: #0c192b;
  font-size: 18px;
  margin: 0 auto 50px;
  max-width: 80%;
  text-align: center;
}
.sin-sal {
  max-width: 100%;
}
.sin-sal .cuida-salud {
  background-image: url(../images/bg.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.sin-sal .cuida-salud .col-left p {
  margin: 25px 0;
}
.sin-sal .cuida-salud .col-left img {
  margin-bottom: -100px;
  max-width: 80%;
}
.sin-sal .beneficios .wrapper-beneficios,
.sin-sal .beneficios h2 {
  margin: 0;
}
.sin-sal .beneficios .wrapper-beneficios .beneficio {
  display: flex;
  gap: 30px;
  margin: 30px 0;
}
.sin-sal .beneficios .wrapper-beneficios .beneficio h4 {
  color: #3ab5e4;
  font-weight: 700;
  margin-bottom: 20px;
}
.sin-sal .beneficios .wrapper-beneficios .beneficio p {
  margin: 20px 0;
}
.sin-sal .beneficios .wrapper-beneficios .beneficio img {
  height: 120px;
  width: 120px;
}
.sin-sal .tratada {
  background-image: url(../images/water-splash.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 60px;
}
.sin-sal .tratada .col-left,
.sin-sal .tratada .col-right {
  margin-bottom: 350px;
}
.sin-sal .tratada .col-left p,
.sin-sal .tratada .col-right p {
  margin: 25px 0;
}
.ecologico .column p {
  margin: 0 0 25px;
}
.ecologico .imagen-eco {
  background: #fff;
  background: linear-gradient(180deg, #fff 50%, #efefef 0);
  display: flex;
  justify-content: center;
  padding-bottom: 0;
}
.ecologico .imagen-eco .img-background {
  background-image: url(../images/manos-agua.jpg);
  background-position: 50%;
  background-size: cover;
  height: 600px;
  width: 100%;
}
.ecologico .economico-excelente {
  background-color: #efefef;
  background: #efefef !important;
  background: linear-gradient(180deg, #efefef, #fff) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#efefef",endColorstr="#ffffff",GradientType=1);
  margin: 0 0 60px;
  padding: 50px 15% 0 !important;
}
.ecologico .economico-excelente .column .col-left {
  width: 65%;
}
.ecologico .economico-excelente .column .col-left h2 {
  margin-top: 100px;
}
.ecologico .economico-excelente .img-fondo-dis {
  background-image: url(../images/bg-especial.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: contain;
  height: 140px;
}
.ecologico .economico-excelente .tercio {
  display: flex;
  gap: 60px;
  justify-content: center;
  margin: 130px auto 0;
  max-width: 80%;
}
.ecologico .economico-excelente .tercio .sec-tercio {
  align-items: center;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-top: 10%;
  padding-top: 50px;
  position: relative;
  width: 30%;
}
.ecologico .economico-excelente .tercio .sec-tercio img {
  height: auto;
  margin-top: -250px;
  max-width: 350px;
  width: 95%;
  z-index: 200;
}
.ecologico .economico-excelente .tercio .sec-tercio .esfera {
  align-items: center;
  background-color: #3ab5e4;
  border-radius: 100%;
  display: flex;
  flex-direction: column;
  height: 280px;
  justify-content: center;
  position: absolute;
  top: -230px;
  width: 280px;
}
@media (max-width: 1439px) {
  .ecologico .economico-excelente .tercio .sec-tercio .esfera {
    height: 220px;
    top: -180px;
    width: 220px;
  }
}
.ecologico .economico-excelente .tercio .sec-tercio .esfera .porcentaje {
  color: #fff;
  font-size: 48px;
  font-weight: 700;
  margin: 10px 0;
}
@media (max-width: 1439px) {
  .ecologico .economico-excelente .tercio .sec-tercio .esfera .porcentaje {
    font-size: 40px;
  }
}
.ecologico .economico-excelente .tercio .sec-tercio .esfera .texto {
  color: #004cac;
  font-size: 24px;
  font-weight: 700;
  margin: 0 20px;
}
@media (max-width: 1439px) {
  .ecologico .economico-excelente .tercio .sec-tercio .esfera .texto {
    font-size: 20px;
  }
}
.ecologico .economico-excelente .tercio .sec-tercio p {
  color: #0c192b;
  font-size: 18px;
  margin: 20px auto 50px;
  max-width: 80%;
  text-align: center;
}
.intalacion-primer.container {
  padding-bottom: 30px !important;
}
.instalacion-video {
  text-align: center;
}
.instalacion-video p {
  margin: 0 auto;
  max-width: 1020px;
}
.instalacion-video video {
  display: flex;
  margin: 0 auto;
  max-width: 1200px;
  width: 80%;
  z-index: 100;
}
@media (max-width: 767px) {
  .instalacion-video video {
    margin-bottom: 20px;
    margin-top: 40px;
    width: 100%;
  }
}
.instalacion-video .sistema {
  background-color: #0f4c9a;
  background-image: url(../images/mascara-video.png);
  background-position: bottom;
  background-size: cover;
  border-radius: 10px;
  color: #fff;
  display: flex;
  margin: -65px auto 0;
  max-width: 1420px;
  padding: 120px 30px 10px;
  text-align: left;
  width: calc(100% - 60px);
  z-index: 0;
}
.instalacion-video .sistema a {
  color: #fff;
}
.instalacion-video .sistema .texto {
  width: 50%;
}
@media (max-width: 1279px) {
  .instalacion-video .sistema .texto {
    padding-right: 35px;
  }
}
@media (max-width: 767px) {
  .instalacion-video .sistema .texto {
    width: 100%;
  }
}
.instalacion-video .sistema .texto h3:after {
  border-bottom: 3px solid #3ab5e4;
  content: "";
  display: block;
  margin-top: 20px;
  max-width: 100px;
}
.instalacion-video .sistema .texto .subtitulo {
  font-size: 21px;
  font-weight: 500;
}
@media (max-width: 767px) {
  .instalacion-video .sistema .formulario {
    width: 100%;
  }
}
.instalacion-video .sistema .formulario .btn-primary {
  margin-left: 0;
}
@media (max-width: 1244px) and (max-width: 767px) {
  .instalacion-video .sistema {
    flex-direction: column;
  }
  .instalacion-video .sistema .texto {
    width: 100%;
  }
}
.fichas-tecnicas {
  background-color: #dee6f2;
  margin-bottom: 0;
}
.fichas-tecnicas h3 {
  font-size: 28px;
  font-weight: 500;
  line-height: 1.35em;
  margin-bottom: 80px;
}
.fichas-tecnicas h4 {
  margin-bottom: 80px;
}
.fichas-tecnicas .wrapper-fichas {
  align-items: center;
  display: flex;
  gap: 40px;
  justify-content: space-between;
  margin-bottom: -120px;
}
.fichas-tecnicas .wrapper-fichas .box {
  background-color: #f5f8fc;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 420px;
  padding: 100px 30px 60px;
  position: relative;
  text-align: center;
}
.fichas-tecnicas .wrapper-fichas .box img {
  left: 0;
  margin: 0 auto;
  min-height: 120px;
  position: absolute;
  right: 0;
  top: -50px;
  width: auto;
}
.fichas-tecnicas .wrapper-fichas .box p {
  color: #004cac;
  font-weight: 700;
}
.fichas-tecnicas .wrapper-fichas .box a {
  gap: 10px;
  margin: 30px auto 0;
}
.fichas-tecnicas .container {
  padding: 30px 10% 80px;
}
.info-tuberia {
  height: auto;
  margin: 0;
  width: 100%;
}
.medidas-instalacion img {
  display: block;
  height: auto;
  margin: 30px auto;
  max-width: 100%;
  width: auto;
}
.medidas-instalacion .col-right img {
  margin: 0 auto;
  max-width: 256px;
  position: relative;
  top: -34px;
}
@media (max-width: 767px) {
  .medidas-instalacion .col-right img {
    margin: 0 auto;
    max-width: 200px;
    position: inherit;
  }
}
.instalacion-clientes.instalacion {
  text-align: left !important;
}
.instalacion-clientes.instalacion h3 {
  margin: 0 auto 50px;
  padding: 0;
  text-align: center;
}
.descalcificadordomestico .instalacion-clientes.instalacion,
.instalacion .instalacion-clientes.instalacion {
  display: flex;
  flex-direction: column;
}
.descalcificadordomestico .instalacion-clientes a,
.instalaciondescalcificadordeagua .instalacion-clientes a {
  display: block;
  margin: 30px auto 0;
  max-width: 72px;
  text-align: center !important;
}
.container.medidas-instalacion .column {
  align-items: center;
}
.garantiasdescalcificadoraquasain .garantias-wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 50px;
}
.garantiasdescalcificadoraquasain .garantias-wrapper .garantia {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  max-width: 1340px;
  padding-bottom: 0;
  padding-top: 0;
}
.garantiasdescalcificadoraquasain .garantias-wrapper .garantia .destacado {
  align-items: center;
  background-color: #3ab5e4;
  border-bottom-right-radius: 100px;
  border-top-right-radius: 100px;
  display: flex;
  height: 150px;
  justify-content: flex-start;
  margin-right: -70px;
  max-width: 400px;
  min-width: 35%;
  padding: 0 100px 0 110px;
  position: relative;
  z-index: 1;
}
.garantiasdescalcificadoraquasain .garantias-wrapper .garantia .destacado h4 {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25em;
  margin: 0;
  text-align: left;
}
.garantiasdescalcificadoraquasain .garantias-wrapper .garantia .destacado img {
  height: 200px;
  left: -100px;
  position: absolute;
  top: -25px;
  width: 200px;
}
.garantiasdescalcificadoraquasain .garantias-wrapper .garantia .cuadro {
  align-items: flex-start;
  background-color: #f7f7f7;
  display: flex;
  flex-direction: column;
  height: 200px;
  justify-content: center;
  max-width: 50%;
  padding: 30px 20px 30px 100px;
  text-align: left;
}
.garantiasdescalcificadoraquasain .garantias-wrapper .garantia .cuadro p {
  margin: 10px 0;
}
.garantias-footer-title h2,
.garantiasdescalcificadoraquasain h2 {
  font-size: 28px;
}
.garantias-footer-title h3 {
  color: #004cac;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.1em;
  margin: 0 auto 20px;
  max-width: 1200px;
  text-align: center;
}
@media (min-width: 1640px) {
  .garantias-footer-title h3 {
    white-space: nowrap;
  }
}
.descalcificadordomestico .lista-especial.domestico {
  display: flex;
  width: 100%;
}
.descalcificadordomestico .lista-especial.domestico .img-listado {
  height: 250px;
  width: auto;
}
.descalcificadordomestico .lista-especial.domestico ul img {
  width: 100%;
}
.descalcificadordomestico .domestico-video video {
  display: flex;
  margin: 0 auto;
  max-width: 1200px;
  width: 80%;
  z-index: 100;
}
@media (max-width: 767px) {
  .descalcificadordomestico .domestico-video video {
    margin-bottom: 20px;
    margin-top: 40px;
    width: 100%;
  }
}
.descalcificadordomestico .domestico-video .sistema {
  background-color: #0f4c9a;
  background-image: url(../images/mascara-video.png);
  background-position: bottom;
  background-size: cover;
  border-radius: 10px;
  color: #fff;
  display: flex;
  margin: -65px auto 0;
  max-width: 1420px;
  padding: 120px 30px 10px;
  text-align: left;
  width: calc(100% - 60px);
  z-index: 0;
}
.descalcificadordomestico .domestico-video .sistema a {
  color: #fff;
}
.descalcificadordomestico .domestico-video .sistema .texto {
  width: 50%;
}
@media (max-width: 1279px) {
  .descalcificadordomestico .domestico-video .sistema .texto {
    padding-right: 35px;
  }
}
@media (max-width: 767px) {
  .descalcificadordomestico .domestico-video .sistema .texto {
    width: 100%;
  }
}
.descalcificadordomestico .domestico-video .sistema .texto h3:after {
  border-bottom: 3px solid #3ab5e4;
  content: "";
  display: block;
  margin-top: 20px;
  max-width: 100px;
}
.descalcificadordomestico .domestico-video .sistema .texto .subtitulo {
  font-size: 21px;
  font-weight: 500;
}
@media (max-width: 767px) {
  .descalcificadordomestico .domestico-video .sistema .formulario {
    width: 100%;
  }
}
.descalcificadordomestico .domestico-video .sistema .formulario .btn-primary {
  margin-left: 0;
}
@media (max-width: 1244px) and (max-width: 767px) {
  .descalcificadordomestico .domestico-video .sistema {
    flex-direction: column;
  }
  .descalcificadordomestico .domestico-video .sistema .texto {
    width: 100%;
  }
}
.descalcificadordomestico .resultados {
  background-image: url(../images/bg-resultados.jpg);
  background-position: 50%;
  background-size: cover;
}
.resultados .lista-especial {
  margin: 0 20% 0 10%;
  width: 70%;
}
.descalcificadoredificios .lista-especial.edificios {
  display: flex;
  width: 100%;
}
.descalcificadoredificios .lista-especial.edificios .img-listado {
  height: 250px;
  width: auto;
}
.descalcificadoredificios .lista-especial.edificios ul img {
  width: 100%;
}
.descalcificadoredificios .two-column-edificios {
  background: #efefef !important;
  background: -moz-linear-gradient(180deg, #efefef 0, #fff 100%) !important;
  background: -webkit-linear-gradient(180deg, #efefef, #fff) !important;
  background: linear-gradient(180deg, #efefef, #fff) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#efefef",endColorstr="#ffffff",GradientType=1);
}
.descalcificadordomestico .lista-especial.domestico ul img {
  height: auto;
  margin: 50px 0 0;
  max-width: 100%;
}
.descalcificadoredificios .lista-especial.edificios ul img {
  height: auto;
  margin: 40px 0;
  max-width: 100%;
}
.aquasaindescalcificadoresinhibidores .column {
  align-items: center;
  justify-content: space-between;
}
.tipos-descalcificadores {
  background-image: url(../images/bg-controller.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
}
.tipos-descalcificadores .container {
  padding-bottom: 25px !important;
  padding-top: 100px !important;
}
.tipos-descalcificadores ul {
  bottom: -25px;
  display: flex;
  list-style: none;
  margin: 0 auto;
  padding-left: 0;
  position: relative;
}
.tipos-descalcificadores ul li {
  background-color: #eff4fa;
  border-top: 4px solid #eff4fa;
  color: #004cac;
  cursor: pointer;
  font-weight: 700;
  padding: 25px 30px;
  text-align: center;
}
.tipos-descalcificadores ul li.active,
.tipos-descalcificadores ul li:hover {
  background-color: #f5f8fc;
  border-top: 4px solid #004cac;
}
.comparativadescalcificadores .cat-principal {
  padding: 50px 0;
}
.comparativadescalcificadores .cat-principal .tipo {
  margin: 0 0 100px;
}
.comparativadescalcificadores .cat-principal .tipo h5:after {
  background-color: #0c192b;
  bottom: 0;
  content: "";
  height: 2px;
  margin: auto 0 auto 10px;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100vw;
}
.comparativadescalcificadores .cat-principal .tipo .column .col-left .galeria {
  display: flex;
  flex-wrap: wrap;
}
.comparativadescalcificadores .cat-principal .tipo .column .col-right b {
  margin: 0 0 5px;
}
.comparativadescalcificadores .cat-principal .tipo .column .col-right p {
  margin: 0 0 20px;
}
.comparativa-video video {
  display: flex;
  margin: 0 auto;
  max-width: 1200px;
  width: 80%;
  z-index: 100;
}
@media (max-width: 767px) {
  .comparativa-video video {
    margin-bottom: 20px;
    margin-top: 40px;
    width: 100%;
  }
}
.comparativa-video .sistema {
  background-color: #0f4c9a;
  background-image: url(../images/mascara-video.png);
  background-position: bottom;
  background-size: cover;
  border-radius: 10px;
  color: #fff;
  display: flex;
  margin: -65px auto 0;
  max-width: 1420px;
  padding: 100px 50px 50px;
  text-align: left;
  width: 90%;
  z-index: 0;
}
.comparativa-video .sistema a {
  color: #fff;
  margin-bottom: 0;
  padding: 0 5px;
}
.comparativa-video .sistema .texto {
  width: 50%;
}
@media (max-width: 1279px) {
  .comparativa-video .sistema .texto {
    padding-right: 35px;
  }
}
@media (max-width: 767px) {
  .comparativa-video .sistema .texto {
    width: 100%;
  }
}
.comparativa-video .sistema .texto h3:after {
  border-bottom: 3px solid #3ab5e4;
  content: "";
  display: block;
  margin-top: 20px;
  max-width: 100px;
}
.comparativa-video .sistema .texto .subtitulo {
  font-size: 21px;
  font-weight: 500;
}
@media (max-width: 767px) {
  .comparativa-video .sistema .formulario {
    width: 100%;
  }
}
.comparativa-video .sistema .formulario .btn-primary {
  margin-left: 0;
}
@media (max-width: 1244px) and (max-width: 767px) {
  .comparativa-video .sistema {
    flex-direction: column;
  }
  .comparativa-video .sistema .texto {
    width: 100%;
  }
}
.comparativadescalcificadores .cat-principal .tipo:last-of-type {
  margin: 0;
}
.comparativadescalcificadores .cat-principal {
  background-color: #f5f8fc;
  padding: 50px 0 0;
}
.tipos-descalcificadores h3 {
  margin: 0 auto;
  position: relative;
  text-align: center;
  top: -30px;
}
.comparativadescalcificadores .cat-principal .tipo h5 {
  font-weight: 600;
  margin: 30px 0;
  overflow: hidden;
  position: relative;
}
.comparativadescalcificadores .cat-principal .tipo .column .col-right b {
  display: block;
  font-weight: 600;
  margin: 0 0 10px;
}
.comparativadescalcificadores .cat-principal .tipo .column .col-right p {
  margin: 0 0 30px;
}
.comparativadescalcificadores .cat-principal .tipo .column .col-right {
  background-color: #eef3fa;
  margin-left: 50px;
  padding: 30px;
}
.comparativadescalcificadores
  .cat-principal
  .tipo
  .column
  .col-left
  .galeria
  img {
  margin-bottom: 10px;
  max-height: 350px;
  width: auto;
}
.content-opinion .texto p {
  margin-bottom: 20px;
}
.content-opinion img {
  height: 240px;
  max-width: 240px;
  min-width: 240px;
  overflow-y: hidden;
  width: 100%;
}
.opinion-wrapper .opinion:not(:first-of-type) {
  margin-bottom: 60px;
  margin-top: 60px;
}
.opinion-wrapper .opinion .content-opinion {
  gap: 60px;
  padding: 40px;
}
.opinion-wrapper .opinion .header-opinion {
  margin-bottom: 20px;
}
.opinion-wrapper .opinion .header-opinion:before {
  left: -100px;
  top: -70px;
}
.opinion-wrapper .opinion:nth-child(2n) .header-opinion:before {
  right: -100px;
  top: -70px;
}
.descalcificadoraguaopiniones .opinion-wrapper .opinion {
  margin: 0 auto 100px;
  max-width: 1140px;
}
.descalcificadoraguaopiniones .opinion-wrapper .opinion:first-of-type {
  margin-top: 20px;
}
.opinion-wrapper .opinion .content-opinion,
.opinion-wrapper .opinion .header-opinion {
  margin: 0 auto;
  max-width: 1260px;
}
.opinion-wrapper .opinion .header-opinion {
  color: #3ab5e4;
  font-size: 24px;
  margin-bottom: 15px;
  position: relative;
}
.opinion-wrapper .opinion .header-opinion:before {
  content: url(../images/comments-left.png);
  left: -80px;
  position: absolute;
  top: -52px;
}
.opinion-wrapper .opinion .content-opinion {
  background-color: #f6fcfe;
  border-bottom: 5px solid #d9f1fb;
  box-sizing: border-box;
  display: flex;
  gap: 30px;
  padding: 30px 20px 15px;
}
.opinion-wrapper .opinion:nth-child(2n) .header-opinion {
  text-align: right;
}
.opinion-wrapper .opinion:nth-child(2n) .header-opinion:before {
  content: url(../images/comments-right.png);
  position: absolute;
  right: -80px;
  top: -52px;
}
.opinion-wrapper .opinion:nth-child(2n) .content-opinion .texto {
  order: 2;
}
.opinion-wrapper .opinion:nth-child(2n) .content-opinion img {
  order: 1;
}
.banner-opiniones {
  display: flex;
  margin: 0 auto;
  max-width: 1180px;
}
.texto-banner a {
  text-decoration: none !important;
}
.texto-banner a svg {
  left: 0;
  position: relative;
  transition: 0.3s;
}
.banner-opiniones img {
  border-bottom-left-radius: 30px;
  border-top-left-radius: 30px;
  height: auto;
  width: auto;
}
.banner-opiniones .texto-banner {
  background-image: url(../images/banner-bg.png);
  background-size: cover;
  border-bottom-right-radius: 30px;
  border-top-right-radius: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 60px 20px;
  position: relative;
  width: 70%;
}
.banner-opiniones .texto-banner .h4,
.banner-opiniones .texto-banner h4 {
  color: #fff;
  font-weight: 400;
}
.banner-opiniones .texto-banner a {
  align-items: center;
  bottom: 30px;
  color: #fff;
  display: flex;
  font-size: 30px;
  gap: 10px;
  position: absolute;
  right: 50px;
}
.descalcificadoraguaopiniones .opinion-wrapper .opinion:last-of-type {
  margin: 0 auto;
}
.descalcificadoraguaopiniones h2,
.descalcificadoresdeaguafotosvideos h2 {
  font-size: 28px;
}
.btn-faq {
  display: flex;
  gap: 30px;
  justify-content: center;
  margin: 50px 0;
}
.btn-faq button {
  background-color: transparent;
  border: 2px solid #004cac;
  color: #004cac;
  font-size: 20px;
  font-weight: 700;
  padding: 15px 35px;
}
.btn-faq button.active,
.btn-faq button:hover {
  background-color: #eef3fa;
  border: 2px solid #eef3fa !important;
}
.wrapper-faq ol li {
  border-bottom: 1px solid #e3e3e3;
  color: #004cac;
  font-size: 18px;
  font-weight: 700;
  margin: 40px 0;
}
.wrapper-faq ol li p {
  margin: 0 0 15px;
}
.wrapper-faq ol li div {
  font-size: 18px;
}
.drop_down_btn {
  cursor: pointer;
}
.drop_down_btn:after {
  margin-left: 10px;
}
.drop_down_btn.active:after {
  content: "\f106";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-left: 10px;
}
.fondo-faqs {
  background: url(../images/faqs-cabecera-bck.png) right 20px no-repeat;
}
.wrapper-faq {
  margin: 0 auto;
  max-width: 1020px;
}
.cabecera-faqs {
  align-items: center;
  display: flex;
  justify-content: center;
}
.cabecera-faqs img {
  margin-right: 30px;
  max-height: 110px;
  width: auto;
}
.cabecera-faqs h2,
.cabecera-faqs h4 {
  margin: 0;
  max-width: 1040px;
}
.wrapper-faq .img-container {
  display: flex;
  gap: 0;
  justify-content: space-around;
  margin: auto;
  padding: 20px 0 0 !important;
  width: 80%;
}
.wrapper-faq .img-container > .img-item {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 20px;
  text-align: center;
}
.wrapper-faq .img-container > .img-item img {
  max-height: 240px;
  width: auto;
}
.wrapper-faq ol li .drop_down_btn {
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 10px;
  padding-bottom: 30px;
  padding-right: 20px;
  position: relative;
}
.drop_down_btn:after {
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-left: auto;
  position: absolute;
  right: 0;
}
.wrapper-faq ol li div {
  background-color: #f7f7f7;
  color: #0c192b;
  font-size: 16px;
  font-weight: 400;
  padding: 30px;
}
.faqs .contact-form textarea {
  height: 120px !important;
}
.faqs .wrapper-forms.container {
  margin-top: 0;
  padding-top: 0;
}
.faqs .container-no-top {
  text-align: center;
}
.faqs h3 {
  max-width: none;
}
.datos-contacto {
  background-image: url(../images/europa.png);
  background-position: 80%;
  background-repeat: no-repeat;
  background-size: contain;
}
.datos-contacto ul {
  max-width: 600px;
  padding: 0;
}
.datos-contacto img {
  width: 280px;
}
.datos-contacto ul li {
  align-items: center;
  display: flex;
  gap: 10px;
  list-style: none;
  margin: 0 0 25px;
}
.datos-contacto ul li i {
  color: #004cac;
  font-size: 20px;
}
.datos-contacto ul li:first-of-type i {
  position: relative;
  top: -10px;
}
.wrapper-forms {
  background-image: url(../images/grifo.jpg);
  background-position: center 80px;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 40px;
  justify-content: space-between;
}
.wrapper-forms .formulario {
  background-color: #fff;
  border-radius: 30px;
  box-shadow: 1px 1px 10px #c1c5cb;
  max-width: 100%;
  min-height: 490px;
  padding: 30px;
  position: relative;
  width: 42%;
}
.wrapper-forms .formulario .msg.msg-success {
  align-items: center;
  background-color: #a2e86c;
  border: 2px solid #65bf19;
  border-radius: 6px;
  color: #007a0f;
  display: flex;
  font-size: 14px;
  justify-content: center;
  margin-top: 20px;
  padding: 10px 20px 10px 10px;
  text-align: center;
  width: calc(100% - 34px);
}
.wrapper-forms .formulario .msg.msg-success > i {
  font-size: 2em;
  margin-right: 10px;
}
.wrapper-forms .formulario h2 {
  align-items: center;
  color: #0c192b;
  display: flex;
  font-size: 28px;
  font-weight: 700;
  gap: 15px;
  margin-bottom: 20px;
}
.wrapper-forms .formulario textarea {
  height: 70px;
}
.wrapper-forms .formulario .btn-enviar {
  align-items: center;
  background-color: #004cac;
  border: none;
  border-radius: 30px;
  bottom: 30px;
  color: #fff;
  display: flex;
  font-size: 16px;
  font-weight: 700;
  gap: 10px;
  margin: 30px 0 0 auto;
  padding: 10px 20px 10px 25px;
  position: absolute;
  right: 30px;
}
.wrapper-forms .datos-contacto {
  background: none;
  max-width: 100%;
  padding: 0;
  width: calc(42% + 60px);
}
.wrapper-forms .formulario p {
  margin-bottom: 20px;
}
.wrapper-forms .formulario label {
  display: block;
  font-size: 12.5px;
  letter-spacing: -0.5px;
  margin-top: 20px;
}
.wrapper-forms .formulario input {
  margin: 20px 0;
}
.wrapper-forms .formulario input[type="checkbox"] {
  margin-right: 10px;
  position: relative;
  top: 5px;
}
.formulario label a {
  color: #004cac;
  font-weight: 600;
  margin-bottom: 30px;
  text-decoration: none;
}
.contactaraquasainespecialistasdescalcificadores .vivienda-footer-index {
  margin-top: 80px;
}
.contactaraquasainespecialistasdescalcificadores .wrapper-forms.container h2 {
  margin: 0 auto;
}
.contactaraquasainespecialistasdescalcificadores
  .wrapper-forms.container
  .formulario
  h2 {
  margin-bottom: 10px;
}
.datos-contacto .lista-especial {
  left: -8px;
  margin: 0;
  position: relative;
  width: 100%;
}
.datos-contacto .lista-especial ul li {
  margin: 20px 0;
  padding-left: 38px;
}
.datos-contacto .lista-especial ul li:before {
  content: url(../images/check-list-xs.svg);
  left: 4px;
  top: 1px;
  width: 28px;
}
@media (max-width: 767px) {
  .datos-contacto .lista-especial {
    left: 7px;
  }
  .datos-contacto .lista-especial ul li {
    padding-left: 24px;
  }
  .datos-contacto .lista-especial ul li:before {
    left: -12px;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .datos-contacto .lista-especial {
    left: -8px;
  }
  .datos-contacto .lista-especial ul li {
    padding-left: 24px;
  }
  .datos-contacto .lista-especial ul li:before {
    left: -12px;
  }
}
.controlador-galeria {
  display: flex;
  gap: 10%;
  justify-content: center;
  margin: 0;
}
.controlador-galeria .imagenes,
.controlador-galeria .videos {
  align-items: center;
  border: 2px solid #004cac;
  color: #004cac;
  cursor: pointer;
  display: flex;
  font-weight: 700;
  gap: 10px;
  justify-content: center;
  padding: 15px 20px;
  width: 45%;
}
.controlador-galeria .imagenes.active,
.controlador-galeria .videos.active {
  cursor: default;
}
.controlador-galeria .imagenes svg,
.controlador-galeria .videos svg {
  height: 30px;
}
.controlador-galeria .imagenes.active,
.controlador-galeria .videos.active {
  background-color: #eef3fa;
  border: 2px solid #eef3fa;
  color: #7fa5d5;
}
.controlador-galeria .imagenes.active svg path,
.controlador-galeria .videos.active svg path {
  stroke: #7fa5d5;
  fill: #7fa5d5 !important;
}
.galeria-page-img .gallery .imagenes-galeria {
  align-items: center;
  height: 320px;
  object-fit: cover;
  width: calc(25% - 4px);
}
.controlador-galeria {
  gap: 5%;
}
.owl-item.active.center .item {
  width: 100%;
}
.owl-theme .owl-nav [class*="owl-"] > span {
  min-height: 34px;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
  background: #004cac !important;
  color: #fff !important;
  text-decoration: none !important;
}
.gallery-video {
  display: none;
  flex-wrap: wrap;
  gap: 20px;
}
.gallery-video.active {
  display: flex;
}
.descalcificadoresdeaguafotosvideos a {
  text-decoration: none;
}
.fundacion {
  font-size: 16px;
  margin: 50px 0;
}
.fundacion .title-fundacion {
  color: #0c192b;
  font-size: 18px;
}
.fundacion a {
  display: block;
  margin: 10px 0;
  text-decoration: none;
}
.img-donaciones {
  display: block;
  margin: auto;
  max-width: 360px;
  text-align: center;
}
.donaciones h2.txt-introd {
  margin-bottom: 30px;
}
.blackfriday-container {
  text-align: center;
}
.blackfriday-banner {
  height: auto;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
.blackfriday-banner.mov {
  display: none;
}
.blackfriday-label {
  color: red;
  font-size: 12px;
}
.blackfriday-label span {
  border: none;
  font-size: 14px;
  font-weight: 500;
  text-decoration: line-through;
}
@media (max-width: 460px) {
  .blackfriday-banner.desk {
    display: none;
  }
  .blackfriday-banner.mov {
    display: inline-block;
  }
}
.comprardescalcificadorprecio .formulario-popup input {
  border: 2px solid #004cac !important;
  margin: 10px 0;
  width: 28%;
}
.comprardescalcificadorprecio input:focus,
.comprardescalcificadorprecio input:hover,
.comprardescalcificadorprecio textarea:focus,
.comprardescalcificadorprecio textarea:hover {
  border: 2px solid #004cac !important;
}
.comprardescalcificadorprecio input[type="radio"] {
  width: 30px !important;
}
.comprar-title {
  align-items: center;
  background: #fff;
  border: 3px solid #3ab5e4;
  border-radius: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -webkit-flexbox;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  margin-bottom: 10px;
  padding: 0;
}
.comprar-title span:first-of-type {
  background: #3ab5e4;
  border-radius: 22px 0 0 22px;
  color: #fff;
  display: inline-flex;
  margin-left: -3px;
  padding: 17px 22px;
}
.comprar-title span:last-of-type {
  background: #fff;
  border-radius: 0 22px 22px 0;
  padding: 10px 20px;
}
fieldset {
  background: #fff;
  border: 2px solid #e8e8e8;
  border-radius: 10px;
  box-shadow: 2px 2px 20px #dad7d7d9;
  margin: 0 0 50px;
  padding: 20px;
  position: relative;
  z-index: 100;
  z-index: 1;
}
fieldset legend {
  border-radius: 30px;
  font-size: 22px;
  font-weight: 700;
  padding: 10px 20px;
}
fieldset.datos-envio {
  margin-bottom: 0;
}
.select-unids .productos {
  display: flex;
  justify-content: space-between;
}
.select-unids .productos .product {
  padding: 30px;
  position: relative;
}
.select-unids .productos .product .head {
  text-align: center;
}
.select-unids .productos .product .head .title {
  color: #004cac;
  font-size: 21px;
  font-weight: 700;
}
@media (max-width: 1919px) {
  .select-unids .productos .product .head .title {
    font-size: 26px;
  }
}
.select-unids .productos .product .head .subtitle {
  color: #004cac;
  font-size: 16px;
  min-height: 50px;
}
.select-unids .productos .product .selectores,
.select-unids .productos .product img {
  margin: 30px 0;
}
.select-unids .productos .product .selectores label {
  align-items: center;
  display: flex;
  font-size: 18px;
  font-weight: 700;
  justify-content: space-between;
  margin: 30px 0;
}
.select-unids .productos .product .selectores label select {
  font-size: 18px;
  font-weight: 700;
  margin-left: 5px;
  padding: 10px 30px;
}
.select-unids .productos .product .selectores label .price {
  border-bottom: 1px solid #0c192b;
  font-size: 30px;
  font-weight: 500;
  padding-bottom: 10px;
}
.select-unids .productos .product .selectores label .total-product {
  font-size: 30px;
  font-weight: 700;
}
.select-unids .productos .product .selectores .send-free {
  color: #3ab5e4;
  font-weight: 700;
}
.wrapper-price-total .send-free {
  color: #3ab5e4;
  font-size: 15px;
  font-weight: 700;
}
.select-unids .productos .product .selectores label .price,
.select-unids .productos .product .selectores label .total-product {
  font-size: 24px;
}
.total-product,
.total-product-prev {
  color: #004cac;
}
.select-unids .wrapper-price-total {
  padding: 40px 20px;
}
.select-unids .wrapper-price-total > span {
  display: flex;
  font-size: 30px;
  font-weight: 600;
  justify-content: space-between;
  margin-left: auto;
  max-width: 400px;
}
.select-unids .wrapper-price-total > div {
  font-size: 18px;
  font-weight: 500;
  margin-left: auto;
  margin-top: 10px;
  max-width: 400px;
  text-align: right;
}
.select-unids .productos .product .selectores label select {
  padding: 10px 20px;
}
.select-unids .wrapper-price-total #precio-total {
  font-weight: 700;
  padding-left: 20px;
}
.product .selectores .send-free,
.product .selectores label:nth-child(2),
.product .selectores label:nth-child(3) {
  display: none;
}
.product.active .selectores .send-free,
.product.active .selectores label {
  display: flex;
}
.product.active img {
  opacity: 1;
}
.o-desc-muestra {
  background-color: transparent;
  height: 10px;
  position: absolute;
  right: 0;
  top: -40px;
  width: 30px;
}
.home .o-desc-muestra {
  display: inline-block;
  position: inherit;
}
@media (max-width: 1470px) {
  .product .head {
    min-height: 150px;
  }
}
.product .head .title {
  margin-bottom: 5px !important;
}
.select-unids hr {
  border: 1px dashed #004cac;
}
.select-unids .wrapper-price-total {
  background-color: #f1fafe;
  color: #004cac;
  font-size: 36px;
  font-weight: 700;
  line-height: normal;
  padding: 50px 20px;
  text-align: right;
}
.datos-envio .input-date {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.form-input-container {
  position: relative;
}
.form-input-container span {
  color: red;
  font-size: 12px;
  position: absolute;
  top: 72px;
}
.datos-envio .input-date input {
  border: 2px solid #afafaf;
  width: 100%;
}
.datos-envio .input-date .form-input-container {
  margin: 3px 0;
  width: 32.5%;
}
.datos-envio .input-date input:active,
.datos-envio .input-date input:focus {
  border: 1px solid #004cac;
}
.datos-envio .input-date .form-input-container.doble-input {
  width: 66%;
}
.datos-envio .input-date .form-input-container.half-input {
  width: 15.75%;
}
.datos-envio .info-obligatorios,
.datos-envio .tipo-factura {
  margin: 30px 0;
}
.datos-envio .tipo-factura {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.datos-envio .tipo-factura label {
  align-items: center;
  display: flex;
  width: 100%;
}
.datos-envio .tipo-factura label input {
  max-width: 30px;
}
.datos-envio .facturacion {
  border-top: 1px solid #d7d7d7;
  padding: 0 0 30px;
}
.datos-envio .facturacion p {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.35em;
  margin: 30px 0 10px;
  max-width: 250px;
}
.facturacion .info-obligatorios,
.facturacion .info-obligatorios p {
  margin-bottom: 0;
}
.content-formas-pago .radio-toolbar {
  display: flex;
  flex-direction: column;
}
.formas-pago .content-formas-pago {
  margin: 0 auto 20px;
  max-width: 1190px;
}
.formas-pago .radio-toolbar {
  align-content: center;
  display: flex;
  gap: 5%;
  justify-content: space-between;
  margin: 30px 0;
}
.formas-pago .radio-toolbar input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}
.formas-pago .radio-toolbar label {
  align-items: center;
  background-color: #fff;
  border: 2px solid #e4e4e4;
  border-radius: 30px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 140px;
  justify-content: space-around;
  padding: 30px;
  transition: all 0.3s linear;
  width: 140px;
}
#paypal-checkout-container {
  align-content: center;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-evenly;
  max-width: 240px;
}
.formas-pago .radio-toolbar input[type="radio"]:checked + label,
.formas-pago .radio-toolbar label:hover {
  border-color: #004cac;
  box-shadow: 0 0 30px #e6e6e6;
}
.formas-pago .radio-toolbar input[type="radio"]:checked + label {
  border-color: #004cac;
}
.formas-pago .radio-toolbar input[type="radio"]:focus + label {
  border: 2px solid #004cac;
}
.datos-envio .politica,
.formas-pago .politica,
.formas-pago p {
  align-items: center;
  display: flex;
  gap: 5px;
  line-height: 1.25em;
  text-align: center;
}
.datos-envio .politica,
.formas-pago .politica {
  text-align: left;
}
.content-formas-pago p input {
  width: inherit;
}
.before-payment {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
}
.before-payment .btn-primary {
  border-radius: 35px;
  padding: 24px 50px;
  position: relative;
  top: -20px;
}
.before-payment .btn-primary > #icon {
  margin-left: 10px;
}
.before-footer {
  align-items: center;
  background-color: #f1fafe;
  display: flex;
  height: 280px;
  justify-content: center;
  margin-top: -210px;
  position: relative;
  z-index: 0;
}
.before-footer .btn-primary {
  border-radius: 35px;
  padding: 24px 50px;
  position: relative;
  top: 15px;
}
.before-footer .btn-primary > #icon {
  margin-left: 10px;
}
.footer-comprar {
  background: #002553;
  background: linear-gradient(180deg, #002553 25%, #004cac 85%);
}
footer .columnas .column-footer .group-footer ul li a {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
}
.garantia-footer .wrapper .elemento .texto {
  border-left: 1px solid #004cac;
  margin-left: 20px;
  padding-left: 20px;
}
.footer-comprar ul {
  display: flex;
  justify-content: space-between;
  list-style: none;
  margin: 0;
  min-width: 50%;
  padding: 0;
}
.footer-comprar > ul > li {
  margin: 0 3%;
}
.footer-comprar ul > li a {
  text-decoration: none !important;
}
.footer-comprar ul li a {
  color: #fff;
  font-weight: 500;
}
.checkout-legend {
  align-items: center;
  display: flex;
  gap: 20px;
}
.back-shop {
  padding-bottom: 30px !important;
  padding-top: 30px !important;
  z-index: 100;
}
.back-shop a {
  align-items: center;
  display: flex;
  text-decoration: none !important;
}
.back-shop a:hover {
  color: #004cac;
}
.back-shop a svg {
  left: 0;
  margin-right: 10px;
  position: relative;
  transition: 0.3s;
}
.back-shop a:hover svg {
  left: -5px;
}
.cart-product {
  margin: 0 auto;
  max-width: 1340px;
}
.cart-product .product-cart {
  background-color: #f1fafe;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  margin-bottom: 2px;
}
.cart-product .product-cart img {
  height: fit-content;
  height: intrinsic;
  margin-left: 0;
  padding: 50px 0;
  width: 20%;
}
.cart-product .product-cart .info-product {
  padding: 50px 0;
  width: 40%;
}
.cart-product .product-cart .info-product .descrip {
  color: #0c192b;
}
.cart-product .product-cart .info-product .free-shipping {
  color: #3ab5e4;
  font-weight: 700;
  margin: 20px 0;
}
.cart-product .product-cart .info-product .contrareembolso {
  font-size: 16px;
  font-style: italic;
}
.cart-product .product-cart .info-product .cupon {
  margin: 50px 0;
  position: relative;
}
.cart-product .product-cart .info-product .cupon span:first-child {
  background: #fff;
  border-bottom: 2px solid #3ab5e4;
  border-bottom-left-radius: 30px;
  border-left: 2px solid #3ab5e4;
  border-top: 2px solid #3ab5e4;
  border-top-left-radius: 30px;
  color: #3ab5e4;
  font-size: 24px;
  font-weight: 700;
  padding: 15px 0 15px 60px;
  position: relative;
}
.cart-product .product-cart .info-product .cupon span:first-child:before {
  content: url(../images/cupon.svg);
  left: 0;
  position: absolute;
  top: -19px;
}
.cart-product .product-cart .info-product .cupon span:nth-child(2) {
  background-color: #3ab5e4;
  border-bottom: 2px solid #3ab5e4;
  border-bottom-right-radius: 30px;
  border-right: 2px solid #3ab5e4;
  border-top: 2px solid #3ab5e4;
  border-top-right-radius: 30px;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  padding: 15px 20px;
}
.info-product h4 {
  font-weight: 600;
  margin-bottom: 20px;
}
.cart-product .product-cart .price-cart {
  background-color: #d9f1fb;
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: space-between;
  padding: 50px 30px;
  width: 40%;
}
.cart-product .product-cart .price-cart label {
  color: #0c192b;
  display: flex;
  font-size: 18px;
  font-weight: 700;
  justify-content: space-between;
  padding: 0 20px;
}
.cart-product .product-cart .price-cart label span {
  font-size: 30px;
  font-weight: 600;
}
.cart-product .product-cart .price-cart .total {
  background-color: #fff;
  color: #004cac;
  font-size: 30px;
  font-weight: 600;
  padding: 15px 20px;
}
.cart-product .product-cart .price-cart .total > span {
  font-weight: 700;
}
.cart-product .product-cart .price-cart .iva {
  font-size: 16px;
  font-weight: 300;
  margin-top: -30px;
  padding: 0 20px;
}
.cart-product .product-cart .price-cart .original-price {
  font-weight: 500;
  padding: 0 20px;
  text-decoration: line-through;
}
.cart-product .pago-total {
  background-color: #f1fafe;
  display: flex;
  justify-content: flex-end;
}
.cart-product .pago-total .total {
  background-color: #d9f1fb;
  min-height: 40px;
  padding: 40px 30px 25px;
  width: calc(40% - 50px);
}
.cart-product .pago-total .total label {
  color: #004cac;
  display: flex;
  font-size: 36px;
  font-weight: 800;
  justify-content: space-between;
}
.mensaje-tienda {
  align-items: center;
  background-color: #f1fafe;
  border-radius: 200px;
  display: flex;
  flex-direction: column;
  height: 400px;
  justify-content: center;
  margin: 50px;
}
.mensaje-tienda svg {
  margin-bottom: 30px;
}
.mensaje-tienda > h4 {
  margin: 20px auto;
}
#btnContinueShop span {
  color: #004cac;
  font-size: 1.1em;
  font-weight: bolder;
  margin: 0 0.5em;
}
.comprardescalcificadorprecio .container-top-20 {
  padding: 10px 10% 0;
}
.comprar-paso-1 {
  align-content: space-between;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
}
.comprar-paso-title {
  align-items: center;
  background: #fff;
  border: 2px solid #004cac;
  border-radius: 10px;
  color: #004cac;
  display: -webkit-box;
  display: -webkit-flex;
  display: -webkit-flexbox;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  height: 50px;
  margin-bottom: 10px;
  padding: 0;
}
#step-2-button {
  cursor: pointer;
}
.comprar-paso-title img {
  height: 40px;
}
.comprar-paso-title span:first-of-type {
  border-radius: 22px 0 0 22px;
  color: #004cac;
  display: inline-flex;
  margin-left: -3px;
  padding: 17px 22px;
}
.comprar-paso-title span:last-of-type {
  background: #fff;
  border-radius: 0 22px 22px 0;
  padding: 10px 20px;
}
.cart-formas-pago .comprar-paso-title span:last-of-type,
.select-unids .comprar-paso-title span:last-of-type {
  opacity: 0;
}
.checkout-legend.comprar-title span:last-of-type {
  padding: 10px 20px 10px 0;
}
.cart-items {
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-wrap: wrap;
}
.cart-items .item {
  border-bottom: 2px solid #afafaf;
  border-left: 2px solid #afafaf;
  border-right: 2px solid #afafaf;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  max-width: 100%;
}
.cart-items > :first-child {
  border-radius: 10px 10px 0 0;
}
.item-col-1 {
  align-items: flex-start;
  display: flex;
  flex: 1.5;
  flex-direction: row;
  flex-wrap: nowrap;
}
.compraraquasainresumendelpedido .item-col-1 {
  flex: 1;
}
.item-col-1 > div {
  height: 100%;
  width: 100%;
}
.item-col-2 {
  align-items: start;
  display: grid;
  flex: 1;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: minmax(20px, max-content);
  min-width: 340px;
  text-align: center;
}
.item-col-2 > :nth-child(n + 4) {
  align-content: center;
  align-items: center;
  align-self: center;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 8px;
  height: 134px;
  justify-content: center;
}
.item-col-2 > div {
  border-left: 2px solid #afafaf;
}
.compraraquasainresumendelpedido .item-col-2:last-child {
  grid-column: span 3;
}
.cart-items > :nth-child(n + 2) .item-title {
  display: none;
}
.item-title {
  background-color: #e3e3e3;
  border-bottom: 2px solid #afafaf;
  border-top: 2px solid #afafaf;
  font-weight: 700;
  padding: 8px 16px;
  text-align: center;
}
.cart-items > :first-child .item-col-1 .item-title {
  border-radius: 10px 0 0 0;
}
.cart-items > :first-child .item-col-2 > :nth-child(3) {
  border-radius: 0 10px 0 0;
}
.item-info {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.item-description {
  text-align: left;
}
.item-description .desc-1 {
  font-size: 18px;
  font-weight: 700;
  margin-top: 10px;
}
.item-description .desc-2 {
  font-size: 12px;
  margin-top: 8px;
}
.item-image {
  position: relative;
}
.item-col-2 .quantity {
  font-size: 16px;
  padding: 4px 8px;
}
.cart-totals-payments-methods {
  color: #004cac;
  display: flex;
  flex: 0.5;
  flex-direction: column;
  font-weight: 500;
  gap: 40px;
}
.cart-totals {
  align-items: center;
  border: 2px solid #004cac;
  border-radius: 10px;
  color: #004cac;
  display: flex;
  flex-direction: column;
}
.cart-totals > div {
  padding: 8px 0;
  text-align: center;
  width: 100%;
}
.cart-totals .totals-title {
  border-bottom: 2px solid #004cac;
  color: #004cac;
  font-size: 20px;
  font-weight: 700;
}
.compraraquasainresumendelpedido .info-discount {
  border: 2px solid #afafaf;
  border-top: none;
  padding: 8px 16px;
  text-align: right;
}
.cart-totals .totals-discount,
.compraraquasainresumendelpedido .totals-discount {
  background-color: #64bf17;
  color: #fff;
  font-weight: 600;
  grid-column: span 3;
}
.compraraquasainresumendelpedido .totals-discount {
  align-items: center;
  background-color: #64bf17;
  border-left: 2px solid #afafaf;
  border-right: 2px solid #afafaf;
  color: #fff;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-weight: 600;
  height: 40px !important;
  justify-content: flex-end;
  padding: 4px 16px;
  text-align: center;
}
.compraraquasainresumendelpedido .totals-summary {
  align-content: center;
  align-items: center;
  background-color: #004cac;
  border-radius: 0 0 10px 10px;
  color: #fff;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 20px;
  font-weight: 700;
  justify-content: space-between;
  padding: 16px;
}
.totals-summary-right {
  text-align: right;
}
.totals-summary-right .original-price {
  font-size: 14px;
  margin-top: 4px;
}
.compraraquasainresumendelpedido .free-shipping {
  align-items: center;
  display: flex;
  font-weight: 700;
  justify-content: flex-end;
}
.compraraquasainresumendelpedido .free-shipping img {
  height: 60px;
}
.compraraquasainresumendelpedido .tax-text {
  font-size: 12px;
  font-weight: 500;
  margin-left: 16px;
}
.cart-totals .totals-amount {
  margin: 8px 0;
}
.cart-totals .totals-amount span {
  display: inline-block;
  margin: 4px 8px;
}
.cart-totals .totals-amount .total {
  font-size: 24px;
  font-weight: 700;
}
.cart-totals .iva {
  font-size: 14px;
}
.cart-totals .totals-transport {
  align-items: center;
  border-top: 1px solid #004cac;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  padding: 0;
  width: 90%;
}
.cart-totals .totals-transport span {
  display: inline-block;
  margin: 4px 8px;
}
.cart-totals .totals-transport img {
  height: 30px;
  position: relative;
  top: 2px;
}
.payment-methods-summary {
  border: 1px solid #afafaf;
  border-radius: 10px;
  padding: 4px;
  text-align: center;
}
.payment-icons-title {
  font-weight: 600;
}
.payment-icons-box {
  align-content: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  margin-top: 10px;
}
.payment-icon {
  height: 30px;
  margin: 2px 4px;
}
.payment-icon[alt="ideal"] {
  height: 38px;
  position: relative;
  top: -4px;
}
.cart-buttons-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
  text-align: center;
}
.cart-buttons-container.payment-button {
  align-items: flex-start;
  margin: 20px 0 10px 40px;
}
.cart-buttons-container.payment-button > * {
  display: none;
}
#paypal-button-container-paylater {
  width: 200px;
}
.btn-3d-cart {
  background-color: #d9750b;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(10%, #f90),
    to(#e76a00)
  );
  border: 3px solid #fff;
  border-radius: 35px;
  box-shadow: 0 4px 20px 0 #464545d9;
  color: #fff;
  cursor: pointer;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 600;
  outline: 1px solid #995309;
  padding: 16px 24px;
  transform: scale(1);
  transition: all 0.3s ease-out;
}
.btn-3d-cart:focus,
.btn-3d-cart:hover {
  background-color: #e0811b;
  transform: scale(1.1);
}
.btn-3d-cart:active,
.btn-3d-cart:focus,
.btn-3d-cart:hover {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(10%, #f0a100),
    to(#f70)
  );
  background-image: linear-gradient(#f0a100 10%, #f70);
}
.btn-3d-cart:active {
  background-color: #cf6a00;
  box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.2);
}
#btnContinueShop {
  margin: 40px auto;
}
#btnCompleteOrder {
  margin: 20px 0 10px;
}
.payment-option {
  height: 38px;
}
.payment-option,
.payment-option label {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.payment-option label {
  gap: 14px;
}
.payment-option label img {
  height: 30px;
}
.payment-option label[for="ideal"] img {
  height: 36px;
  position: relative;
  top: -4px;
}
.payment-option label[for="redsys"] img {
  height: 30px;
}
.payment-option label[for="paypal-pay-later"] img,
.payment-option label[for="paypal"] img {
  height: 20px;
}
.payment-option .cards {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.icon-mobile {
  display: none;
}
#paypal-mark-container-mobile.icon-mobile {
  max-width: 70px;
  padding: 0 9px 0 0;
  position: relative;
}
#paypal-mark-container-paylater-mobile.icon-mobile {
  max-width: 70px;
  padding: 0 50px 0 0;
}
.icon-desktop {
  display: block;
}
.best-seller {
  background-color: #fd4747;
  border-radius: 6px;
  color: #fff;
  font-size: 10px;
  left: 4px;
  padding: 2px 8px;
  position: absolute;
  top: 17px;
}
@media (max-width: 767px) {
  .cart-formas-pago {
    padding: 0 20px;
  }
  .comprar-paso-1 {
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .comprar-paso-title {
    font-size: 16px;
    height: auto;
  }
  .comprar-paso-title span {
    display: inline-block;
  }
  .item-description {
    text-align: center;
  }
  .item-col-2 {
    min-width: inherit;
  }
  .payment-option {
    border-bottom: 1px solid #0c192b;
    min-height: 100px;
  }
  .payment-option input[type="radio"] {
    min-width: 30px;
  }
  .radio-toolbar :last-child {
    border: none;
  }
  .icon-mobile {
    display: block;
    max-width: 46px;
    padding: 0 16px;
  }
  .payment-option img[alt="PayPal"] {
    max-width: 62px;
    padding: 0 8px;
  }
  .icon-desktop {
    display: none;
  }
  .compraraquasainresumendelpedido .totals-discount {
    font-size: 16px;
    padding: 8px 0;
  }
  .compraraquasainresumendelpedido .totals-summary {
    flex-direction: column;
  }
}
@media (max-width: 900px) {
  .comprardescalcificadorprecio .item-info {
    align-content: center;
    align-items: center;
    flex-direction: column-reverse;
  }
  .compraraquasainresumendelpedido .cart-items .item {
    flex-direction: column;
  }
  .compraraquasainresumendelpedido .cart-items .item-col-2 .item-title {
    border-radius: 0;
    display: block;
  }
  .compraraquasainresumendelpedido
    .cart-items
    > :first-child
    .item-col-1
    .item-title {
    border-radius: 10px 10px 0 0;
  }
  .compraraquasainresumendelpedido .item-col-2 > :nth-child(n + 4) {
    height: 50px;
  }
  .compraraquasainresumendelpedido .item-col-2 > :first-child,
  .compraraquasainresumendelpedido .item-col-2 > :nth-child(4) {
    border-left: none;
  }
  .compraraquasainresumendelpedido .totals-discount {
    justify-content: center;
  }
  .compraraquasainresumendelpedido .info-discount {
    text-align: center;
  }
  .cart-totals-payments-methods {
    flex: 1;
  }
}
@media (min-width: 901px) and (max-width: 1341px) {
  .compraraquasainresumendelpedido .item-col-2 > :nth-child(n + 4) {
    height: 210px;
  }
}
@media (max-width: 1342px) {
  .comprardescalcificadorprecio .cart-items {
    gap: 20px;
  }
  .comprardescalcificadorprecio .cart-items .item {
    border-radius: 10px;
    flex-direction: column;
  }
  .comprardescalcificadorprecio .cart-items > :nth-child(n + 2) .item-title {
    display: inherit;
  }
  .comprardescalcificadorprecio .item-col-1 .item-title {
    border-radius: 10px 10px 0 0 !important;
  }
  .comprardescalcificadorprecio .item-col-2 .item-title {
    border-radius: inherit !important;
  }
  .comprardescalcificadorprecio .item-col-2 > :nth-child(n + 4) {
    max-height: 50px;
  }
  .comprardescalcificadorprecio
    .active-campaign
    .item-col-2
    > :nth-child(n + 4) {
    max-height: 90px;
  }
  .comprardescalcificadorprecio .item-col-2 > :first-child,
  .comprardescalcificadorprecio .item-col-2 > :nth-child(4) {
    border-left: none;
  }
  .compraraquasainresumendelpedido .item-info {
    align-content: center;
    align-items: center;
    flex-direction: column-reverse;
  }
}
@media (min-width: 1343px) and (max-width: 1640px) {
  .comprardescalcificadorprecio .item-info {
    align-content: center;
    align-items: center;
    flex-direction: column-reverse;
    margin-top: 10px;
  }
  .comprardescalcificadorprecio .item-col-1,
  .comprardescalcificadorprecio .item-col-2 > :nth-child(n + 4) {
    height: 190px;
  }
  .compraraquasainresumendelpedido .item-col-1 {
    min-width: 600px;
  }
}
@media (min-width: 1641px) {
  .compraraquasainresumendelpedido .item-col-1 {
    min-width: 800px;
  }
}
@media (min-width: 2338px) {
  .item-col-1,
  .item-col-2 > :nth-child(n + 4) {
    height: 130px;
  }
  .compraraquasainresumendelpedido .totals-discount {
    height: 40px;
  }
}
.contact-form input[type="checkbox"],
.formas-pago input[type="checkbox"] {
  flex: 0 0 20px;
}
.background-popup-compra {
  align-items: center;
  background-color: #00000076;
  display: flex;
  height: 100vh;
  justify-content: center;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 3000;
}
.background-popup-compra .logo {
  display: block;
  margin: 10px auto 0;
}
.close-popup-buy {
  cursor: pointer;
  position: absolute;
  right: -12px;
  top: -12px;
}
#Icon_ionic-md-close-circle:hover {
  fill: #3ab5e4;
}
.background-popup-compra.popup-gracias .popup-oferta {
  background-image: url(../images/bg.png);
  background-position: 50%;
  border-radius: 14px;
}
.background-popup-compra.popup-gracias .popup-oferta,
.popup-gracias .popup-oferta {
  background-size: cover;
  box-shadow: 10px 10px 25px #494949ab;
  max-height: calc(100vh - 90px);
  max-width: 820px;
  padding: 30px;
  position: relative;
}
.popup-gracias .popup-oferta {
  background-image: url(../images/bg-2.png);
  border-radius: 50px;
  width: auto;
}
.popup-gracias .popup-oferta svg:hover {
  transform: scale(0.9);
}
.popup-gracias .titulo-1-pop {
  color: #014cac;
  display: block;
  font-size: 20px;
  font-style: italic;
  font-weight: 400;
  margin-top: 30px;
  text-align: center;
}
.popup-gracias .titulo-1-pop strong {
  font-weight: 600;
}
.popup-gracias .titulo-2-pop {
  color: #014cac;
  display: block;
  font-size: 25px;
  font-weight: 500;
  margin-top: 25px;
  text-align: center;
}
.popup-gracias .titulo-2-pop strong {
  font-weight: 700;
}
.popup-gracias .titulo-3-pop {
  color: #014cac;
  display: block;
  font-size: 20px;
  font-style: italic;
  font-weight: 400;
  margin-top: 25px;
  text-align: center;
}
.popup-gracias .texto-4-pop {
  color: #014cac;
  font-size: 16px;
  font-weight: 300;
  margin: 17px auto 0;
  text-align: center;
}
.popup-gracias .formulario-popup {
  justify-content: center;
}
.popup-gracias .formulario-popup > img {
  mix-blend-mode: normal;
}
.popup-gracias .formulario-popup .formulario {
  margin-left: 5%;
  width: 45%;
}
.popup-gracias .formulario-popup .formulario .btn-primary {
  justify-content: center;
  padding: 15px 50px;
  width: 100%;
}
.popup-gracias .formulario-popup > img {
  mix-blend-mode: multiply;
}
.popup-gracias .formulario-popup {
  border-radius: 0 0 15px 15px;
  display: flex;
  margin: 30px -30px -30px;
  padding: 30px;
}
.popup-gracias .formulario-popup input[type="email"] {
  width: 100%;
}
.popup-gracias .formulario-popup input[type="checkbox"] {
  margin-right: 10px;
  width: 20px;
}
.popup-gracias .btn-primary.icon i {
  padding: 0;
  position: relative;
  right: -8px !important;
}
@media (max-height: 760px) {
  .popup-gracias .close-popup-buy {
    cursor: pointer;
    height: 30px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 30px;
  }
  .popup-gracias .popup-oferta {
    background-color: #f9fcff;
    background-position: center 320px;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 14px;
    height: auto;
    margin: 30px;
    max-width: calc(100% - 100px);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 20px;
  }
  .popup-gracias .logo {
    margin-top: 20px;
    max-width: 320px;
    width: 80%;
  }
  .popup-gracias .titulo {
    font-size: 21px;
    margin: 20px auto;
  }
  .popup-gracias .titulo span {
    display: inline;
    font-size: 23px;
  }
  .popup-gracias .promo {
    font-size: 15px;
    line-height: 1.25em;
  }
  .popup-gracias .mail {
    font-size: 16px;
    line-height: 1.25em;
    margin: 10px auto;
  }
  .popup-gracias .xs-show.mail span {
    display: block;
    font-size: 16px;
    margin-top: 5px;
  }
  .popup-gracias .formulario-popup {
    flex-direction: column;
    margin: 10px 0;
    padding: 0;
  }
  .popup-gracias .formulario-popup > img {
    display: none;
  }
  .popup-gracias .formulario-popup .formulario {
    width: 90%;
  }
}
.popup-tienda .popup-oferta {
  background-color: #fff;
  border-radius: 14px;
  box-shadow: 10px 10px 25px #494949ab;
  box-sizing: content-box;
  height: auto;
  max-width: 880px;
  min-width: 800px;
  padding: 0;
  position: relative;
  width: 880px;
}
.popup-tienda .popup-oferta .top {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 14px 0 0;
  height: 400px;
}
.popup-tienda .popup-oferta .top.v1 {
  background-image: url(../images/popup-v1-880x400.jpg);
}
.popup-tienda .popup-oferta .top.v2 {
  background-image: url(../images/popup-v2-880x400.jpg);
}
.popup-tienda .popup-oferta .top.v3 {
  background-image: url(../images/popup-v3-880x400.jpg);
}
.popup-tienda .popup-oferta .top.v4 {
  background-image: url(../images/popup-v4-880x400.jpg);
}
.popup-tienda .popup-oferta .bottom {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.popup-tienda .popup-oferta .bottom .left {
  border-right: 1px solid #000;
  box-sizing: border-box;
  display: flex;
  flex-basis: 46%;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  margin: 40px 0;
  padding: 0 20px;
}
.popup-tienda .popup-oferta .bottom .left .titulo {
  color: #004cac;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.35em;
  margin: 30px auto;
  max-width: 650px;
  text-align: center;
}
.popup-tienda .popup-oferta .bottom .right {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-basis: 54%;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  padding: 20px 40px 0;
}
.popup-tienda .popup-oferta .bottom .right .mail {
  color: #004cac;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.35em;
  margin: 15px auto 10px;
  text-align: center;
}
.popup-tienda .popup-oferta .bottom .right .promo {
  color: #002553;
  font-size: 28px;
  font-weight: 500;
  margin: 0 auto;
  text-align: center;
}
.popup-tienda .popup-oferta .bottom .right .promo.promo-1 {
  font-size: 18px;
  max-width: 280px;
}
.popup-tienda .popup-oferta .bottom .right .formulario {
  margin: 10px 20px 0;
  width: 100%;
}
.popup-tienda .popup-oferta .bottom .right form {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
.popup-tienda .popup-oferta .bottom .right input[type="email"] {
  margin: 10px auto;
}
.popup-tienda .popup-oferta .bottom .right .btn-primary.icon {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  padding: 15px 50px;
}
.popup-tienda .popup-oferta .bottom .right .btn-primary.icon i.icon-progress {
  font-size: 1em;
  margin: 0 0 0 10px;
}
@media (max-height: 830px), (max-width: 1024px) {
  .popup-tienda .popup-oferta {
    background-color: #fff;
    border-radius: 14px;
    box-shadow: 10px 10px 25px #494949ab;
    box-sizing: content-box;
    max-width: 640px;
    min-height: 600px;
    min-width: 600px;
    padding: 10px;
    position: relative;
    width: 640px;
  }
  .close-popup-buy {
    cursor: pointer;
    height: 30px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 30px;
  }
  .popup-tienda .popup-oferta .top {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 14px 0 0;
    height: 320px;
  }
  .popup-tienda .popup-oferta .top.v1 {
    background-image: url(../images/popup-v1-640x320.jpg);
  }
  .popup-tienda .popup-oferta .top.v2 {
    background-image: url(../images/popup-v2-640x320.jpg);
  }
  .popup-tienda .popup-oferta .top.v3 {
    background-image: url(../images/popup-v3-640x320.jpg);
  }
  .popup-tienda .popup-oferta .top.v4 {
    background-image: url(../images/popup-v4-640x320.jpg);
  }
  .popup-tienda .popup-oferta .bottom .left {
    margin: 20px 0;
  }
  .popup-tienda .popup-oferta .bottom .left .logo {
    margin-top: 20px;
    max-width: 320px;
    width: 80%;
  }
  .popup-tienda .popup-oferta .bottom .left .titulo {
    font-size: 22px;
  }
  .popup-tienda .popup-oferta .bottom .right {
    padding: 10px 20px 0;
  }
  .popup-tienda .popup-oferta .bottom .right .mail {
    font-size: 18px;
  }
  .popup-tienda .popup-oferta .bottom .right .promo.promo-1 {
    font-size: 13px;
    max-width: 100%;
  }
  .popup-tienda .popup-oferta .bottom .right input[type="email"] {
    font-size: 14px;
    margin: 4px 0;
    padding: 8px 18px;
  }
  .popup-tienda .popup-oferta .bottom .right .ppd-checkbox {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-top: 4px;
  }
  .xs-text {
    font-size: 12px;
  }
  .popup-tienda .popup-oferta .bottom .right input[type="checkbox"] {
    width: 16px;
  }
  .popup-tienda .popup-oferta .bottom .right .btn-primary.icon {
    margin: 16px 0;
  }
}
@media (max-width: 768px) {
  .popup-tienda .popup-oferta {
    background-color: #fff;
    border-radius: 14px;
    box-shadow: 10px 10px 25px #494949ab;
    max-height: 800px;
    max-width: 380px;
    min-height: 600px;
    min-width: 300px;
    padding: 10px;
    position: relative;
  }
  .close-popup-buy {
    cursor: pointer;
    height: 30px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 30px;
  }
  .popup-tienda .popup-oferta .top {
    height: 240px;
  }
  .popup-tienda .popup-oferta .top.v1 {
    background-image: url(../images/popup-v1-380x340.jpg);
  }
  .popup-tienda .popup-oferta .top.v2 {
    background-image: url(../images/popup-v2-380x340.jpg);
  }
  .popup-tienda .popup-oferta .top.v3 {
    background-image: url(../images/popup-v3-380x340.jpg);
  }
  .popup-tienda .popup-oferta .top.v4 {
    background-image: url(../images/popup-v4-380x340.jpg);
  }
  .popup-tienda .popup-oferta .bottom {
    flex-direction: column;
  }
  .popup-tienda .popup-oferta .bottom .left {
    border-bottom: 1px solid #abaaaa;
    border-right: none;
    margin: 0 10px;
    padding: 0;
  }
  .popup-tienda .popup-oferta .bottom .left .logo {
    display: none;
  }
  .popup-tienda .popup-oferta .bottom .left .titulo {
    font-size: 22px;
    margin: 16px 0;
  }
  .popup-tienda .popup-oferta .bottom .right .mail {
    font-size: 18px;
    margin: 0;
  }
  .popup-tienda .popup-oferta .bottom .right .ppd-checkbox {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-top: 4px;
  }
  .xs-text {
    font-size: 12px;
  }
  .popup-tienda .popup-oferta .bottom .right .btn-primary.icon {
    margin: 10px auto !important;
    padding: 12px 50px;
  }
}
.home .hero.efect-full-width {
  min-height: 650px;
}
.efect-full-width {
  left: 0;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}
.lightSpeedIn {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out;
}
@keyframes lightSpeedIn {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0) skewX(-30deg);
  }
  60% {
    opacity: 1;
    transform: skewX(20deg);
  }
  80% {
    opacity: 1;
    transform: skewX(-5deg);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.rubberBand {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: rubberBand;
}
@keyframes rubberBand {
  0% {
    transform: scaleX(1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    transform: scaleX(1);
  }
}
.focus-in-contract {
  animation: focus-in-contract 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
@keyframes focus-in-contract {
  0% {
    filter: blur(12px);
    letter-spacing: 1em;
    opacity: 0;
  }
  to {
    filter: blur(0);
    opacity: 1;
  }
}
.tracking-in-expand-fwd-bottom {
  animation: tracking-in-expand-fwd-bottom 0.8s
    cubic-bezier(0.215, 0.61, 0.355, 1) both;
  animation-delay: 0.3s;
}
@keyframes tracking-in-expand-fwd-bottom {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
    transform: translateZ(-700px) translateY(500px);
  }
  40% {
    opacity: 0.6;
  }
  to {
    opacity: 1;
    transform: translateZ(0) translateY(0);
  }
}
.scale-in-center {
  animation: scale-in-center 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation-delay: 1s;
}
@keyframes scale-in-center {
  0% {
    opacity: 1;
    transform: scale(0);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.text-focus-in {
  animation: text-focus-in 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}
.text-focus-in.uno {
  animation-delay: 1s;
}
.text-focus-in.dos {
  animation-delay: 1.5s;
}
.text-focus-in.tres {
  animation-delay: 2s;
}
.text-focus-in.cuatro {
  animation-delay: 2.5s;
}
.text-focus-in.cinco {
  animation-delay: 3s;
}
.text-focus-in.seis {
  animation-delay: 3.5s;
}
@keyframes text-focus-in {
  0% {
    filter: blur(12px);
    opacity: 0;
  }
  to {
    filter: blur(0);
    opacity: 1;
  }
}
.privacidad.container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1080px;
}
.privacidad h1 {
  color: #004cac;
  font-weight: 600;
  margin: 0 auto 30px;
  text-align: center;
}
.privacidad h3 {
  color: #004cac;
  font-size: 24px;
  font-weight: 700;
  text-align: left;
}
.privacidad h4 {
  font-size: 21px;
  font-weight: 500;
  margin: 30px 0 20px;
}
.privacidad ol > li,
.privacidad ul > li {
  margin: 0 0 25px;
}
.privacidad ol > li > ul,
.privacidad ul > li > ul {
  margin-top: 25px;
}
footer .columnas .column-footer .group-footer {
  margin: 0 0 35px;
  width: 17vw;
}
.email-contacto {
  align-items: center;
  display: flex;
  gap: 10px;
}
ul:focus {
  background: transparent !important;
}
.genesis-skip-link {
  display: none;
}
.blog h3 a {
  text-decoration: none;
}
.archive .post-container {
  top: -30px;
}
.blog .post-container .sidebar {
  grid-column: 3/4;
  grid-row: 2/5;
}
.blog .post-card {
  margin: 30px 0;
  text-decoration: none;
}
.blog .post-card .img-post {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 300px;
  margin: 0 0 30px;
}
.blog .post-card .info,
.post-info {
  font-size: 14px;
  font-weight: 300;
  margin: 0;
}
.post-info > a {
  font-weight: 300;
  text-decoration: none;
}
.blog .post-card .info span {
  color: #004cac;
}
.blog .post-card h3 {
  color: #004cac;
  font-size: 30px;
  font-weight: 700;
}
.blog .post-card p {
  font-size: 18px;
  max-width: 80%;
  text-align: justify;
}
.blog .post-card .viewmore {
  color: #008b8b;
  font-weight: 700;
  margin: 20px 0;
  text-decoration: none;
  transition: 1s;
}
.blog .post-card .viewmore hr {
  color: #000;
  display: none;
  margin: 0;
}
.blog .post-card .viewmore:hover hr {
  animation: subhr 1s;
  display: block;
  width: 150px;
}
.archive .post-card:first-child,
.blog .post-card:first-child {
  display: flex;
  gap: 30px;
  grid-column: 1/4;
  grid-row: 1;
}
.blog .post-card:first-child .img-post {
  height: 300px;
  margin: 0 0 30px;
  width: 40vw;
}
.container-single {
  left: 0;
  margin: 0 auto 100px;
  max-width: 1080px;
  position: relative;
  right: 0;
  top: -150px;
}
@media (max-width: 1110px) {
  .container-single {
    margin: 0 30px 100px;
  }
}
.container-single .attachment-post-thumbnail {
  margin-bottom: 50px;
}
.container-single .atras {
  background-color: transparent;
  border: 2px solid #004cac;
  color: #004cac;
  display: flex;
  gap: 10px;
  margin-left: auto;
  max-width: 100px;
}
.pagination {
  margin-bottom: 50px;
  padding: 0 6%;
}
.pagination ul {
  display: flex;
  gap: 20px;
  justify-content: center;
  list-style: none;
  padding-left: 0;
}
.opinion-wrapper .pagination {
  margin: 0 auto;
}
.post-container {
  display: flex;
  gap: 50px;
  padding: 0 6%;
}
.post-container .container-single {
  width: 65%;
}
.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
  display: block;
  margin-bottom: -50px;
  padding: 0 6%;
  position: relative;
  top: -150px;
}
.content-sidebar-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
  grid-auto-rows: minmax(100px, auto);
  padding: 0 10%;
}
.single .content {
  grid-column: 1/3;
  margin: 0 0 50px;
}
.single .content .entry-comments {
  clear: both;
  margin-top: 60px;
}
ol.comment-list {
  list-style: none;
  padding: 0;
}
ol.comment-list > li {
  border-bottom: 2px solid #d9d9d9;
  margin: 20px 0;
  padding-bottom: 30px;
}
ol.comment-list > li:last-of-type {
  border-bottom: none;
}
ol.comment-list > li ul.children {
  background: #f6f6f6;
  margin-top: 20px;
  padding: 5px 30px;
}
.comment article .comment-content {
  margin: 15px 0;
}
.comment article .comment-header .avatar {
  border-radius: 50%;
  height: 50px;
  margin: 0 15px 10px 0;
  min-width: 50px;
  width: 50px;
}
.comment article .comment-header p {
  align-items: center;
  display: flex;
  margin: 0;
}
.comment article .comment-header p:first-child {
  text-transform: capitalize;
}
.comment article .comment-header p:first-child a {
  margin-right: 5px;
  text-decoration: none;
}
.comment article .comment-header p .says {
  text-transform: lowercase;
}
.comment article .comment-header .comment-time-link {
  color: #858585;
  font-size: 13px;
  font-weight: 400;
  text-decoration: none;
}
.comment article .comment-reply a {
  display: block;
  margin-top: 30px;
  text-decoration: none;
}
.comment-respond {
  padding: 0 6%;
}
.btn-enviar,
.btn-primary {
  background: #64bf17;
  border: none;
  border-radius: 30px;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  margin: 50px 0 0;
  padding: 15px 50px;
  text-decoration: none;
  transform: scale(1);
  transition: all 0.3s ease-out;
}
.comprar-footer {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 60px 10%;
}
.comprar-footer h2 {
  font-size: 28px;
  text-align: center;
}
.comprar-footer .comprar-aquasain,
.header-principal nav .comprar-aquasain {
  background-color: #64bf17;
  border-radius: 30px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  min-width: 180px;
  padding: 12px 20px;
  text-align: center;
  text-decoration: none;
  transform: scale(1);
  transition: all 0.3s linear;
}
.comprar-footer .comprar-aquasain {
  font-size: 22px;
  max-width: 300px;
  padding: 20px 28px;
  text-align: center;
}
.btn-enviar:hover,
.btn-primary:hover,
.comprar-aquasain:hover {
  background: #64bf17;
  color: #fff !important;
  text-decoration: none;
  transform: scale(1.1) !important;
  transition: all 0.3s ease-out !important;
}
.blog .post-container {
  display: grid;
  grid-template-columns: 35% 35% 20%;
  grid-gap: 60px 5%;
  background-color: #fff;
  grid-auto-rows: minmax(100px, auto);
  margin-top: -30px auto 0 !important;
  padding: 50px 0;
  position: relative;
  top: 0;
}
.blog .hero-page .texto {
  align-items: center;
  display: flex;
  padding: 0;
  position: relative;
  top: -20px;
}
.blog .post-card:first-child {
  grid-gap: 0 30px;
}
.blog .post-card {
  margin: 0;
}
.blog .post-card h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.35em;
  margin: 5px 0 20px;
}
.blog .post-card p {
  color: #0c192b;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.35em;
  max-width: 100%;
  text-align: left;
}
.blog .wp-block-search__label {
  display: block;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
  width: 100%;
}
.blog .sidebar h2,
.content-sidebar-wrap .sidebar h2 {
  color: #0c192b;
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 20px;
}
.blog ol.wp-block-latest-comments,
.content-sidebar-wrap .sidebar ol.wp-block-latest-comments {
  padding-left: 0;
}
.blog .sidebar ul,
.content-sidebar-wrap .sidebar ul {
  margin-bottom: 60px;
  padding-left: 20px;
  padding-left: 15px !important;
}
.blog .sidebar ul > li,
.content-sidebar-wrap .sidebar ul > li {
  margin: 15px 0;
}
.blog .sidebar ul > li a,
.content-sidebar-wrap .sidebar ul > li a {
  text-decoration: none;
}
.frm_screen_reader,
.wp-block-search__label {
  display: inline-block;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
  padding: 0;
}
.home .sidebar fieldset {
  padding: 0.35em 30px 30px;
}
.sidebar ul {
  padding-left: 0 !important;
}
.home .sidebar fieldset .form-field {
  margin: 20px 0;
}
.home .sidebar fieldset input[type="email"],
.home .sidebar fieldset input[type="number"],
.home .sidebar fieldset input[type="tel"],
.home .sidebar fieldset input[type="text"],
.home .sidebar fieldset textarea {
  margin: 10px 0 0;
}
.content-sidebar-wrap {
  margin: 0 auto;
  grid-gap: 80px;
}
.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
  height: fit-content;
  margin: -150px auto -50px;
  max-height: 480px;
  max-width: 1440px;
  object-fit: cover;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
.content-sidebar-wrap .entry-content {
  line-height: 1.5em;
}
.content-sidebar-wrap .entry-content p {
  line-height: 1.75em;
  margin: 15px 0;
}
.single-post .hero-page {
  margin-bottom: 60px;
}
.single-post .hero-page h1 {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.25em;
}
.single-post .content h1 {
  font-size: 32px;
  font-weight: 600;
  margin: 50px 0 20px;
}
.single-post .content h2 {
  color: #0c192b;
  font-size: 28px;
  font-weight: 600;
  margin: 40px 0 20px;
}
.single-post .content h3 {
  display: block;
  font-size: 20px;
  font-weight: 600;
  margin: 30px 0 10px;
}
.single-post .content h3 a {
  display: block;
  margin-top: 10px;
  text-decoration: none;
}
.single-post .content .comment-form a {
  display: block;
  margin-bottom: 15px;
  text-decoration: none;
}
.single-post .content h4 {
  font-size: 24px;
  font-weight: 500;
  margin: 50px 0 20px;
}
.single-post .content h5 {
  font-size: 21px;
  font-weight: 500;
  margin: 50px 0 20px;
}
.single-post .content h6 {
  font-size: 18px;
  font-weight: 500;
  margin: 30px 0 20px;
}
.single-post .content img {
  display: block;
  height: auto;
  margin: 30px auto;
  max-width: 100%;
  min-width: 240px;
  text-align: center;
}
.single-post .site-container .wp-block-pullquote,
.single-post .site-container .wp-block-quote {
  margin: 20px 0;
}
.single-post .site-container .wp-block-pullquote p,
.single-post .site-container .wp-block-quote p {
  font-family: Montserrat, sans-serif;
  line-height: 1.5em;
}
.single-post .content site-container .site-container .wp-block-quote p {
  line-height: 1.5em;
}
.single-post .content .wp-block-image {
  margin: 30px 0;
  max-width: 100%;
}
.single-post .content ul > li,
ol > li {
  margin: 20px 0;
}
.single-post .comment-respond {
  border-top: 1px solid #000;
  margin: 30px 0;
  padding: 0;
}
.single-post .comment-respond .submit {
  background: #fff;
  border: 2px solid #004cac;
  border-radius: 30px;
  color: #004cac;
  cursor: pointer;
  font-weight: 500;
  height: 60px;
  padding: 15px 50px;
  transform: scale(1);
  transition: all 0.3s linear;
}
.single-post .comment-respond .submit:hover {
  border: 2px solid #3ab5e4;
  color: #3ab5e4;
  transform: scale(1.1);
}
.sidebar-banner .cabecera-banner {
  background: #6492cd;
  border-radius: 10px 10px 0 0;
  color: #fff;
  display: flex;
  margin-bottom: 2px;
  max-height: 120px;
  padding: 20px 30px;
  position: relative;
}
.sidebar-banner .cabecera-banner .cabecera-text h3 {
  font-size: 21px;
  margin: 10px 0;
}
.sidebar-banner .cabecera-banner img {
  position: absolute;
  right: 15px;
  top: -30px;
  width: 100px;
}
.sidebar-banner .content-banner {
  background: #f5f8fc;
  border-radius: 0 0 10px 10px;
  padding: 50px 10px;
  text-align: center;
}
.sidebar-banner .content-banner .btn-primary {
  cursor: pointer;
  transform: scale(1);
  transition: 0.3s;
}
.sidebar-banner .content-banner .btn-primary:hover {
  transform: scale(1.1);
}
.comment-form-comment {
  margin-top: 20px;
}
.comment-form-url {
  display: none;
}
.comment-form-cookies-consent {
  align-items: center;
  display: flex;
  font-size: 13px;
  font-weight: 500;
  margin: 20px 0;
}
.comment-form .form-submit {
  margin-top: 30px;
  text-align: right;
}
#cookies-open-config {
  cursor: pointer;
}
.category-archive {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  margin-top: 50px;
}
.category-archive .post-container-archive {
  display: flex;
  flex-wrap: wrap;
  gap: 60px 5%;
  width: 75%;
}
@media (max-width: 1023px) {
  .category-archive .post-container-archive {
    width: 100%;
  }
}
.category-archive .post-container-archive .post-card-archive {
  max-width: 45%;
}
@media (max-width: 1023px) {
  .category-archive .post-container-archive .post-card-archive {
    max-width: 90%;
  }
}
.post-card-archive {
  margin: 0;
}
.post-card-archive h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.35em;
  margin: 5px 0 20px;
}
.post-card-archive p {
  font-size: 16px;
  line-height: 1.35em;
  max-width: 100%;
  text-align: left;
}
.post-card-archive {
  text-decoration: none;
}
.post-card-archive .img-post {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 300px;
  margin: 0 0 30px;
}
.post-card-archive .info,
.post-info {
  font-size: 14px;
  font-weight: 300;
  margin: 0;
}
.post-card-archive .info span {
  color: #004cac;
}
.post-card-archive p {
  color: #0c192b;
  font-size: 18px;
  font-weight: 400;
  text-align: justify;
}
.post-card-archive .viewmore {
  color: #008b8b;
  font-weight: 700;
  margin: 20px 0;
  text-decoration: none;
  transition: 1s;
}
.post-card-archive .viewmore hr {
  color: #000;
  display: none;
  margin: 0;
}
@keyframes subhr {
  0% {
    width: 10px;
  }
  to {
    width: 150px;
  }
}
.post-card-archive .viewmore:hover hr {
  animation: subhr 1s;
  display: block;
  width: 150px;
}
@media (min-width: 1280px) and (max-width: 1919px) {
  .xs-show {
    display: none !important;
  }
  .xs-hide {
    display: block !important;
  }
  .header-principal.container-no-top,
  .hero-page.container-no-top {
    padding: 0 10% !important;
  }
  .header-principal.container-no-top {
    width: 80%;
  }
  .container {
    padding: 30px 10%;
  }
  .contaniner.overflow-x {
    padding: 60px 10%;
  }
  .container-no-top {
    padding: 0 10% 80px;
  }
  .faqs .container-no-top {
    padding: 0 10% 30px;
  }
  .ecologico .economico-excelente {
    padding: 50px 10% 0 !important;
  }
  .header-principal nav .menu-principal ul li {
    font-size: 14px;
  }
  .hero .footer-bar-hero {
    height: 120px;
  }
  .hero .hero-content {
    height: calc(100vh - 140px);
    padding: 0 10%;
  }
  .hero .footer-bar-hero .container-no-top .elemento .texto p {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 5px;
  }
  .hero .hero-content .texto-hero {
    color: #fff;
    margin: auto 0;
    width: 65%;
  }
  .hero .hero-content .texto-hero h1 span {
    font-size: 48px;
  }
  .hero .hero-content .texto-hero ul li {
    font-size: 21px;
  }
  .vivienda-footer-index .hogar .texto {
    padding: 20px 20px 10px 0;
  }
  .vivienda-footer-index .edificios .texto {
    padding: 20px 0 10px 20px;
  }
  .vivienda-footer-index .edificios .texto p,
  .vivienda-footer-index .hogar .texto p {
    color: #004cac;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.25em;
    margin: 10px 0;
  }
  .garantia-footer .wrapper {
    display: flex;
    height: 50px;
    justify-content: space-between;
    margin: auto;
    max-width: none;
    padding: 30px 10% 80px;
  }
  .libro .formulario {
    color: #0f4c9a;
    margin-top: 10px;
    max-width: 540px;
    width: 50%;
  }
  .libro-content h4 {
    font-size: 26px;
    line-height: 1.25em;
    margin: 20px auto 30px;
  }
  .wave {
    animation: wave 10s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
    background: url(../images/wave.svg) repeat-x;
    height: 150px;
    margin-bottom: -1px;
    position: relative;
    transform: translateZ(0);
    transform-origin: bottom;
  }
  .nos-olvidamos.video img {
    max-height: 250px;
  }
  .wrapper-pasos .paso {
    width: 27%;
  }
  .garantiasdescalcificadoraquasain .garantias-wrapper .garantia .cuadro {
    align-items: flex-start;
    background-color: #f7f7f7;
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: center;
    max-width: 38%;
    min-height: 200px;
    padding: 30px 30px 30px 100px;
    text-align: left;
  }
  .h4,
  .subtitulo,
  h3.subtitulo,
  h4 {
    margin: 0 auto 40px;
  }
  .fichas-tecnicas h3,
  .h4,
  .subtitulo,
  h3.subtitulo,
  h4 {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.35em;
  }
  .hero-page {
    height: 150px !important;
  }
  .compraraquasainresumendelpedido .hero-page,
  .comprardescalcificadorprecio .hero-page {
    height: 100px !important;
  }
  .wrapper-pasos .paso {
    border: 1px solid #bbe4f5;
    border-radius: 30px;
    padding: 30px;
    position: relative;
    width: 25%;
  }
}
#videoPic {
  margin-left: 50px;
  max-width: calc(100% - 50px);
}
@media (min-width: 1920px) {
  .compraraquasainresumendelpedido .hero-page,
  .comprardescalcificadorprecio .hero-page {
    height: 120px !important;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .header-principal nav .logo img {
    width: 190px !important;
  }
  .footer-bar-herogarantiasdescalcificadoraquasain
    .garantias-wrapper
    .garantia
    .destacado,
  .texto-hero {
    min-width: 30%;
  }
  .header-principal nav .menu-principal ul li {
    font-size: 14px;
    margin: 0 0.75em;
    padding: 38px 0;
  }
  .header-principal nav .menu-principal {
    margin: 0 10px 0 auto;
  }
  .cart-product .product-cart .info-product {
    width: 55%;
  }
  .cart-product .product-cart img {
    width: 15%;
  }
  .cart-product .product-cart .price-cart {
    width: 30%;
  }
  .cart-product .pago-total .total {
    width: calc(30% - 35px);
  }
  .sidebar-banner .cabecera-banner img {
    position: absolute;
    right: 5px;
    top: -36px;
    width: 80px;
  }
}
@media (min-width: 1440px) and (max-width: 1919px) {
  .hero .hero-content .img-hero img {
    margin-right: -14%;
    width: 118%;
  }
  .header-principal nav .menu-principal ul li {
    font-size: 15px;
    margin: 0 0.7em;
    padding: 38px 0;
  }
}
@media (min-width: 1920px) {
  .xs-show {
    display: none !important;
  }
  .xs-hide {
    display: block !important;
  }
  .hero .footer-bar-hero .container-no-top {
    padding: 0 15% !important;
  }
  .libro {
    padding-left: 15%;
    padding-right: 15%;
  }
  .info-price {
    right: 1%;
  }
  .container-no-top.header-principal {
    padding-bottom: 0;
  }
  .container {
    padding: 30px 15%;
  }
  .container-no-top {
    padding: 0 15% 60px;
  }
  .header-principal nav .menu-principal ul li {
    font-size: 16px;
    margin: 0 1.5em;
    padding: 38px 0;
  }
  .content-sidebar-wrap {
    padding: 0 15%;
  }
}
@media (max-width: 1480px) {
  .select-unids .productos .product .head .title {
    font-size: 17px;
  }
}
@media (max-width: 1279px) {
  .header-principal nav .menu-principal ul li ul {
    display: block;
  }
  .header-principal nav .menu-principal ul li ul li {
    margin: 0.5em;
  }
}
.pprivacy {
  display: flex;
  font-size: 13px;
  gap: 5px;
}
.comment-respond form {
  display: flex;
  flex-direction: column;
}
.comment-respond .form-submit {
  order: 101;
}
.js-inactive {
  display: none;
}
.ens {
  display: none !important;
}
.msg-form.msg-success,
.msg.msg-success {
  background-color: #cef4a9;
  border: 2px solid #65bf19;
  border-radius: 6px;
  color: #007a0f;
  margin-top: 20px;
}
.msg-form.msg-error,
.msg-form.msg-success,
.msg.msg-success {
  align-items: center;
  display: flex;
  font-size: 14px;
  justify-content: center;
  padding: 10px 20px 10px 10px;
  text-align: center;
  width: calc(100% - 34px);
}
.msg-form.msg-error {
  background-color: #fde4e2;
  border: 2px solid #fa8b83;
  border-radius: 6px;
  color: red;
  font-weight: 700;
  margin: 20px 0;
}
.msg-campo.msg-error {
  color: red;
  display: block;
  font-size: 13px;
  margin: 0 0 4px;
  min-width: 200px;
}
.msg-campo.msg-error.stock-broken {
  font-size: 14px;
  padding-bottom: 8px;
}
.sistema .msg-campo.msg-error {
  color: #f4ff00;
}
.link-disabled {
  color: #b4b3b3;
  pointer-events: none;
  text-decoration: none;
}
.error .btn-primary {
  display: inline-block;
  margin-top: 10px;
}
.c-contruccion p {
  color: #024cac;
  font-size: 3vmax;
  font-weight: 700;
  line-height: 4vmax;
}
.c-contruccion-img {
  padding-bottom: 40px;
}
.c-contruccion-img img {
  width: 100%;
}
.descalcificadoraguaopiniones .container-no-top.aos-init.aos-animate {
  padding-bottom: 30px;
  position: relative;
  top: -30px;
}
.form-input-container select {
  background-color: #fff;
  border: 2px solid #afafaf;
  border-radius: 6px;
  color: #000;
  display: block;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  margin: 14px 0;
  padding: 15px 20px;
  width: 100%;
}
.select-unids .discount {
  background: #a6ea61 url(../images/success.png) no-repeat 14px;
  border: 2px solid #80bb48;
  border-radius: 0;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3em;
  margin: 10px auto;
  padding: 10px 10px 10px 50px;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
  .select-unids .discount {
    font-size: 20px;
  }
}
.btn-primary.icon i.icon-progress {
  font-size: 1.4em;
  position: relative;
  right: -10px;
}
.info-discount {
  align-content: center;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  padding: 10px 50px 10px 10px;
}
.info-discount .discount {
  color: #1ab903;
  display: block;
  font-size: 22px;
  font-weight: 700;
  padding: 10px 10px 0;
}
.info-discount .contrareembolso {
  display: block;
  font-size: 16px;
  font-weight: 500;
}
.cart-product .pago-total .total div {
  color: #004cac;
  display: flex;
  font-size: 16px;
  justify-content: flex-end;
  margin-top: 10px;
}
.cart-product .pago-total .total div.original-price {
  margin-top: 16px;
  text-decoration: line-through;
}
.original-price {
  text-decoration: line-through;
}
.grecaptcha-badge {
  display: none;
}
@media (max-height: 720px) {
  .btn-primary.save-cookies {
    margin: 25px 0 0;
  }
}
.select-unids .productos .product img {
  height: auto;
  margin: 0 0 30px;
}
.select-unids .productos .product .subtitle {
  height: 85px;
}
@media (max-width: 768px) {
  .select-unids .productos .product img {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .select-unids .productos .product img {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    width: 18vw;
  }
}
@media (max-width: 1020px) {
  .select-unids .productos .product img {
    height: auto;
  }
}
.content-opinion img {
  height: auto;
  max-width: 20%;
  min-width: auto;
  object-fit: contain;
  object-position: top;
}
.notransition {
  -o-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -webkit-transition: none !important;
  transition: none !important;
}

/* TESTING */

@media (max-width: 767px) {
  /* Exact match for .conoce section */
  .instalaciondescalcificadordeagua .container-no-top.conoce,
  .comparativadescalcificadores .comparativa-video {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 10px !important; /* Gentle mobile inset */
    padding-right: 10px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important; /* Clip any child leaks (e.g., video) */
  }

  /* Exact match for .instalacion-video section */
  .instalaciondescalcificadordeagua .container-no-top.instalacion-video {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  /* Extend to other pages if needed (from your debugger) */
  .descalcificadoraguaaquasaincomofunciona .container-no-top.conoce,
  .descalcificadoraguaaquasaincomofunciona .container-video {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .descalcificadoresdeaguafotosvideos .gallery,
  .descalcificadoresdeaguafotosvideos .gallery-video {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
}


.header-principal nav .menu-principal ul li a:hover {
  text-decoration: underline;
  text-decoration-color: #64bf17;
  text-decoration-thickness: 3px;
  text-underline-offset : 6px;
}

.datos-contacto ul li:first-of-type i {
    top: 0 !important;
}
.fa-location-dot:before, .fa-map-marker-alt:before {
  content :"f\095" !important;
}