@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

:root {
/* estilos de la globa home */
    --e-global-color-primary: #662482;
    --e-global-color-secondary: #0fbda6;
    --e-global-color-light: #fff;
    --e-global-color-dark: #000;
    --e-global-color-grey: #eaeaea;
    --e-global-color-text: #262626;
    --e-global-color-accent: #0FBDA6;
    --e-global-color-16b3f49: #662482;
    --e-global-color-ac3d0bf: #222;
    --e-global-color-globa: #ddf6ea;
    --e-global-typography-primary-font-family: "Outfit", serif;
    --e-global-typography-primary-font-weight: 600;
    --e-global-typography-secondary-font-family: "Outfit";
    --e-global-typography-secondary-font-weight: 400;
    --e-global-typography-text-font-family: "Outfit";
    --e-global-typography-text-font-weight: 400;
    --e-global-typography-accent-font-family: "Outfit";
    --e-global-typography-accent-font-weight: 500;
	
	
}
html{overflow: auto;}
body {
  font-family: var(--e-global-typography-text-font-family);
  color: #222;
  background:#ffffff; 
  overflow-x: hidden;
  font-weight: 400;
  font-size: 16px
}
.oculto{visibility: hidden;}
.none{display: none;}
.bg-gris{background-color: var(--e-global-color-grey);}
.mar-l-130{margin-left: 130px;}
.navbar-brand{ padding-left: 5px !important; margin-top: 30px;}
.violeta{color: #5410b4}
.bg-deg-violeta{
    background-color: transparent;
    background-image: linear-gradient(180deg,#ad77ff 0%,#5410b4 100%);}
.bg-blanco-transparente{background-color: #ffffff3b}
a {
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-decoration: none;
  color:var(--e-global-color-primary);; }
  a:hover, a:focus {
    text-decoration: none;
    outline: 0 !important;
  color: var(--e-global-color-primary); }
.btn.active, .btn:active{ box-shadow:none !important}
button {
  border: 0px; }
  button:focus {
    outline: 0 !important; }
li {
	list-style: circle;
    margin-left: -22px;
    line-height: 1.7;
    font-size: 16px;
}
ul ol {
    margin-left: -80px !important;
}
h2 {font-family: var(--e-global-typography-primary-font-family);font-size: 4rem; letter-spacing: -1px; color: black;}
h3 {font-family: var(--e-global-typography-accent-font-family);
	font-size: 3.5rem;
    letter-spacing: -0.08rem;
	}
h4{font-family: var(--e-global-typography-text-font-family);font-size: 2.8rem;}
h5 {font-family: var(--e-global-typography-accent-font-family);font-size: 2rem !important;}
.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; }
.black{color: #000 !important; }
.violeta{color: #662482 !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}
span.pe-7s-smile{font-size: 70px; color: #222; background: linear-gradient(to bottom right,#222,#662482);-webkit-background-clip: text;
-webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; display: initial;}
span.pe-7s-star {font-size: 70px; color: #222; background: linear-gradient(to bottom right,#222,#662482);-webkit-background-clip: text;
-webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; display: initial;}
span.pe-7s-mail{font-size: 70px; color: #222; background: linear-gradient(to bottom right,#222,#662482);-webkit-background-clip: text;
-webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; display: initial;}
hr.separator {
  border-top: 1px solid #fff;
  margin: 10px auto;
  width: 30%;}  
#bienvenido hr {
    border: 2px solid #222;
    color: #222;
    width: 80%;
    margin: 20px 0px 20px;
}
.img-responsive2 {max-width: 35%; height: auto;}
.img-responsive-4 {max-width: 20%; height: auto;}
.img-responsive-3 {display: block;  max-width: 75%; height: auto;margin: 0px auto;clip-path: inset(125px 0px 0px 0px);margin-top: -323px;margin-left: -10px ; max-width: 673px} 
.img-responsive-5 {max-width: 110%; height: auto;}
/**header-area**/

.navigation {
  height: 70px;
  background: var(--e-global-color-light);
}

nav {
  float: right;
  width:100%;
}

.nav-menu {
  display:blocK;float: right;
}

nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  background:var(--e-global-color-light);
}

nav ul li {
  float: left;
  position: relative;
	white-space: nowrap;
}

nav ul li a {
  display: block;
  padding: 0 20px;
  line-height: 70px;
  color: var(--e-global-color-primary);
  text-decoration: none;
}

nav ul li a:hover {
  color: var(--e-global-color-secondary);
}

nav ul li a:not(:only-child):after {
  padding-left: 5px;
}

.nav-submenu {
    width: auto;
    position: absolute;
    z-index: 1;
    box-shadow: 5px 5px 6px rgb(1 59 57 / 20%);
    width: auto;
    display: none;
    background: #c4c4c4f5;
}

.nav-submenu li {
	width: 100%;
    line-height: 1.6rem;
    height: 40px;
    text-align: center;
    margin: 10px auto;
    border-bottom: 1px solid #ddf6ea;
}
ul.nav-submenu li a {  padding: 10px 20px !important; color: #000 !important;}

.nav-movil {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  background: var(--e-global-color-grey);
  height: 70px;
  width: 100%;
}

@media screen and (max-width: 979px) {
  .nav-movil {
    display: block;
  }

  .nav-menu {
    display: none;
    margin-top: 70px;
  }
  
  .nav-menu li {
    float: none;
  }
  .nav-menu li a {
    padding: 20px;
    line-height: 20px;
  }
  .nav-menu li ul li a {
    padding-left: 30px;
  }
  
  .nav-submenu {
    position: static;
  }
}

@media screen and (min-width: 980px) {
  .nav-menu {
    display: block !important;
  }  
}

#nav-boton {
  position: absolute;
  left: 20px;
  top: 25px;
  cursor: pointer;
  width:20px;
  height: 10px;
  padding: 5px 15px 15px 0px;
  z-index:1;
}

#nav-boton span,
#nav-boton span:after,
#nav-boton span:before {
  transition: all 500ms ease-in-out;
  border-radius: 1px;
  height: 5px;
  width: 40px;
  position: absolute;
  display: block;
  content: "";
  background: var(--e-global-color-secondary);
}

#nav-boton span:before {
  top: -10px;
}
#nav-boton span:after {
  bottom: -10px;
}

