:root {
  --redDavivienda: #e1111c;
  --grayHard: #3e3e3e;
  --grayMedium: #ebecf0;
  --grayLight: #f5f5f5;
  --BlackLight: #1d1d1d;
  --white: #fff;
  --cuentas: #e1111c;
  --tarjetas: #2c2c2c;
  --creditos: #047db2;
  --inversiones: #e96a08;
  --seguros: #028846;
  --miNegocio: #02256a;
  --texto-oscuro: #3e3e3e;
  --texto-claro: #6e6e6e;
  --font: "Roboto", sans-serif;
  --p-xs: 0.85em;
  --p-s: 0.9em;
  --p-m: 1em;
  /* 1em = 16px */
  --p-l: 1.2em;
  --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);
}

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

.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;
}
.bgModal {
  background-image: url(../images/cuentas/bgModal.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-color:#F0F0F3;
}
.regular-dots-arrows .slick-prev {
  top: auto;
  left: auto;
  right: 30px;
  bottom: -30px;
  margin-right: 12px;
  background-image: url(../images/generales/prev.svg);
}

.regular-dots-arrows.aliados-dots-arrows .slick-next {
  right: 16px;
}

.regular-dots-arrows.aliados-dots-arrows .slick-prev {
  right: 45px;
}

.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.aliados-dots-arrows .slick-dots {
  left: 1em;
}

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

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

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

.regular-dots-arrows .slick-prev:before, .regular-dots-arrows .slick-next:before {
  content: '';
}
/* End Cambio Dots y Flechas prods */
/* Cambio Dots y Flechas HomeProds */
.homeProd-dots-arrows .slick-next, .homeProd-dots-arrows .slick-prev {
  width: 30px;
  height: 30px;
  background-image: url(../images/generales/next.svg);
  background-repeat: no-repeat;
  background-size: 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 */

/* HOME GENERAL */
/* Section banner-kv */
.banner-kv{
  height: auto;
  padding: 180px 0px 50px 0;
  background-color: var(--white);
  background-image: url(../images/home-general/kv-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  position: relative;
}
.descubra-home i{
  color: var(--redDavivienda);
  font-weight: 600;
  font-size: 20px;
}
.descubra-home {
  position: absolute;
  animation: jumpInfinite 1.5s infinite;
  margin-left: 40px;
}
.descubra-home:after {
  content: " ";
  position: absolute;
  top: 12px;
  left: -10px;
  transform: rotateZ(45deg);
}
@keyframes jumpInfinite {
  0% {
    margin-top: 0;
  }
  50% {
    margin-top: 10px;
  }
  100% {
    margin-top: 0;
  }
}
/* EndSection banner-kv */

/* Section nuevo banner-kv */
.banner-inicial{
  padding: 130px 0px 0px 0;
  background: linear-gradient(0deg, rgba(245,245,245,1) 20%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 96%);
}
/* Cambio Dots y Flechas HomeProds */
.banner-inicial .homeProd-dots-arrows .slick-next, .homeProd-dots-arrows .slick-prev {
  right: -40px;
}
.banner-inicial .homeProd-dots-arrows .slick-prev {
  left: -40px;
}
.banner-inicial .homeProd-dots-arrows .slick-dots {
  left: 0;
  right: 0;
  bottom: -30px;
}
.item-homeProd > div{
  overflow: hidden;
  border-radius: 15px;
}
.banner-inicial .contenido-banner{
  background-color: #f0f0f0;
  background-image: url(../images/home-general/leitmotive-fondo.png);
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: 60%;
}
.banner-inicial .slick-track{
  align-items: center;
  display: flex;
}

.banner-inicial .contenido-banner-2{
  background-color: var(--redDavivienda);
  background-image: url(../images/home-general/fondo-llaves.png);
  background-repeat: no-repeat;
  background-position: left;
  background-size: 50%;
}
/*query exclusivo para banner*/
@media (max-width: 767px) {
  .banner-inicial .contenido-banner-2{
    background-position: top center;
    background-size: 100%;
  }
  .img-llaves{
    padding: 50px 0;
    transform: scale(1.4);

  }
}

/* EndSection nuevo banner-kv */


/* Section video-home */
.video-home{
  padding: 80px 0 70px 0;
}
.video-home .cont-videoHome h3{
  font-size: var(--h3-fontSize);
  font-weight: 600;
  color: var(--grayHard);
  margin-top: 100px;
}

.video-home .cont-videoHome p{
  font-size: var(--p-m);
  color: var(--grayHard);
  margin-bottom: 40px;
}
.video-home .cont-videoHome span{
  font-size: var(--span-s);
  font-weight: 600;
  color: var(--grayHard);
}
.video-home .cont-videoHome span img{
  margin-left: 5px;
}

.video-home .box-video{
  width: 100%;
  height: 400px;
  background: #000000;
  border-radius: 20px;
}
.video-home .box-video iframe{
  border-radius: 20px;
}
/* EndSection video-home */
/* Section Pasos Home */
.pasos-home .item-paso-home{
  position: relative;
  padding: 20px;
  height: 340px;
  background: var(--white);
  border-radius: 13px;
}
.pasos-home .item-paso-home .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;
  margin-bottom: 15px;
}
.pasos-home .item-paso-home p{
  font-size: var(--p-m);
  font-weight: 600;
  color: var(--grayHard);
  line-height: 1.3em;
  margin-bottom: 20px;
}
.pasos-home .item-paso-home .img-pasoHome{
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.pasos-home .item-bg{
  background: url('../images/home-general/item-paso-bg.png') no-repeat;
  background-size: cover;
}
.pasos-home .item-introPaso{
  position: relative;
  background: url('../images/home-general/item-introBG.png') no-repeat, rgb(135,4,18);
  background: url('../images/home-general/item-introBG.png') no-repeat, -moz-linear-gradient(145deg, rgba(135,4,18,1) 0%, rgba(178,14,27,1) 21%, rgba(237,28,39,1) 100%);
  background: url('../images/home-general/item-introBG.png') no-repeat, -webkit-linear-gradient(145deg, rgba(135,4,18,1) 0%, rgba(178,14,27,1) 21%, rgba(237,28,39,1) 100%);
  background: url('../images/home-general/item-introBG.png') no-repeat, linear-gradient(145deg, rgba(135,4,18,1) 0%, rgba(178,14,27,1) 21%, rgba(237,28,39,1) 100%);
  filter: url('../images/home-general/item-introBG.png') no-repeat, progid:DXImageTransform.Microsoft.gradient(startColorstr="#870412",endColorstr="#ed1c27",GradientType=1);
  background-size: cover;
}
.pasos-home .item-introPaso .item-mask{
  position: absolute;
  right: -1px;
  top: 28px;
}
.pasos-home .item-introPaso h3{
  color: var(--white);
  font-weight: 900;
  font-size: 1.7em;
  padding: 12px 0px;
}
.pasos-home .item-introPaso .img-intro{
  position: absolute;
  bottom: 0;
  width: 85%;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.slide-pasosHome.slick-initialized .slick-slide{
  margin: 0 15px;
}
.slide-pasosHome.regular-dots-arrows .slick-next, .slide-pasosHome.regular-dots-arrows .slick-prev{
  right: -20px;
  bottom: 50%;
}
.slide-pasosHome.regular-dots-arrows .slick-prev{
  left: -20px;
  right: auto;
  bottom: 50%;
}
.pasos-home .aviso{
  margin-top: 30px;
  background-color: var(--white);
  border-radius: 15px;
  padding: 20px;
}
.pasos-home .aviso h4{
  font-size: var(--h5-fontSize);
  font-weight: 600;
  color: var(--redDavivienda);
  margin-bottom: 5px;
}
.pasos-home .aviso p{
  color: var(--texto-claro);
  font-size: var(--p-xs);
  line-height: 1.4em;
}
/* End Section Pasos Home */

/* Section Banner LO NUEVO DE LA APP */
.bnnHome-lo-nuevo{
  padding: 100px 0 70px 0;
  background: rgb(245,245,245);
  background: linear-gradient(0deg, rgba(245,245,245,1) 30%, rgba(235,236,240,1) 30%, rgba(235,236,240,1) 96%);
}
.bnnHome-lo-nuevo .box-bnnHome-lo-nuevo{
  background: url(../images/home-general/fondo-lo-nuevo.png) no-repeat, rgb(232,232,236);
  background: url(../images/home-general/fondo-lo-nuevo.png) no-repeat, -moz-linear-gradient(124deg, rgba(232,232,236,1) 0%, rgba(214,214,218,1) 100%);
  background: url(../images/home-general/fondo-lo-nuevo.png) no-repeat, -webkit-linear-gradient(124deg, rgba(232,232,236,1) 0%, rgba(214,214,218,1) 100%);
  background: url(../images/home-general/fondo-lo-nuevo.png) no-repeat, linear-gradient(124deg, rgba(232,232,236,1) 0%, rgba(214,214,218,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#870412",endColorstr="#e1111c",GradientType=1);
  background-size: cover;
  background-position: right;
  position: relative;
  border-radius: 12px;
}
.bnnHome-lo-nuevo .box-bnnHome-lo-nuevo .info-bannerlo-nuevo {
  padding: 30px 0 30px 80px;
}
.bnnHome-lo-nuevo .box-bnnHome-lo-nuevo .info-bannerlo-nuevo span {
  font-size: var(--span-m);
  display: block;
  margin-bottom: 20px;
}
.bnnHome-lo-nuevo .box-bnnHome-lo-nuevo .info-bannerlo-nuevo h3 {
  font-size: var(--h3-fontSize);
  font-weight: 600;
  margin-bottom: 0;
}
.bnnHome-lo-nuevo .box-bnnHome-lo-nuevo .info-bannerlo-nuevo a button{
  border: none;
  padding: 6px 10px 6px 30px;
}
.bnnHome-lo-nuevo .box-bnnHome-lo-nuevo .img-bnnHome-lo-nuevo img{
  position: absolute;
  bottom: -30%;
  right: -10%;
  max-width: 410px;
}
/* End Section Banner LO NUEVO DE LA APP */

/* Section Banner preguntas */
.bnnHome-preguntas{
  padding: 100px 0 70px 0;
  background-color: var(--grayLight);
}
.bnnHome-preguntas .box-bnnHome-preguntas{
  background: url(../images/generales/bg-bannerServicio.png) no-repeat, rgb(135,4,18);
  background: url(../images/generales/bg-bannerServicio.png) no-repeat, -moz-linear-gradient(124deg, rgba(135,4,18,1) 0%, rgba(225,17,28,1) 100%);
  background: url(../images/generales/bg-bannerServicio.png) no-repeat, -webkit-linear-gradient(124deg, rgba(135,4,18,1) 0%, rgba(225,17,28,1) 100%);
  background: url(../images/generales/bg-bannerServicio.png) no-repeat, linear-gradient(124deg, rgba(135,4,18,1) 0%, rgba(225,17,28,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#870412",endColorstr="#e1111c",GradientType=1);
  background-size: cover;
  background-position: right;
  position: relative;
  border-radius: 12px;
}
.bnnHome-preguntas .box-bnnHome-preguntas .info-bannerPreguntas {
  padding: 30px 0 30px 80px;
}
.bnnHome-preguntas .box-bnnHome-preguntas .info-bannerPreguntas span {
  color: var(--white);
  font-size: var(--span-l);
  display: block;
  margin-bottom: 20px;
}
.bnnHome-preguntas .box-bnnHome-preguntas .info-bannerPreguntas h3 {
  color: var(--white);
  font-size: var(--h3-fontSize);
  font-weight: 600;
  margin-bottom: 0;
}
.bnnHome-preguntas .box-bnnHome-preguntas .info-bannerPreguntas a button{
  border: none;
  padding: 6px 10px 6px 30px;
}
.bnnHome-preguntas .box-bnnHome-preguntas .img-bnnHome-preguntas{
  position: relative;
  height: 100%;
  z-index: 0;
}
.bnnHome-preguntas .box-bnnHome-preguntas .img-bnnHome-preguntas img{
  position: absolute;
  bottom: 0;
  right: 30%;
  max-width: 235px;
}
/* End Section Banner preguntas */
#modal_cierre_descarga{
  background-color: var(--grayLight);
}

/* Section Slider Home */
.news-app{
  background: var(--grayLight);
  padding: 0;
  background: linear-gradient(0deg, rgba(235,236,240,1) 20%, rgba(245,245,245,1) 20%, rgba(245,245,245,1) 96%);
}
.news-app h2{
  font-weight: 900;
  color: var(--grayHard);
  font-size: var(--h2-fontSize);
  line-height: 1.1em;
  margin-bottom: 30px;
}

.news-app .slider-home .item-new > a{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
.slider-home.slick-initialized .slick-slide{
  padding: 15px 0;
}
.slider-home.regular-dots-arrows .slick-next, .slider-home.regular-dots-arrows .slick-prev{
  bottom: -30px;
  z-index: 1;
}
.slider-home.regular-dots-arrows .slick-next{
  right: 20px;
}
.slider-home.regular-dots-arrows .slick-prev{
  right: 50px;
}
.slider-home.regular-dots-arrows .slick-dots{
  bottom: -15px;
  z-index: 1;
  left: 20px;
}
.item-new .row{
  height: 100%;
}

.item-new .txt-itemNew p{
  font-size: var(--p-l);
  color: var(--grayHard);
  margin-bottom: 30px;
}
.item-new .txt-itemNew span{
  font-weight: 600;
  color: var(--grayHard);
  font-size: var(--span-s);
}
.item-new .txt-itemNew img{
  display: inline-block;
}

/* End Section Slider Home */

/* END HOME GENERAL */

/* 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;
}
.slider-homeProd-img{
height:340px;
overflow: hidden;
border-radius: 20px;
display: flex;
justify-content: center;
}

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

.bg-llaves{
  background-image: url(../images/generales/bg-Llaves.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, .labelTag {
  font-size: var(--span-s);
  padding: 6px 22px;
  border-radius: 30px;
  color: var(--white);
}

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

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

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

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

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

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

.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-ofertas {
  background: url(../images/generales/bg-bannerCategoria.png) no-repeat, #58bccc;
  background: url(../images/generales/bg-bannerCategoria.png) no-repeat, -moz-linear-gradient(90deg, rgba(69,122,143,1) 0%, rgba(88,188,204,1) 100%);
  background: url(../images/generales/bg-bannerCategoria.png) no-repeat, -webkit-linear-gradient(90deg, rgba(69,122,143,1) 0%, rgba(88,188,204,1) 100%);
  background: url(../images/generales/bg-bannerCategoria.png) no-repeat, linear-gradient(90deg, rgba(69,122,143,1) 0%, rgba(88,188,204,1) 100%);
  background-position: left center;
}

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

.banner-categoria .container > div > div > h1 {
  font-weight: 600;
  color: var(--white);
}

.banner-categoria .container > div > div > p {
  font-size: var(--p-l);
  color: var(--white);
}

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

.slide-pasos-cliente.slick-initialized .slick-slide, .slide-pasos-noCliente.slick-initialized .slick-slide, .slide-pasos-promos.slick-initialized .slick-slide {
  margin: 0 30px;
}

.slide-pasos-cliente.regular-dots-arrows .slick-next, .slide-pasos-cliente.regular-dots-arrows .slick-prev, .slide-pasos-noCliente.regular-dots-arrows .slick-next, .slide-pasos-noCliente.regular-dots-arrows .slick-prev, .slide-pasos-promos.regular-dots-arrows .slick-prev, .slide-pasos-promos.regular-dots-arrows .slick-next {
  right: -20px;
  bottom: 50%;
}

.slide-pasos-cliente.regular-dots-arrows .slick-prev, .slide-pasos-noCliente.regular-dots-arrows .slick-prev, .slide-pasos-promos.regular-dots-arrows .slick-prev {
  left: -20px;
  right: auto;
  bottom: 50%;
}

.slide-pasos-promos.regular-dots-arrows .slick-next {
  right: -6px;
}

.slide-pasos-promos.regular-dots-arrows .slick-prev {
  left: -6px;
}

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

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

.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 */
.iconsAsistenciasCobertura  img {
 
  max-width: 35px !important;
}

/* Section beneficios */
.cont-beneficios .box-beneficios {
  background: var(--white);
  border-radius: 15px;
  -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);
}

.cont-beneficios .box-beneficios .header-beneficios {
  position: relative;
  color: var(--white) !important;
  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-oferta {
  background: url("../images/generales/bg-header-ben.png") no-repeat, #58bccc;
  background: url("../images/generales/bg-header-ben.png") no-repeat, -moz-linear-gradient(90deg, rgba(69,122,143,1) 0%, rgba(88,188,204,1) 100%);
  background: url("../images/generales/bg-header-ben.png") no-repeat, -webkit-linear-gradient(90deg, rgba(69,122,143,1) 0%, rgba(88,188,204,1) 100%);
  background: url("../images/generales/bg-header-ben.png") no-repeat, linear-gradient(90deg, rgba(69,122,143,1) 0%, rgba(88,188,204,1) 100%);
  background-size: cover;
}

.cont-beneficios .box-beneficios .header-beneficios.ben-miCasa {
  background: url("../images/generales/bg-header-ben.png") no-repeat, rgb(71,39,121);
  background: url("../images/generales/bg-header-ben.png") no-repeat, -moz-linear-gradient(280deg, rgba(71,39,121,1) 0%, rgba(54,72,155,1) 100%);
  background: url("../images/generales/bg-header-ben.png") no-repeat, -webkit-linear-gradient(280deg, rgba(71,39,121,1) 0%, rgba(54,72,155,1) 100%);
  background: url("../images/generales/bg-header-ben.png") no-repeat, linear-gradient(280deg, rgba(71,39,121,1) 0%, rgba(54,72,155,1) 100%);
  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(--white);
  width: 78%;
  font-size: 1em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.section-preguntas .boxTittle-preguntas.pre-miCasa {
  background: url("../images/generales/bg-preguntas.png") no-repeat, rgb(71,39,121);
  background: url("../images/generales/bg-preguntas.png") no-repeat, -moz-linear-gradient(0deg, rgba(71,39,121,1) 0%, rgba(54,72,155,1) 100%);
  background: url("../images/generales/bg-preguntas.png") no-repeat, -webkit-linear-gradient(0deg, rgba(71,39,121,1) 0%, rgba(54,72,155,1) 100%);
  background: url("../images/generales/bg-preguntas.png") no-repeat, linear-gradient(0deg, rgba(71,39,121,1) 0%, rgba(54,72,155,1) 100%);
  background-size: cover;
}

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

.boxTittle-preguntas h2 {
  font-size: 1em;
}

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

.section-preguntas .boxTittle-preguntas h3, .section-preguntas .boxTittle-preguntas .preg-tt {
  font-size: var(--h3-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.svg");
  background-size: 12px;
  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;
}

.info-bannerServicio h2 {
  font-size: 1em;
}

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

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

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

.productos-categoria .tittle-otrosProductos h3, .productos-categoria .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;
  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;
  margin-top: 12px;
}

.card-producto .info-cardProd h5, .card-producto .info-cardProd h3 {
  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);
  width: 10px;
}

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

/* 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(--grayLight);
  height: 272px;
  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: 119px;
  padding: 19px 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);
}

.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: 133px;
  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 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;
}
.ico-m {
  width: 40px;
}

.infoProd-importante-all > div {
  max-width: 310px;
}
.infoProd-importante-all > .nw-auto {
  max-width: initial !important;
}
.infoProd-importante-all .box-valor {
  background-color: var(--grayMedium);
  padding: 10px;
  border-radius: 8px;
}
.infoProd-importante-all .box-comboImage{
  width: 100%;
  height: 100px;
  border-radius: 10px;
  margin-bottom: 20px;
}
.infoProd-importante-all .bg-comboZero{
  background: url(../images/cuentas/combo3.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}
.infoProd-importante-all .bg-combo1{
  background: url(../images/cuentas/combo1.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}
.infoProd-importante-all .bg-combo2{
  background: url(../images/cuentas/combo2.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}

.infoProd-importante-all .bg-combo6{
  background: url(../images/cuentas/combo4.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}

.infoProd-importante-all .bg-combo7{
  background: url(../images/cuentas/combo5.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}

/* Inicio justes para Mi Comercio */
.infoProd-importante-all .bg-combo3{
  background: url(../images/minegocio/combo1.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}
.infoProd-importante-all .bg-combo4{
  background: url(../images/minegocio/combo2.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}
.infoProd-importante-all .bg-combo5{
  background: url(../images/minegocio/combo3.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}
/* Fin justes para Mi Comercio */
.infoProd-importante-all .desc-importante ul{
  list-style: none;
  list-style-image: url('../images/generales/icons/ico-rojo-leitmotiv.svg');
}
.infoProd-importante-all .desc-importante ul li{
  margin-bottom: 10px;
}
/* End Informacion importante del prodcuto*/

/* Inicio tarjetas seccion TDC */
.infoProd-importante-all .bg-comboZero2{
  background: url(../images/tarjetas/tarjs-free.png) no-repeat;
  background-size: cover;
  background-position: center;
}
.infoProd-importante-all .bg-comboZero3{
  background: url(../images/tarjetas/tarjs-gzero.png) no-repeat;
  background-size: cover;
  background-position: center;
}
.infoProd-importante-all .bg-comboZero4{
  background: url(../images/tarjetas/tarjs-lifemiles.png) no-repeat;
  background-size: cover;
  background-position: center;
}
.infoProd-importante-all .bg-comboZero5{
  background: url(../images/tarjetas/tarjs-empresarios.png) no-repeat;
  background-size: cover;
  background-position: center;
}
.infoProd-importante-all .bg-comboZero6{
  background: url(../images/tarjetas/tarjs-mastercard.png) no-repeat;
  background-size: cover;
  background-position: center;
}
.infoProd-importante-all .bg-comboZero7{
  background: url(../images/tarjetas/tarjs-visa.png) no-repeat;
  background-size: cover;
  background-position: center;
}
.infoProd-importante-all .bg-comboZero8{
  background: url(../images/tarjetas/tarjs-diners.png) no-repeat;
  background-size: cover;
  background-position: center;
}
/* Fin tarjetas seccion TDC */

/* 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-color: var(--grayLight);
  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;
}

.banner-cate-slider .slick-list {
  padding:30px 0px;
  }
  
/* End Ampliacion info */

/* Blog */
.banner-blog .container > div > div > h1, .banner-blog .container > div > div > p{
  color: var(--BlackLight);
}

.blog-bnn-img {
  border-radius: 25px;
  /* padding-top: 15px; */
}

.blog-bnn-img img {
  width: 65%;
  max-width: 277px;
}

.filter-blog {
  position: relative;
}

.filter-blog ul {
  margin: 0px;
  padding: 5px 65px 15px 5px;
  border-bottom: 1px solid #D5D5D5;
  overflow: auto;
}

.filter-blog ul li {
  list-style: none;
  margin-right: 15px;
}

.filt-btn {
  /* background: red; */
  border-radius: 50px;
  font-size: 12px;
  padding: 4px 15px;
  border: none;
  color: var(--white);
  transition: 0.6s all;
}

.filt-todo {
  background: var(--white);
  color: var(--grayHard);
}

.filt-btn:hover, .filt-todo.active {
  box-shadow: 0 0 0 4px rgb(225 17 28 / 30%);
}

.filt-cuentas{
  background: var(--cuentas);
  background: -moz-linear-gradient(90deg, rgba(135, 4, 16, 1) 0%, rgba(225, 17, 28, 1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(135, 4, 16, 1) 0%, rgba(225, 17, 28, 1) 100%);
  background: linear-gradient(90deg, rgba(135, 4, 16, 1) 0%, rgba(225, 17, 28, 1) 100%);
}

.filt-cuentas:hover, .filt-cuentas.active  {
  box-shadow: 0 0 0 4px rgb(225 17 28 / 30%);
}

.filt-tarjetas {
  background: var(--tarjetas);
  background: -moz-linear-gradient(114deg, rgba(29, 29, 29, 1) 0%, rgba(87, 87, 87, 1) 100%);
  background: -webkit-linear-gradient(114deg, rgba(29, 29, 29, 1) 0%, rgba(87, 87, 87, 1) 100%);
  background: linear-gradient(114deg, rgba(29, 29, 29, 1) 0%, rgba(87, 87, 87, 1) 100%);
}

.filt-tarjetas:hover, .filt-tarjetas.active {
  box-shadow: 0 0 0 4px rgb(44 44 44 / 30%);
}

.filt-creditos {
  background: var(--creditos);
  background: -moz-linear-gradient(90deg, rgba(3, 93, 132, 1) 0%, rgba(4, 125, 178, 1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(3, 93, 132, 1) 0%, rgba(4, 125, 178, 1) 100%);
  background: linear-gradient(90deg, rgba(3, 93, 132, 1) 0%, rgba(4, 125, 178, 1) 100%);
}

.filt-creditos:hover, .filt-creditos.active {
  box-shadow: 0 0 0 4px rgb(4 125 178 / 30%);
}

.filt-inveriones {
  background: var(--inversiones);
  background: -moz-linear-gradient(260deg, rgba(217, 125, 47, 1) 0%, rgba(164, 23, 24, 1) 100%);
  background: -webkit-linear-gradient(260deg, rgba(217, 125, 47, 1) 0%, rgba(164, 23, 24, 1) 100%);
  background: linear-gradient(260deg, rgba(217, 125, 47, 1) 0%, rgba(164, 23, 24, 1) 100%);
}

.filt-inveriones:hover, .filt-inveriones.active {
  box-shadow: 0 0 0 4px rgb(233 106 8 / 30%);
}

.filt-seguros {
  background: var(--seguros);
  background: -moz-linear-gradient(260deg, rgba(2,136,70,1) 0%, rgba(7,91,50,1) 100%);
  background: -webkit-linear-gradient(260deg, rgba(2,136,70,1) 0%, rgba(7,91,50,1) 100%);
  background: linear-gradient(260deg, rgba(2,136,70,1) 0%, rgba(7,91,50,1) 100%);
}

.filt-seguros:hover, .filt-seguros.active {
  box-shadow: 0 0 0 4px rgb(2 136 70 / 30%);
}

.filt-miNegocio {
  background: var(--miNegocio);
  background: -moz-linear-gradient(90deg, rgba(4,13,130,1) 0%, rgba(77,95,209,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(4,13,130,1) 0%, rgba(77,95,209,1) 100%);
  background: linear-gradient(90deg, rgba(4,13,130,1) 0%, rgba(77,95,209,1) 100%);
}

.filt-miNegocio:hover, .filt-miNegocio.active {
  box-shadow: 0 0 0 4px rgb(2 37 106 / 30%);
}

.filt-vanish {
  background: rgb(235,236,240);
  background: -moz-linear-gradient(280deg, rgba(235,236,240,1) 0%, rgba(235,236,240,0) 100%);
  background: -webkit-linear-gradient(280deg, rgba(235,236,240,1) 0%, rgba(235,236,240,0) 100%);
  background: linear-gradient(280deg, rgba(235,236,240,1) 0%, rgba(235,236,240,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ebecf0",endColorstr="#ebecf0",GradientType=1);
  position: absolute;
  height: 100%;
  width: 50px;
  right: -1px;
  top: 0;
  pointer-events: none;
}

.cont-recomendados {
  width: 85%;
  margin-left: auto;

  /* position: sticky;
  top: 122px; */
}

.tt-recomendados {
  margin: 0px;
  padding-bottom: 15px;
  padding-top: 15px;
  border-bottom: 1px solid rgb(213, 213, 213);
}

.card-recomendados {
  position: relative;
  background: var(--white);
  margin-top: 25px;
  height: 85px;
  border-radius: 6px;
}

.card-recomendados a{
  height: 100%;
}

.recom-img {
  background: var(--white);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  max-width: 85px;
  border-radius: 6px 0 0 6px;
}

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

.recom-txt {
  padding: 15px;
}

.recom-txt h5 {
  font-size: 0.75em;
  font-weight: bold;
  margin-bottom: 5px;
}

.recom-line {
  top: 0;
  height: 100%;
  right: 0;
  left: initial;
  border-radius: 0px 6px 6px 0px;
}

.recom-leer {
  font-size: 0.75em;
  font-weight: bold;
}

.recom-leer img {
  max-width: 8px;
  transform: rotate(-90deg);
}

.search-blog {
  margin-top: 40px;
}

.select-blog, .input-blog input {
  background: transparent;
  padding: 5px;
  padding-left: 30px;
  border-radius: 50px;
  border: 1px solid #D5D5D5;
  font-size: 0.75em;
  font-weight: bold;
  cursor: pointer;
}

.blog-select {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 100px;
}

.input-blog {
  position: relative;
  width: 100%;
  max-width: 212px;
}

.input-blog input {
  padding-left: 15px;
  padding-right: 30px;
}

.ico-filter, .select-arrow, .ico-search-red {
  position: absolute;
  top: 0;
  left: 8px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.select-arrow, .ico-search-red  {
  left: initial;
  right: 8px;
}

.select-arrow img{
  width: 8px;
}

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

.blog-articulo {
  width: 100%;
  max-width: 47.5%;
  margin-bottom: 50px;
}

.artic-txt {
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #D5D5D5;
  min-height: 215px;
}

.date-artic p {
  font-size: 10px;
  font-weight: 900;
  color: #909090;
}

.artic-txt h3 {
  font-size: 20px;
  font-weight: 900;
  margin-top: 10px;
}

.artic-img {
  background: #fff;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 145px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}

.artic-img a {
  display: block;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.artic-img:hover img {
  transform: scale(1.1);
}

.categoria-blog {
  font-size: 10px;
  padding: 3px 15px;
  border-radius: 30px;
  color: var(--white);
  position: absolute;
  top: 15px;
  left: 15px;
}

.cat-cuentas {
  background: var(--cuentas);
}

.cat-tarjetas {
  background: var(--tarjetas);
}

.cat-creditos {
  background: var(--creditos);
}

.cat-inversiones {
  background: var(--inversiones);
}

.cat-seguros {
  background: var(--seguros);
}

.artic-txt > p {
  margin-bottom: 15px;
}

.artic-txt .red-button {
  padding: 5px 20px;
}

.cont-articulos .blog-articulo:first-child {
  max-width: 100%;
}

.cont-articulos .blog-articulo:first-child {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cont-articulos .blog-articulo:first-child .artic-img {
  height: 100%;
  max-height: 215px;
  width: 100%;
  max-width: 422px;
}

.cont-articulos .blog-articulo:first-child .artic-img img{
  width: auto;
  height: 100%;
}

.cont-articulos .blog-articulo:first-child .artic-txt {
  width: 100%;
  margin-left: 35px;
  padding-top: 0;
}

.pag-blog ul {
  margin: 0;
  padding: 0;
}

.pag-blog ul li{
  list-style: none;
}

.pag-blog ul a{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  width: 35px;
  border-radius: 50px;
  margin: 0 7.5px;
  font-size: 10px;
  font-weight: bold;
  transition: all 0.6s;
}

.pag-blog ul a.active{
  background: #EDC3C8;
  color: var(--cuentas);
}

.pag-blog ul .pag-arrow-left {
  transform: rotate(90deg);
  background: #E3E3E9;
}

.pag-blog ul .pag-arrow-right {
  transform: rotate(-90deg);
  background: #E3E3E9;
}

.pag-blog ul a:hover{
  background: #EDC3C8;
}
/* End Blog */

/* Entrada */
.articulo {
  padding: 152px 1.5rem 50px 1.5rem;
}

.entrada-img {
  background: var(--white);
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 300px;
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.entrada-img .red-button {
  position: absolute;
  bottom: 15px;
  left: 15px;
  padding: 6px 15px;
}

.entrada-img .red-button img {
  height: 10px;
  transform: rotate(180deg) translate(5px, 2.3px);
}

.entrada-img > img {
  width: 100%;
}

.articulo .date-artic {
  margin-top: 25px;
}

.cont-content-artic > h1 {
  color: var(--grayHard);
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 25px;
  font-size: 2.5em;
  line-height: 1.1em;
}

.cont-content-artic > h3 {
  font-size: 1.2em;
}

.cont-content-artic > h4 {
  margin-bottom: 30px;
  font-size: 1.2em;
  color: var(--grayHard);
}

.cont-content-artic > p {
  margin-bottom: 20px;
}

.cont-content-artic > a {
  color: var(--cuentas);
  font-size: 0.8em;
  font-weight: 600;
  padding-bottom: 5px;
  border-bottom: 2px solid;
}

.caja-blanca-blog, .caja-blog-video {
  background: #fff;
  width: 100%;
  max-width: 350px;
  padding: 25px;
  border: 1px solid #D5D5D5;
  border-radius: 8px;
  margin: 40px auto;
}

.caja-blog-video {
  max-width: 535px;
  padding: 0;
  background: transparent;
  border: none;
}

.caja-blog-video p {
  text-align: center;
  margin-bottom: 10px;
}

.caja-blog-video iframe {
  border: 1px solid #D5D5D5;
  border-radius: 8px;
}

.share-artc a {
  background: var(--cuentas);
}

.share-artc ul .pag-arrow-left, .share-artc ul .pag-arrow-right {
  background: transparent;
  border: 1px solid var(--grayHard);
  transform: initial;
  width: 100px;
  font-size: 0.8em;
  padding: 0 15px;
}

.share-artc ul .pag-arrow-left:hover, .share-artc ul .pag-arrow-right:hover {
  background: #E3E3E9;
}

.share-artc ul .pag-arrow-left {
  margin-right: 25px;
}

.share-artc ul .pag-arrow-right {
  margin-left: 25px;
}

.share-artc ul .pag-arrow-left img {
  transform: rotate(90deg);
  margin-right: 6px;
}

.share-artc ul .pag-arrow-right img {
  transform: rotate(-90deg);
  margin-left: 6px;
}

.art-imgBG {
  position: relative;
  height: 195px;
  width: 280px;
  overflow: hidden;
  border-radius: 15px;
  background: #000;
  display: flex;
  justify-content: center;
  align-items: center;
}

.art-imgBG img {
  height: 100%;
  opacity: 0.5;
}

.art-tt {
  position: absolute;
}

.art-txt {
  width: 100%;
}
/* End Entrada */

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

.bnnasis-img {
  max-width: 294px;
  margin: 0 auto;
}

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

div.search-preg {
  width: 100%;
  max-width: 500px;
}

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

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

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

.preg-item {
  background: #fff;
}

.preg-item>p {
  text-align: left;
  font-size: var(--p-s);
  padding: 25px 20px;
  color: var(--textos2);
}

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

.preg-item>summary {
  display: flex;
  align-items: center;
  padding: 10px 20px;
}

.preg-item>summary::after {
  flex-shrink: 0;
  width: 15px;
  height: 15px;
  margin-left: auto;
  content: "";
  background-image: url(../../servicios/images/generales/chevron-down-red.svg);
  background-size: 18px;
  background-position: center center;
  transition: transform 0.6s;
}

details.preg-item[open] summary::after {
  transform: rotate(180deg);
}

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

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

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

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

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

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

.cont-catPreguntas .cat-item, .cat-btn, .cont-preg-preguntas .cat-btn:not(.collapsed) {
  background: var(--grayMedium);
  border-radius: 0;
}

.cont-catPreguntas .cat-item, details.product.subcategory {
  transition: all 1s;
  background: transparent;
  position: relative;
  border-radius: 0px;
  border: none;
  border-bottom: 1px solid #D5D5D5;
  margin-bottom: 30px;
}

.cont-catPreguntas .cat-item, details.service.subcategory {
  transition: all 1s;
  background: transparent;
  position: relative;
  border-radius: 0px;
  border: none;
  border-bottom: 1px solid #D5D5D5;
  margin-bottom: 30px;
}


.cont-catPreguntas .cat-item, details.other.subcategory {
  transition: all 1s;
  background: transparent;
  position: relative;
  border-radius: 0px;
  border: none;
  border-bottom: 1px solid #D5D5D5;
  margin-bottom: 30px;
}



.cont-preg-preguntas .accordion-item .accordion-button.cat-btn, .cont-preg-preguntas .accordion-item .accordion-button.cat-btn.collapsed, details.product.subcategory>summary {
  min-height: 80px;
  font-size: 1.3em;
  font-weight: 300;
  margin: 0;
  border-radius: 0;
  padding: 30px 0px;
  justify-content: space-between;
  background: transparent;
  border: none;
  transition: all 0.7s;
  position: initial;
  box-shadow: none;
}

.cont-preg-preguntas .accordion-item .accordion-button.cat-btn, .cont-preg-preguntas .accordion-item .accordion-button.cat-btn.collapsed, details.service.subcategory>summary {
  min-height: 80px;
  font-size: 1.3em;
  font-weight: 300;
  margin: 0;
  border-radius: 0;
  padding: 30px 0px;
  justify-content: space-between;
  background: transparent;
  border: none;
  transition: all 0.7s;
  position: initial;
  box-shadow: none;
  
}

.cont-preg-preguntas .accordion-item .accordion-button.cat-btn, .cont-preg-preguntas .accordion-item .accordion-button.cat-btn.collapsed, details.other.subcategory>summary {
  min-height: 80px;
  font-size: 1.3em;
  font-weight: 300;
  margin: 0;
  border-radius: 0;
  padding: 30px 0px;
  justify-content: space-between;
  background: transparent;
  border: none;
  transition: all 0.7s;
  position: initial;
  box-shadow: none;
}

summary::-webkit-details-marker, summary::marker {
  display: none;
  font-size: 0;
  color: transparent;
}


details.product.subcategory::after {
  content: "Ver más";
  background: transparent;
  border: 1px solid var(--grayHard);
  color: var(--grayHard);
  box-shadow: none;
  border-radius: 50px;
  font-size: var(--span-s);
  font-weight: 400;
  transition: all 0.5s;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px;
  width: 100%;
  padding: 3px 10px;
  max-width: 110px;
  position: absolute;
  top: 30px;
  right: 0;
  pointer-events: none;
}

details.product.subcategory[open]::after {
  content: "Ver menos";
}

details.service.subcategory[open]::after {
  content: "Ver menos";
}

details.other.subcategory[open]::after {
  content: "Ver menos";
}

details.service.subcategory::after {
  content: "Ver más";
  background: transparent;
  border: 1px solid var(--grayHard);
  color: var(--grayHard);
  box-shadow: none;
  border-radius: 50px;
  font-size: var(--span-s);
  font-weight: 400;
  transition: all 0.5s;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px;
  width: 100%;
  padding: 3px 10px;
  max-width: 110px;
  position: absolute;
  top: 30px;
  right: 0;
  pointer-events: none;
}

details.other.subcategory::after {
  content: "Ver más";
  background: transparent;
  border: 1px solid var(--grayHard);
  color: var(--grayHard);
  box-shadow: none;
  border-radius: 50px;
  font-size: var(--span-s);
  font-weight: 400;
  transition: all 0.5s;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px;
  width: 100%;
  padding: 3px 10px;
  max-width: 110px;
  position: absolute;
  top: 30px;
  right: 0;
  pointer-events: none;
}


.cont-preg-preguntas .accordion-button.cat-btn::after {
  display: none;
}

.cat-btn .border-button {
  margin: 0px;
  width: auto;
  padding: 3px 10px;
  font-size: 0.65em;
  min-width: 90px;
}

.accordion-button.cat-btn.collapsed .border-button::after {
  content: "Ver más";
}

.accordion-button.cat-btn .border-button::after {
  content: 'Ver menos';
}

.cat-item .accordion-body{
  padding: 0;
}

.cont-pregCat {
  width: 90%;
  padding: 20px 25px;
  border-radius: 12px;
  background: var(--grayHard);
  background-size: cover;
}

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

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

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

.check-cat {
  color: var(--white);
  cursor: pointer;
}

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

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

.list-catCont > li {
  margin-top: 10px;
}

.cont-pregCat li  {
  display: block;
  width: 100%;
}

.cont-pregCat .nav-link {
  text-align: left;
}

.select-preg {
  background-color: rgb(224, 226, 232);
  border-radius: 50px;
  max-width: 365px;
  margin-bottom: 25px;
}

.select-preg:focus-visible {
  outline: 1px solid #afb0b5;
}

.bg-redDeg {
  position: relative;
  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;
  border-radius: 20px;
  padding: 25px;
  padding-left: 15px;
}

.mask-item-preg {
  position: absolute;
  top: calc(50% - 31px);
  right: -1px;
}

.cont-pregCat ul {
  border-bottom: none;
}

.cont-pregCat .nav-link {
  font-size: 0.9em;
  line-height: 1.2em;
  border-radius: 50px;
  color: var(--white);
  margin-bottom: 15px;
  width: 100%;
  padding: 10px;
  transition: all 0.6s;
  border: none;
}

.cont-pregCat .nav-link:hover {
  background: rgb(255 255 255 / 20%);
  border: none;
}

.cont-pregCat .nav-tabs .nav-link.active {
  color: var(--redDavivienda);
}

.cont-pregCat .nav-tabs .nav-link.active:hover {
  background: var(--white);
}
/* End Preguntas frecuentes */

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

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

.bgCat-gris h1, .bgCat-gris p, .resp-cat .preg-catTT, .resp-cat .list-catCont input[type="radio"]:checked ~ .check-cat{
  color: var(--grayHard) !important;
}

.bgCat-gris .search-preg input[type="text"].input-search, .bgCat-gris .search-preg input[type="text"].input-search::placeholder, .bgCat-gris .search-preg .btn-search i, .resp-cat .check-cat {
  color: #7E7E7E;
}

.bgCat-gris .search-preg input[type="text"].input-search {
  border: 1px solid #C3C3C3;
}

.filter-rest {
  position: relative;
  margin-bottom: 50px;
}

.rest-filtro {
  margin: 0;
  padding: 0;
  padding-bottom: 1em;
  overflow: auto;
}

.rest-filtro li {
  list-style: none;
  width: auto;
  min-width: inherit;
}

.check-rest {
  box-shadow: #DEDEDE 0px -1px 0px 0px inset;
  cursor: pointer;
  color: var(--texto-claro);
  display: block;
  font-weight: 400;
  font-size: var(--span-s);
  line-height: 1em;
  padding: 0px 2.9vw;
  padding-bottom: 10px;
  text-align: center;
  width: 100%;
  white-space: nowrap;
}

.rest-filtro input[type="radio"]:checked ~ .check-rest {
  box-shadow: var(--redDavivienda) 0px -3px 0px 0px inset;
  font-weight: 600;
  color: var(--texto-oscuro);
}

.rest-vanish {
  background: rgb(235,236,240);
  background: -moz-linear-gradient(280deg, rgba(235,236,240,1) 0%, rgba(235,236,240,0) 100%);
  background: -webkit-linear-gradient(280deg, rgba(235,236,240,1) 0%, rgba(235,236,240,0) 100%);
  background: linear-gradient(280deg, rgba(235,236,240,1) 0%, rgba(235,236,240,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ebecf0",endColorstr="#ebecf0",GradientType=1);
  position: absolute;
  height: 100%;
  width: 100px;
  right: -1px;
  top: -10px;
  pointer-events: none;
  display: none;
}

.tt-rest {
  font-weight: 600;
  font-size: 1.25em;
  text-decoration: underline;
  transition: all 0.6s;
}

.tt-rest::before {
  content: url(../images/generales/item.svg);
  margin-right: 7px;
}

.tt-rest:hover {
  color: var(--redDavivienda);
}

.rest-respuesta {
  padding-bottom: 15px;
  border-bottom: 1px solid #DEDEDE;
  margin-bottom: 35px;
}
/* End Resulltados */

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

.bnn-interna {
  background: rgb(250,250,250);
  background: url(../images/generales/bg-ofertas.png) no-repeat, -moz-linear-gradient(280deg, rgba(250,250,250,1) 100%, rgba(255,255,255,0) 100%);
  background: url(../images/generales/bg-ofertas.png) no-repeat, -webkit-linear-gradient(280deg, rgba(250,250,250,1) 100%, rgba(255,255,255,0) 100%);
  background: url(../images/generales/bg-ofertas.png) no-repeat, linear-gradient(280deg, rgba(250,250,250,1) 100%, rgba(255,255,255,0) 100%);
  background-position: center left -125px;
  border: 1px solid var(--white);
}

.bann-otros .bannercat-img {
  margin-top: initial;
}

.bann-otros .container > div > div > h1, .bann-otros .container > div > div > p {
  color: var(--grayHard);
}

.bann-otros .container > div > div > h1 {
  margin-top: 15px;
  font-weight: 900;
}

.bann-otros .container > div > div > p {
  font-size: var(--p-m);
}

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

.bann-otros ul li {
  font-weight: 600;
  margin-bottom: 8px;
  font-size: var(--span-m);
}

.bann-otros .descubra {
  margin-top: 15px;
}

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

.line_bottom {
  width: 100%;
  height: 5px;
  border-radius: 50px;
  background: rgb(71,39,121);
  background: -moz-linear-gradient(280deg, rgba(71,39,121,1) 0%, rgba(54,72,155,1) 100%);
  background: -webkit-linear-gradient(280deg, rgba(71,39,121,1) 0%, rgba(54,72,155,1) 100%);
  background: linear-gradient(280deg, rgba(71,39,121,1) 0%, rgba(54,72,155,1) 100%);
}

.bg-desbanecer {
  position: relative;
}

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

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

.box-valor {
  background-color: var(--grayMedium);
  padding: 10px;
  border-radius: 8px;
}

.box-comboImage {
  width: 100%;
  border-radius: 10px;
  margin-bottom: 20px;
}

.pasos-home .item-introPaso h3 span {
  color: var(--white);
  font-weight: 900;
  font-size: 20px;
  line-height: 22px;
  padding: 12px 0px;
}

.iconofertas {
  width: 24px;
  margin-top: -1px !important;
}
/* End Ofertas */

/* Lo-nuevo */
.secc-loNuevo .white-button {
  background: transparent;
}

.bnnasis-img {
  max-width: 294px;
  margin: 0 auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.asis-phone {
  width: 100%;
}

.ico-new {
  max-width: 22px;
}
/* End Lo-nuevo */

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

/* Mi-Perfil */
.tab-miPerfil {
  gap: 20px;
  border: none;
}

.mp-btnImg {
  overflow: hidden;
  height: 85px;
  border-radius: 15px 15px 0 0;
}

.tab-miPerfil li {
  padding: 0;
  width: 47%;
}

.tab-miPerfil li button.nav-link {
  width: 100%;
  border-radius: 15px;
  background: transparent;
  border: none;
  outline: none;
}

.tab-miPerfil li button.nav-link.active {
  background: transparent;
  border: none;
}

.mp-btnTxt {
  position: relative;
  background: #e4e5ea;
  padding: 20px 30px 30px;
  border-radius: 0 0 15px 15px;
  transition: all 0.3s;
}

.mp-leitmotive {
  position: absolute;
  background: #C2C5CF;
  height: 28px;
  width: 28px;
  border-radius: 50px;
  bottom: -15px;
  left: 0;
  right: 0;
  margin: 0 auto;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tab-miPerfil li .nav-link.active .mp-leitmotive, .tab-miPerfil li .nav-link:hover .mp-leitmotive {
  background: var(--redDavivienda);
}

.tab-miPerfil li .nav-link.active .mp-btnTxt {
  background: var(--white);
}

.mp-btnTxt h4 {
  color: #7E7E7E;
  transition: all 0.3s;
}

.mp-btnTxt p {
  color: #A3A3A3;
  transition: all 0.3s;
}

.tab-miPerfil li button.nav-link.active .mp-btnTxt h4 {
  color: var(--BlackLight);
}

.tab-miPerfil li button.nav-link.active .mp-btnTxt p {
  color: var(--textos2);
}

.mp-btnImg img {
  filter: grayscale(1);
  opacity: 0.5;
  transition: all 0.3s;
}

.tab-miPerfil li button.nav-link.active .mp-btnImg img {
  filter: grayscale(0);
  opacity: 1;
}

.mp-leitmotive img {
  width: 9px;
}
/* End Mi-Perfil */

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

/* Error-404 */
.err-vermas {
  max-width: 465px;
}

.err-img {
  max-width: 348px;
}

.err-card {
  background: var(--white);
  border-radius: 13px;
  /* padding: 20px;
  padding-bottom: 0; */
}

.err-card-w {
  width: 47%;
  max-width: 218px;

}

.err-phone-3 {
  position: absolute;
  height: 100%;
  right: 10px;
  top: 0;
}

.err-card-3 {
  height: 210px;
}

.err-txt-3 {
  max-width: 400px;
}

.err-ancla {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}
/* End Error-404 */

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

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

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

@media only screen and (max-width: 992px) {
  .principalText {
    padding-left: 0px;
    padding-right: 0px;
  }

  .bg-llaves{
    background-image: url(../images/generales/bg-Llaves.png);
      background-size: cover;
      background-position: left -380px center !important; 
    }
  /* 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;
  }
  /* 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;
  }
  /* 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-lo nuevo  */
  .secc_perfil, .cont-empreBuzon {
    width: 100%;
  }

  .arrows_center .regular-dots-arrows .slick-next, .arrows_center .regular-dots-arrows .slick-prev {
    bottom: initial;
    top: 20%;
  }
  
  .arrows_center .regular-dots-arrows .slick-prev {
    right: initial;
    left: -13px;
  }
  
  .arrows_center .regular-dots-arrows .slick-next {
    right: -13px;
  }
  /* 992-End lo nuevo  */

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

  /* 992 - Home General */
  .video-home .cont-videoHome h3{
    margin-top: 0;
  }
  .video-home .cont-videoHome span img{
    rotate: 90deg;
  }
  .video-home .box-video{
    margin-top: 40px;
  }
  .pasos-home .item-paso-home{
    height: 400px;
  }
  .item-new .txt-itemNew{
    padding-right: 25px;
  }
  /* 992 - End Home General */

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

  /* 992 Resulltados */
  .rest-vanish {
    display: block;
  }

  .check-rest {
    padding: 0 25px;
    padding-bottom: 10px;
  }
  /* 992 End Resulltados */

}

@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-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-categoria.bann-otros .container {
    padding: 35px 20px 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.6em;
}
  /* 767-End Section-banner */

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

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

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

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

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

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

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

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

  .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-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 */
   /* 767-Info importante */
  .bg-combo2{
    margin-top: 60px;
  }
  .infoProd-importante-all .box-comboImage{
    height: 150px;
  }
  
   /* 767-End Info importante */

  /* 767-Home general */
  .banner-kv{
    background-image: url(../images/home-general/kv-bg-m.jpg);
    padding: 100px 0;
    text-align: center;
  }
  .banner-kv .kv-img2{
    width: 80%;
    margin: 0 auto;
    margin-bottom: 30px;
  }
  .banner-kv .kv-img1{
    width: 100%;
  }
  .descubra-home {
    margin-left: 0;
    left: 0;
    right: 0;
    padding-top: 25px;
  }
  .descubra-home i{
    font-size: 30px;
  }
  .pasos-home .item-paso-home {
    height: 400px;
  }
  .pasos-home .aviso img{
    margin: 0 auto;
    width: 85px;
    margin-bottom: 20px;
  }
  .bnnHome-preguntas .box-bnnHome-preguntas .img-bnnHome-preguntas img {
    position: relative;
    display: block;
    margin: 0 auto;
    bottom: 0;
    right: 0;
  }
  .bnnHome-preguntas .box-bnnHome-preguntas .info-bannerPreguntas {
    padding: 30px;
  }
  .bnnHome-preguntas .box-bnnHome-preguntas .info-bannerPreguntas a button {
    width: 100%;
  }
  .news-app {
    padding: 20px 0;
  }
  .bnnHome-preguntas {
    padding: 80px 0 70px 0;
  }
  .news-app .slider-home .item-new{
    height: auto;
  }

  .item-new .txt-itemNew{
    padding: 20px;
    text-align: left;
  }
  .bnnHome-lo-nuevo .box-bnnHome-lo-nuevo .info-bannerlo-nuevo {
    padding: 30px 0 30px 0;
}
  .bnnHome-lo-nuevo .box-bnnHome-lo-nuevo .img-bnnHome-lo-nuevo img{
    position: relative;
    margin: 0 auto;
    max-width: 100%;
    right: 0;
    left: 0;
  }
  .bnnHome-lo-nuevo {
    padding: 80px 0 70px 0;
  }
  /* 767-End Home general */

  /* 767-Blog */
  .filt-btn {
    padding: 8px 20px;
  }

  .blog-articulo {
    max-width: 100%;
  }

  .cont-articulos .blog-articulo:first-child {
    display: block;
  }

  .cont-articulos .blog-articulo:first-child .artic-img img {
    height: auto;
    width: 100%;
  }

  .cont-articulos .blog-articulo:first-child .artic-txt {
    margin-left: 0;
    padding-top: 15px;
  }

  .cont-articulos .blog-articulo:first-child .artic-img {
    height: 145px;
    max-height: initial;
    max-width: initial;
  }

  .artic-txt {
    min-height: initial;
  }
  /* 767-End Blog */

  /* 767- Entrada */
  .entrada-img {
    height: 170px;
    border-radius: 15px;
  }

  .share-artc ul .pag-arrow-right, .share-artc ul .pag-arrow-left  {
    margin: 0px 7.5px;
    width: 35px;
  }

  .share-artc ul .pag-arrow-left span, .share-artc ul .pag-arrow-right span {
    display: none;
  }

  .share-artc ul .pag-arrow-right img {
    margin-left: 0px;
  }

  .share-artc ul .pag-arrow-left img {
    margin-right: 0px;
  }

  .art-imgBG {
    height: 100px;
    width: 100%;
    max-width: 350px;
    margin: 0 auto;
    margin-bottom: 20px;
  }

  .art-imgBG img {
    height: auto;
    width: 100%;
  }
  /* 767-End Entrada */

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

  /* 767-Flechas HomeProds nuevo banner*/
  .banner-inicial{
    padding: 90px 0px 0px 0;
  }
  .banner-inicial .homeProd-dots-arrows .slick-next, .homeProd-dots-arrows .slick-prev {
    display: none !important;
  }
  .banner-inicial .homeProd-dots-arrows .slick-prev {
   display: none !important;
  }

}

@media (min-width: 1200px) {
 
  .principalText {
    padding-left: 200px;
    padding-right: 200px;
  }
  }
@media (max-width: 576px) {
  .btns-appDescarga {
    max-width: 265px;
  }

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

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

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

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

  .titulo-muyLargo {
    font-size: 1.8rem;
    white-space: normal;
    line-height: 1.2; /* Opcional, para evitar que quede apretado */
  }
  
  /* 525-End personalizacion y asistencias  */

  /* 525 Error-404 */
  .err-card-w {
    width: 100%;
    max-width: 218px;
    margin: 0 auto;
    margin-bottom: 35px;
  }

  .err-card-3 {
    height: auto;
    width: 100%;
    max-width: 218px;
    margin: 0 auto;
  }

  .err-fakephone-3 {
    display: none;
  }

  .err-phone-3 {
    position: initial;
    height: auto;
  }
  /* 525 End Error-404 */

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

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

@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 - Blog */
  .recom-line {
    top: 0px;
    height: 100%;
    right: 0px;
    left: initial;
    border-radius: 0px 6px 6px 0px;
    width: 9px;
  }

  .recom-txt {
    padding: 10px;
  }

  .recom-txt h5 {
    margin-bottom: 0;
  }

  .recom-img {
    max-width: 65px;
  }
  /* 320 - End Blog */

  /* 320 - Entrada */
  .pag-blog ul a {
    height: 30px;
    width: 30px;
    margin: 0px 3px;
  }
  /* 320 - End Entrada */

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


/* BOTON-FORM */
#nesecitaAcompanamiento, #loLlamamos {
  background: var(--redDavivienda);
  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(--redDavivienda) inset;
  transition: all 0.5s;
  display: flex;
  align-items: center;
}

#nesecitaAcompanamiento:hover, #loLlamamos:hover {
  background: var(--grayHard);
  box-shadow: 0 0 0 1px #d8d8d8 inset;
}

#nesecitaAcompanamiento span, #loLlamamos span {
  margin-left: 10px;
  font-size: 0.85em;
}
/* End BOTON-FORM */


@media only screen and (max-width: 767px) {
  /* Estilos que se aplicarán cuando el ancho de la pantalla sea 767px o menos */
  #nesecitaAcompanamiento, #loLlamamos {
    width: 100%;
    justify-content: center;
    right: 0;
  }
}
/* MODALES AUTOGESTION PRINCIPALIDAD */
.modales-autogestion-principalidad .modal-close {
  z-index: 10;
}
.modales-autogestion-principalidad .box-one {
  border-radius: 25px;
  /* border:2px solid red; */
  position: relative;
  z-index: 2;
  background: #ffffff;
}
.modales-autogestion-principalidad .box-two {
  border-radius: 25px;
  background: linear-gradient(to right, #d8d8d8 0%, #fff 100%);
  border: 1px solid #f7f7f7;
  box-shadow: -30px 15px 30px rgba(0, 0, 0, 0.33);
}
.boxes p {
  font-size: var(--p-m);
}

.modales-autogestion-principalidad .boxes {
  font-size: var(--p-m);
}



.modales-autogestion-principalidad .boxes ul {
  list-style-image: url("../images/generales/item.svg");
}

.modales-autogestion-principalidad .boxes ul li {
  font-weight: 600;
  margin-bottom: 8px;
  font-size: var(--span-m);
}

.modales-autogestion-principalidad .boxes ul li span, .modales-autogestion-principalidad .boxes ul li h3 {
  /*display: block;*/
  margin-left: 5px;
  font-size: inherit;
}
.modales-autogestion-principalidad i {
  font-size: 15px;
}
.radiusModal {  
  border-radius: 20px;
}
.modal-body {
  border-bottom: 1px dashed #707070;
}
.form-check-input:checked {
  background-color: #e1111c !important;
  border-color: #e1111c !important;
}

.cardPlanModal {
  border-radius: 15px;
  background: #fff;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}
.check {
  width: auto;
}
.modal-NecesitaCasa > img{
  width: 100% !important;
}
.modal-NecesitaCasa .modal-dialog-centered{
  max-width: 400px !important;
}

.w-logos {
  width: 450px;
}
.logoBreb {
  max-width: 50px;
}
.p-generico {
  font-size: var(--p-m);
}
.logoColorBreb {
  max-width: 150px;
}
.text-justify {
  text-align: justify !important;
}