@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;900&display=swap');
:root {
/* estilos de la globa home */
    --e-global-color-primary: #0c2cdb;
    --e-global-color-secondary: #0c2cdb;
    --e-global-color-text: #262626;
    --e-global-color-accent: #d1da1f;
    --e-global-color-16b3f49: #012da2;
    --e-global-color-ac3d0bf: #222;
    --e-global-typography-primary-font-family: "Poppins";
    --e-global-typography-primary-font-weight: 600;
    --e-global-typography-secondary-font-family: "Raleway";
    --e-global-typography-secondary-font-weight: 400;
    --e-global-typography-text-font-family: "Raleway";
    --e-global-typography-text-font-weight: 400;
    --e-global-typography-accent-font-family: "Raleway";
    --e-global-typography-accent-font-weight: 500;
}

html{overflow: auto;}
body {
  font-family: 'Poppins', sans-serif;
  color: #222;
  background:#fffbf3; 
  overflow-x: hidden;
}
.oculto{visibility: hidden;}
.none{display: none;}
a {
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-decoration: none;
  color: #012da2; }
  a:hover, a:focus {
    text-decoration: none;
    outline: 0 !important;
  color: #0c2cdb; }
.btn.active, .btn:active{ box-shadow:none !important}
button {
  border: 0px; }
  button:focus {
    outline: 0 !important; }
li {
	list-style: disc;
    margin-left: -22px;
    line-height: 3rem;
    font-size: 1.8rem
}

h1{font-size: 6rem; letter-spacing:-0.05rem;font-family: 'Poppins' ;line-height: 6rem;}
h2 {font-family: 'Poppins', sans-serif; font-weight: 400; line-height: inherit;  font-size: 2rem; letter-spacing:-0.05rem;  color: #212121;}
h3 {font-size: 4.2rem; font-weight: 500;font-family: 'Poppins';letter-spacing: -0.08rem;}
h4{font-family: Raleway; font-size: 3.2rem; margin: 0 auto}
h5{ font-size: 21px;font-weight: 400;}
.medium-txt{font-size: 1.8rem; margin: 0px;letter-spacing: 0.02rem;}
.extra-txt{font-size: 7rem; margin-top:0px}
.bg-blanco{background: #ffffff}
.blanco{color: #fff !important; }
.bor-14{border-radius: 14px;}
.img-txt{ max-width:500px}
.ml-30{ margin-left: -30px !important;}
.bold{ font-weight: 600}
.semi-bold{ font-weight: 500}
.bg-azul{background-color:#0c2cdb}
.bg-azul-oscuro{background-color:#1b2db2}
.bg-verde{background-color:#d1da1f}
.bg-naranja{background-color:#FE6205}
.naranja-claro{color:#f3800c}
.verde{color:#d1da1f}
.azul{color:#0c2cdb}
.img-responsive-3 {display: block;  max-width: 135%; height: auto;margin: 100px 0px 0px -80px;}
/**header-area**/
@media only screen and (min-width: 768px) and (max-width: 991px){.header-area{box-shadow: none;}.main-menu.d-none.d-lg-block.scroll-to {  margin: 0px auto;  text-align: center;}.navbar-brand{ margin-top:10px; padding-left: 35% !important}}
@media only screen and (min-width: 576px) and (max-width: 767px){
	}
@media (max-width: 575px){.header-area{}}.header-area .header-bottom{padding:0px 85px}
@media only screen and (min-width: 1200px) and (max-width: 1600px){.header-area .header-bottom{padding:0px 30px}}
@media only screen and (min-width: 992px) and (max-width: 1199px){.header-area .header-bottom{padding:0px 15px}}
@media only screen and (min-width: 768px) and (max-width: 991px){.header-area .header-bottom{padding:5px 50px}}
@media only screen and (min-width: 576px) and (max-width: 767px){.header-area .header-bottom{padding:15px 20px}}

.tit-destacado-3{font-size: 4rem; letter-spacing: -0.05rem; font-family: 'Poppins';line-height: 4.2rem;}   
/**section #giftcards **/

.titulo{font-size: 3rem; color: #222; font-weight:500;}
.descripcion{font-size: 1.5rem; text-align: center; line-height: 18px;padding-top: 20px; font-family: 'Poppins', sans-serif;}

.pad-r-70{padding-right: 70px}
.space-135 {
  width: 100%;
  height: 135px;
  clear: both; }
.space-120 {
  width: 100%;
  height: 100px;
  clear: both; }
.space-20 {
  width: 100%;
  height: 20px;
  clear: both; }
.space-30 {
  width: 100%;
  height: 30px;
  clear: both; }
.space-50 {
  width: 100%;
  height: 50px;
  clear: both; }
.space-80 {
  width: 100%;
  height: 80px;
  clear: both; }
.space-0 {
  width: 100%;
  height: 0px;
  clear: both; }
.margin50 {margin-bottom:50px;}
.margin150 {margin-top:150px;}
.space-180 {
  width: 100%;
  height: 180px;
  clear: both; }
.space-150 {
  width: 100%;
  height: 180px;
  clear: both; }
/***buttons***/
.btn {
  border: 0px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 14px;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
  .btn i {
    margin-left: 8px; }

.btn-3d {
  border-bottom: 3px solid rgba(0, 0, 0, 0.3); }

.btn-lg {padding: 12px 30px; }

.btn-light-dark {border: 1px solid #222; background:#222; color: #fff;}
.btn-light-dark:hover, .btn-light-dark:focus { color: #fff;  background-color: #222; border: 1px solid #ffffff;}

.btn-skin {border:1px solid #fff; background-color: transparent; color: #fff; }
.btn-skin:hover, .btn-skin:focus {color: #222; border: 1px solid #222;}
/*** logo ***/
svg#Capa_13 {
  margin-top: 10px;
}
/**footer**/
footer {background:#d1da1f; width: 100%;bottom: 0;}
  .footer h2 {
    font-family: 'Poppins', sans-serif; color: #fff; }
  .footer ul {
    padding-top: 20px;
    padding-bottom: 20px; }
    .footer ul li {
      padding: 0px; }
      .footer ul li a {
        display: block;
        width: 60px;
        margin: 5px 0;
        height: 60px;
        font-size: 25px;
        line-height: 60px;
        text-align: center;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        background-color: #222;
        color: #aeaeae; }
        .footer ul li a:hover {
          color: #fff;
          background-color: #111; }

/*boton flotante*/
.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: #222; /* Color del texto */
	border-radius: 100px; /* Borde del boton */
	letter-spacing: 2px; /* Espacio entre letras */
	background-color: transparent; /* Color de fondo */
	position: fixed;
	bottom: 10px;
	right: 20px;
	transition: all 300ms ease 0ms;
	z-index: 99;
	width: 95px; height: 95px;
}
.btn-flotante:hover {
	transform: translateY(-7px);
}
section#bienvenido{
    position: relative;
    background: url("../images/bg-gcs.jpg")no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
	background-position: center center;}

/*# sourceMappingURL=style.css.map */
.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color: transparent !important; padding-bottom:10px}
.navbar-default .navbar-nav>li>a:hover{ color:#d9b310}
.navbar-default {background-color: transparent !important;  border-color: transparent !important;}
.btn.btn-radius { border-radius: 25px;}



@media (min-width: 768px){
  .navbar-nav > li > a {  padding-top: 20px; padding-bottom: 20px; }
}
@media (max-width: 767px) {
  .bienvenido-wrapper {
    display: flex;
    flex-direction: column-reverse;
  }
}

.text-marcas{font-size: 14px; color: #fff; text-align: center; margin: -20px auto 30px;}

#giftcards {height: 210px !important;  margin:30px 0px 30px 50px;}

.col-ocupa-todo-el-alto {
  position: relative;
}

.col-ocupa-todo-el-alto::before {
  content: "";
  display: block;
  padding-top: 100%; /* esta es la relación de aspecto que hace que el contenido tenga una altura proporcional al ancho */
}

.col-ocupa-todo-el-alto > * {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media (min-width: 992px){
.col-md-6 { width: 49%;}
}


@media only screen and (max-width: 600px) {
 	.btn-flotante {
		font-size: 14px;
	}
}
/*------------------------------------*
	Phone Landscape
*------------------------------------*/
@media only screen and (max-width: 480px) {
  .hide-mobile { display: none !important;}
  .pad-r-70 { padding-right: inherit !important;}
  .banner-contact-form{ width: 90% !important;}
  span.destacado{display: block}
  #giftcards {  height: 100%; display: contents;}
  .item img {max-width:100%}
  .tabs {padding: 30px !important;}
  .tabs input[type="radio"]:checked + label + .tab{margin: 0px !important;}
}
.item img{max-width: 200px !important;
    mix-blend-mode: multiply;
    border-radius: 5px;}
  .center-title { margin: 0px auto; text-align: center}
/*------------------------------------*
	elementos que se mueven FLECHA
*------------------------------------*/

.aux-media-image {
    position: relative;float: right;
}

section {
  flex-direction: column;
  position: relative;
}

   .circulo1 {
    padding: 25px;
	min-height: 340px;
    border-radius: 20px;
    font-family: poppins;
	margin: 10px;
}

.hide-desktop { display: none ;}
.video-demo{ height: 500px}
/*Mobile*/
@media only screen and (min-width: 768px) and (max-width: 991px)
{
	.header-sticky.sticky-bar.sticky{padding:15px 0px}
	.hide-mobile { display: none !important;}
	.video-demo{ height: 300px !important;}
	.view-mobile { display: block!important;}
   .hide-desktop { display: block;}
	
}

  @media only screen and (min-width: 576px) and (max-width: 767px){
.header-sticky.sticky-bar.sticky{padding:15px 0px}
  .img-txt{ max-width:350px; margin: 0px auto;}
  .burbuja-celeste{ display: none}
  .bg-blend-overlay{display: none}
  .hide-mobile { display: none !important;}
   .hide-desktop { display: block;}
  }
  @media (max-width: 575px){
    .header-sticky.sticky-bar.sticky{padding:15px 0px}.navbar-brand{padding-left: 105px !important;}
    .main-header .main-menu ul li {display: table-cell;}
    .main-header .main-menu ul li a{padding: 10px !important}
     ul#navigation { padding-inline-start: 20px !important;}
    .img-txt{ max-width:350px; margin: 0px auto;}
    .burbuja-celeste{display: none}
    .bg-blend-overlay{display: none}
    .navbar-brand{ margin-top: 30px;}
    .logo{margin:0px auto }
    .space-80 {height: 0;}
    .pad-l-150 { padding-left: 10px;}
    #features h2 {padding-top: 10px;}
  .pad-r-70 { padding-right: inherit!important;}
  }
  @media (max-width: 480px) {  
	.banner-contact-form{ margin: 20px auto 40px !important;}
	svg#Capa_100 { width: 30% !important;}
    .space-50-mb{width: 100%; height: 50px !important; clear: both; }
    .oculto {display: none; }
    #bienvenido hr {margin: 40px auto;}
	#bienvenido div#wrapper { min-height: 500px; }
	h1 { font-size: 3rem;line-height: 3.5rem;}
 	h2{font-size: 2rem;}	  
	.tit-destacado-3{font-size: 2.5rem; line-height: 3rem;}
	li {line-height: 2.5rem;font-size: 1.6rem}
	h4 { font-size: 2.5rem;}
   .circulo1 {min-height: 170px;}
    section#dudas { padding: 30px 20px 70px 20px;}
    section#companias {  padding: 30px}
    section#casos-de-uso { padding: 0px 50px;}
    .img-header{display:none}
    .btn-contacto {top:500px;left:15%;}
    .form .label { font-size: 0.9rem !important;letter-spacing: 0em !important;  margin: 0px !important;}
    .form .text-input {  margin: 0px !important;}
    .form .field:last-child { float: left;}
    .form .button { margin: 30px 0px !important;}
    form .textarea{ margin: 0px !important;}
    .col-md-1{ visibility:0;}
	.video-demo{ height: 300px !important;}
    .text-marcas{margin-top:10px !important;}
    .titulo { margin-top: 30px;}
    .col-xs-0{ display:none;}	
    .home-right.wow.fadeInRight {margin-right: 5%;}
   .hide-desktop { display: block;}
  }
.formulario{background-color: #0c2cdb;}
.banner-contact-form{
	width: 46%;
    margin: 20px 40px 40px;
	padding: 30px;
	-webkit-box-shadow: 0 7px 9px 0 rgba(0,0,0,.1), 0 4px 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 7px 9px 0 rgba(0,0,0,.1), 0 4px 10px 0 rgba(0,0,0,.1);
	border-radius: 14px;
    color: #fff;
}

@media (min-width: 768px) {
    .owl-carousel .owl-item {
        min-width: 140px;
    }
}
span.numero {
    background: #3d29ee;
    background: linear-gradient(219deg, rgb(209 218 31) 5%, rgb(254 98 6) 55%, rgb(209 218 31) 582%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 84px;
}
span.destacado{padding: 5px 10px; border-radius: 25px; border:1px solid #fff}
#contact-form label {
    display: flex;
    color: #fff;
    font-weight: 500;
}