:root {
  --redDavivienda: #e1111c;
  --grayHard: #3e3e3e;
  --grayMedium: #ebecf0;
  --grayLight: #f5f5f5;
  --grayServ: #f0f0f3;
  --BlackLight: #1d1d1d;
  --white: #fff;
  --cuentas: #e1111c;
  --tarjetas: #2c2c2c;
  --creditos: #047db2;
  --inversiones: #e96a08;
  --seguros: #028846;
  --miNegocio: #02256a;
  --texto-oscuro: #3e3e3e;
  --texto-claro: #6e6e6e;
  --font: "Roboto", sans-serif;
  --p-xs: 0.85em;
  --p-s: 0.9em;
  --p-m: 1em;
  /* 1em = 16px */
  --p-l: 1.2em;
  --p-xl: 1.4em;
  --span-xs: 0.78em;
  --span-s: 0.85em;
  --span-m: 1em;
  /* 1em = 16px */
  --span-l: 1.3em;
  --h1-fontSize: 3em;
  --h2-fontSize: 2.5em;
  --h3-fontSize: 2em;
  /* 2em = 32px */
  --h4-fontSize: 1.5em;
  --h5-fontSize: 1;
  /* 1em = 16px */
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Roboto", sans-serif;
}

html {
  font-size: 100%;
  height: 100%;
  scroll-behavior: smooth;
}

body {
  position: relative;
  background-color: var(--grayMedium);
}

.body-homeServ {
  background-color: var(--grayServ);
}

a:focus {
  outline: 0 !important;
}

header {
  position: relative;
}
.redDAv {
  color: #e1111c;
}
a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

/* Cambio Dots y Flechas Prods */
.regular-dots-arrows .slick-next,
.regular-dots-arrows .slick-prev {
  width: 30px;
  height: 30px;
  background-image: url(../images/generales/next.svg);
  background-repeat: no-repeat;
  background-size: cover;
  right: 0;
  bottom: -30px;
  transition: 0.2s all;
  border-radius: 50px;
}

.regular-dots-arrows .slick-prev {
  top: auto;
  left: auto;
  right: 30px;
  bottom: -30px;
  margin-right: 12px;
  background-image: url(../images/generales/prev.svg);
}

.regular-dots-arrows .slick-next:hover,
.regular-dots-arrows .slick-prev:hover {
  box-shadow: 0 0 0 2px rgb(225 17 28 / 20%);
}

.regular-dots-arrows .slick-dots {
  position: absolute;
  bottom: -10px;
  display: block;
  width: auto;
}

.regular-dots-arrows .slick-dots li button::before {
  font-size: 10px;
  color: rgb(216, 216, 216);
  opacity: 1;
}

.regular-dots-arrows .slick-dots li.slick-active button::before {
  content: "";
  width: 20px;
  height: 8px;
  background: var(--redDavivienda);
  border-radius: 20px;
  top: 6px;
}

.regular-dots-arrows .slick-prev:before,
.regular-dots-arrows .slick-next:before {
  content: "";
}
/* End Cambio Dots y Flechas prods */
/* Cambio Dots y Flechas HomeProds */
.homeProd-dots-arrows .slick-next,
.homeProd-dots-arrows .slick-prev {
  width: 30px;
  height: 30px;
  background-image: url(../images/generales/next.svg);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center;
  right: 0;
  transition: 0.2s all;
  border-radius: 50px;
  top: 50%;
  background-color: var(--white);
}

.homeProd-dots-arrows .slick-prev {
  top: 50%;
  left: 0;
  right: 30px;
  margin-right: 12px;
  background-image: url(../images/generales/prev.svg);
  z-index: 1;
}

.homeProd-dots-arrows .slick-next:hover,
.homeProd-dots-arrows .slick-prev:hover {
  box-shadow: 0 0 0 2px rgb(0 0 0 / 20%);
}

.homeProd-dots-arrows .slick-dots {
  position: absolute;
  bottom: -10px;
  display: block;
  width: auto;
  left: 9%;
}

.hm-cont-slider .homeProd-dots-arrows .slick-dots {
  bottom: -8%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.homeProd-dots-arrows .slick-dots li button::before {
  font-size: 10px;
  color: rgb(216, 216, 216);
  opacity: 1;
}

.homeProd-dots-arrows .slick-dots li.slick-active button::before {
  content: "";
  width: 20px;
  height: 8px;
  background: var(--redDavivienda);
  border-radius: 20px;
  top: 6px;
}

.homeProd-dots-arrows .slick-prev:before,
.homeProd-dots-arrows .slick-next:before {
  content: "";
}

/* End Cambio Dots y Flechas HomeProds */

/* forms */
input[type="text"] {
  display: block;
  width: 100%;
  padding: 8px 15px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--grayHard);
  background-color: var(--white);
  border: 1px solid var(--grayMedium);
  border-radius: 10px;
}

select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: block;
  width: 100%;
  padding: 8px 15px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--grayHard);
  background-color: var(--white);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid var(--grayMedium);
  border-radius: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
/* End forms */

/* ESTILOS HOME SERVICIOS */
/* Section Novedad Home */
.novedad {
  margin: 100px 0;
}
.novedad .box-novedad {
  background: url(../images/home/bg-novedad-bnn.png) no-repeat,
    rgb(232, 232, 236);
  background: url(../images/home/bg-novedad-bnn.png) no-repeat,
    -moz-linear-gradient(270deg, rgba(232, 232, 236, 1) 0%, rgba(
            214,
            214,
            218,
            1
          )
          100%);
  background: url(../images/home/bg-novedad-bnn.png) no-repeat,
    -webkit-linear-gradient(270deg, rgba(232, 232, 236, 1) 0%, rgba(
            214,
            214,
            218,
            1
          )
          100%);
  background: url(../images/home/bg-novedad-bnn.png) no-repeat,
    linear-gradient(
      270deg,
      rgba(232, 232, 236, 1) 0%,
      rgba(214, 214, 218, 1) 100%
    );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e8e8ec",endColorstr="#d6d6da",GradientType=1);
  border-radius: 25px;
  background-size: cover;
}
.novedad .box-novedad .txt-novedad {
  padding: 60px 0;
}
.novedad .box-novedad .txt-novedad h2 {
  font-size: var(--h2-fontSize);
  font-weight: 900;
  color: var(--grayHard);
  line-height: 1.07em;
}
.novedad .box-novedad .txt-novedad p {
  font-size: var(--p-m);
  font-weight: 400;
  color: var(--grayHard);
  margin-top: 20px;
}
.novedad .box-novedad .img-novedad {
  position: relative;
  height: 100%;
  z-index: 0;
}
.novedad .box-novedad .img-novedad img {
  position: absolute;
  bottom: 0;
  max-width: 340px;
}
/* End Section Novedad Home */
/* Section Pasos Home Serv */
.pasos-homeServ {
  margin-bottom: 60px;
}
.pasos-homeServ .intro-pasos {
  text-align: center;
  font-weight: 600;
  font-size: var(--span-l);
  columns: var(--grayHard);
}
.pasos-homeServ .item-paso1 {
  margin: 100px 0 150px 0;
}
.pasos-homeServ .item-paso2 {
  margin-bottom: 80px;
}

.pasos-homeServ .item-paso .txt-paso .number {
  font-size: var(--span-s);
  font-weight: 600;
  width: 30px;
  height: 30px;
  background: var(--redDavivienda);
  color: var(--white);
  text-align: center;
  display: flex;
  align-items: center;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
}
.pasos-homeServ .item-paso .txt-paso h3 {
  font-size: var(--h3-fontSize);
  color: var(--grayHard);
  font-weight: bold;
  margin-top: 10px;
}
.pasos-homeServ .item-paso .txt-paso p {
  font-size: var(--p-m);
  color: var(--grayHard);
}
.pasos-homeServ .item-paso .txt-paso button {
  margin-left: 0;
  max-width: fit-content;
  padding: 6px 25px;
}
.pasos-homeServ .item-paso .txt-paso button i {
  margin-left: 8px;
}
.pasos-homeServ .item-paso .box-imgPaso {
  position: relative;
  display: grid;
  place-items: center;
  background: url(../images/home/bg-paso1.png) no-repeat, rgb(232, 232, 236);
  background: url(../images/home/bg-paso1.png) no-repeat,
    -moz-linear-gradient(90deg, rgba(232, 232, 236, 1) 0%, rgba(
            214,
            214,
            218,
            1
          )
          100%);
  background: url(../images/home/bg-paso1.png) no-repeat,
    -webkit-linear-gradient(90deg, rgba(232, 232, 236, 1) 0%, rgba(
            214,
            214,
            218,
            1
          )
          100%);
  background: url(../images/home/bg-paso1.png) no-repeat,
    linear-gradient(
      90deg,
      rgba(232, 232, 236, 1) 0%,
      rgba(214, 214, 218, 1) 100%
    );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e8e8ec",endColorstr="#d6d6da",GradientType=1);
  background-size: cover;
  border-radius: 20px;
  height: 150px;
  margin-top: 35px;
}
.pasos-homeServ .item-paso .box-imgPaso .leit-paso1 {
  position: absolute;
  width: 32px;
  left: 20%;
}
.pasos-homeServ .item-paso .box-imgPaso .cel-right {
  position: absolute;
  right: 30px;
  width: 280px;
}
.pasos-homeServ .item-paso .box-imgPaso .leit-paso2 {
  position: absolute;
  width: 50px;
  right: 15%;
}
.pasos-homeServ .item-paso .box-imgPaso .cel-left {
  position: absolute;
  left: 30px;
  width: 320px;
}
/* End Section Pasos Home Serv */
/* Section MiMundo Bnn Home */
.miMundo-bnn {
  padding: 100px 0;
  background-color: var(--grayLight);
}
.miMundo-bnn .box-miMundo-bnn {
  background: url(../images/home/bg-miMundo-bnn.png) no-repeat,
    rgb(232, 232, 236);
  background: url(../images/home/bg-miMundo-bnn.png) no-repeat,
    -moz-linear-gradient(270deg, rgba(232, 232, 236, 1) 0%, rgba(
            214,
            214,
            218,
            1
          )
          100%);
  background: url(../images/home/bg-miMundo-bnn.png) no-repeat,
    -webkit-linear-gradient(270deg, rgba(232, 232, 236, 1) 0%, rgba(
            214,
            214,
            218,
            1
          )
          100%);
  background: url(../images/home/bg-miMundo-bnn.png) no-repeat,
    linear-gradient(
      270deg,
      rgba(232, 232, 236, 1) 0%,
      rgba(214, 214, 218, 1) 100%
    );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e8e8ec",endColorstr="#d6d6da",GradientType=1);
  border-radius: 25px;
  background-size: cover;
}
.miMundo-bnn .box-miMundo-bnn .txt-miMundo-bnn {
  padding: 60px 0;
}
.miMundo-bnn .box-miMundo-bnn .txt-miMundo-bnn h2 {
  font-size: var(--h2-fontSize);
  font-weight: 900;
  color: var(--grayHard);
  line-height: 1.07em;
}
.miMundo-bnn .box-miMundo-bnn .txt-miMundo-bnn p {
  font-size: var(--p-m);
  font-weight: 400;
  color: var(--grayHard);
  margin-top: 20px;
}
.miMundo-bnn .box-miMundo-bnn .img-miMundo-bnn {
  position: relative;
  height: 100%;
  z-index: 0;
}
.miMundo-bnn .box-miMundo-bnn .img-miMundo-bnn img {
  position: absolute;
  bottom: 0;
  max-width: 500px;
}
/* End Section MiMundo Bnn Home */

/* END ESTILOS HOME SERVICIOS */

/* Section-banner Home Prod*/
.banner-homeProd {
  height: auto;
  padding: 105px 0 0px 0;
  background-color: var(--white);
  background-image: url(../images/generales/bg-banner-producto.png);
  background-repeat: no-repeat;
  background-position: left -40px center;
  width: 100%;
  min-height: 650px;
  transition: background-image 0.3s ease-in-out, opacity 0.3s ease-in-out;
  background-position: center;
  background-size: cover;
}

.item-homeProd h2 {
  color: var(--texto-oscuro);
  font-weight: 900;
  font-size: var(--h2-fontSize);
  line-height: var(--h5-fontSize);
  margin-bottom: 20px;
}
.item-homeProd h2 strong {
  color: var(--redDavivienda);
}
.item-homeProd p {
  font-size: var(--p-m);
  margin-bottom: 30px;
}
.slider-homeProd {
  display: grid;
}
.cont-txtBannerHomeProd {
  display: flex;
  align-items: center;
}
.item-pasoHome .img-paso {
  width: 100%;
  max-width: 100% !important;
}

.img-bannerHomeProd {
  max-width: 370px;
  margin: 0 auto;
}

.kv-img1 {
  margin: 0 auto;
  max-width: 278px;
}

.slick-slide img.bnn-bg {
  display: none;
}
/* End Section-banner Home Prod*/

/* Section-banner */
.banner-producto,
.banner-categoria {
  color: var(--grayHard);
  background-color: var(--white);
  background-image: url(../images/generales/bg-banner-producto.png);
  background-repeat: no-repeat;
  background-position: left -80px top 25px;
  height: auto;
  padding: 200px 0 50px 0;
  display: grid;
  place-items: center;
}

.g-zero {
  background-image: url(../images/generales/bg-miZona.png);
  background-size: cover;
  background-position: left 0px bottom;
}

.banner-categoria {
  background-image: none;
  background-color: transparent;
  padding: 148px 0 50px 0;
}

.banner-producto .bannerprod-description .banner-tag span {
  font-size: var(--span-s);
  padding: 6px 22px;
  border-radius: 30px;
  color: var(--white);
}

.banner-producto .bannerprod-description .label-tarjetas span {
  background: var(--tarjetas);
}

.banner-producto .bannerprod-description .label-cuentas span {
  background: var(--cuentas);
}

.banner-producto .bannerprod-description .label-creditos span {
  background: var(--creditos);
}

.banner-producto .bannerprod-description .label-seguros span {
  background: var(--seguros);
}

.banner-producto .bannerprod-description .label-inversiones span {
  background: var(--inversiones);
}

.banner-producto .bannerprod-description .label-minegocio span {
  background: var(--miNegocio);
}

.banner-producto .bannerprod-description .label-servicio span {
  background: rgb(62 62 62 / 75%);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border: 1px solid #a2a2aa;
}

.banner-producto .bannerprod-description .label-transaccion span {
  color: var(--BlackLight);
  background: rgb(255 255 255 / 75%);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border: 1px solid #a2a2aa;
}

