:root {
  --redDavivienda: #e1111c;
  --grayHard: #3e3e3e;
  --grayMedium: #ebecf0;
  --grayLight: #f5f5f5;
  --grayServ: #F0F0F3;
  --BlackLight: #1d1d1d;
  --grayMedium: #ebecf0;
  --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;
  --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;
}

a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

/* Estilos Accesibilidad */
/* DESATURACION */
html .desaturate>*,
html .desaturate header .main,
html .desaturate #barraVersionApp > *,
html .desaturate #_buttons > *,
html .desaturate #_modales > *,
html .desaturate #_footer > button,
html .desaturate .x_filter > *,
html .desaturate #_footer > footer .container a,
html .desaturate .banner-acc .container {
  filter: saturate(0.5);
}

html .desaturate header,
html .desaturate .banner-acc,
html .desaturate footer {
  filter: none;
}
/* End DESATURACION */

/* SATURACION */
html .saturate>*,
html .saturate header .main,
html .saturate #barraVersionApp > *,
html .saturate #_buttons > *,
html .saturate #_modales > *,
html .saturate #_footer > button,
html .saturate .x_filter > *,
html .saturate #_footer > footer .container a,
html .saturate .banner-acc .container {
  filter: saturate(1.5);
}

html .saturate header,
html .saturate .banner-acc,
html .saturate footer {
  filter: none;
}
/* Ens SATURACION */

/* MONOCROMATICO */
html .monochrome>*,
html .monochrome header .main,
html .monochrome #barraVersionApp > *,
html .monochrome #_buttons > *,
html .monochrome #_modales > *,
html .monochrome #_footer > button,
html .monochrome .x_filter > *,
html .monochrome #_footer > footer .container a,
html .monochrome .banner-acc .container {
  filter: grayscale(100%);
}

html .monochrome header,
html .monochrome .banner-acc .container,
html .monochrome footer {
  filter: none;
}
/* Ens MONOCROMATICO */

#barraVersionApp, #menuHeader, #migaPan, #_buttons, #_footer, #_accesibilidad, #_modales, .x_filter {
  filter: none !important;
}

/* CONTRASTE */
html .contrast>*,
html .contrast header .main,
html .contrast #barraVersionApp > *,
html .contrast #_buttons > *,
html .contrast #_modales > *,
html .contrast #_footer > button,
html .contrast .x_filter > *,
html .contrast #_footer > footer .container a,
html .contrast .banner-acc .container {
  filter: contrast(1.3);
}

html .contrast header,
html .contrast .banner-acc,
html .contrast footer {
  filter: none;
}
/* Ens CONTRASTE */

/* PERF CONITIVA */
html .target-links a,
html .target-links button {
  outline: 2px solid #0dcaf0 !important;
  outline-offset: 2px !important;
}
/* End PERF CONITIVA */

html .access-fontSize1 {
  font-size: 120%;
}

/* html .access-fontSize2{
  font-size: 130%;
} */
/* End Estilos accesibilidad */

/* read mask */
.read-mask-top, .read-mask-bottom {
  display: none;
}

html .read-mask .read-mask-cont {
  filter: none !important;
}

html .read-mask .read-mask-top, html .read-mask .read-mask-bottom, :root .read-mode .read-mask .read-mask-top, :root .read-mode .read-mask .read-mask-bottom {
  background: rgb(0 0 0 / 40%) !important;
  position: fixed !important;
  display: initial !important;
  width: 100% !important;
  height: 15px;
  min-height: 15px !important;
  top: 0 !important;
  left: 0 !important;
  pointer-events: none !important;
  z-index: 1000000 !important;
}

html .read-mask .read-mask-bottom, :root .read-mode .read-mask .read-mask-bottom{
  top: initial !important;
  bottom: 0 !important;
}
/* End read mask */

/* linea guia de lectura */
html .guide-line .linea-guia, :root .read-mode .guide-line .linea-guia {
  position: fixed !important;
  background: var(--cuentas) !important;
  border-radius: 50px !important;
  height: 9px !important;
  width: 400px !important;
  top: 0px;
  left: 0px;
  z-index: 1111 !important;
  pointer-events: none !important;
  border: 3px solid var(--grayMedium) !important;
}
/* End linea guia de lectura */

