/* CSS Document */
h1, h2, h3, h4, h5 {
  font-family: 'Urbanist';
  font-weight: 900;
}
p, li, span, a, label, input {
  font-family: 'Urbanist';
  font-weight: 500;
}
p {
  font-size: 1.1rem
}
h2 {
  font-size: 2.5rem
}
#para-tu-marca-slogan h2 {
  font-size: 2.5rem;
  color: #000000;
}
#para-tu-marca-slogan p {
  font-size: 1.4rem;
}
#para-tu-marca-beneficios {}
#para-tu-marca-beneficios p, #nosotros-quehacemos p {
  color: #085A7F
}
/** homepage **/
#home-ventas ul li, #venta-inicio ul li, #para-tu-marca-inicio ul li, #para-tu-marca-tipo ul li {
  font-size: 1.6rem;
  color: #085A7F;
  list-style: none;
  list-style-image: url("../images/asset-listado.png");
  line-height: 1.1;
  margin-bottom: 10px;
}
.text-destacado {
  font-size: 1.4rem
}
.text-lila {
  color: #b9508a
}
.text-green {
  color: #00b086;
}
.destacado {
  font-family: 'Urbanist';
  align-self: center;
  font-size: 3rem;
  line-height: 1.2;
  color: #ffe7df;
  font-weight: bold;
}
.text-cyan {
  color: #7fcbd3;
}
/** top header **/
.form-inline .form-control {
  background: #1679B3;
  color: #ffffff
}
.form-inline .form-control::placeholder {
  color: #fff
}
.bg-primary {
  background: #1679B3;
}
a.navbar-brand img {
  height: 100px;
}
.logo-ctc img {
  height: 80px;
}
.input-card::placeholder {
  text-align: center;
}
/** consulta de saldo**/
.form-gc-consulta {
  font-size: 20px
}
.form-gc-consulta .form-control {
  background: inherit;
  color: #fff;
}
.form-gc-consulta .form-control .input-group-text span {
  text-align: center;
  font-size: 18px
}
/** **/
.form-gc-consulta input.form-control::placeholder {
  color: #ccc
}
#inputBinGC, #inputCardNumber2do, #inputCardNumber3ro, #inputCardNumber4to {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  background: #fff;
  color: #007BB5;
	border-radius: 50px;
}
/*h1,h2,h3 {color:#};*/
/** accordion faq **/
#accordionFaq .card-header {
  background: #fff;
  cursor: pointer;
  color: #085a7f;
  border-bottom: 2px solid #085a7f;
}
#accordionFaq .card-header::before {}
#accordionFaq .card-header h5 {
  border-bottom: 0px solid #085a7f;
}
#accordionFaq .card {
  border-radius: 15px;
  border: 0;
}
/*.card-header h5 {padding:5px 0px;}*/
.card-header span.material-icons {
  position: relative;
  top: 5px;
  border-bottom: 0px;
  color: #00ac88;
}
/*.card-header:first-child {border-radius: 10px 10px 0 0;}

#accordionFaq .card:last-of-type {border-radius: 0 0 10px 10px ;}*/
/**sections **/
.section-venta div img {
  width: 250px;
}
.section-ventacorp {
  min-height: 100vh;
}
#home-ventas {
  background-image: url("../images/bg-rayas.png");
  background-size: cover;
  background-repeat: no-repeat
}
.home-ventas {}
@media(max-width:480px) {
  #home-ventas {
    background-image: url("../images/bg-rayas-xs.png");
    background-size: cover;
    background-repeat: no-repeat
  }
}
.section-form-contacto {
  background-color: #171714;
  background-image: url("../images/bg-form-footer.png");
  background-size: cover;
  background-repeat: no-repeat
}
.section-form-ventas {
  background-color: #00b086;
  background-image: url("../images/bg-form-footer.png");
  background-size: cover;
  background-repeat: no-repeat
}
.section-footer {}
.section-gc {
  min-height: 80vh;
  display: flex;
  align-items: center;
}
.section-faq {
  /*min-height: 80vh;*/
  display: flex;
  align-items: center;
}
.section-home-slogan { /*min-height: 80vh; display: flex; align-items: center;*/
}
.home-slogan {
  min-height: 50vh;
}
.bg-slogan {
  background: #007bb5
}
.section-gc-new {
  /*min-height: 80vh;*/
  min-height: 60vh;
  display: flex;
  align-items: center;
  background-image: url("../images/bg-section-form-izq.png"), url("../images/bg-section-form-der.png"), url("../images/bg-section-form-center.png");
  background-size: contain, contain, contain;
  background-position: left, right, center;
  background-repeat: no-repeat, no-repeat, no-repeat;
}
.bg-gc-form {
  /* background-image: url("../images/bg-gc-form.png");
  background-size: cover;
  background-repeat: no-repeat;*/
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}
.bg-footer-tyc {
  background-color: #7fcbd3;
  background-image: url("../images/border-bottom.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.bg-powered {
  background-color: #fff;
}
/** page nosotros **/
.icons-nosotros div img {
  max-height: 80px;
}
/**/
/**menu links **/
.navbar-light .navbar-nav .nav-link {
  font-weight: bolder;
  color: #085a7f;
  font-family: 'Plus Jakarta Sans';
  text-transform: uppercase;
  font-size: 14px;
  font-size: 13px
}
ul.navbar-nav .nav-item {
  border-left: 2px solid #7fcbd3;
}
ul.navbar-nav .nav-item:first-child {
  border-left: 0px solid #ccc;
}
.navbar-light .navbar-nav .nav-link:hover {
  color: #1679B3
}
/****/
.btn {
  font-family: 'Plus Jakarta Sans';
  font-weight: bolder;
  border-radius: 50px;
}
.btn-primary {
  background-color: #007bb5;
  border-color: #007bb5;
  text-transform: capitalize;
}
.btn-secondary {
  background-color: #b9508a;
  border-color: #b9508a;
  text-transform: capitalize;
  color: #fff;
}
.btn-secondary:hover {
  background: #ad3374;
  border-color: #ad3374
}
.btn-lg {
  padding: 10px 30px;
  min-width: 250px;
  font-size: 24px;
}
/****/
.img-ventacorporativa {
  max-width: 500px;
  width: 100%
}
.img-paratumarca {
  max-width: 500px;
  width: 100%
}
.img-pc {
  max-width: 700px;
  width: 100%;
  padding-top: 40px
}
.img-responsive {
  width: 100%;
  height: auto;
}
@media(max-width:480px) {
  /*.home-slogan{flex-direction: column;}*/
  .home-ventas {
    flex-direction: column
  }
}
/***** para tu marca *******/
#para-tu-marca-inicio {
  background-image: url("../images/bg-beneficios-inicio-left.png"), url("../images/bg-beneficios-inicio-bottom.png");
  background-size: contain, contain;
  background-position: left, bottom;
  background-repeat: no-repeat, no-repeat;
}
#para-tu-marca-slogan {
  background-color: #fff0eb;
}
#para-tu-marca-beneficios {
  background-image: url("../images/bg-beneficios-top.png");
  background-size: contain;
  background-position: top;
  background-repeat: no-repeat
}
#para-tu-marca-elegi {
  background-image: url("../images/bg-elegi-izq.png"), url("../images/bg-elegi-right.png"), url("../images/bg-elegi-bottom.png");
  background-size: contain, contain, contain;
  background-position: left, right, bottom;
  background-repeat: no-repeat, no-repeat, no-repeat;
}
#para-tu-marca-tipo {
  background-color: #d6f2eb;
  background-image: url("../images/bg-beneficios-tipos-left.png2"), url("../images/bg-beneficios-tipos-right.png2");
  background-position: left, right;
  background-repeat: no-repeat, no-repeat;
}
#para-tu-marca-sumate {
  background-image: url("../images/bg-beneficios-sumate-top.png");
  background-size: contain;
  background-position: top;
  background-repeat: no-repeat
}
#para-tu-marca-gc {
  background-image: url("../images/bg-beneficios-sumate-left.png2"), url("../images/nosotros-porfolio-bottom.png");
  background-size: contain, contain;
  background-position: left, bottom;
  background-repeat: no-repeat, no-repeat;
  padding-bottom: 250px;
}
/**** venta corporativa ******/
#venta-inicio {
  background-image: url("../images/venta-inicio-bg-bottom.png"), url("../images/venta-inicio-bg-izq.png"), url("../images/venta-inicio-bg-der.png");
  background-size: contain, contain, contain;
  background-position: bottom, left, right;
  background-repeat: no-repeat, no-repeat, no-repeat;
}
#venta-comunicate {
  background-image: url("../images/venta-comunicate-bg-bottom.png");
  background-size: contain;
  background-position: bottom;
  background-repeat: no-repeat;
  background-color: #007bb5;
  min-height: 50vh;
}
#venta-explora {
  background-image: url("../images/venta-explora-bg-izq.png"), url("../images/venta-explora-bg-der.png");
  background-size: contain, contain;
  background-position: left, right;
  background-repeat: no-repeat, no-repeat;
}
#venta-giftcards {
  background-image: url("../images/venta-explora-bg-bottom.png");
  background-size: contain;
  background-position: bottom;
  background-repeat: no-repeat;
  padding-bottom: 230px;
}
#venta-corporativa-form {
  background-color: #007bb5;
}
/**** nosotros  ****/
#nosotros-inicio {
  background-image: url("../images/nosotros-inicio-bg-izq.png"), url("../images/nosotros-inicio-bg-der.png"), url("../images/nosotros-inicio-bg-top.png");
  background-size: contain, contain, contain;
  background-position: left, right, top;
  background-repeat: no-repeat, no-repeat, no-repeat;
}
#nosotros-quehacemos {
  background-image: url("../images/nosotros-quehacemos-bg-izq.png"), url("../images/nosotros-quehacemos-bg-der.png");
  background-size: contain, contain;
  background-position: left, right;
  background-repeat: no-repeat, no-repeat;
}
.nosotros-quehacemos-bg {
  background-image: url("../images/nosotros-quehacemos-bg.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #fbf3de;
}
.nosotros-quehacemos-bg-top {
  background-image: url("../images/nosotros-quehacemos-bg-bottom.png");
  background-size: contain;
  background-position: bottom;
  background-repeat: no-repeat;
  /*  background-color: #fbf3de;*/
}
.nosotros-quehacemos-bg-bottom {
  background-image: url("../images/nosotros-quehacemos-bg-top.png");
  background-size: contain;
  background-position: top;
  background-repeat: no-repeat;
  /*  background-color: #fbf3de;*/
}
#nosotros-porfolio {
  background-image: url("../images/nosotros-porfolio-bottom.png"), url("../images/nosotros-quehacemos-bg-top.png");
  background-size: contain, contain;
  background-position: bottom, top;
  background-repeat: no-repeat, no-repeat;
  padding-bottom: 145px;
}
/***********subrayados*************/
.sub-1 {
  background-image: url("../images/bg-titulo-rapido.png");
  background-position: bottom;
  background-size: contain;
  background-repeat: no-repeat;
  padding: 20px;
  font-weight: bolder
}
.sub-1 strong {
  font-weight: 900;
}
.sub-2 {
  background-image: url("../images/bg-titulo-paratumarca.png");
  background-position: left;
  background-size: contain;
  background-repeat: no-repeat;
  padding: 20px 40px;
  font-weight: normal;
  line-height: 1.1;
}
.sub-2 strong {
  font-weight: 900;
}
.sub-3 {
  background-image: url("../images/bg-titulo-paraventa.png");
  background-position: left;
  background-size: contain;
  background-repeat: no-repeat;
  padding: 20px 40px;
  font-weight: normal;
  line-height: 1.1;
}
.sub-3 strong {
  font-weight: 900;
  font-size: 2.3rem
}
.sub-4 {
  padding: 20px;
  line-height: 1.2;
  font-weight: normal;
  color: #085a7f;
}
.sub-4 span {
  background-image: url("../images/bg-titulo-rapidapractica.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  padding: 15px 20px;
}
.sub-4 strong {
  font-size: 2.3rem; /*font-weight: 900;*/
}
.title-homepage {
  font-family: 'Urbanist';
  align-self: center;
  font-size: 3.5rem;
  line-height: 1.2;
  color: #ffe7df;
  font-weight: bold;
}
#para-tu-marca-inicio, #para-tu-marca-beneficios, #para-tu-marca-tipo, #home-ventas, #venta-inicio, #venta-comunicate, #nosotros-inicio, #nosotros-porfolio, #tengounagiftcard, #preguntas-frecuentes, .nosotros-quehacemos-bg {
  padding-bottom: 100px;
}
#nosotros-porfolio {
  padding-top: 100px;
  padding-bottom: 230px;
}
#preguntas-frecuentes {
  padding-top: 100px;
}
/************* footer *************/
.section-footer {
  background: #007bb5;
  color: #fff;
}
.section-footer .list-group-item {
  position: relative;
  display: block;
  padding: 0.5rem 1.25rem;
  margin-bottom: -1px;
  background-color: inherit;
  border: 0px solid rgba(0, 0, 0, 0.125);
}
.section-footer .list-group-item a {
  color: #fff;
}
.section-footer .list-group-item a {
  color: #fff;
  font-weight: normal
}
#formConsultarMovTarjetaHeader{float:right;}
#formConsultarMovTarjetaHeader span{font-size:1rem;font-weight: bold;}
#inputCardId{border-radius: 50px; border:0px;background:#ededed;box-shadow:0px 0px 3px 0px #ccc;margin:0 3px; color:#007bb5; text-align: center; font-weight: 900; font-size:1rem; height: auto;padding:2px 5px;}
#inputCardId:focus{box-shadow:0px 0px 3px 0px #007bb5}
#inputCardId:focus-visible{outline-color: #fff} 
#inputCardId::placeholder{color:#888; font-weight: bold;}