.banner-producto .bannerprod-description .label-pago span {
  background: rgb(137 137 146 / 75%);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border: 1px solid #74747c;
}

.banner-producto .bannerprod-description h1 {
  margin-top: 15px;
  font-weight: 900;
}

.banner-producto .bannerprod-description p {
  font-size: var(--p-m);
}

.banner-producto .bannerprod-description .items-destacados {
  margin: 50px 0;
}

.banner-producto .bannerprod-description .items-destacados ul {
  list-style-image: url("../images/generales/item.svg");
}

.banner-producto .bannerprod-description .items-destacados ul li {
  font-weight: 600;
  margin-bottom: 8px;
  font-size: var(--span-m);
}

.banner-producto .bannerprod-description .items-destacados ul li span {
  display: block;
  margin-left: 5px;
}

.banner-producto .bannerprod-description .bannerprod-cta {
  display: block;
  margin-top: 70px;
}

.red-button {
  background: var(--grayHard);
  color: var(--white);
  box-shadow: none;
  border: none;
  padding: 6px 30px;
  border-radius: 50px;
  font-size: var(--span-s);
  font-weight: 600;
  margin-right: 10px;
  transition: background-color 0.5s;
}

.red-button:hover {
  background: var(--redDavivienda);
}

.white-button {
  background: var(--white);
  border: none;
  border: 1px solid var(--grayHard);
  color: var(--grayHard);
  box-shadow: none;
  padding: 6px 15px;
  border-radius: 50px;
  font-size: var(--span-s);
  font-weight: 400;
  margin-right: 10px;
  transition: all 0.5s;
}

.white-button:hover {
  color: var(--redDavivienda);
  border: 1px solid var(--redDavivienda);
}

.border-button {
  background: transparent;
  border: 1px solid var(--grayHard);
  color: var(--grayHard);
  box-shadow: none;
  padding: 6px 5px;
  border-radius: 50px;
  font-size: var(--span-s);
  font-weight: 400;
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 230px;
  transition: all 0.5s;
  display: flex;
  justify-content: center;
  align-items: center;
}

.border-button > a {
  display: flex;
  justify-content: center;
}

.border-button:hover {
  border: 1px solid var(--redDavivienda);
  color: var(--redDavivienda);
}

.border-button img {
  margin-left: 8px;
  margin-top: -3px;
}

.white-button img {
  margin-left: 8px;
  margin-top: -3px;
  pointer-events: none;
}

.descubra {
  margin-top: 50px;
  font-size: var(--span-s);
  font-weight: 600;
}

.descubra img {
  margin-left: 5px;
}

.banner-categoria .container {
  border-radius: 25px;
}

.bgCat-tarjetas {
  background: url(../images/generales/bg-bannerCategoria.png) no-repeat,
    rgb(29, 29, 29);
  background: url(../images/generales/bg-bannerCategoria.png) no-repeat,
    -moz-linear-gradient(114deg, rgba(29, 29, 29, 1) 0%, rgba(87, 87, 87, 1)
          100%);
  background: url(../images/generales/bg-bannerCategoria.png) no-repeat,
    -webkit-linear-gradient(114deg, rgba(29, 29, 29, 1) 0%, rgba(87, 87, 87, 1)
          100%);
  background: url(../images/generales/bg-bannerCategoria.png) no-repeat,
    linear-gradient(114deg, rgba(29, 29, 29, 1) 0%, rgba(87, 87, 87, 1) 100%);
  background-position: left center;
}

.bgCat-seguros {
  background: url(../images/generales/bg-bannerCategoria.png) no-repeat,
    rgb(2, 136, 70);
  background: url(../images/generales/bg-bannerCategoria.png) no-repeat,
    -moz-linear-gradient(260deg, rgba(2, 136, 70, 1) 0%, rgba(7, 91, 50, 1) 100%);
  background: url(../images/generales/bg-bannerCategoria.png) no-repeat,
    -webkit-linear-gradient(260deg, rgba(2, 136, 70, 1) 0%, rgba(7, 91, 50, 1)
          100%);
  background: url(../images/generales/bg-bannerCategoria.png) no-repeat,
    linear-gradient(260deg, rgba(2, 136, 70, 1) 0%, rgba(7, 91, 50, 1) 100%);
  background-position: left center;
}

.bgCat-inversiones {
  background: url(../images/generales/bg-bannerCategoria.png) no-repeat,
    rgb(217, 125, 47);
  background: url(../images/generales/bg-bannerCategoria.png) no-repeat,
    -moz-linear-gradient(260deg, rgba(217, 125, 47, 1) 0%, rgba(164, 23, 24, 1)
          100%);
  background: url(../images/generales/bg-bannerCategoria.png) no-repeat,
    -webkit-linear-gradient(260deg, rgba(217, 125, 47, 1) 0%, rgba(
            164,
            23,
            24,
            1
          )
          100%);
  background: url(../images/generales/bg-bannerCategoria.png) no-repeat,
    linear-gradient(260deg, rgba(217, 125, 47, 1) 0%, rgba(164, 23, 24, 1) 100%);
  background-position: left center;
}

.bgCat-creditos {
  background: url(../images/generales/bg-bannerCategoria.png) no-repeat,
    rgb(3, 93, 132);
  background: url(../images/generales/bg-bannerCategoria.png) no-repeat,
    -moz-linear-gradient(90deg, rgba(3, 93, 132, 1) 0%, rgba(4, 125, 178, 1)
          100%);
  background: url(../images/generales/bg-bannerCategoria.png) no-repeat,
    -webkit-linear-gradient(90deg, rgba(3, 93, 132, 1) 0%, rgba(4, 125, 178, 1)
          100%);
  background: url(../images/generales/bg-bannerCategoria.png) no-repeat,
    linear-gradient(90deg, rgba(3, 93, 132, 1) 0%, rgba(4, 125, 178, 1) 100%);
  background-position: left center;
}

.bgCat-cuentas {
  background: url(../images/generales/bg-bannerCategoria.png) no-repeat,
    rgb(225, 17, 28);
  background: url(../images/generales/bg-bannerCategoria.png) no-repeat,
    -moz-linear-gradient(260deg, rgba(225, 17, 28, 1) 0%, rgba(135, 4, 18, 1)
          100%);
  background: url(../images/generales/bg-bannerCategoria.png) no-repeat,
    -webkit-linear-gradient(260deg, rgba(225, 17, 28, 1) 0%, rgba(135, 4, 18, 1)
          100%);
  background: url(../images/generales/bg-bannerCategoria.png) no-repeat,
    linear-gradient(260deg, rgba(225, 17, 28, 1) 0%, rgba(135, 4, 18, 1) 100%);
  background-position: left center;
}

.bgCat-minegocio {
  background: url(../images/generales/bg-bannerCategoria.png) no-repeat,
    rgb(4, 13, 130);
  background: url(../images/generales/bg-bannerCategoria.png) no-repeat,
    -moz-linear-gradient(90deg, rgba(4, 13, 130, 1) 0%, rgba(77, 95, 209, 1)
          100%);
  background: url(../images/generales/bg-bannerCategoria.png) no-repeat,
    -webkit-linear-gradient(90deg, rgba(4, 13, 130, 1) 0%, rgba(77, 95, 209, 1)
          100%);
  background: url(../images/generales/bg-bannerCategoria.png) no-repeat,
    linear-gradient(90deg, rgba(4, 13, 130, 1) 0%, rgba(77, 95, 209, 1) 100%);
  background-position: left center;
}

.bgCat-generico {
  background: url(../images/generales/bg-bannerCategoria-general.png) no-repeat,
    rgb(214, 214, 218);
  background: url(../images/generales/bg-bannerCategoria-general.png) no-repeat,
    -moz-linear-gradient(90deg, rgba(214, 214, 218, 1) 0%, rgba(
            228,
            228,
            233,
            1
          )
          100%);
  background: url(../images/generales/bg-bannerCategoria-general.png) no-repeat,
    -webkit-linear-gradient(90deg, rgba(214, 214, 218, 1) 0%, rgba(
            228,
            228,
            233,
            1
          )
          100%);
  background: url(../images/generales/bg-bannerCategoria-general.png) no-repeat,
    linear-gradient(
      90deg,
      rgba(214, 214, 218, 1) 0%,
      rgba(228, 228, 233, 1) 100%
    );
  background-position: left -95px center, left center;
}

.bgCat-darckEmpresas {
  background: url(../images/generales/bg-bannerCategoria-empresas.png) no-repeat,
    rgb(0, 0, 0);
  background: url(../images/generales/bg-bannerCategoria-empresas.png) no-repeat,
    -moz-linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(87, 87, 87, 1) 100%);
  background: url(../images/generales/bg-bannerCategoria-empresas.png) no-repeat,
    -webkit-linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(87, 87, 87, 1) 100%);
  background: url(../images/generales/bg-bannerCategoria-empresas.png) no-repeat,
    linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(87, 87, 87, 1) 100%);
  background-position: left -95px center, left center;
}

.banner-categoria .bannercat-img {
  margin-top: -30px;
  max-width: 335px;
}

.banner-categoria .bgCat-generico > div > div > h1 {
  font-weight: 600;
  color: var(--BlackLight);
}

.banner-categoria .bgCat-generico > div > div > p {
  font-size: var(--p-l);
  color: var(--BlackLight);
}

.banner-categoria p {
  font-size: var(--p-l);
}

.bannerprod-cta button {
  margin-bottom: 15px;
}
/* END SECTION BANNER */

/* Section pasos */
.tab-pasos .nav-tabs .nav-link {
  width: 100%;
  border: none;
  font-weight: 400;
  color: var(--texto-claro);
  font-size: var(--span-m);
  line-height: var(--span-m);
}

.tab-pasos .nav-tabs .nav-link.active {
  border: none;
  background-color: transparent;
  border-bottom: 3px solid var(--redDavivienda);
  font-weight: 600;
  color: var(--texto-oscuro);
}

.tab-pasos .tab-content {
  padding-top: 50px;
}

.item-paso .number-paso {
  font-size: var(--span-s);
  font-weight: 600;
  width: 30px;
  height: 30px;
  background: var(--redDavivienda);
  color: var(--white);
  text-align: center;
  display: flex;
  align-items: center;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
}

.item-paso {
  margin-bottom: 25px;
}

.tap-slide-all.slick-initialized .slick-slide {
  margin: 0 30px;
}

.tap-slide-all.regular-dots-arrows .slick-next,
.tap-slide-all.regular-dots-arrows .slick-prev {
  right: -20px;
  bottom: 50%;
}

.tap-slide-all.regular-dots-arrows .slick-prev {
  left: -20px;
  right: auto;
  bottom: 50%;
}

.item-paso .number-paso-tc {
  background-color: var(--grayHard);
}

.item-paso h4 {
  font-size: var(--h4-fontSize);
  color: var(--grayHard);
  font-weight: 600;
  margin-top: 20px;
}

.item-paso p {
  font-size: var(--p-m);
  color: var(--texto-claro);
  min-height: 65px;
  margin-top: 15px;
}

.item-paso .img-paso {
  margin: 10px auto 30px;
  width: 90%;
  /* max-width: 342px; */
  /* max-width: 202px; */
}

.item-paso .paso-link {
  display: inline-block;
  text-decoration: underline;
  color: var(--texto-claro);
  font-weight: 600;
  font-size: var(--span-s);
}

.item-paso p a {
  font-weight: 600;
  color: var(--redDavivienda);
  text-decoration: underline;
  font-size: var(--span-m);
}

.item-paso button a i {
  margin-left: 6px;
  margin-right: 5px;
}

.cont-pasos-TT {
  font-size: var(--p-l);
  color: var(--grayHard);
  font-weight: 600;
}
/* End Section pasos */

/* Section beneficios */
.cont-beneficios .box-beneficios {
  background: var(--white);
  border-radius: 15px;
  -webkit-box-shadow: 0px 7px 20px 0px rgb(229 229 239 / 33%);
  -moz-box-shadow: 0px 7px 20px 0px rgb(229 229 239 / 33%);
  box-shadow: 0px 7px 20px 0px rgb(229 229 239 / 33%);
}

.cont-beneficios .box-beneficios .header-beneficios {
  position: relative;
  color: var(--white);
  border-radius: 15px 15px 0 0;
  padding: 40px;
}

.cont-beneficios .box-beneficios .header-beneficios.ben-tarjetas {
  background: url("../images/generales/bg-header-ben.png") no-repeat,
    rgb(29, 29, 29);
  background: url("../images/generales/bg-header-ben.png") no-repeat,
    -moz-linear-gradient(114deg, rgba(29, 29, 29, 1) 0%, rgba(87, 87, 87, 1)
          100%);
  background: url("../images/generales/bg-header-ben.png") no-repeat,
    -webkit-linear-gradient(114deg, rgba(29, 29, 29, 1) 0%, rgba(87, 87, 87, 1)
          100%);
  background: url("../images/generales/bg-header-ben.png") no-repeat,
    linear-gradient(114deg, rgba(29, 29, 29, 1) 0%, rgba(87, 87, 87, 1) 100%);
  background-size: cover;
}

.cont-beneficios .box-beneficios .header-beneficios.ben-cuentas {
  background: url("../images/generales/bg-header-ben.png") no-repeat,
    rgb(225, 17, 28);
  background: url("../images/generales/bg-header-ben.png") no-repeat,
    -moz-linear-gradient(260deg, rgba(225, 17, 28, 1) 0%, rgba(135, 4, 18, 1)
          100%);
  background: url("../images/generales/bg-header-ben.png") no-repeat,
    -webkit-linear-gradient(260deg, rgba(225, 17, 28, 1) 0%, rgba(135, 4, 18, 1)
          100%);
  background: url("../images/generales/bg-header-ben.png") no-repeat,
    linear-gradient(260deg, rgba(225, 17, 28, 1) 0%, rgba(135, 4, 18, 1) 100%);
  background-size: cover;
}

.cont-beneficios .box-beneficios .header-beneficios.ben-creditos {
  background: url("../images/generales/bg-header-ben.png") no-repeat,
    rgb(3, 93, 132);
  background: url("../images/generales/bg-header-ben.png") no-repeat,
    -moz-linear-gradient(90deg, rgba(3, 93, 132, 1) 0%, rgba(4, 125, 178, 1)
          100%);
  background: url("../images/generales/bg-header-ben.png") no-repeat,
    -webkit-linear-gradient(90deg, rgba(3, 93, 132, 1) 0%, rgba(4, 125, 178, 1)
          100%);
  background: url("../images/generales/bg-header-ben.png") no-repeat,
    linear-gradient(90deg, rgba(3, 93, 132, 1) 0%, rgba(4, 125, 178, 1) 100%);
  background-size: cover;
}