/* modo lectura */
html .read-mode .read-secc, html .read-mode .read-secc *{
  background: transparent !important;
  color: var(--BlackLight) !important;
  display: block !important;
  width: 100%  !important;
  max-width: 600px !important;
  min-width: initial !important;
  position: initial !important;
  opacity: 1 !important;
  margin: 0 auto !important;
  margin-bottom: 5px !important;
  padding: 0 !important;
  overflow: initial !important;
  transform: initial !important;
  height: auto !important;
  min-height: initial !important;
  max-height: initial !important;
  box-shadow: initial !important;
  border: none !important;
  text-align: left !important;
  float: initial !important;
  border-radius: 0 !important;
}

html .read-mode .read-secc {
  padding: 40px 30px !important;
}

html .read-mode .read-secc li{
  list-style: auto !important;
}

html .read-mode .read-secc img, html .read-mode .read-secc svg, html .read-mode .read-secc .slick-dots, html .read-mode .read-secc .slick-arrow, html .read-mode .read-secc.btn-foterList, .read-mode .read-secc .d-md-none .search-box, html .read-mode .read-secc::after, html .read-mode .read-secc *::after,html .read-mode .read-secc::before, html .read-mode .read-secc *::before, html .read-mode header.read-secc, html .read-mode .migaPan.read-secc, html .read-mode .bannerTop.read-secc,html .read-mode .secc-videos.read-secc iframe, html .read-mode .secc-videos.read-secc button{
  display: none !important;
}

html .read-mode header.read-secc a, html .read-mode header.read-secc a.active, html .read-mode header.read-secc a *, html .read-mode .read-secc.menu-transversal a *, html .read-mode footer.read-secc a, html .read-mode .read-secc.otros-productos a *, html .read-mode .read-secc.articulos-relacionados a * {
  color: var(--texto-claro) !important;
}

html .read-mode .read-secc a, html .read-mode .read-secc a.active, html .read-mode .read-secc a *, html .read-mode .read-secc.menu-transversal a span, html .read-mode .read-secc.otros-productos a span, html .read-mode .read-secc.articulos-relacionados a span{
  color: var(--cuentas) !important;
  text-decoration: underline !important;
}

html .read-mode .read-secc h1, html .read-mode .read-secc h2, html .read-mode .read-secc h3 {
  margin-bottom: 10px !important;
}

html .read-mode .read-secc h4, html .read-mode .read-secc h5, html .read-mode .read-secc h6, html .read-mode .read-secc p {
  margin-bottom: 16px !important;
}

html .read-mode .read-secc input, html .read-mode .read-secc select {
  border: 1px solid var(--texto-claro) !important;
  border-radius: 15px !important;
  margin-bottom: 30px !important;
  padding: 10px !important;
}
/* End modo lectura */

:root .x-none, :root .read-mode .x-none {
  display: none !important;
}

/* estilos generales */
.color-rojo {color: var(--redDavivienda);}
.color-rojo2 {color: var(--redDavivienda) !important;}

.texto-claro {color: var(--texto-claro);}

.texto-oscuro {color: var(--texto-oscuro);}

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

.grayMedium {color: var(--grayMedium);}

.grayLight {color: var(--grayLight);}

.BlackLight {color: var(--BlackLight);}

.bg-grayLight {background-color: var(--grayLight);}

.p-xs {font-size: var(--p-xs);}

.p-s {font-size: var(--p-s);}

.p-m {font-size: var(--p-m);}

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

.span-xs {font-size: var(--span-xs);}

.span-s {font-size: var(--span-s);}

.span-m {font-size: var(--span-m);}

.span-l {font-size: var(--span-l);}

.h1-fontSize {font-size: var(--h1-fontSize);}

.h2-fontSize {font-size: var(--h2-fontSize);}

.h3-fontSize {font-size: var(--h3-fontSize);}

.h4-fontSize {font-size: var(--h4-fontSize);}

.h5-fontSize {font-size: var(--h5-fontSize);}

.mt_1 {margin-top: 10px;}

.mt_2 {margin-top: 20px;}

.mt_3 {margin-top: 30px;}

.mt_4 {margin-top: 40px;}

.mt_5 {margin-top: 50px;}

.mt_6 {margin-top: 60px;}

.mt_7 {margin-top: 70px;}

.mt_8 {margin-top: 80px;}

.mt_9 {margin-top: 90px;}

.mt_10 {margin-top: 100px;}

.mb_1 {margin-bottom: 10px;}

.mb_2 {margin-bottom: 20px;}

.mb_3 {margin-bottom: 30px;}