.navbar.navbar-expand-lg{box-shadow: 0px 2px 3px #ccc;}


/**************** MOBILE ***************/
@media (max-width:500px) {
  /*****/
  h2 {
    font-size: 2rem;
  }
  .sub-4 strong {
    font-size: 2rem;
  }
  .btn-lg {
    font-size: 1.2rem
  }
  /****/
  /** quienes somos **/
  #nosotros-inicio {
    background: #ffffff
  }
  /***venta corp**/
  #venta-inicio {
    background: #ffffff;
  }
  #venta-explora {
    background: #ffffff;
  }
  /*** para tu marca **/
  #para-tu-marca-elegi {
    background: #fff;
    background-image: url(../images/bg-elegi-bottom.png);
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat;
  }
  /** homepage **/
  .home-slogan {
    flex-direction: column;
  }
  .home-slogan img {
    width: 100px
  }
  .title-homepage {
    font-size: 2rem;
  }
  #home-ventas ul li, #venta-inicio ul li, #para-tu-marca-inicio ul li, #para-tu-marca-tipo ul li {
    font-size: 1.2rem;
    line-height: 1;
  }
  .section-gc-new {
    background: #b9508a;
  }
  .btn-lg {
    width: 100%;
  }
  .col-input {
    padding-left: 1px;
    padding-right: 1px;
  }
  .col-input input {
    padding-left: 2px;
    padding-right: 2px;
  }
  ul.navbar-nav .nav-item {
    border-left: 0px;
  }
  
	#inputCardId{width: 100%;}
	#formConsultarMovTarjetaHeader{flex-direction: column; float:none;}
	#formConsultarMovTarjetaHeader .btn {width:100%;}
}
/****/
.navbar-brand span {
  padding-left: 40px;
  /* display: none;*/
  font-size: 12px;
  color: #1a4c8a;
}
.navbar-brand span img {
  height: 60px;
  width: auto;
}
.btn-tocart {
  border: 2px solid #b9508a;
 /* background: #fff;*/
 /* color: #b9508a;*/
  text-transform: uppercase;
  font-size: 13px
}
/*** cambios en nosotros/styles/img-logoctcfooter ***/
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #ad3374;
  border-color: #ad3374;
}
/*************/
/******btnflotante****/
.btn-flotante {
  font-size: 18px; /* Cambiar el tamaño de la tipografia */
  text-transform: uppercase; /* Texto en mayusculas */
  font-weight: bold; /* Fuente en negrita o bold */
  color: #303030; /* Color del texto */
  border-radius: 5px; /* Borde del boton */
  /**background-color: #00a884; /* Color de fondo */
  padding: 18px 30px; /* Relleno del boton */
  position: fixed;
  bottom: 40px;
  right: 40px;
  transition: all 300ms ease 0ms;
  /*box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);*/
  z-index: 99;
}
.btn-flotante:hover {
  /*background-color: #03D4A7; /* Color de fondo al pasar el cursor */
  /*box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.3);*/
  transform: translateY(-7px);
}
.modal-flotante {
  position: fixed;
  bottom: 40px;
  right: 40px;
  transition: all 300ms ease 0ms;
  /*box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);*/
  z-index: 99;
}
@media only screen and (max-width: 600px) {
  .btn-flotante {
    font-size: 14px;
    padding: 12px 20px;
    bottom: 20px;
    right: 20px;
  }
}
.modal-flotante {
  position: fixed;
  bottom: 150px;
  right: 75px;
  transition: all 300ms ease 0ms;
  box-shadow: 0px 8px 15px rgb(0 0 0 / 10%);
  z-index: 99;
  background: #fff;
  padding: 10px;
  font-size: 20px;
  border-radius: 15px;
}
.modal-flotante a {
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 5px 10px;
  display: flex;
  align-items: center;
  font-size: 16px;
  margin: 5px 0px;
  background: #007bb5;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  box-shadow: 2px 2px 2px #ddd
}
.modal-flotante a:hover {
  background: #0092d7;
  transition: all 0.5s;
}
.modal-flotante a span.material-icons {
  top: 0px;
}
.modal-flotante a img {
  height: 50px;
  width: auto
}
/*************/
/***********/
#msg-captcha {
  /*display: block !important;*/
	  display: block;
}


.btn.btn-md.btn-secondary.btn-tocart{display:none;}