.cont-beneficios .box-beneficios .header-beneficios.ben-seguros {
  background: url("../images/generales/bg-header-ben.png") no-repeat,
    rgb(2, 136, 70);
  background: url("../images/generales/bg-header-ben.png") no-repeat,
    -moz-linear-gradient(260deg, rgba(2, 136, 70, 1) 0%, rgba(7, 91, 50, 1) 100%);
  background: url("../images/generales/bg-header-ben.png") no-repeat,
    -webkit-linear-gradient(260deg, rgba(2, 136, 70, 1) 0%, rgba(7, 91, 50, 1)
          100%);
  background: url("../images/generales/bg-header-ben.png") no-repeat,
    linear-gradient(260deg, rgba(2, 136, 70, 1) 0%, rgba(7, 91, 50, 1) 100%);
  background-size: cover;
}

.cont-beneficios .box-beneficios .header-beneficios.ben-inversiones {
  background: url("../images/generales/bg-header-ben.png") no-repeat,
    rgb(217, 125, 47);
  background: url("../images/generales/bg-header-ben.png") no-repeat,
    -moz-linear-gradient(260deg, rgba(217, 125, 47, 1) 0%, rgba(164, 23, 24, 1)
          100%);
  background: url("../images/generales/bg-header-ben.png") no-repeat,
    -webkit-linear-gradient(260deg, rgba(217, 125, 47, 1) 0%, rgba(
            164,
            23,
            24,
            1
          )
          100%);
  background: url("../images/generales/bg-header-ben.png") no-repeat,
    linear-gradient(260deg, rgba(217, 125, 47, 1) 0%, rgba(164, 23, 24, 1) 100%);
  background-size: cover;
}

.cont-beneficios .box-beneficios .header-beneficios.ben-minegocio {
  background: url("../images/generales/bg-header-ben.png") no-repeat,
    rgb(4, 13, 130);
  background: url("../images/generales/bg-header-ben.png") no-repeat,
    -moz-linear-gradient(90deg, rgba(4, 13, 130, 1) 0%, rgba(77, 95, 209, 1)
          100%);
  background: url("../images/generales/bg-header-ben.png") no-repeat,
    -webkit-linear-gradient(90deg, rgba(4, 13, 130, 1) 0%, rgba(77, 95, 209, 1)
          100%);
  background: url("../images/generales/bg-header-ben.png") no-repeat,
    linear-gradient(90deg, rgba(4, 13, 130, 1) 0%, rgba(77, 95, 209, 1) 100%);
  background-size: cover;
}

.cont-beneficios .box-beneficios .header-beneficios.ben-aliados {
  background: url("../images/generales/bg-header-ben.png") no-repeat, #58bccc;
  background: url("../images/generales/bg-header-ben.png") no-repeat,
    -moz-linear-gradient(90deg, rgba(69, 122, 143, 1) 0%, rgba(88, 188, 204, 1)
          100%);
  background: url("../images/generales/bg-header-ben.png") no-repeat,
    -webkit-linear-gradient(90deg, rgba(69, 122, 143, 1) 0%, rgba(
            88,
            188,
            204,
            1
          )
          100%);
  background: url("../images/generales/bg-header-ben.png") no-repeat,
    linear-gradient(90deg, rgba(69, 122, 143, 1) 0%, rgba(88, 188, 204, 1) 100%);
  background-size: cover;
}

.cont-beneficios .box-beneficios .header-beneficios.ben-generico {
  background: url("../images/generales/bg-header-ben-generico.png") no-repeat,
    linear-gradient(
      90deg,
      rgba(214, 214, 218, 1) 0%,
      rgba(228, 228, 233, 1) 100%
    );
  background-size: cover;
}

.cont-beneficios .box-beneficios .header-beneficios span {
  font-size: var(--span-l);
  font-weight: 400;
}

.cont-beneficios .box-beneficios .header-beneficios h3 {
  font-size: var(--h3-fontSize);
  font-weight: 600;
}

.cont-beneficios .box-beneficios .header-beneficios .img-header-ben {
  width: 22%;
  z-index: 0;
}

.cont-beneficios .box-beneficios .header-beneficios {
  display: flex;
}

.cont-beneficios .box-beneficios .header-beneficios .img-header-ben img {
  position: absolute;
  bottom: 0;
  width: 180px;
}

.cont-beneficios .box-beneficios .header-beneficios .img-header-ben2 {
  width: 22%;
  overflow: hidden;
  border-radius: 0px 15px 0px 0px;
  position: absolute;
  height: 157px;
  bottom: 0px;
  right: 0px;
}

.cont-beneficios .box-beneficios .header-beneficios .img-header-ben2 img {
  position: absolute;
  bottom: -10px;
  right: 0px;
  max-width: 600px;
  transform: rotate(-34deg);
  margin: 0 auto;
  left: -10px;
  right: 0px;
}

.img-header-ben3 {
  width: 100%;
  overflow: hidden;
  border-radius: 0px 15px 0px 0px;
  position: absolute;
  height: 260px;
  bottom: 0px;
  right: 0px;
  z-index: 0;
}

.img-header-ben3 > img {
  position: absolute;
  bottom: -10px;
  right: 0px;
  max-width: 700px;
  transform: rotate(-34deg);
  margin: 0 auto;
  left: -10px;
  right: 0px;
  position: relative;
  z-index: 0;
}

.img-header-ben4 {
  width: 50%;
  overflow: hidden;
  border-radius: 0px 12px 12px 0px;
  position: absolute;
  height: 231px;
  bottom: 0px;
  right: 0px;
}

.img-header-ben4 > img {
  position: absolute;
  bottom: -10px;
  right: 0px;
  max-width: 820px;
  transform: rotate(-34deg);
  margin: 0 auto;
  left: -10px;
  right: 0px;
  position: relative;
}

.cont-beneficios .box-beneficios .header-beneficios .tittle-header-ben {
  color: var(--BlackLight);
  width: 78%;
}

.cont-beneficios .box-beneficios .body-beneficios {
  padding: 50px 50px 20px 50px;
}

.cont-beneficios .box-beneficios .body-beneficios .item-ben {
  color: var(--grayHard);
  display: flex;
  align-items: flex-start;
  margin-bottom: 30px;
  padding: 0 20px;
}

.cont-beneficios .box-beneficios .body-beneficios .item-ben a {
  font-weight: 600;
  text-decoration: underline;
}

.cont-beneficios .box-beneficios .body-beneficios .item-ben img {
  margin-right: 20px;
  max-width: 25px;
}

.cont-beneficios .box-beneficios .body-beneficios .item-ben p {
  font-size: var(--p-m);
}
/* End Section beneficios */

/* Aditional info prod */
.aditional-infoProd p {
  margin-bottom: 2px;
}

.aditional-infoProd span {
  display: block;
  margin-bottom: 30px;
}
/* End aditional info prod */

/* Section preguntas */
.section-preguntas .boxTittle-preguntas {
  border-radius: 15px;
  padding: 40px 40px 0 40px;
  color: var(--white);
  position: relative;
}

.section-preguntas .boxTittle-preguntas.pre-tarjetas {
  background: url("../images/generales/bg-preguntas.png") no-repeat,
    rgb(29, 29, 29);
  background: url("../images/generales/bg-preguntas.png") no-repeat,
    -moz-linear-gradient(184deg, rgba(29, 29, 29, 1) 0%, rgba(87, 87, 87, 1)
          100%);
  background: url("../images/generales/bg-preguntas.png") no-repeat,
    -webkit-linear-gradient(184deg, rgba(29, 29, 29, 1) 0%, rgba(87, 87, 87, 1)
          100%);
  background: url("../images/generales/bg-preguntas.png") no-repeat,
    linear-gradient(184deg, rgba(29, 29, 29, 1) 0%, rgba(87, 87, 87, 1) 100%);
  background-size: cover;
}

.section-preguntas .boxTittle-preguntas.pre-cuentas {
  background: url("../images/generales/bg-preguntas.png") no-repeat,
    rgb(225, 17, 28);
  background: url("../images/generales/bg-preguntas.png") no-repeat,
    -moz-linear-gradient(0deg, rgba(225, 17, 28, 1) 0%, rgba(135, 4, 18, 1) 100%);
  background: url("../images/generales/bg-preguntas.png") no-repeat,
    -webkit-linear-gradient(0deg, rgba(225, 17, 28, 1) 0%, rgba(135, 4, 18, 1)
          100%);
  background: url("../images/generales/bg-preguntas.png") no-repeat,
    linear-gradient(0deg, rgba(225, 17, 28, 1) 0%, rgba(135, 4, 18, 1) 100%);
  background-size: cover;
}

.section-preguntas .boxTittle-preguntas.pre-inversiones {
  background: url("../images/generales/bg-preguntas.png") no-repeat,
    rgb(217, 125, 47);
  background: url("../images/generales/bg-preguntas.png") no-repeat,
    -moz-linear-gradient(180deg, rgba(217, 125, 47, 1) 0%, rgba(164, 23, 24, 1)
          100%);
  background: url("../images/generales/bg-preguntas.png") no-repeat,
    -webkit-linear-gradient(180deg, rgba(217, 125, 47, 1) 0%, rgba(
            164,
            23,
            24,
            1
          )
          100%);
  background: url("../images/generales/bg-preguntas.png") no-repeat,
    linear-gradient(180deg, rgba(217, 125, 47, 1) 0%, rgba(164, 23, 24, 1) 100%);
  background-size: cover;
}

.section-preguntas .boxTittle-preguntas.pre-seguros {
  background: url("../images/generales/bg-preguntas.png") no-repeat,
    rgb(2, 136, 70);
  background: url("../images/generales/bg-preguntas.png") no-repeat,
    -moz-linear-gradient(0deg, rgba(2, 136, 70, 1) 0%, rgba(7, 91, 50, 1) 100%);
  background: url("../images/generales/bg-preguntas.png") no-repeat,
    -webkit-linear-gradient(0deg, rgba(2, 136, 70, 1) 0%, rgba(7, 91, 50, 1)
          100%);
  background: url("../images/generales/bg-preguntas.png") no-repeat,
    linear-gradient(0deg, rgba(2, 136, 70, 1) 0%, rgba(7, 91, 50, 1) 100%);
  background-size: cover;
}

.section-preguntas .boxTittle-preguntas.pre-creditos {
  background: url("../images/generales/bg-preguntas.png") no-repeat,
    rgb(3, 93, 132);
  background: url("../images/generales/bg-preguntas.png") no-repeat,
    -moz-linear-gradient(180deg, rgba(3, 93, 132, 1) 0%, rgba(4, 125, 178, 1)
          100%);
  background: url("../images/generales/bg-preguntas.png") no-repeat,
    -webkit-linear-gradient(180deg, rgba(3, 93, 132, 1) 0%, rgba(4, 125, 178, 1)
          100%);
  background: url("../images/generales/bg-preguntas.png") no-repeat,
    linear-gradient(180deg, rgba(3, 93, 132, 1) 0%, rgba(4, 125, 178, 1) 100%);
  background-size: cover;
}

.section-preguntas .boxTittle-preguntas.pre-minegocio {
  background: url(../images/generales/bg-bannerCategoria.png) no-repeat,
    rgb(4, 13, 130);
  background: url(../images/generales/bg-bannerCategoria.png) no-repeat,
    -moz-linear-gradient(90deg, rgba(4, 13, 130, 1) 0%, rgba(77, 95, 209, 1)
          100%);
  background: url(../images/generales/bg-bannerCategoria.png) no-repeat,
    -webkit-linear-gradient(90deg, rgba(4, 13, 130, 1) 0%, rgba(77, 95, 209, 1)
          100%);
  background: url(../images/generales/bg-bannerCategoria.png) no-repeat,
    linear-gradient(90deg, rgba(4, 13, 130, 1) 0%, rgba(77, 95, 209, 1) 100%);
  background-size: cover;
}

.section-preguntas .boxTittle-preguntas.pre-aliados {
  background: url(../images/generales/bg-preguntas.png) no-repeat, #58bccc;
  background: url(../images/generales/bg-preguntas.png) no-repeat,
    -moz-linear-gradient(0deg, rgba(69, 122, 143, 1) 0%, rgba(88, 188, 204, 1)
          100%);
  background: url(../images/generales/bg-preguntas.png) no-repeat,
    -webkit-linear-gradient(0deg, rgba(69, 122, 143, 1) 0%, rgba(
            88,
            188,
            204,
            1
          )
          100%);
  background: url(../images/generales/bg-preguntas.png) no-repeat,
    linear-gradient(0deg, rgba(69, 122, 143, 1) 0%, rgba(88, 188, 204, 1) 100%);
  background-size: cover;
}

.section-preguntas .boxTittle-preguntas.pre-generico {
  background: url("../images/generales/bg-preguntas-generico.png") no-repeat,
    linear-gradient(
      0deg,
      rgba(214, 214, 218, 1) 0%,
      rgba(228, 228, 233, 1) 100%
    );
  background-size: cover;
}

.section-preguntas .boxTittle-preguntas {
  width: 85%;
  margin-bottom: 30px;
  max-height: 478px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}

.section-preguntas .boxTittle-preguntas span {
  color: var(--BlackLight);
  font-size: var(--span-m);
  text-align: left;
  display: block;
}

.section-preguntas .boxTittle-preguntas h3 {
  color: var(--BlackLight);
  font-size: var(--h3-fontSize);
  font-weight: 900;
  text-align: left;
  margin-bottom: 30px;
}
.section-preguntas .boxTittle-preguntas h4 {
  color: var(--BlackLight);
  font-size: var(--h4-fontSize);
  font-weight: 900;
  text-align: left;
  margin-bottom: 30px;
}

.section-preguntas .boxTittle-preguntas img {
  margin: 0 auto;
  z-index: 0;
}

.box-preguntas .accordion .accordion-item {
  margin-bottom: 30px;
  border: none;
  border-radius: 12px;
  color: var(--grayHard);
}

.box-preguntas .accordion .accordion-item .accordion-header {
  border-radius: 12px;
  font-size: var(--span-m);
}

.box-preguntas .accordion .accordion-item .accordion-button {
  border-radius: 12px;
  font-weight: 600;
  font-size: var(--span-m);
  z-index: 0;
  min-height: 71px;
  padding: 10px 20px;
}