.mb_4 {margin-bottom: 40px;}

.mb_5 {margin-bottom: 50px;}

.mb_6 {margin-bottom: 60px;}

.mb_7 {margin-bottom: 70px;}

.mb_8 {margin-bottom: 80px;}

.mb_9 {margin-bottom: 90px;}

.mb_10 {margin-bottom: 100px;}

/* ------ */

.pt_1 {padding-top: 10px;}

.pt_2 {padding-top: 20px;}

.pt_3 {padding-top: 30px;}

.pt_4 {padding-top: 40px;}

.pt_5 {padding-top: 50px;}

.pt_6 {padding-top: 60px;}

.pt_7 {padding-top: 70px;}

.pt_8 {padding-top: 80px;}

.pt_9 {padding-top: 90px;}

.pt_10 {padding-top: 100px;}

.pb_1 {padding-bottom: 10px;}

.pb_2 {padding-bottom: 20px;}

.pb_3 {padding-bottom: 30px;}

.pb_4 {padding-bottom: 40px;}

.pb_5 {padding-bottom: 50px;}

.pb_6 {padding-bottom: 60px;}

.pb_7 {padding-bottom: 70px;}

.pb_8 {padding-bottom: 80px;}

.pb_9 {padding-bottom: 90px;}

.pb_10 {padding-bottom: 100px;}
/* End estilos generales */

/* 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);
}

.regularG-dots-arrows .slick-next, .regularG-dots-arrows .slick-prev {
  bottom: -60px;
}

.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;
}

.regularG-dots-arrows .slick-dots {
  position: absolute;
  bottom: -40px;
  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: cover;
  right: 0;
  transition: 0.2s all;
  border-radius: 50px;
  top: 50%;
}

.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(225 17 28 / 20%);
}

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

.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: 150px 0 25px 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%;
}
.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;
}
/* 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 -40px center;
  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, .banner-producto .bannerprod-description .items-destacados ul li h3 {
  display: block;
  margin-left: 5px;
  font-size: inherit;
  font-weight: bold;
}

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

.red-button {
  background: var(--redDavivienda);
  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: #c90c14;
}

.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, var(--white);
  /* background: url(../images/generales/bg-bannerCategoria-general.png) no-repeat, -moz-linear-gradient(90deg, rgba(245,245,245,1) 0%, rgba(238,239,243,1) 100%); */
  /* background: url(../images/generales/bg-bannerCategoria-general.png) no-repeat, -webkit-linear-gradient(90deg, rgba(245,245,245,1) 0%, rgba(238,239,243,1) 100%); */
  /* background: url(../images/generales/bg-bannerCategoria-general.png) no-repeat, linear-gradient(90deg, rgba(245,245,245,1) 0%, rgba(238,239,243,1) 100%); */
  box-shadow: 0 0 15px 0px #DEDEF2;
  box-shadow: 0px 0px 15px 0px #dfdfe7;
  background-position: 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);
}

.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);
}

.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-generico {
  background: url("../images/generales/bg-header-ben-generico.png") no-repeat, var(--grayMedium);
  background-size: cover;
}

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

.cont-beneficios .box-beneficios .header-beneficios h3, .cont-beneficios .box-beneficios .header-beneficios .benn-tt {
  font-size: var(--h3-fontSize);
  font-weight: 600;
  display: block;
}

.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%;
  font-size: 1em;
}

.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;
}

.bullet-leitmotive {
  list-style: none;
  list-style-image: url(../images/generales/icons/ico-rojo-leitmotiv.svg);
}

.cont-img-g {
  height: 130px;
  width: 100%;
  background: #e4e5e8;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.cont-img-g img {
  width: 100%;
}
/* 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-tarjetas-perfiles {
  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, rgb(204 204 204) 0%, rgba(87, 87, 87, 1) 100%);
  background: url(../images/generales/bg-preguntas.png) no-repeat, linear-gradient(184deg, rgb(246 246 246) 0%, rgb(229 229 229) 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-generico {
  background: url("../images/generales/bg-preguntas-generico.png") no-repeat, var(--grayMedium);
  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-preguntas2 {
  width: 85%;
  margin-bottom: 30px;
  max-height: 600px !important;
  display: flex;
  flex-direction: column;
  justify-content: normal;
  overflow: hidden;
}
.boxTittle-preguntas h2 {
  font-size: 1em;
}

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

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

.tt-bene-mini {
  font-size: 1.4em !important;
}

.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, .box-preguntas .accordion .accordion-item .accordion-button h3 {
  border-radius: 12px;
  font-weight: 600;
  display: block;
  padding: 5px 15px;
  font-size: var(--span-m);
  margin: 0;
}

.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 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) * .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, .otros-productos .tittle-otrosProductos h2 {
  font-size: var(--h3-fontSize);
  color: var(--grayHard);
  font-weight: 600;
  margin: 0;
}

.productos-categoria .tittle-otrosProductos h3, .otros-productos .tittle-otrosProductos h2 {
  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;
}
.infoProd-importante-all .desc-importante ul{
  list-style: none;
  list-style-image: url('../images/perfiles/item.svg');
}
.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, .box-imgCardServ > h3 {
  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: 40px;
  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 */