#nav-boton.activo span {
  background-color: transparent;
}

#nav-boton.activo span:before,
#nav-boton.activo span:after {
  top: 0;
}

#nav-boton.activo span:after {
  transform: rotate(-45deg);
}

#nav-boton.activo span:before {
  transform: rotate(45deg);
}

@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:10px; padding-left: 35% !important}}
@media only screen and (min-width: 576px) and (max-width: 767px){}
@media (max-width: 575px){.header-area{}
.nav-menu {
    float: left;
}}
.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}}
@media (max-width: 575px){
	.header-area .header-bottom{padding:15px 0px}
	.bg-navidad{ background-image: url(../images/ar_navidad_2023_plataforma.png);
    background-size: contain;
    max-width: 100%;
    min-width: 120px !important;
    background-position: center;}
}

.main-header .main-menu ul li{display:inline-block;position:relative;z-index:1}
.main-header .main-menu ul li a{color:#000000; font-weight:400;display:block; font-size:16px; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s;transition:.3s; padding: 50px 30px 10px;line-height: 1.6rem; text-align: center;}
.main-header .main-menu ul li a:hover { color: var(--e-global-color-primary);}

@media only screen and (min-width: 992px) and (max-width: 1199px){
.main-header .main-menu ul li a{padding:27px 9px}}.main-header .main-menu ul li:hover>a{color:var(--e-global-color-primary);}
.header-sticky.sticky-bar{background:#fff;}.header-sticky.sticky-bar ul li a{color:#425140 !important}.header-sticky.sticky-bar.sticky .main-menu ul li a{padding:20px 20px !important}




/**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: 'Outfit', sans-serif;}
.space-135 {
  width: 100%;
  height: 135px;
  clear: both; }
.space-100 {
  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;}
.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;
}
.navbar-inverse {
  min-height: 60px;
  box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.1);
  border: 0px;
  background-color: rgba(0, 0, 0, 0.95); }
  .navbar-inverse .navbar-brand {
    float: left;
    height: 60px;
    padding: 15px 15px;
    font-size: 28px;
    color: #fff;
    line-height: 30px;
    font-family: 'Outfit', sans-serif; margin-top:10px !important;}
.navbar-inverse .navbar-nav > li > a {
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  font-weight: 400; }

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
  color: #662482;
  background-color: transparent; }

/**footer**/
.footer {padding: 100px 0;background: #f4f1e7;}
  .footer h5 {
    font-family:var(--e-global-typography-accent-font-family); color: #000; }
  .footer ul {
    padding-top: 20px;
    padding-bottom: 20px; }
    .footer ul li {
      padding: 0px; }
     li {
    list-style: inherit;
}
.intro-section {position: relative; padding: 0px; }
#bienvenido div#wrapper {min-height: 600px;}
.intro-section .intro_text h1 {
	font-family: 'outfit', sans-serif;
	font-weight: 600;
	font-size: 8rem;
    line-height:7rem;
    margin: 50px 0px 0px;
      padding-right: 0px;
      letter-spacing: -2px;
      color: black;
  }
    .intro-section .intro_text p { font-size: 2.3rem; margin-top: 10px;line-height: 2.8rem;}
    .intro-section .intro_text .buttons {
      padding-top: 30px; }
      .intro-section .intro_text .buttons a {
        margin: 5px;
		padding: 15px 30px;
		border-radius: 50px;
    	font-size: 1.6rem;}

   span.destacado {
    background: #662482;
    border-radius: 50px;
    padding: 0px 20px 5px;
    margin-left: -15px;color: #fff;
	   font-weight: 500;
    }
   span.destacado2 {font-weight: 600;line-height: 7rem;-webkit-text-fill-color: transparent; background: linear-gradient(160deg, #662482 2%, #8686c0 60%, #0fbda6 116%);background-clip: text; -webkit-background-clip: text;}
    span.destacado-items {
      background: transparent;
      border: 2px solid #662482;
      border-radius: 50px;
      padding: 3px 20px;
      margin: 5px;
      display: inline-block;
      font-size: 1.7rem;
      }
      span.destacado-items:hover {
        background: #662482;
        border: 2px solid #662482;
        border-radius: 50px;
        padding: 3px 20px;
        margin: 5px;
        display: inline-block;
        font-size: 1.7rem;
        color: #222;
        webkit-box-shadow: 3px 3px 25px 0 rgba(0,0,0,.1),3px 3px 25px 0 rgba(0,0,0,.1);
        box-shadow: 3px 3px 25px 0 rgba(0,0,0,.1);
        transition: background-color 0.3s ease, color 0.3s ease;}

   .destacado3 {font-weight: 600;-webkit-text-fill-color: transparent; background: linear-gradient(160deg, #662482 2%, #8686c0 60%, #0fbda6 116%);background-clip: text; -webkit-background-clip: text;}
@media (max-width: 991px) {
  .intro-section .intro_text {
    width: 100%;
    margin-top: 0px;
    text-align: center; }
  .android_holder, .iphone_holder {
    margin-bottom: 50px; }
	.navbar-default { padding-left: 40px;}
}

/*# 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;}
.subtitulo{font-weight: 400;
    font-family: var(--e-global-typography-secondary-font-family);
    font-size: 21px;
    color: #222;
    width: 100%;
    margin: 0px auto;
    line-height: 30px;
    margin-top: 30px;}
.subtitulo-contacto{
	var(--e-global-typography-secondary-font-family);
    font-size: 2.1rem;
    line-height: 3rem;}
#contacto{
	position: relative;
    box-shadow: 0 3px 15px 0 rgb(0 0 0 / 29%);
    border: none;
    padding: 50px;
    display: block;
    margin: 0px 100px 100px;}
span.pe-7s-mail { color: #000000;}
.center-title {text-align: center;}

.left-title {text-align: left; }
.center-title i {color: #d9b310; font-size: 40px;  margin-bottom: 20px; display: block;}
.menu-footer{padding: 0px 15px !important; text-transform: uppercase; font-size: 12px;font-weight: 600;}
#success_message p{ color: #656565; font-size: 24px;}
#error_message p{ color: #656565; font-size: 24px;}
section#como-lo-hacemos { margin: 100px }
section#como-lo-hacemos p {color: #000; font-size: 16px;}
#como-lo-hacemos .item { display: inline-block;margin: 0px;}
#como-lo-hacemos .imagen{margin-right: -50px !important;max-width: 100%;}
.section-calculadora{background: #12bda740;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    margin: 100px 200px 100px 0px;}

h4.negro.text-center.como-funciona { font-size: 21px;}
.item img {max-width:180px}
.bg-blanco {background: #fffffff5;}
.bg-verde{background-color: #662482;}
.verde{color: #662482;}
.bg-body{ background-color: #efefef}

a.boton {background: #662482; padding: 15px 30px; border-radius: 50px; color: #fff; font-size: 1.6rem;display:inline-block; border: 1px solid #662482;}
a.boton:hover{background:#fff; color: #662482; border: 1px solid #662482; }
.btn-contacto { min-height: 70px;}
@media (min-width: 768px){
  .navbar-nav > li > a {  padding-top: 20px; padding-bottom: 20px; }

	}

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

/*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);
}
@media only screen and (max-width: 600px) {
 	.btn-flotante {
		font-size: 14px;
	}
}
/*boton flotante*/
.btn-flotante-demo {
	display: none;
	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: 100px;
	right: 20px;
	transition: all 300ms ease 0ms;
	z-index: 99;
	width: 100px; height: 100px;
}
.btn-flotante-demo:hover {
	transform: translateY(-7px);
}
@media only screen and (max-width: 600px) {
 	.btn-flotante-demo {
		font-size: 14px; display: none !important;
	}
}

/*------------------------------------*
	Phone Landscape
*------------------------------------*/
@media only screen and (max-width: 480px) {
  .hide-mobile { display: none !important;}
  #giftcards {  height: 100%; display: contents;}
  .item img {max-width:100%}
  .center-title {padding: 0px 50px; line-height: 3.5rem }
  .slide-bg-2 .center-title {padding: 0px 0px !important; }
  .tabs {padding: 30px !important;}
  .tabs input[type="radio"]:checked + label + .tab{margin: 0px !important;}
}

/*------------------------------------*
	elementos que se mueven FLECHA
*------------------------------------*/

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

.modulo {
  position: relative;
  overflow: hidden;
  background-color: #333; /* Color de fondo inicial */
  color: #222; /* Color de texto inicial */
  transition: background-color 0.3s ease, color 0.3s ease;
}

#bottom-call-to-action {
  cursor: pointer;
  margin-bottom: 100px;
  margin-top: 15%;
  z-index: 5;
}
.et-highlightable {
  transition: all .5s ease-in-out;
}
section {
  flex-direction: column;
  position: relative;
}

/*------------------------------------*
	Redes Sociales
*------------------------------------*/
.redes-sociales {
  position: fixed;
  top: 250px;
  left: 0px;
  z-index: 1000;
  display: grid;
  background: #222;
  border-radius: 0px 20px 20px 0px;
  padding: 20px 0px;
}

.redes-sociales a {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-color: #222;
    color: #fff;
    text-align: center;
    line-height: 40px;
    margin-right: 10px;
    border-radius: 50%;
    transition: transform 0.3s ease;
}

.redes-sociales a:hover {
    transform: scale(1.1);
}

.redes-sociales i {
    font-size: 20px;
}
i.fab:hover {
  color: #02fbbd;
}
/*------------------------------------*
	Globas
*------------------------------------*/
.elementor-element.elementor-element-02b9ff8 {
  width: auto;
  max-width: auto;
  position: absolute;
  top: 130px;
  left: -90px;
 z-index: -9999
}
.elementor-widget-wrap .elementor-element.elementor-widget__width-auto, .elementor-widget-wrap .elementor-element.elementor-widget__width-initial {
  max-width: 100%;
}
.elementor-element .elementor-widget-container {
  transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, transform var(--e-transform-transition-duration, .4s);
}

.elementor-element.elementor-element-02b9ff8 .aux-widget-container {
  text-align: left;
}

.elementor-element.elementor-element-02b9ff8 .aux-the-shape {
  width: 544px;
  height: 544px;
  background-color: transparent;
  background-image: linear-gradient(131deg, rgba(51, 102, 255, .04) 0%, rgba(51, 102, 255, .04) 100%);
}
.aux-shpe-type-circle .aux-the-shape {
  border-radius: 50%;
}
.aux-simple-shape-container .aux-the-shape {
  background-color: #eee;
  max-width: inherit;
}
.elementor-element.elementor-element-c208997 {
position: absolute;
    top: 15%;
    right: -45%;
    z-index: -9999;
    width: 140%;
}
.elementor-element.elementor-element-c208997>.elementor-widget-container {
  transition-timing-function: cubic-bezier(.165,.84,.44,1);
  transition-duration: 1s;
  transition-property: all;
}
.elementor-element .elementor-widget-container {
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, transform var(--e-transform-transition-duration, .4s);
}
.elementor-element.elementor-element-c208997 .aux-widget-container {
    text-align: center;
}
.aux-simple-svg-container .aux-widget-container-inner {
    display: inline-block;
}
.aux-simple-svg-container .aux-the-svg {
    max-width: inherit;
}


/*globa 1 */
.elementor-element.elementor-element-4ebe45e {
  width: auto;
  max-width: auto;
  z-index: -99999;
  position: absolute;
  top: -50px;
  left: -100px;
}
.elementor-element.elementor-element-4ebe45e>.elementor-widget-container {
  transition-timing-function: cubic-bezier(.165,.84,.44,1);
  transition-duration: 1s;
  transition-property: all;
}
/*globa 10 */
.elementor-element.elementor-element-4a225db {
width: auto;
max-width: auto;
z-index:  -9999;
position: absolute;
top: 5%;
right: -15%;
}
.elementor-element.elementor-element-04bea21{
  width: auto;
  max-width: auto;
  z-index: -99999;
  position: absolute;
  top: 0px;
  left: 200px;
        }
.elementor-element.elementor-element-95b2f83 .aux-widget-container{position:absolute;left: 300px;}
.elementor-element.elementor-element-95b2f83{z-index:5;right:235px;bottom:256px}
.elementor-element.elementor-element-95b2f83>.elementor-widget-container{transition-timing-function:cubic-bezier(.165,.84,.44,1);transition-duration:1s;transition-property:all}
.elementor-element.elementor-element-104b458 .aux-widget-container{text-align:center}

/*------------------------------------*
	Optimizacion de Puntos
*------------------------------------*/


.elementor-element.elementor-element-6695942e>.elementor-widget-container
{
  transition-timing-function: cubic-bezier(.165,.84,.44,1);
  transition-duration: .6s;
  transition-property: all;
}
.elementor-element .elementor-widget-container
{
  transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, transform var(--e-transform-transition-duration, .4s);
}
.elementor-element.elementor-element-87aebc5 {
  transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
  margin-top: 0px;
  margin-bottom: 0;
  padding: 0 35px;
}
.aux-attachment-id-46 {
  margin-bottom: -185px;
}
.aux-attachment-id-45 {
  margin-top: -200px;
}
#optimizamos p {
font-family: var(--e-global-typography-secondary-font-family);
font-size: 2.1rem;
line-height: 3rem;
}

.pswp {
  display: none;
}

/*animacion de elementos varios*/
.elementor-element.elementor-element-04bea21{
  -webkit-animation: movebounce 2.3s linear infinite;
  animation: movebounce 2.3s linear infinite;
}

.aux-scroll-anim.elementor-element.elementor-element-95b2f83.elementor-widget.elementor-widget-aux_simple_svg {
  -webkit-animation: movebounce 2.1s linear infinite;
  animation: movebounce 2.1s linear infinite;
}
img.aux-attachment.aux-featured-image.aux-attachment-id-45.aux-blank.aux-preloaded {
  -webkit-animation: moveleftbounce 2.1s linear infinite;
  animation: moveleftbounce 2.1s linear infinite;
}
img.aux-attachment.aux-featured-image.aux-attachment-id-46.aux-blank.aux-preloaded {
  -webkit-animation: moveleftbounce 2.1s linear infinite;
  animation: moveleftbounce 2.1s linear infinite;
}

/*Mobile*/
@media only screen and (min-width: 768px) and (max-width: 991px){
  .header-sticky.sticky-bar.sticky{padding:15px 0px}}
  @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}
  }
  @media (max-width: 575px){
    .header-sticky.sticky-bar.sticky{padding:15px 0px}
    .main-header .main-menu ul li {display: block;}
    .main-header .main-menu ul li a{padding: 10px 30px !important; text-align: left;}
     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: 100px auto 50px; padding: 0px 30px;}
    .logo{margin:0px auto }
    .space-80 {height: 0;}
    .pad-l-150 { padding-left: 10px;}
      .intro-section .intro_text h1 {font-size: 4rem; line-height: 1.5rem; padding-bottom: 10px;}
  }
  @media (max-width: 480px) { svg#Capa_13 {margin-top: 0px;}
    .space-50-mb{width: 100%; height: 50px !important; clear: both; }
    .oculto {display: none; }
    #bienvenido hr {margin: 40px auto;}
	#bienvenido div#wrapper {min-height: 500px;}
    .intro-section .intro_text { }
    .intro-section .intro_text h2{ line-height: 4.5rem;padding: 10px 30px;letter-spacing: 0.0rem;font-size: 32px;}
    .intro-section .intro_text p { padding-right:0px !important;text-align:center;}
    .intro-section { background-position: bottom;;}
    section#dudas { padding: 30px 20px 70px 20px;}
    section#como-lo-hacemos {  padding: 30px;margin: 0px}
    section#casos-de-uso { padding: 0px 50px;}
	.section-calculadora { margin: 100px 20px 50px 0px;}
	section#companias {padding: 50px 0px;}
    .img-header{display:none}
    .btn-contacto {top:500px;left:15%;}
    .intro-section { padding-top:0px; padding-bottom:70px;}
    .col-md-1{ visibility:0;}
    #servicios {margin: 0px; background-image: none;}
    .circulo{ margin: 10px;}
    .text-marcas{margin-top:10px !important;}
    .titulo { margin-top: 30px;}
    .col-xs-0{ display:none;}	
    .pad-r-80{padding: 0px}
    svg#Capa_1 {margin-left: 0px !important;}
    .home-right.wow.fadeInRight {margin-right: 5%;}
    /*optimizamos tu presupuesto*/
   .aux-attachment-id-45 {margin-top: -100px;margin-left: 120px;}
   .aux-attachment-id-46 {margin-bottom: -85px !important;}
   .elementor-element.elementor-element-12ca54a5.aux-appear-watch-animation.aux-fade-in-up.elementor-widget.elementor-widget-aux_modern_heading.aux-animated.aux-animated-once {
    margin-top:0px;}
    section.categorias {padding: 50px 0px; }
  .elementor-element.elementor-element-12ca54a5{ max-width:85%; margin: 0px auto;text-align: center;}
	#contacto{margin: -150px 10px 10px;}
.elementor-element.elementor-element-4a225db {display: none}
	span.destacado { background: transparent !important;color: #662482 !important; font-weight: 600 !important; }
  }

 
section.categorias {padding: 90px 0px 100px; }

/* Tablets en modo horizontal y vertical */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  section#dudas {  min-height: 600px;}
  }

/* espacio que hacemos? */

.section-bg2 { background-color: #0FBDA6}
/*versión mobile*/
@media only screen and (min-width: 768px) and (max-width: 991px){.slider-area2 .hero-cap{padding-top:50px;}}@media only screen and (min-width: 576px) and (max-width: 767px){.slider-area2 .hero-cap{padding-top:50px;}}@media (max-width: 575px){.slider-area2 .hero-cap{padding-top:50px;}}.hero-cap h2{color:#212529;font-size:35px;font-weight:500;line-height:1;margin-bottom:21px;font-style: italic;}@media only screen and (min-width: 576px) and (max-width: 767px){.hero-cap h2{font-size:50px}}@media (max-width: 575px){.hero-cap h2{font-size:25px}}.video-area{height:300px;position:absolute;bottom:0;right:0}@media only screen and (min-width: 768px) and (max-width: 991px){.video-area{height:244px;width:367px}}@media only screen and (min-width: 576px) and (max-width: 767px){.video-area{height:244px;width:367px}}@media (max-width: 575px){.video-area{height:163px;width:100%}}


.video-area{position: relative; min-height: 550px;  padding: 100px 0px 0px; margin: 100px auto 0px;}
@media only screen and (min-width: 992px) and (max-width: 1199px){.video-area{height:1100px}}@media only screen and (min-width: 768px) and (max-width: 991px){.video-area{height:1300px}}@media only screen and (min-width: 576px) and (max-width: 767px){.video-area{height:1300px}}@media (max-width: 575px){.video-area{height:850px}}.video-area .video-contents{position:relative;padding:70px 0 30px 40px}@media only screen and (min-width: 992px) and (max-width: 1199px){.video-area .video-contents{padding:100px 0 30px 50px}}@media (max-width: 575px){.video-area .video-contents{padding:71px 0 30px 39px}}.video-area .video-contents::before{position:absolute;content:"";background:#fff;width:800%;left:0;bottom:0;height:100%;border-top-left-radius: 100px;}.video-area .video-icon{position:absolute;right:0;top:20%;transform:translateY(-20%);left:0;margin:0 auto;text-align:center}@media only screen and (min-width: 768px) and (max-width: 991px){.video-area .video-icon{top:9%;transform:translateY(-9%)}}@media only screen and (min-width: 576px) and (max-width: 767px){.video-area .video-icon{top:9%;transform:translateY(-9%)}}@media (max-width: 575px){.video-area .video-icon{top:6%;transform:translateY(-6%)}}.video-area .video-icon a{background:#fff;color:#FF5F21;width:75px;height:75px;display:inline-block;text-align:center;line-height:75px;border-radius:50%;margin-bottom:74px}.video-area .video-icon a::after{position:absolute;border:76px solid rgba(255,255,255,0.3);content:"";border-radius:50%;left:-40px;top:-39px;right:0;z-index:0;background:#0000}@media only screen and (min-width: 576px) and (max-width: 767px){.video-area .video-icon a::after{border:80px solid rgba(255,255,255,0.3);left:-48px;top:-45px;right:0}}@media (max-width: 575px){.video-area .video-icon a::after{border:50px solid rgba(255,255,255,0.3);left:-19px;top:-19px;right:0}}@media only screen and (min-width: 576px) and (max-width: 767px){.video-area .video-icon a{width:60px;height:60px;line-height:60px}}@media (max-width: 575px){.video-area .video-icon a{width:60px;height:60px;line-height:60px}}.video-area .video-icon a i{font-size:20px;font-size:20px;line-height:1;position:relative;right:-2px;top:2px;color:#FF5F21}.video-area .video-icon a.btn-icon{position:relative}.video-area .video-icon a.btn-icon::before{content:'';display:inline-block;position:absolute;top:-2px;left:-2px;bottom:-2px;right:-2px;border-radius:inherit;border:1px solid #FF5F21;-webkit-animation:btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite;animation:btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite}@-webkit-keyframes btnIconRipple{0%{border-width:4px;-webkit-transform:scale(1);transform:scale(1)}50%{border-width:1px;-webkit-transform:scale(1.5);transform:scale(1.5)}80%{border-width:1px;-webkit-transform:scale(1.9);transform:scale(1.9)}100%{opacity:0}}

.edu-details{padding-left:33px;position:relative;padding-right:30px}.edu-details::before{position:absolute;content:"";top:0;left:0;background-image: radial-gradient(#0fbda6 20%, transparent 18%);background-position:0 0;background-size:6px 11px;height:90%;width:1%;border-radius:0}.single-items{margin-left:30px}@media (max-width: 575px){.single-items{margin-left:23px}}.single-items span{color:#595959;text-transform: uppercase;font-family: 'Sintony',sans-serif;font-size:24px;line-height:1.2;padding:0;margin-bottom:24px;display:block;position:relative}@media (max-width: 575px){.single-items span{font-size:15px;margin-bottom:18px}}.single-items span::before{content:"";position:absolute;width:64px;height:64px;background-image:url("../images/icon/diagramacion.svg");left:-91px;top:-1px}.single-items.single-items2 span::before{background-image:url("../images/icon/alianzas.svg")}.single-items.single-items3 span::before{background-image:url("../images/icon/huella.svg")}.single-items p{color:#595959;font-size:16px;line-height:1.5}@media (max-width: 575px){.single-items p{font-size:15px}}.edu-img-two{padding-left:150px;margin-top:-206px;position:relative}.edu-img-click{position:absolute;bottom:162px;left:100px}
.destacado-frases{ text-align: center; font-size: 21px;font-weight: 400; color: #ffffff; font-style: italic;line-height: 2; background-color: #52bcbb;
    padding: 5px 10px; margin-bottom: 5px;}

.volanta{ display: block; color: #662482;text-transform: uppercase; font-size: 16px;font-weight: 500; font-family: 'Outfit', sans-serif;}
/* espacio cómo lo hacemos? */
.slider {
  position: relative;
  width: 100%;
  max-width: 1280px;
  overflow: hidden;
  border-radius: 10px;
}

.slides {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.slide {
  min-width: 100%;
  text-align: center;
  font-size: 1.5rem;
  color: white;
  max-height:500px;
}
#articulo .slide img {
    max-width: 100%;    border-radius: 30px;
}
#articulo button {
    top: 50%;
}

#como-lo-hacemos button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  padding: 10px;
  cursor: pointer;
  border-radius: 50%;background-color: #ffffff00;
}
.prev {
  left: 10px;
 width: 27px;
    height: 42px;
    background: transparent;
    color: #00c0a5;
    font-size: 36px;
	position: absolute
}

.next {
  right: 10px;
width: 27px;
    height: 42px;
    background: transparent;
    color: #00c0a5;
    font-size: 36px;
	position: absolute
}
section#companias {
    padding: 50px 0px 100px;
}
.testimonials {
	background-color: #f9f9f9;
	padding: 100px 20px;
	text-align: center;
}

.testimonials-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 20px;
}

.testimonial {
	background: white;
	border-radius: 10px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	padding: 20px;
	text-align: left;
}

.testimonial-text {
	font-style: italic;
	color: #555;
	margin-bottom: 15px;
}

.testimonial-name {
	font-size: 1.2em;
	font-weight: bold;
	color: #333;
}

.testimonial-position {
	color: #777;
	font-size: 0.9em;
}


/* novedades */
 .gallery {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 20px;
            padding: 40px;
        }

        .gallery-item {
            position: relative;
            overflow: hidden;
            border-radius: 10px;
            cursor: pointer;
        }

        .gallery-item img {
            width: 100%;
            height: auto;
            display: block;
            transition: transform 0.3s ease;
        }

        .gallery-item h3 {
            position: absolute;
			bottom: 10%;
			left: 50%;
			transform: translate(-50%, 100%);
			background: rgb(220 246 233 / 93%);
			color: black;
			padding: 10px 15px;
			border-radius: 5px;
			font-size: 1.5em;
			text-align: center;
			transition: transform 0.3s ease, opacity 0.3s ease;
			opacity: 0;
        }

        /* Hover effects */
        .gallery-item:hover img {
            transform: scale(1.1);
        }

        .gallery-item:hover h3 {
            transform: translate(-50%, 0);
            opacity: 1;
        }


    main {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 20px;
      padding: 20px;
    }
 .post {
      background-color: white;
      border: 1px solid #ddd;
      border-radius: 25px;
      overflow: hidden;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
      transition: transform 0.3s;
    }
    .post:hover {
      transform: scale(1.05);
    }
    .post img {
      width: 100%;
      height: auto;
      display: block;
    }
    .post-content {
      padding: 15px;
      text-align: center;
    }
.post-content h3 {
    margin: 0px;
    font-size: 1.2em;
    color: #333;
    min-height: 60px;
    }
    .post-content a {
      text-decoration: none;
      color: #0083c8;
      font-weight: bold;
    }

.placa {
    background: #eaeaea;
    padding: 30px;
    border-radius: 30px;
    margin-left: 10px;
	min-height: 320px;
}

/* boton flotante */

.floating-button {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: var(--e-global-color-primary);
    color: white;
    padding: 15px 20px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 16px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-in-out;
}

.floating-button:hover {
    background-color: var(--e-global-color-secondary);
}