.box-preguntas .accordion .accordion-item .accordion-button span {
  border-radius: 12px;
  font-weight: 600;
  display: block;
  padding: 5px 15px;
  font-size: var(--span-m);
}

.box-preguntas .accordion .accordion-item .accordion-button:focus {
  border: none;
  box-shadow: none;
}

.box-preguntas .accordion .accordion-item .accordion-button:after {
  background-image: url("../images/generales/chevron-down-red.svg");
  background-size: 18px;
  background-position: center;
}

/* .box-preguntas .accordion .accordion-item .accordion-button:not(.collapsed)::after{
  background-image: ;
} */

.box-preguntas .accordion .accordion-item .accordion-button:not(.collapsed) {
  color: var(--grayHard);
  background-color: var(--white);
  box-shadow: none;
}

.box-preguntas .accordion .accordion-item .accordion-body p {
  text-align: left;
  font-size: var(--p-s);
  padding: 0px 15px 15px;
  color: var(--textos2);
}
.box-preguntas .accordion .accordion-item .accordion-body ul li {
  text-align: left;
  font-size: var(--p-s);

  color: var(--textos2);
}

.box-preguntas .accordion .accordion-item .accordion-body p a {
  text-decoration: underline;
  font-weight: 600;
}

.btn-morePreguntas {
  color: var(--texto-claro);
  padding: 0;
  width: auto;
  font-weight: bold;
  margin-left: auto;
  margin-right: calc(var(--bs-gutter-x) * 0.5);
  border: none;
  letter-spacing: 1px;
  border-bottom: 3px solid var(--texto-claro);
  border-radius: 0;
}

.btn-morePreguntas:hover {
  color: var(--redDavivienda);
  border: none;
  border-bottom: 3px solid var(--redDavivienda);
}

.btn-morePreguntas::before {
  content: "Ver más preguntas";
  /* margin-right: 5px; */
}

.btn-morePreguntas[aria-expanded="true"]::before {
  content: "Ver menos preguntas";
}
/* End Section Preguntas */

/* Section Servicio Relacionado */
.section-servicioRelacionado .box-servicioRelacionado {
  position: relative;
  border-radius: 12px;
}

.section-servicioRelacionado .box-servicioRelacionado.serv-tarjetas {
  background: url("../images/generales/bg-bannerServicio.png") no-repeat,
    rgb(29, 29, 29);
  background: url("../images/generales/bg-bannerServicio.png") no-repeat,
    -moz-linear-gradient(114deg, rgba(29, 29, 29, 1) 0%, rgba(87, 87, 87, 1)
          100%);
  background: url("../images/generales/bg-bannerServicio.png") no-repeat,
    -webkit-linear-gradient(114deg, rgba(29, 29, 29, 1) 0%, rgba(87, 87, 87, 1)
          100%);
  background: url("../images/generales/bg-bannerServicio.png") no-repeat,
    linear-gradient(114deg, rgba(29, 29, 29, 1) 0%, rgba(87, 87, 87, 1) 100%);
  background-size: cover;
  background-position: right;
}

.section-servicioRelacionado .box-servicioRelacionado.serv-cuentas {
  background: url("../images/generales/bg-bannerServicio.png") no-repeat,
    rgb(225, 17, 28);
  background: url("../images/generales/bg-bannerServicio.png") no-repeat,
    -moz-linear-gradient(260deg, rgba(225, 17, 28, 1) 0%, rgba(135, 4, 18, 1)
          100%);
  background: url("../images/generales/bg-bannerServicio.png") no-repeat,
    -webkit-linear-gradient(260deg, rgba(225, 17, 28, 1) 0%, rgba(135, 4, 18, 1)
          100%);
  background: url("../images/generales/bg-bannerServicio.png") no-repeat,
    linear-gradient(260deg, rgba(225, 17, 28, 1) 0%, rgba(135, 4, 18, 1) 100%);
  background-size: cover;
  background-position: right;
}

.section-servicioRelacionado .box-servicioRelacionado.serv-creditos {
  background: url("../images/generales/bg-bannerServicio.png") no-repeat,
    rgb(3, 93, 132);
  background: url("../images/generales/bg-bannerServicio.png") no-repeat,
    -moz-linear-gradient(90deg, rgba(3, 93, 132, 1) 0%, rgba(4, 125, 178, 1)
          100%);
  background: url("../images/generales/bg-bannerServicio.png") no-repeat,
    -webkit-linear-gradient(90deg, rgba(3, 93, 132, 1) 0%, rgba(4, 125, 178, 1)
          100%);
  background: url("../images/generales/bg-bannerServicio.png") no-repeat,
    linear-gradient(90deg, rgba(3, 93, 132, 1) 0%, rgba(4, 125, 178, 1) 100%);
  background-size: cover;
  background-position: right;
}

.section-servicioRelacionado .box-servicioRelacionado.serv-seguros {
  background: url("../images/generales/bg-bannerServicio.png") no-repeat,
    rgb(2, 136, 70);
  background: url("../images/generales/bg-bannerServicio.png") no-repeat,
    -moz-linear-gradient(260deg, rgba(2, 136, 70, 1) 0%, rgba(7, 91, 50, 1) 100%);
  background: url("../images/generales/bg-bannerServicio.png") no-repeat,
    -webkit-linear-gradient(260deg, rgba(2, 136, 70, 1) 0%, rgba(7, 91, 50, 1)
          100%);
  background: url("../images/generales/bg-bannerServicio.png") no-repeat,
    linear-gradient(260deg, rgba(2, 136, 70, 1) 0%, rgba(7, 91, 50, 1) 100%);
  background-size: cover;
  background-position: right;
}

.section-servicioRelacionado .box-servicioRelacionado.serv-inversiones {
  background: url("../images/generales/bg-bannerServicio.png") no-repeat,
    rgb(217, 125, 47);
  background: url("../images/generales/bg-bannerServicio.png") no-repeat,
    -moz-linear-gradient(260deg, rgba(217, 125, 47, 1) 0%, rgba(164, 23, 24, 1)
          100%);
  background: url("../images/generales/bg-bannerServicio.png") no-repeat,
    -webkit-linear-gradient(260deg, rgba(217, 125, 47, 1) 0%, rgba(
            164,
            23,
            24,
            1
          )
          100%);
  background: url("../images/generales/bg-bannerServicio.png") no-repeat,
    linear-gradient(260deg, rgba(217, 125, 47, 1) 0%, rgba(164, 23, 24, 1) 100%);
  background-size: cover;
  background-position: right;
}

.section-servicioRelacionado .box-servicioRelacionado.serv-minegocio {
  background: url(../images/generales/bg-bannerCategoria.png) no-repeat,
    rgb(4, 13, 130);
  background: url(../images/generales/bg-bannerCategoria.png) no-repeat,
    -moz-linear-gradient(90deg, rgba(4, 13, 130, 1) 0%, rgba(77, 95, 209, 1)
          100%);
  background: url(../images/generales/bg-bannerCategoria.png) no-repeat,
    -webkit-linear-gradient(90deg, rgba(4, 13, 130, 1) 0%, rgba(77, 95, 209, 1)
          100%);
  background: url(../images/generales/bg-bannerCategoria.png) no-repeat,
    linear-gradient(90deg, rgba(4, 13, 130, 1) 0%, rgba(77, 95, 209, 1) 100%);
  background-size: cover;
  background-position: right;
}

.section-servicioRelacionado .box-servicioRelacionado .info-bannerServicio {
  padding: 40px;
}

.section-servicioRelacionado
  .box-servicioRelacionado
  .info-bannerServicio
  span {
  color: var(--white);
  font-size: var(--span-m);
}

.section-servicioRelacionado .box-servicioRelacionado .info-bannerServicio h4 {
  color: var(--white);
  font-size: var(--h4-fontSize);
  font-weight: 600;
  margin-top: 5px;
  margin-bottom: 30px;
}

.section-servicioRelacionado .box-servicioRelacionado .img-bannerServicio {
  position: relative;
  height: 100%;
  z-index: 0;
}

.section-servicioRelacionado .box-servicioRelacionado .img-bannerServicio img {
  position: absolute;
  bottom: 0;
  right: 50px;
  max-width: 300px;
}
/* End Section Servicio Relacionado */

/* Section Articulos relacionados */
/* .articulos-relacionados hr{
  border-bottom: 1px solid var(--grayLight);
  width: 100%;
  margin-top: 80px;
} */

.articulos-relacionados .tittle-articulosRelacionados span {
  font-size: var(--span-m);
  color: var(--grayHard);
}

.articulos-relacionados .tittle-articulosRelacionados h3 {
  font-size: var(--h3-fontSize);
  color: var(--grayHard);
  font-weight: 600;
}

.box-itemsArtRel {
  width: 100%;
  /* overflow-x: scroll;
  overflow-y: hidden; */
  margin-top: 40px;
  /* display: flex; */
  padding-bottom: 30px;
}

.box-itemsArtRel::-webkit-scrollbar {
  width: auto;
  height: 3px;
}

.box-itemsArtRel::-webkit-scrollbar-track {
  background: #ffffff;
  box-shadow: none;
  height: 3px;
}

.box-itemsArtRel::-webkit-scrollbar-thumb {
  background-color: var(--textos2);
  border-radius: 20px;
  border: 0;
}

.box-itemsArtRel .item-artRel .line-itemArtRel {
  position: absolute;
  right: 0;
  height: 100%;
  width: 6px;
  border-radius: 0 10px 10px 0;
}

.box-itemsArtRel .item-artRel {
  position: relative;
  /* width: 450px; */
  min-height: 120px;
  background: var(--white);
  border-radius: 10px;
  display: flex;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(229, 229, 239, 1);
  -moz-box-shadow: 0px 0px 20px 0px rgba(229, 229, 239, 1);
  box-shadow: 0px 0px 20px 0px rgba(229, 229, 239, 1);
  /* margin-right: 30px; */
  transition: 0.2s all;
}

.box-itemsArtRel .item-artRel:hover {
  transform: scale(0.97);
}

.box-itemsArtRel .item-artRel a {
  display: flex;
}

.box-itemsArtRel .item-artRel .img-item-artRel {
  width: 135px;
  background: url("../images/generales/images-productos/articulo-relacionado1.jpg")
    no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 10px 0 0 10px;
}

.box-itemsArtRel .item-artRel .description-item-artRel {
  padding: 20px 30px;
  width: 320px;
  min-height: 130px;
}

.box-itemsArtRel .item-artRel .description-item-artRel p {
  font-size: var(--p-s);
  font-weight: 600;
  color: var(--grayHard);
}

.box-itemsArtRel .item-artRel .description-item-artRel span {
  display: block;
  position: absolute;
  bottom: 10px;
  right: 30px;
  font-size: var(--span-s);
  font-weight: 600;
  color: var(--grayHard);
}

.box-itemsArtRel .item-artRel .description-item-artRel span img {
  transform: rotate(-90deg);
  display: inline-block;
}

.box-itemsArtRel .slick-slide > div {
  padding: 0 10px;
}
/* End Section Articulos relacionados */

/* Section otros productos */
.otros-productos .tittle-otrosProductos span {
  font-size: var(--span-m);
  color: var(--grayHard);
}

.otros-productos .tittle-otrosProductos h3 {
  font-size: var(--h3-fontSize);
  color: var(--grayHard);
  font-weight: 600;
  margin: 0;
}

.productos-categoria .tittle-otrosProductos h3 {
  font-size: 1.25em;
}

/* cards productos */
.cont-cardsProd {
  margin-top: 20px;
}

.cont-cardsProd .box-cardsProd-izq {
  padding-left: 0;
  padding-right: 20px;
}

.cont-cardsProd .box-cardsProd-der {
  padding-right: 0;
  padding-left: 20px;
}

.card-producto {
  position: relative;
  background-color: var(--white);
  border-radius: 5px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  height: 100px;
  transition: 0.2s all;
}

.card-producto:hover {
  transform: scale(0.98);
}

.card-producto .box-imgCardPprod {
  /* width: 160px;
  height: 100%; */
  display: flex;
  align-items: center;
  padding-left: 30px;
  margin-right: 15px;
}