/* Sction add pasos */
.bnn-pasos {
  background: rgb(250,250,250);
  background: url(../images/generales/bg-bannerPasos.png) no-repeat, -moz-linear-gradient(280deg, rgba(250,250,250,1) 100%, rgba(255,255,255,0) 100%);
  background: url(../images/generales/bg-bannerPasos.png) no-repeat, -webkit-linear-gradient(280deg, rgba(250,250,250,1) 100%, rgba(255,255,255,0) 100%);
  background: url(../images/generales/bg-bannerPasos.png) no-repeat, linear-gradient(280deg, rgba(250,250,250,1) 100%, rgba(255,255,255,0) 100%);
  background-position: top -34px right;
  background-size: 460px;
  border: 1px solid var(--white);
}

.pasos-bnn {
  border-radius: 20px;
}

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

.mw-img {
  max-width: 400px;
}
/* End Sction add pasos */

/* Section Menu Transversal */
.menu-transversal span {
  font-size: var(--span-m);
  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-Transversal {
  padding-left: 30px;
}

.menu-transversal .slider-Transversal .item-menuTransversal {
  margin-right: 30px;
}

.menu-transversal .slider-Transversal .item-menuTransversal .cont {
  background: var(--grayMedium);
  height: 300px;
  width: 202px;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  transition: transform 0.6s;
}

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

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

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

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

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

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

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

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

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

.menu-transversal .slider-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: auto;
  max-width: 211px;
  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 .slider-Transversal .item-menuTransversal .cont:hover .contTxt-menuTransversal span img {
  transform: rotate(-90deg) translateY(5px);
}

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

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

.dav-cierre {
  width: 100%;
  max-width: 201px;
}

.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 */

/* QR */
.modal-general.modal-qr .modal-dialog.modal-dialog-centered {
  max-width: 510px;
}

.qr-style {
  background: #ebeaf0;
  padding: 15px;
  border-radius: 20px;
  width: 100%;
  max-width: 285px;
}

.ico-qr-phone {
  width: 100%;
  max-width: 50px;
  margin-right: 15px;
}
/* End QR */

/* TAB>TAB */
.tab-pasos .secc-tabs .nav-tabs .nav-link.active {
  background: var(--white);
  border: none;
}

.secc-tabs .nav-tabs button .ico-tabs {
  filter: grayscale(1);
  opacity: 0.6;
  transition: all 0.3s;
}

.tab-pasos .secc-tabs .nav-tabs .nav-link.active .ico-tabs  {
  filter: none;
  opacity: 1;
}

.secc-tabs .cont-ico-vid {
  height: 25px;
  width: 25px;
}

.tb-img {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--grayMedium);
  width: 90px;
  height: 90px;
  overflow: hidden;
  border-radius: 10px;
}

.tb-img img {
  width: auto;
  height: 100%;
}

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

.border-tab-left {
  border-left: 2px solid #dde0e2;
}

.secc-tabs .nav-tabs button:hover .ico-tabs{
  filter: none;
  opacity: 1;
}

.secc-tabs .nav-tabs button:hover p{
  color: var(--texto-oscuro);
}

.secc-tabs .nav-tabs button p{
  transition: all 0.3s;
}
/* End TAB>TAB */

/* 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 */

/* menu accesibilidad */
#_accesibilidad{
  filter: none !important;
}

.menu-acc {
  position: fixed;
  bottom: 58px;
  left: 24px;
  z-index: 1;
}

:root .menu-acc a, :root .menu-acc button {
  outline: none !important;
  outline-offset: initial !important;
  background: var(--white);
}

