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

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

/************btnwatsp****************/
	/******btnflotante****/
	.btn-flotante {
	font-size: 16px; /* 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 { display: block;     border: 1px solid #ccc;
    border-radius: 10px;
    padding: 10px 15px;
    display: flex;
    align-items: center; font-size:16px;margin:5px 0px; background:#eee; color:#396b9c; text-decoration:none; box-shadow:2px 2px 2px #ddd }
		.modal-flotante a:hover{ background:#d9d9d9; transition: all 0.5s; }
		
		.modal-flotante a span.material-icons{top:0px;}
		.modal-flotante a img { height: 50px; width: auto} 
		




/**************** MOBILE ***************/

@media (max-width:480px){
	
	/*****/
	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;}
	/*****/
	
}