.card-producto .box-imgCardPprod .imgCardProd {
  width: 70px;
  height: 70px;
  background: var(--grayMedium);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.card-producto .box-imgCardPprod .imgCardProd img {
  width: auto;
  height: 100%;
}

.card-producto .info-cardProd {
  padding-right: 20px;
}

.card-producto .info-cardProd h5 {
  font-size: var(--h5-fontSize);
  font-weight: 600;
  color: var(--grayHard);
  margin-bottom: 2px;
}

.card-producto .info-cardProd p {
  font-size: var(--span-xs);
  font-weight: 400;
  color: var(--textos2);
  line-height: 1.3em;
}

.card-producto span {
  font-size: var(--span-xs);
  font-weight: 600;
  display: block;
  position: absolute;
  bottom: 5px;
  right: 20px;
}

.card-producto span img {
  transform: rotate(-90deg);
}

/* .cardProd-creditoLibre {
  background: url("../images/cardProd-creditoLibre.jpg") no-repeat !important;
  background-size: cover !important;
}

.cardProd-creditoVehiculo {
  background: url("../images/cardProd-creditoVehiculo.jpg") no-repeat !important;
  background-size: cover !important;
} */

.line-cardProd {
  position: absolute;
  left: 0;
  border-radius: 6px 0 0 6px;
  height: 100px;
  width: 7px;
}

.gradient-creditos {
  background: rgb(3, 93, 132);
  background: -moz-linear-gradient(
    180deg,
    rgba(3, 93, 132, 1) 0%,
    rgba(4, 125, 178, 1) 100%
  );
  background: -webkit-linear-gradient(
    180deg,
    rgba(3, 93, 132, 1) 0%,
    rgba(4, 125, 178, 1) 100%
  );
  background: linear-gradient(
    180deg,
    rgba(3, 93, 132, 1) 0%,
    rgba(4, 125, 178, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#035d84", endColorstr="#047db2", GradientType=1);
}

.gradient-inversiones {
  background: rgb(217, 125, 47);
  background: -moz-linear-gradient(
    180deg,
    rgba(217, 125, 47, 1) 0%,
    rgba(164, 23, 24, 1) 100%
  );
  background: -webkit-linear-gradient(
    180deg,
    rgba(217, 125, 47, 1) 0%,
    rgba(164, 23, 24, 1) 100%
  );
  background: linear-gradient(
    180deg,
    rgba(217, 125, 47, 1) 0%,
    rgba(164, 23, 24, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d97d2f", endColorstr="#a41718", GradientType=1);
}

.gradient-tarjetas {
  background: rgb(29, 29, 29);
  background: -moz-linear-gradient(
    184deg,
    rgba(29, 29, 29, 1) 0%,
    rgba(87, 87, 87, 1) 100%
  );
  background: -webkit-linear-gradient(
    184deg,
    rgba(29, 29, 29, 1) 0%,
    rgba(87, 87, 87, 1) 100%
  );
  background: linear-gradient(
    184deg,
    rgba(29, 29, 29, 1) 0%,
    rgba(87, 87, 87, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1d1d1d", endColorstr="#575757", GradientType=1);
}

.gradient-seguros {
  background: rgb(2, 136, 70);
  background: -moz-linear-gradient(
    0deg,
    rgba(2, 136, 70, 1) 0%,
    rgba(7, 91, 50, 1) 100%
  );
  background: -webkit-linear-gradient(
    0deg,
    rgba(2, 136, 70, 1) 0%,
    rgba(7, 91, 50, 1) 100%
  );
  background: linear-gradient(
    0deg,
    rgba(2, 136, 70, 1) 0%,
    rgba(7, 91, 50, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#075B32", endColorstr="#028846", GradientType=1);
}

.gradient-cuentas {
  background: rgb(225, 17, 28);
  background: -moz-linear-gradient(
    0deg,
    rgba(225, 17, 28, 1) 0%,
    rgba(135, 4, 18, 1) 100%
  );
  background: -webkit-linear-gradient(
    0deg,
    rgba(225, 17, 28, 1) 0%,
    rgba(135, 4, 18, 1) 100%
  );
  background: linear-gradient(
    0deg,
    rgba(225, 17, 28, 1) 0%,
    rgba(135, 4, 18, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#870412", endColorstr="#E1111C", GradientType=1);
}
.gradient-minegocio {
  background: url(../images/generales/bg-bannerCategoria.png) no-repeat,
    rgb(4, 13, 130);
  background: url(../images/generales/bg-bannerCategoria.png) no-repeat,
    -moz-linear-gradient(180deg, rgba(4, 13, 130, 1) 0%, rgba(77, 95, 209, 1)
          100%);
  background: url(../images/generales/bg-bannerCategoria.png) no-repeat,
    -webkit-linear-gradient(180deg, rgba(4, 13, 130, 1) 0%, rgba(77, 95, 209, 1)
          100%);
  background: url(../images/generales/bg-bannerCategoria.png) no-repeat,
    linear-gradient(180deg, rgba(4, 13, 130, 1) 0%, rgba(77, 95, 209, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#02256a", endColorstr="#4e79b9", GradientType=1);
}

/* End section otros productos */

/* section cards servicios */
.card-servicio {
  width: 100%;
  margin: 0 1.76%;
  max-width: 29%;
  margin-bottom: 35px;
  transition: 0.2s all;
}

.card-servicio:hover {
  transform: scale(0.98);
}

.cont-cardsServ {
  margin-top: 25px;
}

.box-cardServ {
  width: 100%;
  box-shadow: 0 0 15px 0px #dedef2;
  box-shadow: 0px 0px 15px 0px #dfdfe7;
  border-radius: 10px;
}

.imgCardServ > img {
  width: 100%;
}

.box-imgCardServ {
  position: relative;
  background: var(--grayMedium);
  border-radius: 10px 10px 0 0;
  overflow: hidden;
  height: 140px;
}

.imgCardServ {
  width: 100%;
  height: 135%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.box-imgCardServ::after {
  content: "";
  background: transparent;
  background: linear-gradient(
    0deg,
    rgba(39, 37, 37, 1) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.labelServ {
  position: absolute;
  top: 15px;
  left: 15px;
  padding: 1px 11px;
  border-radius: 50px;
  font-size: 12px;
  font-weight: 900;
  z-index: 1;
}

.box-imgCardServ > h5 {
  position: absolute;
  bottom: 15px;
  left: 0px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0;
  width: 100%;
  font-size: var(--h5-fontSize);
  color: #fff;
  font-weight: 900;
  z-index: 1;
}

.labelCat-servicio {
  color: var(--white);
  background: rgb(62 62 62 / 75%);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border: 1px solid #a2a2aa;
}

.labelCat-transaccion {
  color: var(--BlackLight);
  background: rgb(255 255 255 / 75%);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border: 1px solid #a2a2aa;
}

.labelCat-pago {
  color: var(--white);
  background: rgb(137 137 146 / 75%);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border: 1px solid #74747c;
}

.info-cardServ {
  position: relative;
  background: var(--white);
  border-radius: 0 0 10px 10px;
  padding: 15px;
}

.info-cardServ > p {
  font-size: var(--span-xs);
  font-weight: 400;
  color: var(--textos2);
  line-height: 1.3em;
  /* min-height: 48px; */
  min-height: 38px;
  margin-bottom: 20px;
}

.info-cardServ > span {
  font-size: var(--span-xs);
  font-weight: 600;
  display: block;
  position: absolute;
  bottom: 10px;
  right: 15px;
}

.info-cardServ > span img {
  transform: rotate(-90deg);
  width: 10px;
}
/* End section cards servicios */

/* Section Menu Transversal */
.menu-transversal span {
  font-size: var(--span-l);
  color: var(--grayHard);
}

.menu-transversal h2 {
  font-size: var(--h2-fontSize);
  color: var(--grayHard);
  font-weight: 600;
}

.menu-transversal h2 strong {
  color: var(--redDavivienda);
}

.menu-transversal .slider-home-prod {
  padding-left: 0px;
}

.menu-transversal .slick-slide > div {
  max-width: 90%;
  margin: 0 auto;
}

.menu-transversal .slider-Transversal .slick-slide > div {
  max-width: 201px;
  margin-right: 25px;
}

.menu-transversal .item-menuTransversal .cont {
  background: var(--grayMedium);
  height: 290px;
  width: auto;
  border-radius: 13px;
  position: relative;
  overflow: hidden;
  transition: transform 0.6s;
}

.menu-transversal .slick-prev,
.slick-next {
  position: absolute;
  top: auto;
  bottom: -65px;
}

.menu-transversal .slick-prev {
  left: auto;
  right: 40px;
  width: 30px;
  height: 30px;
  background: url("../images/generales/prev.svg") no-repeat;
  background-size: auto;
  background-position: center;
  margin-right: 12px;
  transition: 0.2s all;
  border-radius: 50px;
}

.menu-transversal .slick-next {
  width: 30px;
  height: 30px;
  background: url("../images/generales/next.svg") no-repeat;
  background-size: auto;
  background-position: center;
  right: 10px;
  transition: 0.2s all;
  border-radius: 50px;
}

.menu-transversal .slider-Transversal .slick-prev {
  right: 30px;
}

.menu-transversal .slider-Transversal .slick-next {
  right: 0px;
}

.menu-transversal .slick-next:hover,
.menu-transversal .slick-prev:hover {
  box-shadow: 0 0 0 2px rgb(0 0 0 / 20%);
}

.menu-transversal .slick-next:before,
.menu-transversal .slick-prev:before {
  content: "";
}

.menu-transversal .slick-dots {
  position: absolute;
  bottom: -45px;
  display: block;
  width: auto;
  left: 10px;
}

.menu-transversal .slider-Transversal .slick-dots {
  left: 0;
}

.menu-transversal .slick-dots li {
  margin: 0;
}

.menu-transversal .slick-dots li button:before {
  font-size: 10px;
  color: #d8d8d8;
  opacity: 1;
}

.menu-transversal .slick-dots li.slick-active {
  margin: 0 5px;
}

.menu-transversal .slick-dots li.slick-active button:before {
  content: "";
  width: 20px;
  height: 8px;
  background: var(--redDavivienda);
  border-radius: 20px;
  top: 6px;
}

.svg {
  position: absolute;
  width: 0;
  height: 0;
}

.contTxt-menuTransversal {
  background: var(--white);
  height: 150px;
  padding: 26px 20px;
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  -webkit-clip-path: url(#my-clip-path);
  clip-path: url(#my-clip-path);
  color: var(--BlackLight);
  z-index: 1;
}

.bgMenuTrans-cuentas {
  background: var(--cuentas);
  background: url("../images/generales/bg-menuTransversal.png") no-repeat,
    -moz-linear-gradient(0deg, rgba(177, 24, 36, 1) 0%, rgba(220, 23, 34, 1)
          100%);
  background: url("../images/generales/bg-menuTransversal.png") no-repeat,
    -webkit-linear-gradient(0deg, rgba(177, 24, 36, 1) 0%, rgba(220, 23, 34, 1)
          100%);
  background: url("../images/generales/bg-menuTransversal.png") no-repeat,
    linear-gradient(0deg, rgba(177, 24, 36, 1) 0%, rgba(220, 23, 34, 1) 100%);
  color: var(--white);
}

.bgMenuTrans-tarjetas {
  background: var(--tarjetas);
  background: url("../images/generales/bg-menuTransversal.png") no-repeat,
    -moz-linear-gradient(0deg, rgba(49, 49, 49, 1) 0%, rgba(85, 85, 85, 1) 100%);
  background: url("../images/generales/bg-menuTransversal.png") no-repeat,
    -webkit-linear-gradient(0deg, rgba(49, 49, 49, 1) 0%, rgba(85, 85, 85, 1)
          100%);
  background: url("../images/generales/bg-menuTransversal.png") no-repeat,
    linear-gradient(0deg, rgba(49, 49, 49, 1) 0%, rgba(85, 85, 85, 1) 100%);
  color: var(--white);
}

.bgMenuTrans-creditos {
  background: var(--creditos);
  background: url("../images/generales/bg-menuTransversal.png") no-repeat,
    -moz-linear-gradient(0deg, rgba(3, 103, 147, 1) 0%, rgba(4, 124, 176, 1)
          100%);
  background: url("../images/generales/bg-menuTransversal.png") no-repeat,
    -webkit-linear-gradient(0deg, rgba(3, 103, 147, 1) 0%, rgba(4, 124, 176, 1)
          100%);
  background: url("../images/generales/bg-menuTransversal.png") no-repeat,
    linear-gradient(0deg, rgba(3, 103, 147, 1) 0%, rgba(4, 124, 176, 1) 100%);
  color: var(--white);
}

.bgMenuTrans-inversiones {
  background: var(--inversiones);
  background: url("../images/generales/bg-menuTransversal.png") no-repeat,
    -moz-linear-gradient(0deg, rgba(216, 123, 47, 1) 0%, rgba(187, 68, 34, 1)
          100%);
  background: url("../images/generales/bg-menuTransversal.png") no-repeat,
    -webkit-linear-gradient(0deg, rgba(216, 123, 47, 1) 0%, rgba(187, 68, 34, 1)
          100%);
  background: url("../images/generales/bg-menuTransversal.png") no-repeat,
    linear-gradient(0deg, rgba(216, 123, 47, 1) 0%, rgba(187, 68, 34, 1) 100%);
  color: var(--white);
}

.bgMenuTrans-seguros {
  background: var(--seguros);
  background: url("../images/generales/bg-menuTransversal.png") no-repeat,
    -moz-linear-gradient(0deg, rgba(6, 106, 57, 1) 0%, rgba(2, 135, 70, 1) 100%);
  background: url("../images/generales/bg-menuTransversal.png") no-repeat,
    -webkit-linear-gradient(0deg, rgba(6, 106, 57, 1) 0%, rgba(2, 135, 70, 1)
          100%);
  background: url("../images/generales/bg-menuTransversal.png") no-repeat,
    linear-gradient(0deg, rgba(6, 106, 57, 1) 0%, rgba(2, 135, 70, 1) 100%);
  color: var(--white);
}

.bgMenuTrans-miNegocio {
  background: var(--miNegocio);
  background: url("../images/generales/bg-menuTransversal.png") no-repeat,
    -moz-linear-gradient(180deg, rgba(2, 37, 106, 1) 0%, rgba(78, 121, 185, 1)
          100%);
  background: url("../images/generales/bg-menuTransversal.png") no-repeat,
    -webkit-linear-gradient(180deg, rgba(2, 37, 106, 1) 0%, rgba(
            78,
            121,
            185,
            1
          )
          100%);
  background: url("../images/generales/bg-menuTransversal.png") no-repeat,
    linear-gradient(180deg, rgba(2, 37, 106, 1) 0%, rgba(78, 121, 185, 1) 100%);
  color: var(--white);
}

.bgMenuTrans-generico {
  background: url("../images/generales/bg-menuTransversal-generico.png")
      no-repeat,
    var(--grayMedium);
  color: var(--BlackLight);
  background-position: bottom;
  background-size: cover;
}

.img-menuTransversal {
  width: 100%;
  max-width: 100%;
  transition: all 0.6s;
}

.contTxt-menuTransversal h5 {
  font-size: var(--h5-fontSize);
  font-weight: 600;
  margin-bottom: 7px;
  max-width: 140px;
  width: 100%;
}

.contTxt-menuTransversal p {
  font-size: var(--span-xs);
  line-height: 1.3em;
}

.contTxt-menuTransversal span {
  font-size: var(--span-xs);
  color: var(--white);
  font-weight: 600;
  display: block;
  position: absolute;
  bottom: 12px;
  right: 20px;
}

.contTxt-menuTransversal.bgMenuTrans-generico span {
  color: var(--BlackLight);
}

.contTxt-menuTransversal span img {
  transform: rotate(-90deg);
  display: initial;
  width: 8px;
  transition: transform 0.6s;
}

.menu-transversal
  .item-menuTransversal
  .cont:hover
  .contTxt-menuTransversal
  span
  img {
  transform: rotate(-90deg) translateY(5px);
}

.menu-transversal .item-menuTransversal .cont:hover .img-menuTransversal {
  transform: scale(1.1);
}
/* End Section Menu Transversal */

/* seccion banner demos */
.contAll-bnn-demos {
  background: rgb(0, 0, 0);
  background: -moz-linear-gradient(
    90deg,
    rgba(0, 0, 0, 1) 0%,
    rgba(87, 87, 87, 1) 100%
  );
  background: -webkit-linear-gradient(
    90deg,
    rgba(0, 0, 0, 1) 0%,
    rgba(87, 87, 87, 1) 100%
  );
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 1) 0%,
    rgba(87, 87, 87, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#575757",GradientType=1);
  width: 100%;
  /* padding: 35px 50px; */
  border-radius: 15px;
  max-width: 708px;
  margin: 0 auto;
}

.demos-txt {
  padding: 35px 0px 35px 50px;
}

.cont-demos-img {
  position: relative;
}

.demos-img {
  position: absolute;
  width: 100%;
  max-width: 313px;
  bottom: 0;
  right: 20px;
}

.contAll-bnn-demos h3 {
  color: var(--white);
  font-size: var(--h3-fontSize);
  line-height: 0.9em;
  font-weight: 600;
  margin-bottom: 15px;
}

.contAll-bnn-demos span {
  color: var(--white);
  font-size: var(--span-m);
}

.contAll-bnn-demos p {
  color: var(--white);
  margin-bottom: 1.5em;
}

.contImg-bnn-demos {
  position: relative;
}

.contImg-bnn-demos::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  border-radius: 50px;
  background: rgb(0, 0, 0);
  background: -moz-linear-gradient(
    90deg,
    rgba(0, 0, 0, 1) 0%,
    rgba(87, 87, 87, 1) 100%
  );
  background: -webkit-linear-gradient(
    90deg,
    rgba(0, 0, 0, 1) 0%,
    rgba(87, 87, 87, 1) 100%
  );
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 1) 0%,
    rgba(87, 87, 87, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#575757",GradientType=1);
  bottom: 0;
  left: 0;
}

.cuadroGris-demos {
  border-radius: 10px;
  background: url(../images/generales/indicador-demos.svg), rgb(232, 232, 236);
  background: url(../images/generales/indicador-demos.svg),
    -moz-linear-gradient(90deg, rgba(214, 214, 218, 1) 0%, rgba(
            232,
            232,
            236,
            1
          )
          100%);
  background: url(../images/generales/indicador-demos.svg),
    -webkit-linear-gradient(90deg, rgba(214, 214, 218, 1) 0%, rgba(
            232,
            232,
            236,
            1
          )
          100%);
  background: url(../images/generales/indicador-demos.svg),
    linear-gradient(
      90deg,
      rgba(214, 214, 218, 1) 0%,
      rgba(232, 232, 236, 1) 100%
    );
  background-repeat: no-repeat;
  background-position: left -1px center, center;
  background-size: 17px, contain;
  width: 100%;
  height: 82px;
}

.ind-bgDark .cuadroGris-demos {
  background: url(../images/generales/indicador-demos-dk.svg),
    rgb(232, 232, 236);
  background: url(../images/generales/indicador-demos-dk.svg),
    -moz-linear-gradient(90deg, rgba(214, 214, 218, 1) 0%, rgba(
            228,
            228,
            233,
            1
          )
          100%);
  background: url(../images/generales/indicador-demos-dk.svg),
    -webkit-linear-gradient(90deg, rgba(214, 214, 218, 1) 0%, rgba(
            228,
            228,
            233,
            1
          )
          100%);
  background: url(../images/generales/indicador-demos-dk.svg),
    linear-gradient(
      90deg,
      rgba(214, 214, 218, 1) 0%,
      rgba(228, 228, 233, 1) 100%
    );
  background-repeat: no-repeat;
  background-position: left -1px center, center;
  background-size: 17px, contain;
}

.contImg-bnn-demos img {
  width: 100%;
  max-width: 213px;
  margin-top: -95px;
}
/* End seccion banner demos */

/* section Cierre */
.cierre-brand img {
  width: 220px;
}

.dav-cierre {
  width: auto;
  max-height: 80px;
}

.cierre-descargeYa img {
  width: 25px;
  margin: 0px 12px;
}

.btns-appDescarga {
  background: rgb(248, 248, 248);
  background: linear-gradient(
    90deg,
    rgba(248, 248, 248, 1) 0%,
    rgba(252, 252, 252, 1) 100%
  );
  width: 100%;
  max-width: 635px;
  margin: 0 auto;
  border-radius: 12px;
  border: 1px solid var(--white);
  padding: 10px;
}

.cierre-descargeYa h5 {
  font-size: 1.25em;
  margin: 0;
}

.cierre-txt h3 {
  font-size: 2.5em;
  font-weight: 900;
  max-width: 334px;
}

.cierre-txt p {
  color: var(--texto-claro);
  font-size: var(--p-l);
  line-height: normal;
  max-width: 334px;
}

.btns-appDescarga a {
  width: 100%;
  max-width: 120px;
  display: block;
}

.btns-appDescarga a img {
  width: 100%;
  transition: transform 0.5s;
  max-width: 220px;
}

.btns-appDescarga a:hover img {
  transform: scale(1.05);
}
/* End section Cierre */

/* Section Informacion importante del prodcuto */
.ico-s {
  width: 20px;
}

.infoProd-importante-all > div {
  max-width: 310px;
}
/* End Informacion importante del prodcuto*/

/* Section video */
.secc-videos .tab-content iframe {
  background: #e3e4e8;
  overflow: hidden;
  border-radius: 20px;
}

.secc-videos .nav-tabs {
  border: none;
  display: initial;
}

.secc-videos .nav-tabs li {
  display: block;
}

.secc-videos .nav-tabs button {
  background: #e4e4eb;
  color: var(--texto-claro);
  width: 100%;
  border-radius: 8px;
  margin: 15px 0;
  display: flex;
  text-align: left;
  line-height: normal;
  min-height: 50px;
  align-items: center;
  border: none;
}

.secc-videos .nav-tabs button:first-child {
  margin-top: 0;
}

.secc-videos .nav-tabs button.active {
  color: var(--BlackLight);
  background: var(--white);
}

.secc-videos .nav-tabs button div {
  margin-right: 10px;
}

.secc-videos .nav-tabs button div img {
  position: absolute;
  top: 0;
  left: 0;
}

.secc-videos .cont-ico-vid {
  position: relative;
  height: 19px;
  width: 19px;
}

.secc-videos img.vid-on,
.secc-videos .nav-tabs button.active img.vid-off {
  opacity: 0;
}

.secc-videos img.vid-off,
.secc-videos .nav-tabs button.active img.vid-on {
  opacity: 1;
}

#tabVideos {
  max-height: 185px;
  display: block;
  overflow: auto;
  padding-right: 10px;
  margin-top: 15px;
}

#tabVideos::-webkit-scrollbar {
  width: 5px;
  background: #e1e1e1;
  border-radius: 50px;
}

#tabVideos::-webkit-scrollbar-thumb {
  background-color: var(--cuentas);
  border-radius: 50px;
}
/* End Section video */

/* Ampliacion info */
.cont-info-bannerCat {
  border-radius: 25px;
}

.bg-transversalGris {
  background: url(../images/generales/bg-bannerCat-moreInfo.png) no-repeat,
    var(--grayLight);
  background-position: left bottom;
}

.img-bannerCat-moreInfo {
  max-width: 348px;
  width: 100%;
  margin-top: -35px;
}
/* End Ampliacion info */

/* Miga pan */
.migaPan {
  position: absolute;
  top: 110px;
  width: 100%;
}

.migaPan .container {
  padding: 0 85px;
}

.migaPan a,
.migaPan span {
  font-size: 0.7em;
  color: #898989;
}

.migaPan a:hover {
  text-decoration: underline;
}

.migaPan a::after {
  content: url(../images/menu-images/arrow-miga.svg);
  margin-left: 7px;
  margin-right: 5px;
  position: relative;
  top: 0.5px;
}

.migaPan a:last-child {
  pointer-events: none;
}

.migaPan a:last-child:after {
  content: url("");
  margin-left: 0;
}
/* End Miga pan */

/* personalizacion y asistencias  */
.bnnasis-img {
  max-width: 294px;
  margin: 0 auto;
}

.ttBnn-type-2 {
  font-size: 2.5em;
  font-weight: 600;
}

.secc-empresa,
.secc_perfil {
  padding: 50px;
}

.secc-buzon,
.secc-asis {
  padding: 50px 50px 0 50px;
}

.secc-empresa,
.secc_perfil,
.secc-buzon,
.secc-asis {
  border-radius: 18px;
}

.asis-bg {
  background-color: rgb(255 255 255 / 75%);
  background-image: url(../images/perzonalizacion/bg-bg.png);
  background-repeat: no-repeat;
}

.asis-border {
  border: 5px solid #e4e4e9;
  background-image: url(../images/perzonalizacion/bg-border.png);
  background-repeat: no-repeat;
}

.secc-empresa {
  background-position: right -125px top 155px;
}

.secc-asis {
  background-position: left -235px top 21px;
}

.asis-pasos {
  list-style-image: url(../images/generales/item.svg);
  padding-left: 20px;
  margin: 0;
}

.secc-buzon {
  background-position: left -575px bottom -565px;
}

.secc_perfil {
  background-position: center bottom -365px;
}

.p-asis {
  font-size: 0.938em;
}

.subtt {
  font-size: 1.25em;
  font-weight: 600;
  margin-bottom: 20px;
  line-height: 1.2em;
}

.secc_perfil,
.cont-empreBuzon {
  width: 48%;
}

.asis-pasos li {
  margin-bottom: 5px;
}

.asis-phone {
  width: 100%;
}

.secc-empresa .asis-phone {
  max-width: 334px;
}

.secc-buzon .asis-phone {
  max-width: 239px;
}

.secc_perfil .asis-phone {
  max-width: 241px;
}

.secc-asis .asis-phone {
  max-width: 237px;
}
/* End personalizacion y asistencias  */

/* Preguntas frecuentes */
div.search-preg {
  width: 100%;
  max-width: 500px;
}

.search-preg input[type="text"].input-search {
  width: 100%;
  height: 34px;
  background: rgb(255 255 255 / 20%);
  border: 1px solid var(--white);
  color: var(--white);
}

.search-preg input[type="text"].input-search::placeholder,
.search-preg .btn-search i {
  color: var(--white);
}

.cont-preg-preguntas .accordion-item {
  margin-bottom: 30px;
  border: none;
  border-radius: 12px;
  color: var(--grayHard);
}

.cont-preg-preguntas .accordion-item .accordion-button,
.cont-preg-preguntas .accordion-item .accordion-button.collapsed {
  border-radius: 12px;
  font-weight: 600;
  z-index: 0;
  min-height: 65px;
  padding: 10px;
}

.cont-preg-preguntas .accordion-button::after {
  background-image: url(../images/generales/chevron-down-red.svg);
  background-size: 18px;
  background-position: center center;
}

.cont-preg-preguntas .accordion-button:focus {
  border: none;
  box-shadow: none;
}

.cont-preg-preguntas .accordion-button:not(.collapsed) {
  color: var(--grayHard);
  background-color: var(--white);
  box-shadow: none;
}

.cont-preg-preguntas .accordion-button span {
  border-radius: 12px;
  font-weight: 600;
  display: block;
  padding: 5px 15px;
  font-size: 0.9em;
}

.cont-preg-preguntas .accordion-body p {
  text-align: left;
  font-size: var(--p-s);
  padding: 0px 15px 15px;
  color: var(--textos2);
}

.cont-preg-preguntas .accordion-body p a {
  text-decoration: underline;
  font-weight: 600;
}

.cont-preg-preguntas .accordion {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

.cont-pregCat {
  width: 90%;
  padding: 20px 25px;
  border-radius: 12px;
  background: url(../images/generales/bg-preguntas-generico.png) no-repeat,
    linear-gradient(
      0deg,
      rgba(214, 214, 218, 1) 0%,
      rgba(228, 228, 233, 1) 100%
    );
  background-size: cover;
}

.preg-catTT {
  font-size: 1.2em;
  margin: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #aab1bc;
  margin-bottom: 25px;
}

.list-catCont {
  list-style: none;
  padding: 0;
}

.check-loMas {
  height: 15px;
  width: 15px;
  border-radius: 50px;
  background-color: #aab1bc;
  background-image: url(../images/generales/cheack-leitmotive.svg);
  background-repeat: no-repeat;
  background-size: 9px;
  background-position: center;
  margin-right: 6px;
  cursor: pointer;
}

.check-cat {
  cursor: pointer;
}

.list-catCont input[type="radio"]:checked ~ .check-loMas {
  background-color: var(--redDavivienda);
}

.list-catCont input[type="radio"]:checked ~ .check-cat {
  font-weight: 600;
}

.list-catCont > li {
  margin-top: 10px;
}
/* End Preguntas frecuentes */

/* Demos */
.contDemos {
  margin-top: 15px;
}

.tt-demos {
  font-size: var(--p-xl);
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  color: var(--BlackLight);
}

.tt-demos span {
  height: 14px;
  display: inline-block;
  margin-right: 7px;
}

.tt-demos span b {
  height: 14px;
  display: inline-block;
  margin-right: 7px;
}

.tt-demos span img {
  vertical-align: top;
}

.num-demos {
  color: var(--grayHard);
}

.num-demos b {
  color: var(--BlackLight);
}

.contDemos .accordion-item .accordion-button,
.contDemos .accordion-item .accordion-button.collapsed {
  border-radius: 15px 15px 0 0;
  padding: 40px 0px;
  justify-content: space-between;
  background: transparent;
  border: none;
  transition: all 0.7s;
  position: initial;
  box-shadow: none;
}

.contDemos .accordion-item .accordion-button:hover {
  background: rgb(255 255 255 / 60%);
  padding: 40px 20px;
}

.contDemos .accordion-item .accordion-button,
.contDemos .accordion-item .accordion-button {
  padding: 40px 20px;
}

.contDemos .accordion-item .accordion-button::after {
  background-color: var(--redDavivienda);
  position: absolute;
  bottom: -10px;
  right: 0;
  background-image: url(../images/generales/cheack-leitmotive.svg);
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: center;
  width: 19px;
  height: 19px;
  border-radius: 50px;
  transform: rotate(90deg);
}

.contDemos .accordion-item .accordion-button:not(.collapsed)::after {
  background-color: var(--BlackLight);
  transform: rotate(-90deg);
}

.contDemos .accordion-item .accordion-button:focus {
  border: none;
  box-shadow: none;
}

.contDemos .accordion-item {
  transition: all 1s;
  background: transparent;
  position: relative;
  border-radius: 0px;
  border: none;
  border-bottom: 1px solid #d5d5d5;
  margin-bottom: 30px;
}

.contDemos .accordion-item.on {
  border-radius: 15px;
  background: rgb(255 255 255 / 60%);
  box-shadow: 0 0 0 1px #dfdfe0;
  border-bottom: 1px solid transparent;
}

.contDemos button > div {
  pointer-events: none;
}
.contDemos .border-button {
  margin: 0;
  width: auto;
  padding: 5px 10px;
}

.contDemos .accordion-item .accordion-button.collapsed:hover .border-button {
  background: var(--grayHard);
  color: var(--white);
}

.contDemos .border-button::after {
  content: "Ver más";
}

.contDemos .accordion-item.on .border-button::after {
  content: "Ver menos";
}

.contDemos .accordion-item.on .border-button {
  background: var(--grayHard);
  color: var(--white);
}

.selectCont {
  position: relative;
  max-width: 270px;
  width: 100%;
  margin: 0 auto;
}

.selectCont select {
  background-image: url(../images/generales/ico-rojo-filtro.svg),
    url(../images/generales/chevron-down-rojo.svg);
  background-repeat: no-repeat;
  background-size: 14px, 10px;
  background-position: center left 10px, center right 15px;
  cursor: pointer;
  padding: 8px 10px 8px 32px;
  border-radius: 50px;
  border: 1px solid #d5d5d5;
  font-size: 0.75em;
  font-weight: 600;
}

.selectCont select:focus,
.selectCont select:focus-visible {
  border: 1px solid #d5d5d5;
  outline: none;
}

.contVideos {
  margin-top: 50px;
}

.contVideos .box-imgCardServ::after {
  background: transparent;
}

.contVideos .card-servicio {
  max-width: 29.7%;
  cursor: pointer;
}

.contVideos .card-servicio:hover {
  transform: scale(1);
}

.contVideos .imgCardServ > img {
  transition: all 1s;
}

.contVideos .card-servicio:hover .imgCardServ > img {
  transform: scale(1.1);
}

.contplay {
  background: rgb(0 0 0 / 50%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ico_play {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 15px;
  border-color: transparent transparent transparent #ffffff;
}

.contVideos .box-cardServ {
  box-shadow: none;
}

.contVideos .info-cardServ {
  background: transparent;
  box-shadow: 0 0 0 1px #d5d5d5;
}

.contVideos .box-imgCardServ {
  border-radius: 10px 10px 0 0;
  height: 104px;
  display: flex;
  align-items: center;
}

.contVideos .info-cardServ > p {
  color: var(--BlackLight);
  margin-bottom: 0;
}

.TT-video {
  font-size: 1.125em;
  margin-bottom: 24px;
  font-weight: 600;
}

.formatosAyuda {
  padding: 0 15px;
}

.lineFormatos {
  height: 1px;
  width: 100%;
  background: #d5d5d5;
  margin-top: 20px;
}

.formatosAyuda h4 {
  font-size: var(--h4-fontSize);
  font-weight: 600;
  margin-top: 40px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}

.formatosAyuda h4::before {
  content: url(../images/generales/icons/ico-rojo-consultas.svg);
  display: inline-block;
  height: 25px;
  width: 25px;
  margin-right: 6px;
}

.listFormatos {
  list-style-image: url(../images/generales/item.svg);
}

.listFormatos li {
  margin: 10px 0;
}

.listFormatos li.desactive::marker {
  content: " ";
}

.listFormatos li.desactive p {
  font-size: 1em;
  position: relative;
  font-weight: 600;
}

.listFormatos li.desactive p::before {
  content: url(../images/generales/leit-button-dk.svg);
  width: 15px;
  height: 24px;
  display: inline-block;
  position: absolute;
  left: -22px;
  top: 1px;
}

.listFormatos li a {
  text-decoration: underline;
  transition: all 0.6s;
}

.listFormatos li a:hover {
  color: var(--redDavivienda);
}

.target-demos {
  position: relative;
  top: -150px;
}
/* End Demos */

/* Modales */
@keyframes fadeBlur {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.modal::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: saturate(78%) blur(10px);
  backdrop-filter: saturate(78%) blur(10px);
  z-index: -1;
  animation: fadeBlur 0.5s forwards;
}

.modal-general .modal-dialog.modal-dialog-centered {
  max-width: 800px;
}

.modal-general .modal-content {
  position: relative;
  border-radius: 20px;
  padding: 25px;
  background-image: url(../images/generales/bg-banner-producto.png);
  background-repeat: no-repeat;
  background-position: right -100px top -120px;
}

.modal-general.modal-video .modal-content::after {
  content: "";
  position: absolute;
  margin: 0 auto;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: conic-gradient(rgba(0, 0, 0, 0) 10%, rgb(62, 62, 62));
  -webkit-mask: radial-gradient(
    farthest-side,
    rgba(0, 0, 0, 0) calc(100% - 8px),
    rgb(0, 0, 0) 0px
  );
  animation: 1s linear 0s infinite normal none running s3;
  left: 0;
  right: 00;
  top: calc(50% - 25px);
}

@keyframes s3 {
  to {
    transform: rotate(1turn);
  }
}

.modal-close {
  background-color: var(--cuentas);
  color: var(--white);
  height: 30px;
  width: 30px;
  border: none;
  border-radius: 50px;
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
  justify-content: center;
  line-height: 28px;
  z-index: 2;
}

.modal-card {
  border-radius: 15px;
  border: 1px solid var(--grayMedium);
  height: 160px;
  overflow: auto;
}

.verMas::after {
  content: "(Ver más)";
}

.verMas[aria-expanded="true"]::after {
  content: "(Ver menos)";
}

.modal-video iframe {
  border-radius: 15px;
  width: 100%;
  height: 400px;
  position: relative;
  z-index: 1;
}
/* End Modales */

/* aliados */
.line_bottom {
  width: 100%;
  height: 5px;
  border-radius: 50px;
  background: #58bccc;
  background: -moz-linear-gradient(
    90deg,
    rgba(69, 122, 143, 1) 0%,
    rgba(88, 188, 204, 1) 100%
  );
  background: -webkit-linear-gradient(
    90deg,
    rgba(69, 122, 143, 1) 0%,
    rgba(88, 188, 204, 1) 100%
  );
  background: linear-gradient(
    90deg,
    rgba(69, 122, 143, 1) 0%,
    rgba(88, 188, 204, 1) 100%
  );
}

.bg-desbanecer {
  position: relative;
}

.bg-desbanecer::after {
  content: "";
  position: absolute;
  pointer-events: none;
  height: calc(100% - 5px);
  width: 100px;
  right: 0;
  top: 0;
  background: rgb(235, 236, 240);
  background: -moz-linear-gradient(
    90deg,
    rgba(235, 236, 240, 0) 0%,
    rgba(235, 236, 240, 1) 100%
  );
  background: -webkit-linear-gradient(
    90deg,
    rgba(235, 236, 240, 0) 0%,
    rgba(235, 236, 240, 1) 100%
  );
  background: linear-gradient(
    90deg,
    rgba(235, 236, 240, 0) 0%,
    rgba(235, 236, 240, 1) 100%
  );
}

.bg-desbanecer::before {
  content: "";
  position: absolute;
  pointer-events: none;
  height: calc(100% - 5px);
  width: 30px;
  left: 0;
  top: 0;
  background: rgb(235, 236, 240);
  background: -moz-linear-gradient(
    90deg,
    rgba(235, 236, 240, 1) 0%,
    rgba(235, 236, 240, 0) 100%
  );
  background: -webkit-linear-gradient(
    90deg,
    rgba(235, 236, 240, 1) 0%,
    rgba(235, 236, 240, 0) 100%
  );
  background: linear-gradient(
    90deg,
    rgba(235, 236, 240, 1) 0%,
    rgba(235, 236, 240, 0) 100%
  );
  z-index: 1;
}

.aliado-logo img {
  width: 200px;
}
/* End aliados */

/* Error 404 */
.cont-err-all {
  max-width: 840px;
}

.secc-error {
  padding: 200px 0 50px 0;
}

.secc-error .err-box {
  padding: 0px 30px;
  overflow: initial;
  width: 100%;
  max-width: 323px;
}

.secc-error .err-box img {
  width: 100%;
  max-width: 261px;
  margin-top: -25px;
  position: initial;
}

.cont-txt-err {
  width: 55%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 35px;
}

.cont-txt-err h1 {
  font-size: 6.2em;
  font-weight: 900;
  line-height: 6rem;
  margin: 0;
  margin-bottom: 15px;
}

.cont-txt-err h1 span {
  color: #959ca7;
}

.cont-txt-err h1 span .cero-err {
  position: relative;
  color: var(--grayHard);
}

.cont-txt-err h1 span .cero-err::after {
  content: "";
  position: absolute;
  background: var(--grayHard);
  background-image: url("../images/generales/face.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  top: 27%;
  left: 9px;
  height: 50%;
  width: 70%;
  border-radius: 27px;
}

.cont-txt-err h2 {
  font-weight: 900;
  font-size: 1.53rem;
}

.cont-txt-err p {
  font-size: 1rem;
  line-height: normal;
  margin-bottom: 20px;
}

.cont-txt-err .red-button {
  max-width: 180px;
}
/* End Error 404 */

/* media Queries */
@media only screen and (min-width: 1920px) {
  /* 1920-Modal-video */
  .modal-video .modal-dialog.modal-dialog-centered {
    max-width: 1100px;
  }

  .modal-video iframe {
    height: 610px;
  }
  /* 1920-End Modal-video */
}

@media only screen and (max-width: 1200px) {
  /* 1200-Section beneficios */
  .cont-beneficios .box-beneficios .header-beneficios .tittle-header-ben {
    width: 68%;
    margin-left: auto;
  }
  /* End 1200-Section beneficios */

  /* 1200-Miga pan */
  .migaPan .container {
    padding: 0 45px;
  }
  /* 1200-End Miga pan */
  .novedad .box-novedad .img-novedad img {
    right: 30px;
  }
}

@media only screen and (max-width: 1024px) {
}

@media only screen and (max-width: 992px) {
  /* 992-ESTILOS HOME SERVICIOS */
  .banner-homeProd {
    padding: 190px 0 25px 0;
  }
  .novedad .box-novedad .img-novedad img {
    max-width: 100%;
    right: 0;
  }
  .pasos-homeServ .item-paso .box-imgPaso .cel-right {
    right: auto;
  }
  .pasos-homeServ .item-paso .box-imgPaso .cel-left {
    left: auto;
  }
  .pasos-homeServ .item-paso .txt-paso h3 {
    text-align: left;
  }
  .pasos-homeServ .item-paso2 .box-imgPaso {
    margin-top: 100px;
  }
  .miMundo-bnn .box-miMundo-bnn .img-miMundo-bnn img {
    position: relative;
  }
  .miMundo-bnn .box-miMundo-bnn .txt-miMundo-bnn {
    padding: 40px 20px;
  }
  .miMundo-bnn .box-miMundo-bnn .img-miMundo-bnn {
    text-align: center;
  }
  /* 992-End ESTILOS HOME SERVICIOS */
  /* 992-Section-banner */
  .banner-producto {
    background-position: left -440px center;
  }

  .banner-producto .bannerprod-description .items-destacados {
    margin: 40px 0;
  }

  .banner-producto .bannerprod-description .bannerprod-cta {
    margin-top: 30px;
  }

  .banner-producto .bannerprod-description .bannerprod-cta button {
    margin-bottom: 20px;
  }

  .descubra {
    margin-top: 35px;
  }

  .banner-categoria {
    padding: 165px 0 50px 0;
  }

  .banner-categoria .container {
    border-radius: 20px;
    padding: 0 35px;
  }

  .banner-categoria .bannercat-img {
    margin: 0 auto;
    margin-top: 30px;
    max-width: 270px;
  }

  .hm-cont-slider .homeProd-dots-arrows .slick-dots {
    bottom: -35px;
  }
  /* 992-End-Section-banner */

  /* 992-Section pasos */
  .tab-pasos ul {
    justify-content: center;
  }

  .item-paso {
    text-align: center;
  }

  .item-paso h4,
  .item-paso p {
    text-align: left;
  }

  .item-paso .img-paso {
    width: 100%;
    max-width: 220px;
    margin: 30px auto;
    display: block;
  }
  .item-pasoHome .img-paso {
    width: 100%;
    max-width: 80%;
  }
  /* 992-End-Section pasos */

  /* 992-Section beneficios */
  .cont-beneficios .box-beneficios .header-beneficios .tittle-header-ben {
    width: 68%;
    margin-left: auto;
  }

  .cont-beneficios .box-beneficios .body-beneficios {
    padding: 40px 0px;
  }
  /* 992-End-Section beneficios */

  /* 992-Section preguntas */
  .section-preguntas .boxTittle-preguntas {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 30px;
    padding: 50px;
    position: relative;
    overflow: initial;
  }

  .section-preguntas .boxTittle-preguntas h3 {
    max-width: 385px;
    margin-bottom: 0;
  }

  .boxTittle-preguntas img {
    max-width: 145px;
    position: absolute;
    bottom: 0;
    right: 70px;
  }
  /* 992-End-Section preguntas */

  /* 992-Section Articulos relacionados */
  .section-servicioRelacionado
    .box-servicioRelacionado
    .img-bannerServicio
    img {
    max-width: 240px;
    right: 25px;
  }

  .section-servicioRelacionado .box-servicioRelacionado .info-bannerServicio {
    padding: 40px;
    width: 60%;
  }

  .section-servicioRelacionado {
    padding: 0px 0 80px 0;
  }
  /* 992-End-Section Articulos relacionados */

  /* 992-section otros productos */
  .cont-cardsProd .box-cardsProd-izq,
  .cont-cardsProd .box-cardsProd-der {
    padding-left: 0px;
    padding-right: 0px;
  }
  /* 992-End section otros productos */

  /* 992- section Menu transversal */
  .tittle-MenuTransversal {
    margin-bottom: 35px;
  }

  .menu-transversal .slider-Transversal,
  .slider-home-prod {
    padding-left: 0px;
    margin-bottom: 30px;
  }

  .menu-transversal .slick-slide > div {
    max-width: 201px;
    margin-right: 25px;
  }
  /* 992-End section Menu transversal */

  /* 992-seccion banner demos */
  .contAll-bnn-demos {
    width: 100%;
  }

  .bnn-demosAll {
    padding: 0 12px;
  }
  /* 992-End seccion banner demos */

  /* 992-Section-cierre */
  .cierre-txt {
    border-right: none;
  }

  .box-itemsArtRel .item-artRel a {
    flex-direction: column;
  }

  .box-itemsArtRel .item-artRel {
    width: 240px;
    min-height: auto;
  }

  .box-itemsArtRel .item-artRel .img-item-artRel {
    width: 100%;
    height: 100px;
    border-radius: 10px 10px 0 0;
  }

  .box-itemsArtRel .item-artRel .description-item-artRel {
    width: 240px;
    padding: 20px;
    padding-bottom: 35px;
  }

  .box-itemsArtRel .item-artRel .line-itemArtRel {
    bottom: 0;
    height: 6px;
    width: 100%;
    border-radius: 0 0 10px 10px;
  }

  .box-itemsArtRel .item-artRel .description-item-artRel span {
    bottom: 14px;
    right: 14px;
  }
  /* 992-End-Section-cierre */

  /* 992 Section video */
  #tabVideos {
    margin-bottom: 25px;
  }
  /* 992 End Section video */

  /* 992 Ampliacion info */
  .cont-info-bannerCat div:first-child {
    order: 2;
  }

  .cont-info-bannerCat div:last-child {
    order: 1;
  }

  .img-bannerCat-moreInfo {
    display: block;
    margin: 0 auto;
    margin-top: 20px;
  }
  /* 992 End Ampliacion info */

  /* 992-Miga pan */
  .migaPan {
    top: 125px;
  }

  .migaPan .container {
    padding: 0 25px;
  }
  /* 992-End Miga pan */

  /* 992-personalizacion y asistencias  */
  .secc_perfil,
  .cont-empreBuzon {
    width: 100%;
  }
  /* 992-End personalizacion y asistencias  */

  /* 992-Preguntas frecuentes */
  .cont-pregCat {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 35px;
    max-width: 280px;
  }
  /* 992-End Preguntas frecuentes */

  /* 992-Demos */
  .contVideos .card-servicio {
    max-width: 46%;
  }
  /* 992-End Demos */

  /* 992-Error-404 */
  .secc-error {
    padding: 200px 50px 0px;
  }

  .secc-error .err-box {
    padding: 0px 30px;
  }
  /* 992-End-Error-404 */
}

@media (max-width: 767px) {
  .mt_6,
  .mt_7,
  .mt_8,
  .mt_9,
  .mt_10 {
    margin-top: 50px;
  }

  .mb_6,
  .mb_7,
  .mb_8,
  .mb_9,
  .mb_10 {
    margin-bottom: 50px;
  }

  .pt_6,
  .pt_7,
  .pt_8,
  .pt_9,
  .pt_10 {
    padding-top: 50px;
  }

  .pb_6,
  .pb_7,
  .pb_8,
  .pb_9,
  .pb_10 {
    padding-bottom: 50px;
  }

  .menu-transversal .slick-next:hover,
  .menu-transversal .slick-prev:hover,
  .regular-dots-arrows .slick-next:hover,
  .regular-dots-arrows .slick-prev:hover {
    box-shadow: initial;
  }

  .menu-transversal .slick-next:active,
  .menu-transversal .slick-prev:active,
  .regular-dots-arrows .slick-next:active,
  .regular-dots-arrows .slick-prev:active {
    box-shadow: 0 0 0 2px rgb(0 0 0 / 20%);
  }
  /* 767-ESTILOS HOME SERVICIOS */
  .novedad {
    margin: 60px 0;
  }
  .novedad .box-novedad .txt-novedad {
    padding: 40px 20px;
  }
  .novedad .box-novedad .img-novedad img {
    position: relative;
  }
  .pasos-homeServ .item-paso1 {
    margin: 50px 0 150px 0;
  }
  .pasos-homeServ .item-paso .box-imgPaso {
    margin-top: 120px;
  }
  .miMundo-bnn .box-miMundo-bnn .img-miMundo-bnn img {
    position: relative;
    max-width: 100%;
  }
  .miMundo-bnn .box-miMundo-bnn .txt-miMundo-bnn {
    padding: 40px 20px;
  }
  .miMundo-bnn {
    padding: 50px 0;
  }
  .novedad .box-novedad {
    background-position: bottom;
  }

  /* 767- END ESTILOS HOME SERVICIOS */
  /* 767-Section-banner */
  .banner-producto {
    padding: 130px 0 50px 0;
  }

  .banner-categoria {
    padding: 115px 1.5rem 50px 1.5rem;
  }

  .bannerprod-img {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    margin-bottom: 30px;
  }

  .banner-producto .bannerprod-description .bannerprod-cta button {
    margin: 0 auto;
    margin-bottom: 20px;
    display: block;
  }

  .descubra {
    margin-top: 35px;
    text-align: center;
  }

  .banner-categoria .container {
    background-position: left -365px bottom -295px, left center;
    padding: 35px 30px 0;
  }

  .banner-producto > .container > .row > div:first-child {
    order: 2;
  }

  .banner-producto > .container > .row > div:last-child {
    order: 1;
  }

  .font-min-tt {
    font-size: 2.3em;
  }
  /* 767-End Section-banner */

  /* 767-Section beneficios */
  .cont-beneficios .box-beneficios .header-beneficios {
    flex-direction: column;
    padding: 30px 30px 0px 30px;
  }

  .cont-beneficios .box-beneficios .header-beneficios .img-header-ben img {
    position: initial;
    width: 200px;
    display: block;
    margin: 0 auto;
  }

  .cont-beneficios .box-beneficios .header-beneficios .img-header-ben {
    width: 100%;
    order: 2;
  }

  .cont-beneficios .box-beneficios .header-beneficios .img-header-ben2 {
    width: 100%;
    height: 230px;
  }

  .img-header-ben3 > img {
    max-width: 740px !important;
  }
  .img-header-ben4 {
    width: 100%;
    height: 301px;
  }

  .cont-beneficios .box-beneficios .header-beneficios .tittle-header-ben {
    width: 100%;
  }
  /* 767-End Section beneficios */

  /* 767-Section preguntas */
  .boxTittle-preguntas img {
    max-width: 200px;
    position: initial;
  }

  .section-preguntas .boxTittle-preguntas {
    padding: 30px 30px 0px 30px;
    position: relative;
    overflow: hidden;
  }

  .section-preguntas .boxTittle-preguntas h3 {
    margin-bottom: 30px;
  }
  /* 767-End Section preguntas */

  /* 767-Section Servicios relacionados */
  .section-servicioRelacionado .box-servicioRelacionado .info-bannerServicio {
    padding: 20px;
    width: 100%;
  }

  .section-servicioRelacionado
    .box-servicioRelacionado
    .img-bannerServicio
    img {
    position: initial;
    display: block;
    margin: 0 auto;
  }
  /* 767-End Section Servicios relacionados */

  /* 767-Section Prodcutos */
  .card-producto .box-imgCardPprod {
    padding-left: 20px;
  }

  .box-itemsArtRel .item-artRel .description-item-artRel {
    width: 190px;
    min-height: 145px;
  }
  /* 767-End Section Prodcutos */

  /* 767- Section Cards Servicos */
  .card-servicio {
    max-width: 46%;
  }
  /* 767-End Section Cards Servicos  */

  /* 767-Miga pan */
  .migaPan {
    top: 65px;
  }

  .migaPan .container {
    padding: 0 20px;
    max-width: 620px;
  }
  /* 767-End Miga pan */

  /* 767- banner-homeProd */
  .img-bannerHomeProd {
    width: 70%;
    margin: 0 auto;
    margin-bottom: 30px;
  }
  .banner-homeProd {
    padding: 120px 0 25px 0;
  }
  .homeProd-dots-arrows .slick-dots {
    left: 0;
    bottom: -30px;
  }
  .item-homeProd h2 {
    font-size: var(--h3-fontSize);
  }
  /* 767-End banner-homeProd */

  .btns-appDescarga {
    padding: 20px 10px;
  }

  .cierre-descargeYa img {
    display: none;
  }

  /* 767-seccion banner demos */
  .demos-img {
    position: initial;
  }

  .demos-txt {
    padding: 35px 25px;
  }
  /* 767-End-seccion banner demos */

  /* 767-Demos */
  .contDemos .accordion-item .accordion-button:hover {
    background: transparent;
    padding: 40px 0px;
  }

  .contDemos .accordion-item.on .accordion-button {
    padding: 40px 20px;
  }

  .contDemos .accordion-item .accordion-button.collapsed:hover .border-button {
    background: transparent;
    border: 1px solid var(--grayHard);
    color: var(--grayHard);
  }

  .contDemos .border-button {
    width: 27px;
    height: 27px;
  }

  .contDemos .border-button::after {
    content: "+";
  }

  .contDemos .accordion-item.on .border-button::after {
    content: "-";
  }

  .target-demos {
    top: -100px;
  }

  .tt-demos {
    font-size: var(--p-l);
  }
  /* 767-End Demos */

  /* 767-Error */
  .cont-txt-err {
    width: 100%;
    margin: 0;
    order: 1;
    margin-bottom: 30px;
  }

  .secc-error .err-box {
    order: 2;
  }

  .cont-txt-err h1 {
    font-size: 6.5em;
  }
  /* 767-End-Error */
}

@media (max-width: 576px) {
  /* 525px- Section Cards Servicos */
  .card-servicio {
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: 25px;
  }
  /* 525px-End Section Cards Servicos  */

  .btns-appDescarga {
    max-width: 265px;
  }

  .homeProd-dots-arrows .slick-next,
  .homeProd-dots-arrows .slick-prev {
    top: 20%;
  }

  /* 525-personalizacion y asistencias  */
  .secc-empresa,
  .secc_perfil {
    padding: 25px;
  }

  .secc-buzon,
  .secc-asis {
    padding: 25px 25px 0 25px;
  }

  .ttBnn-type-2 {
    font-size: 2em;
  }

  .secc-asis {
    background-position: left -235px top 131px;
  }
  /* 525-End personalizacion y asistencias  */

  /* 525-Demos */
  .contDemos {
    padding: 0px 1rem 0px 1rem;
  }

  .contVideos .card-servicio {
    max-width: 100%;
  }
  /* 525-End Demos */
}

@media (max-width: 320px) {
  /* 320-Section-beneicios */
  .cont-beneficios .box-beneficios .body-beneficios {
    padding: 20px 10px;
  }

  .cont-beneficios .box-beneficios .body-beneficios .item-ben {
    flex-direction: column;
    padding: 0;
  }

  .cont-beneficios .box-beneficios .body-beneficios .item-ben img {
    margin-bottom: 15px;
  }
  /* 320-End Section-beneicios */

  /* 320-Section-preguntas */
  .box-preguntas .accordion .accordion-item .accordion-button {
    padding: 10px;
  }
  /* 320-End Section-preguntas */

  /* 320-Section-Servicios relacionados */
  .section-servicioRelacionado
    .box-servicioRelacionado
    .img-bannerServicio
    img {
    max-width: 180px;
  }
  /* 320-End Section-Servicios relacionados */

  /* 320-Section Prodcutos */
  .card-producto {
    flex-direction: column;
    height: auto;
  }

  .card-producto .box-imgCardPprod {
    padding: 20px 10px 10px 10px;
    width: 100%;
    margin: 0;
  }

  .card-producto .box-imgCardPprod .imgCardProd {
    width: 100%;
  }

  .card-producto .box-imgCardPprod .imgCardProd img {
    width: 100%;
    height: auto;
  }

  .card-producto .info-cardProd {
    padding: 10px;
    padding-bottom: 35px;
  }

  .line-cardProd {
    top: 0;
    border-radius: 6px 6px 0 0;
    height: 7px;
    width: 100%;
  }

  .card-producto span {
    bottom: 10px;
    right: 10px;
  }
  /* 320-End Section Prodcutos */

  /* 320-Miga pan */
  .migaPan {
    top: 55px;
  }
  /* 320-End Miga pan */
}

/************ Banner Top ************/
.spaceTop {
  padding-top: 38px;
}

.spaceTop div.main {
  padding-top: 38px;
}

.spaceTop .migaPan {
  top: 150px;
}

.bannerTop {
  background: rgb(62, 62, 62);
  background: -moz-linear-gradient(
    90deg,
    rgb(62 62 62 / 85%) 0%,
    rgb(86 86 86 / 85%) 100%
  );
  background: -webkit-linear-gradient(
    90deg,
    rgb(62 62 62 / 85%) 0%,
    rgb(86 86 86 / 85%) 100%
  );
  background: linear-gradient(
    90deg,
    rgb(62 62 62 / 85%) 0%,
    rgb(86 86 86 / 85%) 100%
  );
  -webkit-backdrop-filter: saturate(100%) blur(40px);
  backdrop-filter: saturate(180%) blur(40px);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: center;
  width: 100%;
  padding: 5px 65px;
}

.close-bannerTop {
  color: var(--white);
  cursor: pointer;
  position: relative;
  background: rgb(255 255 255 / 20%);
  height: 28px;
  width: 28px;
  border-radius: 6px;
  position: absolute;
  right: 8%;
  transition: background-color 0.5s;
  font-size: 16px;
}

.close-bannerTop:hover {
  background: rgb(255 255 255 / 40%);
}

.bannerTop > p {
  color: var(--white);
}

.bannerTop > p > a {
  font-weight: bold;
  text-decoration: underline;
}

.bannerTop .cta2 {
  padding: 1px 5px 4px 10px;
  margin-left: 10px;
}

.bannerTop .cta2 p {
  margin-right: 5px;
}

@media (max-width: 992px) {
  .spaceTop .migaPan {
    top: 160px;
  }

  .bannerTop > p {
    font-size: 11px;
  }
}

@media (max-width: 767px) {
  .spaceTop {
    top: 44px;
  }

  .spaceTop div.main {
    top: 44px;
  }

  .spaceTop .migaPan {
    top: 100px;
  }

  .bannerTop {
    flex-direction: column;
    padding: 5px 41px;
  }

  .bannerTop > p {
    margin-bottom: 5px;
    font-size: 12.8px;
    max-width: 450px;
  }

  .close-bannerTop {
    right: 3%;
  }

  /* .padd-bann {
    padding-top: 160px !important;
  } */
}

@media (max-width: 360px) {
  .bannerTop {
    padding: 5px 20px;
  }
}

@media (max-width: 320px) {
  .bannerTop > p {
    font-size: 10px;
    line-height: 13px;
    max-width: 210px;
  }
}

#barraVersionApp,
#navbarScroll > a,
#menuHeader
  > header
  > div.main.container-fluid.headerB-cont-all
  > nav
  > div
  > div
  > a {
  display: none !important;
}

#navbarScroll > div {
  margin: 0;
}
/************ End Banner Top ************/

/* estilos oculltar botones internas de accion y play */
:root .bannerprod-description .bannerprod-cta > .red-button,
:root .secc-videos {
  display: none !important;
}
/* End estilos oculltar botones internas de accion y play */