.menu-acc-ico {
  cursor: pointer;
  background: var(--redDavivienda);
  position: relative;
  display: flex;
  height: 35px;
  width: 35px;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  box-shadow: 0 0 0 6px rgb(225 17 28 / 15%), 0 0 0 0px var(--redDavivienda);
  transition: box-shadow 0.5s;
}

.menu-acc-ico:hover {
  box-shadow: 0 0 0 6px rgb(225 17 28 / 15%), 0 0 0 2px var(--redDavivienda);
}

.menu-acc-ico img {
  width: 20px;
}

#menuAcc {
  background: var(--grayMedium);
  width: 96vw;
  max-width: 400px;
  position: absolute;
  bottom: -40px;
  left: -9px;
  border-radius: 10px;
  box-shadow: 0 0 9px 0px rgb(0 0 0 / 20%);
}

.menu-acc-close {
  cursor: pointer;
  color: var(--redDavivienda);
  background: var(--white);
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  border-radius: 50px;
  margin-left: auto;
  position: relative;
  right: -20px;
  font-size: 16px;
  transition: transform 0.5s;
  /* position: absolute; */
  /* right: 10px;
  top: 10px; */
}

.menu-acc-close:hover {
  transform: scale(1.1);
}

.secc-restableser {
  padding: 30px;
  padding-top: 10px;
  background: var(--redDavivienda);
  border-radius: 10px 10px 0 0;
}

.secc-restableser h3 {
  font-size: 20.8px;
  color: var(--white);
  font-weight: 600;
}

.secc-all {
  padding: 0px 20px 20px;
  margin-top: -15px;
  /* max-height: 453px; */
  max-height: calc(100vh - 293px);
  overflow-x: auto;
}

.secc-all::-webkit-scrollbar{
  width: 10px;
  background: rgb(62 62 62 / 20%);
  border-radius: 50px;
}

.secc-all::-webkit-scrollbar-thumb {
  background-color: #f7f7f7;
  border-radius: 50px;
}

.secc-general {
  background: var(--white);
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 0 10px 0px rgb(103 123 160 / 20%);
}

.btn-reiniciar {
  color: var(--redDavivienda);
  margin: 0 auto;
  display: block;
  margin-top: 16px;
  border: none;
  margin-bottom: 6px;
  font-weight: 900;
  box-shadow: 0px 0px 0px 0px rgb(255 255 255 / 33%);
  transition: box-shadow 0.5s;
  font-size: 13.6px;
  line-height: normal;
}

.btn-reiniciar:hover {
  box-shadow: 0px 0px 0px 6px rgb(255 255 255 / 33%);
  border: none;
}

.secc-general h5 {
  font-weight: 600;
  font-size: 14px;
  line-height: normal;
}

.secc-general p {
  font-size: 12px;
  line-height: normal;
  color: #7e7e7e;
}

.secc-general img {
  width: 25px;
}

.switch input {
  display: none;
}

.switch {
  width: 100%;
}

.switch-control {
  cursor: pointer;
  position: relative;
  height: 19px;
  width: 42px;
  background-color: #f0f0f0;
  transition: all 0.4s ease 0s;
  border-radius: 50px;
}

.switch-control:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 3px;
  bottom: 2.3px;
  background-color: white;
  transition: all 0.4s ease 0s;
  border-radius: 50px;
  box-shadow: 0 0 7px 0px rgb(0 0 0 / 20%);
}

.secc-perfil input:checked+.switch-control {
  background-color: var(--redDavivienda);
}

.secc-perfil input:checked+.switch-control:before {
  -webkit-transform: translateX(21px);
  -ms-transform: translateX(21px);
  transform: translateX(21px);
}

.secc-perfil {
  padding: 13px 0;
  border-bottom: 1px solid #f4f4f4;
}

.secc-perfil:last-child {
  border-bottom: none;
}

.secc-ajuste > label {
  width: 100%;
  max-width: 30.8%;
}

.secc-ajuste p {
  color: var(--grayHard);
  font-size: 10px;
  line-height: 12px;
}

.btn-control {
  cursor: pointer;
  text-align: center;
  background: var(--grayLight);
  padding: 5px;
  border-radius: 5px;
  min-height: 77px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.btn-control .acc-ico {
  position: relative;
  margin-bottom: 5px;
    width: 25px;
  height: 25px;
}

.acc-ico img {
  position: absolute;
  top: 0;
  left: 0;
}

.secc-ajuste {
  gap: 10px;
}

.secc-ajuste input:checked+.btn-control {
  background-color: var(--redDavivienda);
}

.secc-ajuste input:checked+.btn-control p {
  color: var(--white);
}

.acc-ico-n {
  opacity: 1;
}

.acc-ico-b {
  opacity: 0;
}

.secc-ajuste input:checked+.btn-control .acc-ico-n {
  opacity: 0;
}

.secc-ajuste input:checked+.btn-control .acc-ico-b {
  opacity: 1;
}
/* End menu accesibilidad */

/* btn-flotante-descarga */
#ir-al-app-davivienda {
  background: var(--grayHard);
  position: fixed;
  bottom: -1px;
  right: 10px;
  color: var(--white);
  font-weight: 900;
  padding: 6px 15px;
  border-radius: 10px 10px 0 0;
  box-shadow: 0 0 0 1px var(--grayHard) inset;
  transition: all 0.5s;
}

#ir-al-app-davivienda:hover {
  background: var(--white);
  color: var(--grayHard);
  box-shadow: 0 0 0 1px #d8d8d8 inset;
}

#ir-al-app-davivienda span {
  margin-left: 10px;
  font-size: 0.85em;
}
/* End btn-flotante-descarga */

/* 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-popUp-m .modal-dialog.modal-dialog-centered {
  max-width: 400px;
}

.modal-popUp-m .cont-img img {
  width: 100%;
  border-radius: 25px;
}

.modal-general .modal-content {
  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-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;
}

.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;
}
/* End Modales */

.editando{
  color: #b5b4b4 !important
}


/* 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;
  }
  /* 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;
  }
  .boxTittle-preguntas2 img {
    right: 0;
    max-width: 200px;
    height: -webkit-fill-available;
  }
  
  /* 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 {
    padding-left: 0px;
    margin-bottom: 30px;
  }
  /* 992-End section Menu transversal */

  /* 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-TAB>TAB */
  .border-tab-left {
    border-left: none;
  }
  /* 992-End TAB>TAB */
}

#barraVersionApp .bannerTop{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #3e3e3e;
  color: #fff;
  z-index: 100;
  height: 50px;
}
#barraVersionApp .bannerTop{
  display: flex;
  gap: 12px;
}

#barraVersionApp .close-bannerTop{
  background-color: #000;
  padding: 4px;
  cursor: pointer;
  border-radius: 3px;
  line-height: 1;
}


@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(225 17 28 / 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 {
    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 */
  .regularG-dots-arrows .slick-dots {
    display: none !important;
  }

  .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-menu accesibilidad */
  .menu-acc {
    bottom: 65px;
    left: 17px;
  }

  #menuAcc {
    bottom: -8px;
  }

  .secc-all {
    max-height: 350px;
  }
  /* 767-End menu accesibilidad */

  /* 767-btn-flotante-descarga */
  #ir-al-app-davivienda {
    margin: 0 auto;
    bottom: 0px;
    right: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  /* 767-End btn-flotante-descarga */
  /* 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;
  }
  .homeProd-dots-arrows .slick-next, .homeProd-dots-arrows .slick-prev{
    top: 20%;
  }
  .item-homeProd h2{
    font-size: var(--h3-fontSize);
  }
  /* 767-End banner-homeProd */

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

  .cierre-descargeYa img {
    display: none;
  }
}

@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;
    }

  /* 525-TAB>TAB */
  .tb-img {
    width: 100%;
    height: 120px;
    margin: 0 auto;
  }

  .tb-img img {
    width: 100%;
    height: auto;
  }
  /* 525-End TAB>TAB */
}

@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 */

  /* 320 menu accesibilidad */
  .secc-all {
    max-height: 240px;
  }

  .secc-perfil .switch {
    transform: rotate(90deg);
  }

  .secc-ajuste > label {
    max-width: 47.2%;
  }
  /* 320 End menu accesibilidad */
}

/************ 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 ************/

/* CSS menu V2 */
/* .migaPan {
  top: 70px;
}

.spaceTop .migaPan {
  top: 110px;
}

.banner-homeProd {
  padding: 110px 0 25px 0;
}

.banner-categoria {
  padding: 112px 1.5rem 50px 1.5rem;
} */
/* End CSS menu V2 */
.tittle  {
  background-color: #ebecf0 !important;
  padding: 10px;
  border-radius: 8px;
}