/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;  
  height: 100%;
  font-family: 'Archivo', sans-serif;
  color: #5a5a5a;
  font-size: 17px;
  overflow-x: hidden;
}

header.header-home{
  width:100%;
  height:100%;
  background: #25d366 url(https://axyoma.com.ar/wp-content/themes/axyoma-2018/assets/img/gif.gif) right center no-repeat;
  background-size: contain;
}

header.header-somos{
  width:100%;
  height:100%;
  background: #0600ff ;
  background-size: contain; 
}

header.header-404{
  width:100%;
  height:60%;
  background: #000 url(../assets/img/error404.gif)no-repeat center center;
  background-size: contain; 
}

header.header-404 .header-caption {
  bottom: 20px;
}

header.header-interna {
  width:100%;
  height:70%;
  position: relative;
  overflow: hidden;
  display: none;
}

header.header-interna-casos {  
  position: relative;
  width:100%;
  height:268px;
}

header.header-interna-casos .header-caption {
  bottom: 10%;
}

header.header-interna-casos .header-caption h1{  
  font-size: 4rem;
  font-weight: 900;
  color: #000;
}

header.header-interna-casos .header-caption p{  
  color: #000;
  font-size: 3rem;
}


header#soluciones .bg{
  width:100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;  
  background-size: contain; 
   background:#1e1842 url("https://axyoma.com.ar/wp-content/themes/axyoma-2018/assets/img/gif.gif") no-repeat center center;
}

header#casos-exito .bg{
  width:100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;  
  background-size: contain; 
   background:#1e1842 url("https://axyoma.com.ar/wp-content/themes/axyoma-2018/assets/img/gif.gif") no-repeat center center;
  
}

header#clientes .bg{
  width:100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;  
  background-size: contain; 
   background:#1e1842 url("https://axyoma.com.ar/wp-content/themes/axyoma-2018/assets/img/gif.gif") no-repeat center center;
  
}

header#novedades .bg{
  width:100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;  
  background-size: contain; 
  background:#1e1842;
  
}
/*
header#clientes .bg{
  width:100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;  
  background-size: contain; 
   background:#2aa6d1;
   background-position: 50% 300px;
}*/
 
header#caso-single .bg{  
  
    width:100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;  
  background-size: contain; 
   background:#2aa6d1 url("http://themeflush.com/minimalix/demo10/wp-content/uploads/2015/09/original.png") no-repeat center center;
}



.header-caption {
  position: absolute;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  color: #fff;
  left: 0;
  right: 0;
  bottom: 30%;
}

.header-caption h1 {
  color: #fff;
  font-size: 8rem;
}

.header-caption a {
  color: #fff;
}

.header-caption p {  
  font-size: 3rem;
  font-weight: 300;
}

.text-white {
  color: #fff;
}

header.interna {  
  position: relative;
  width:100%;
  height:45%;
  background:none;
}

header.interna .header-caption { 
    right: 15%;
    left: 15%;
    z-index: 10;
    padding-bottom: 20px;
    padding-top: 35px;
    bottom: 0;
    text-align: center;
    height: 220px;
    position: absolute;
}


header.interna .header-caption h3 {
  color: #6f6e71;
  font-weight: lighter;
}

header.interna-bg {
  position: relative;
  width:100%;
  height:45%;
  background:url(../assets/img/3d-example.png) no-repeat center center;
  background-size: cover;
}

header.interna-bg .header-caption { 
    right: 15%;
    left: 15%;
    z-index: 10;
    padding-bottom: 20px;
    padding-top: 35px;
    bottom: 0;
    text-align: center;
    height: 220px;
    position: absolute;
}


header.interna-bg .header-caption h3 {
  color: #fff;
  font-weight: lighter;
}

header.interna-bg .header-caption h1 {
  color: #fff; 
}

.overlay {
  height: 100%;
    background: rgba(8, 8, 8, 0.61);
}


.social .sharer {
   color: #09f;   
}

.social .sharer i{
   font-size: 20px;  
}

.social span {
  font-size: 16px; 
}

.content {
  padding: 15px 0 15px;
}



h1,h2,h3,h4 {
  font-weight: 900;
  color: #000;
}

a {
   -webkit-transition: all .5s;
  transition: all .5s;
}

a:link,
a:hover,
a:active,
a:focus,
a:visited {
  text-decoration: none;
  color: #fff;
}



#wrapper {
    position: relative;
    overflow: hidden;
    z-index: 2;
    min-height: 140vh;
}

textarea {
  resize: none;
}

/* Custom page CSS
-------------------------------------------------- */

.full-width {
  width: 100%;
}

#container-first:before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 240%;
    top: 0;
    transform: skewY(-12deg);
    background: linear-gradient(to bottom, rgb(245, 245, 245), rgb(247, 247, 247));

}

body > .container {
  padding: 60px 15px;
}
.container .text-muted {
  margin: 20px 0;
}

.footer {
/*  margin-top: 50px;*/
  padding: 60px 0 20px; 
  background: #000;
  color: #fff;
  font-size: 14px;
}

footer a {
  color: #fff;
}

footer a:hover {
    color: #fff;
}

footer ul.social-links li a {
  font-size: 22px;
  padding: 3px;
}

footer ul {
  list-style: none;
}

footer .contactanos {
    font-size: 110px;
    padding: 10px 0 10px;
    font-weight: 700;
    text-align: center;
}

.sub-footer{
    display: flex;
    justify-content: space-between;
}

.footer__social{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
}


.btn-axyoma {
    white-space: nowrap;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin: 10px 0;
    padding: 0 14px;    
    xbackground: #0099ff;
    background: #000;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .025em;
    color: #fff;
    text-decoration: none;
    transition: all .15s ease;
    border-radius: 20px;
}

.btn-axyoma:hover {    
    color: #fff;  
    xbackground:#0974bb;
    background: #000;
}

.btn-destacado {
  margin-top: 5px;
}

.btn-axyoma-inverse:hover {    
    color: #fff!important;  
    box-shadow: 0 6px 10px rgba(50,50,93,.11), 0 1px 1px rgba(13, 113, 179, .8); 
}

.btn-axyoma-inverse {
    white-space: nowrap;
    display: inline-block;
    height: 40px;
    line-height: 40px!important;
    padding: 0 14px!important;
    box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
    background:  #00b5ff!important;
    border-radius: 4px;
    font-size: 15px!important;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .025em;
    color:#fff!important;
    text-decoration: none;
    transition: all .15s ease;
}




.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

code {
  font-size: 80%;
}

.row {
    margin-top: 50px;
    margin-bottom: 0px;
}


.text-header {
  position: absolute;
  bottom: 40%;
  left: 0;
  width: 100%;
  right: 0;
  margin: 0 auto;
  text-align: center; 
  display: flex;
  justify-content: center;
  align-items: center;
}

.text-header h1{
  color: #fff;
  font-weight: lighter;
  font-size: 6rem;
}

.color-secundario {
  color: #2AA6D1;
}

.Iam {
/*   padding: 2em 5em; */
	padding: 2em 1em;
  font: normal 40px/50px Arial, sans-serif;
  color: #999;
}
.Iam p {
  height: 50px;
  float: left;
  margin-right: 0.3em;
      color: #FFF;
          font-size: 50px;
}
.Iam b {
  float: left;
  overflow: hidden;
  position: relative;
  height: 50px;
  top: 0;
}
.Iam .innerIam {
  display: inline-block;
  /*color: #2aa6d1;*/
  position: relative;
  white-space: nowrap;
  top: 0;
  left: 0;
  font-size: 50px;


/*animation*/
-webkit-animation:move 5s;
   -moz-animation:move 5s;
    -ms-animation:move 5s;
     -o-animation:move 5s;
        animation:move 5s;
/*animation-iteration-count*/
-webkit-animation-iteration-count:infinite;
   -moz-animation-iteration-count:infinite;
    -ms-animation-iteration-count:infinite;
     -o-animation-iteration-count:infinite;
        animation-iteration-count:infinite;
/*animation-delay*/
-webkit-animation-delay:1s;
   -moz-animation-delay:1s;
    -ms-animation-delay:1s;
     -o-animation-delay:1s;
        animation-delay:1s;
}
@keyframes move{
0%  { top: 0px; }
20% { top: -50px; }
40% { top: -100px; }
60% { top: -150px; }
80% { top: -200px; }
}

@-webkit-keyframes move {
    0%  { top: 0px; }
    20% { top: -50px; }
    40% { top: -100px; }
    60% { top: -150px; }
    80% { top: -200px; }
}
@-moz-keyframes move {
    0%  { top: 0px; }
    20% { top: -50px; }
    40% { top: -100px; }
    60% { top: -150px; }
    80% { top: -200px; }
}
@-o-keyframes move {
    0%  { top: 0px; }
    20% { top: -50px; }
    40% { top: -100px; }
    60% { top: -150px; }
    80% { top: -200px; }
}
@keyframes move {
    0%  { top: 0px; }
    20% { top: -50px; }
    40% { top: -100px; }
    60% { top: -150px; }
    80% { top: -200px; }
}

/*MENU*/

.menu {
  /*background: #3dc0ff;*/
/*   height: 70px; */
}

.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}

.navbar .navbar-collapse {
  text-align: center;
}

.navbar-default .navbar-nav>li>a {
    color: #504f4f;
    font-size: 18px;
   /* font-weight: 600;*/
}

.navbar-default .navbar-nav>li>a:hover {
    color: #2aa6d1;
    font-size: 18px;
    
}

.dropdown-menu>li>a {   
    font-size: 18px;

}

.dropdown-menu>li>a:hover {   
     color: #2aa6d1;
    font-size: 18px;
       
}

.dropdown-menu {
  padding: 20px 15px;  
  border:0;
}

.dropdown-menu:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 0 15px 15px;
border-color: #FFFFFF transparent;
display: block;
width: 0;
z-index: 1;
top: -15px;
left: 20px;

}



.dropdown-menu>li>a {    
    padding: 8px 20px;   
   /* font-weight: 600;*/
}

.dropdown-menu>li>a:hover {    
    background:transparent;
}

.navbar-default {   
    padding: 10px 0;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    background-color: #f3f1f1;
    border-color: #e7e7e7;
}



.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #555;
    background-color: transparent;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #2aa6d1;
    background-color: transparent;
}


/*FIN MENU*/


/*MENU MOBILE*/
.navbar-default .navbar-toggle {
    border-color: transparent;
}

.navbar-toggle {   
    margin-top: 3px;   
    margin-bottom: 0px;    
}
.navbar-toggle .icon-bar {   
    width: 36px;
    height: 6px;
    border-radius: 10px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #403f42;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent;
}

/*FIN MENU MOBILE*/




/*SEARCH*/

#seach-menu {
  padding: 64px 0;
}

body.mode-search .form,
body.mode-search .icon-close {
  opacity: 1;
  transform: none;
  pointer-events: all;
}

body.mode-search .control .icon-email { opacity: 0; }

body.mode-search .control .btn-search { transform: scale(70); }

.control {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 25px;
  right: 140px;
  cursor: pointer;

}

.control .icon-email,
.control .icon-close { transition: 0.2s ease-in-out; }

.control:hover .btn-search { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }

/* Button */


.btn-search {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  box-sizing: border-box;
  padding: 20px;
  background: url(../assets/img/bg-animated.gif);  
  outline: 0;
  transform-origin: 70%;
  -moz-transform-origin: 70%;
  -webkit-transform-origin: 70%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);


  -webkit-transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1); 
   -moz-transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1); 
     -o-transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1); 
        transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1); /* linear */

-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
   -moz-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
     -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); /* linear */


}

.icon-email {
  position: absolute;
  top: 5px;
    left: 11px;
    font-size: 34px;
  color: #fff;
}

.icon-close {
  position: fixed;
  top: 30px;
  right: 30px;
  color: #FFF;
  font-size: 80px;
  opacity: 0;
  transform: translate(10px, 0) rotate(90deg);
  transition: all 0.3s ease-in-out;
}

.form {
     height: 100vh;
    position: absolute;
   top: 5vh;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 50%;
    margin-top: 0;
  pointer-events: none;
  opacity: 0;
  transform: translate(40px, 0);
  transition: all 0.3s ease-in-out;
}

.form label {
  color: #fff!important;
  font-weight: 300;
}
.form textarea {
  color: #555;
  font-size: 18px;
}
.form input {
  color: #555;
  font-size: 18px;
  border: 0;
  outline: 0;
  font-weight: 200;
}

.form input[type="submit"] {
	color: #ffffff;
}

.info-contacto > p > br, .data > p > br, .button-submit > p > br, .form-group > p > br {
	display: none;
}

.info-contacto {
	margin: 1.05rem 0;
}

.email {
 margin-bottom: 3rem;
}

.form-contacto {
	padding: 0 !important;
	margin-bottom: 0 !important;
}

.form ::-webkit-input-placeholder {
 color: #fff;
}
.form :-moz-placeholder {
 color: #fff;
 opacity: 1;
}
.form ::-moz-placeholder {
 color: #fff;
 opacity: 1;
}
.form :-ms-input-placeholder {
 color: #fff;
}

.form p {
    margin: 0 0 5px;
}

.form-group {
	padding: 1.5rem;
}

.form-2 {
    padding-top: 1rem;
}




/*FIN SEARCH*/

/*SECCIONES HOME*/
.service {
  padding: 30px 0 30px;
}

.testimonials {
  padding: 30px 0 30px;
}

.clientes {
  padding: 30px 0px 30px;
}

.casos-exito {
  padding: 60px 0 60px;
}

/*service style*/
.service img {
    padding: 0;
    margin: auto;
}  

.service p {
  font-size: 14px;
  text-align: left;
  /*  padding: 0px 0 0 62px;*/
}

.service a {
	color:#5a5a5a;
}
#service1 p{
    padding: 0px 0 0 56px;
}

#service2 p{
    padding: 0px 0 0 37px;
}

#service3 p{
    padding: 0px 0 0 27px;
}

#service4 p{
    padding: 0px 0 0 2px;
}

/*fin service style*/

/*testimonials style*/
#carousel-testimonials .carousel-indicators {
  bottom: 0;
}


#carousel-testimonials {
    height: 290px;    
}

.item,
.active,
.carousel-inner {
    height: 100%;
}

.carousel-inner>.item>img{
	width:100%
}

#carousel-testimonials .carousel-caption { 
    bottom: 60px;    
    color: #000;    
    text-shadow: 0 0px 0px rgba(0,0,0,0);
}

/*fin testimonials style*/


/*clientes style*/

.clientes img {
  -webkit-transition: all .5s;
  transition: all .5s;
}

.clientes:hover img {
  opacity: .8;
  filter: blur(6px);
  -webkit-transition: all .5s;
  transition: all .5s;
}

.boton-clientes {
    position: absolute;
    z-index: 1;
    right: 35%;
    left: 35%;
    top: 35%;
    margin: 0;
    opacity: 0;
     -webkit-transition: all .5s;
  transition: all .5s;
}

.clientes:hover .boton-clientes {
  opacity: 1;
   -webkit-transition: all .5s;
  transition: all .5s;
}
/*fin clientes style*/

/*casos exito style*/

.casos-exito img {
    margin: -60px 0 0 21px;
    width: 100%;
    top: 0;
    left: 0;
}
.casos-exito .carousel-inner img {
    margin: 0;
}

/*fin casos exito style*/

.nav-mobile {
  display: none;
}

.date-mobile {
  display: none;
  position: absolute;
  right: 10%;
  left:10%;
  bottom: 0;
  padding: 15px;
  text-align: center;
}

.date-mobile a{
  color: #fff;
}

#item-mobile {
  display: none;
}


/*FIN SECCIONES HOME*/

.interna-big .row {
  padding: 0 0 120px;
}

.img {
    margin: -50px 0 0 -106px;
    position: absolute;
    top: 0;
    left: 0;
}

.img-left {
    margin: 20px -154px 0 -750px;
    left: auto;
    right: 0;
}

.text {
    padding: 107px 0 0;  
    min-height: 633px;  
}


.footer-interna {
  padding: 15px 0 0;
}

.footer-interna h3 {
  color: #6f6e71;
    font-weight: lighter;
}

.img-article {
  height: 250px;  
}

.article #img-1{
  background-size:cover;
  background:url(assets/img/3d-example.png) no-repeat center center;  
}
.img-search{
  background-size:cover;
  background:url(assets/img/3d-example.png) no-repeat center center;  
  float: left;
  height: 125px;
  width: 25%;
  margin-right: 10px;
}

ul.meta {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.meta li {
    display: inline-block;
}

.register-form {
    margin: 0 auto;
    float: none;
    padding: 0;    
    max-width: 710px;
}

.form-horizontal .control-label {   
    color: #555;
}

.form-control {   
    height: 40px;    
}

#map {
  height: 410px;
  margin-top: 25px;
}

#firstHeading {
  text-align: center;
   color: #928e8f!important;
}

#bodyContent {
  text-align: center;
}

#bodyContent h4{  
  color: #928e8f!important;
  margin-top: -5px;
}
#a-infowin {
  color: #928e8f!important;
}

.form-tablet {
  margin-top: 5px;
  display: none;
}

#form-tablet-div {
  width: 200px!important;
}

.tablet-button-search {
  color: #fff!important;
  background: #00b5ff;
  padding: 9px 14px;
}

.modal {
  /*    background: linear-gradient(to bottom, #00c6ff, #0072ff);*/
  background:#000000;
}

.modal-fullscreen-menu .close {
  color: white;
  opacity: 1;
  padding: 10px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  font-size: 5vh;
}
.modal-fullscreen-menu .modal-dialog {
  margin: 0 auto;
  width: 100%;
  max-width: 768px;
  display: flex;
  height: 100%;
  align-items: center;
}
.modal-fullscreen-menu .modal-content {
  background-color: transparent;
  box-shadow: none;
  border: none;
}
.modal-fullscreen-menu .list-group {
  text-align: left;
  margin: 0 auto;
  width: 100%;
}
.modal-fullscreen-menu .list-group a {
  letter-spacing: 0.05em;
    border: none;
    transition: all 0.25s ease;
    background-color: transparent;
    color: #fff;
    /*padding: 6vh 0;*/
   
        font-size: 8vh;
    font-weight: 600;
    line-height: 1.5;
    text-transform: uppercase;
    -webkit-transition: all .5s;
    transition: all .5s;
    

}

.modal-fullscreen-menu .list-group li {
   height: 68px;
  overflow-y: hidden;
}

.modal-fullscreen-menu .list-group li span {
/*background: #000;*/
/*padding: 0 20px;*/
font-size: 35px;
text-transform: none;

}

.modal-fullscreen-menu .list-group a:hover {
  xtransform: translateY(-90px);
}



.modal-backdrop.in {
  opacity: 1;
}


.menu-h {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 25px;
  width: 35px; 
  cursor: pointer;
  margin-top: 20px;
}
  @media (min-width: 768px) {
    .menu-h {
      display: none
    }  
  }
.menu-h span {
  display: inline-block;
  width: 100%;
  height: 3px;
  background-color: #fff;
  transition: all 0.5s ease;
}

.hamburger2 span:nth-of-type(1) {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: left;
          transform-origin: left;
}
.hamburger2 span:nth-of-type(2) {
  opacity: 0;
}
.hamburger2 span:nth-of-type(3) {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: left;
          transform-origin: left;
}
@media (max-width: 769px) {
  .navbar-brand {
    transform: translateX(-50%);
    left: 50%;
    position: absolute;
    top: -46px
  }
}


/* DEMO example styles for logo image */
.navbar-brand {
  padding: 0px;
  line-height: 70px;
}
.navbar-brand>img {
  display: inline-block;  
	  width: 25%;
    margin-top: -5px;
}

.padd {
  xpadding: 5rem 3rem;
}

#carouselCE {
  -webkit-box-shadow: 14px 28px 45px -24px rgba(50,50,50,0.57);
    box-shadow: 14px 28px 45px -24px rgba(50,50,50,0.57);
    height: 340px;
}

.carousel-indicators {
    bottom: -50px;
}

.carousel-indicators li {   
    width: 15px;
    height: 15px;   
    background-color: #000;      
}

.carousel-indicators .active {
    width: 16px;
    height: 16px;
    margin: 0;
    background-color: #2aa6d1;
}

hr {
    margin-top: 20px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #fff;
}


.service h3 {
  font-size: 20px;
}

.logo-footer {
  padding: 12px;
}

.color-1 {
  color: #25d366;
}

.color-2 {
  color: #25d366;
}

.color-3 {
  color: #25d366;
}

.color-4 {
  color: #25d366;
}

html body [data-ca3_iconfont="ETmodules"]::before {
    font-family: "ETmodules";
}
[data-ca3_icon]::before {
    font-weight: normal;
    content: attr(data-ca3_icon);
}

.ca3-scroll-down-arrow {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2hldnJvbl90aGluX2Rvd24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiBmaWxsPSJ3aGl0ZSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTE3LjQxOCw2LjEwOWMwLjI3Mi0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwYzAuMjcsMC4yNjgsMC4yNzEsMC43MDEsMCwwLjk2OWwtNy45MDgsNy44M2MtMC4yNywwLjI2OC0wLjcwNywwLjI2OC0wLjk3OSwwbC03LjkwOC03LjgzYy0wLjI3LTAuMjY4LTAuMjctMC43MDEsMC0wLjk2OWMwLjI3MS0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwTDEwLDEzLjI1TDE3LjQxOCw2LjEwOXoiLz48L3N2Zz4=);
  background-size: contain;
  background-repeat: no-repeat;
}

.ca3-scroll-down-link {
  cursor:pointer;
  height: 60px;
  width: 80px;
  margin: 0px 0 0 -40px;
  line-height: 60px;
  position: absolute;
  left: 50%;
  bottom: 65px;
  color: #FFF;
  text-align: center;
  font-size: 70px;
  z-index: 100;
  text-decoration: none;
  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);

  -webkit-animation: ca3_fade_move_down 2s ease-in-out infinite;
  -moz-animation:    ca3_fade_move_down 2s ease-in-out infinite;
  animation:         ca3_fade_move_down 2s ease-in-out infinite;
}


/*animated scroll arrow animation*/
@-webkit-keyframes ca3_fade_move_down {
  0%   { -webkit-transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -webkit-transform:translate(0,20px); opacity: 0; }
}
@-moz-keyframes ca3_fade_move_down {
  0%   { -moz-transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -moz-transform:translate(0,20px); opacity: 0; }
}
@keyframes ca3_fade_move_down {
  0%   { transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { transform:translate(0,20px); opacity: 0; }
}

.redes-footer {
  padding: 10px 0 0;
  float: right;
  width: 50%;
  text-align: right;
}

.copyright {
  padding: 10px 0 0;
  font-size: 13px;
  width: 50%;
  float: left;
}

.area {
  padding: 40px 0;
 /* display: none;*/
}

.area-caso {
  display: none;
}

.area-nov {
  display: none;
}
#frase-interna {
  text-align: center;
  padding: 50px 0 50px;
  margin-top: 50px;
}


.frame-slider {
  width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
}

#area1 {
  background: #3946ecd6;
}

#menu-interna {
  background:#000;
	height: 12vh;
    padding: 1rem 0;
}
  #menu-interna div.row {
    margin-top:0px;
    margin-bottom: 0px; 
  }

.contenedor-caso {
  width: 800px;
  margin: 0 auto;
  text-align: center;
  padding: 80px 0 80px;
}

.contenedor-caso h1 {
  font-size: 4rem;
}

#carouselCS {
  -webkit-box-shadow: 14px 28px 45px -24px rgba(50,50,50,0.57);
    box-shadow: 14px 28px 45px -24px rgba(50,50,50,0.57);
    height: 100%;
}

p.tecnologia {
  padding: 30px 0 30px;
}

p.tecnologia a{
  padding-right: 10px;
}

.logos-clientes img {
  -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .7;
    -webkit-transition: all .5s;
}

.logos-clientes img:hover  {
  -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
      transition: all .5s;
}


.content-somos {
  margin: 0 auto;
  width: 100%;
  font-size: 20px;
}

.content-somos h1 {
  margin-bottom: 30px;
}


.grilla-novedades,.grilla-novedades .row {
    margin-top: 0;
    margin-bottom: 0;
}
.card-novedad {
  height: 450px;
  background-size: cover;  
  overflow: hidden;
  position: relative;
}

.card-novedad .card-text {
  position: absolute;
  right: 0;
  left: 0;
  top: 30%;
  padding: 20px;
  z-index: 5;
  opacity: 0;
  text-align: right;
  -webkit-transition: all .5s;
}

.card-novedad .card-text h3 {
  color: #fff;
}

.frame-novedad {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0);
  -webkit-transition: all .5s;
}

.icon-nov {
  position: absolute;
  z-index: 10;
  right: 20px;
  bottom: 10px;
  opacity: 0;
  -webkit-transform: rotateY(180deg); /* Safari */
    transform: rotateY(180deg);
     -webkit-transition: all .5s;
}

.card-novedad:hover .frame-novedad {
  background: rgba(0,0,0,.5);
  -webkit-transition: all .5s;
}

.card-novedad:hover .card-text {
  opacity: 1;
  -webkit-transition: all .5s;
}

.card-novedad:hover .icon-nov {
  opacity: 1;
  -webkit-transform: rotateY(0deg); /* Safari */
    transform: rotateY(0deg);
      transition: all .5s;
}

#nov1 {
  background: #000 url(https://mockupsq.com/wp-content/uploads/edd/2018/04/app-screens-psd-mockup.jpg) no-repeat top center;
}

#nov2 {
  background: #000 url(https://cdn.dribbble.com/users/50386/screenshots/1268920/dribbble.jpg) no-repeat top center;
}

#nov3 {
  background: #000 url(https://www.bidolubaski.com/sites/default/files/blog/hepsi_birbirinden_guzel_poster_ornekleri_-_poster_tasarim.jpg) no-repeat top center;
}

#nov4 {
  background: #000 url(https://cdn.dribbble.com/users/50386/screenshots/1268920/dribbble.jpg) no-repeat top center;
}

.mas-nov {
  margin-top: 50px;
  margin-bottom: 50px;
}

.container-blog {
  margin-top: 50px;
}

h1.title-news {
  font-size: 50px;
}

.body-header {
  padding-top: 4rem;
}

.content-blog {
  margin: 0 auto;
  width: 700px;
  font-size: 20px;
  padding: 80px 0 50px;
}

.content-blog a {
	color: blue !important;	
}

.content-blog a:hover {
	color: blue !important;	
	text-decoration: underline;
}

.video-blog {
 margin:40px 0 40px!important;
}

.contenedor-content {
  position: relative;
}

.share-post{
  position: sticky;
  top: 150px;
  left: 0;
  /*margin-top: -50px;*/
 
}

#social {
  list-style: none;
  padding: 0;
}

#social span {
  margin-right: 5px;
  font-weight: 600;
}

#social li {
  display: inline-block;
}

#social li.fb {
  width: 25px;
  height: 25px;
  background: url("../assets/img/facebook.png");
  background-size: contain;
  margin-right: 5px;
}

#social li.tw {
  width: 25px;
  height: 25px;
  background: url("../assets/img/twitter.png");
  background-size: contain;
  margin-right: 5px;
}

#social li a {
  opacity: 0;
}

.categoria-blog {
  text-transform: uppercase;
}

.title-relacionadas {
  padding: 50px 0 50px;
  text-align: center;
}

.tag {
  background: #000;
  padding: 0 5px;
}

#content-page {
  position: relative;
}

.a-body {
  position: absolute;
  top: 150px;
  right: 20px;
}

.m-db {
  display: none;
}

/********************************/
/*          Media Queries       */
/********************************/

@media screen and (min-width:1600px) { /* large resolution */ 
    .modal-fullscreen-menu .list-group a {
      line-height: 1;
    }
    .modal-fullscreen-menu .modal-dialog {      
      max-width: 65%;
    }
    .modal-fullscreen-menu .list-group li {
      height: 91px;    
    }
}

@media screen and (min-width: 1200px) {
      
      .control {  
      right: 170px;
      }
      
}

@media  screen and (max-width: 1366px) {
      .control {  
      right: 25px;
      }
}



@media all and (max-width: 480px) {
     
      header.header-home {
        background-size: cover;
      }
      .text-header {
          display: block;
      }
     
      .menu-h {          
          margin-left: 25px;
      }
      .modal-fullscreen-menu .list-group li span {          
          font-size: 14px;         
          font-weight: 300;
      }
      .modal-fullscreen-menu .list-group a {          
          font-size: 3.5vh;
          font-weight: 900;
          line-height: 1;         
      }
      .modal-fullscreen-menu .list-group a:hover {
        transform: translateY(0);
      }
      .icon-close {
        top: -15px;
        right: 11px;        
        font-size: 60px;
      }
      .form {
       top: 34px;
       width: 95%;
      }
      .form h1 {
        font-size: 20px;
        margin-top: 0;
        margin-bottom: 8px;
      }
      #testimonials {
        display: none;
      }
      #clients {
        display: none;
      }
      .casos-exito {
          padding: 20px;
      }
      .casos-exito img {
          margin: -60px 0 0 0;         
      }
      #carouselCE {         
          height: 130px;
      }
      .area #carouselCE {
        display: none;
      }
      .area-caso #carouselCE{
        display: block!important;
      }
      .area {
          padding: 40px 0px;
       
      }

      #casos-exito .carousel-indicators {
        display: none;
      }
      .padd {
          padding: 0;
      }
      .logo-footer {
         display: none;
      }
     
      .form textarea {          
          height: 85px;
      }
      footer ul {
          list-style: none;
          padding: 0;
      }
      .header-caption h1 {
         
          font-size: 3rem;
      }
      .header-caption p {
          font-size: 1.5rem;
      
      }
      body > .container {
          padding: 0 15px 0;
      }

      #frase-interna h1 {
        font-size: 3rem;
      }

      .area-caso img {
        display: block!important;
      }

      .m-db {
        display: block;
      }
      .m-dn {
        display: none;
      }
      header.header-interna-casos {        
          height: 100%;
          margin-top: 30px;
      }

      .contenedor-caso {
            width: 100%;
      }

      p.tecnologia a {
          padding-right: 0px;
      }

      p.tecnologia img {
        margin-bottom: 5px;
      }
      #content-page {
        overflow-x: hidden;
      }
      .card-novedad .card-text {
        opacity: 1;
      }
      .card-novedad .frame-novedad {
          background: rgba(0,0,0,.5);        
      }
      .card-novedad .icon-nov {
          opacity: 1;
          -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
         
      }

      h1.title-news {
          font-size: 30px;
      }
      .share-post {
          position: relative;
          top: 0;
          left: 0;
          margin-top: 0;
      }
      .content-blog {         
          width: 100%;          
          padding: 50px 0 50px;
      }

      #otras-noticias {
        overflow-x: hidden;
      }

      .content-somos {         
          width: 100%;         
      }
      .header-caption {
    padding: 10px;}
    .container-blog {
    margin-top: 70px;
}
}

@media all and (max-width: 741px) {
  header.header-home {
        background-size: cover;
      }
      .text-header {
          display: block;
      }
     
      .menu-h {          
          margin-left: 25px;
      }
      .modal-fullscreen-menu .list-group li span {          
          font-size: 14px;         
          font-weight: 300;
      }
      .modal-fullscreen-menu .list-group a {          
          font-size: 3.5vh;
          font-weight: 900;
          line-height: 1;         
      }
      .modal-fullscreen-menu .list-group a:hover {
        transform: translateY(0);
      }
      .icon-close {
        top: -15px;
        right: 11px;        
        font-size: 60px;
      }
      .form {
       top: 34px;
       width: 95%;
      }
      .form h1 {
        font-size: 20px;
        margin-top: 0;
        margin-bottom: 8px;
      }
      #testimonials {
        display: none;
      }
      #clients {
        display: none;
      }
      .casos-exito {
          padding: 20px;
      }
      .casos-exito img {
          margin: -60px 0 0 0;         
      }
      #carouselCE {         
          height: 130px;
      }
      .area #carouselCE {
        display: none;
      }
      .area-caso #carouselCE{
        display: block!important;
      }
      .area {
          padding: 40px 0px;
       
      }

      #casos-exito .carousel-indicators {
        display: none;
      }
      .padd {
          padding: 0;
      }
      .logo-footer {
         display: none;
      }
     
      .form textarea {          
          height: 85px;
      }
      footer ul {
          list-style: none;
          padding: 0;
      }
      .header-caption h1 {
         
          font-size: 3rem;
      }
      .header-caption p {
          font-size: 1.5rem;
      
      }
      body > .container {
          padding: 0 15px 0;
      }

      #frase-interna h1 {
        font-size: 3rem;
      }

      .area-caso img {
        display: block!important;
      }

      .m-db {
        display: block;
      }
      .m-dn {
        display: none;
      }
      header.header-interna-casos {        
          margin-top: 100px;
      }

      .contenedor-caso {
            width: 100%;
      }

      p.tecnologia a {
          padding-right: 0px;
      }

      p.tecnologia img {
        margin-bottom: 5px;
      }
      #content-page {
        overflow-x: hidden;
      }
      .card-novedad .card-text {
        opacity: 1;
      }
      .card-novedad .frame-novedad {
          background: rgba(0,0,0,.5);        
      }
      .card-novedad .icon-nov {
          opacity: 1;
          -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
         
      }

      h1.title-news {
          font-size: 30px;
      }
      .share-post {
          position: relative;
          top: 0;
          left: 0;
          margin-top: 0;
      }
      .content-blog {         
          width: 100%;          
          padding: 50px 0 50px;
      }

      #otras-noticias {
        overflow-x: hidden;
      }

      .content-somos {         
          width: 100%;         
      }
      .header-caption {
    padding: 10px;}
    .container-blog {
    margin-top: 70px;
}
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {    
    header.header-home {   
    background-size: cover;
  }
  .modal-fullscreen-menu .list-group li span {          
          font-size: 14px;         
          font-weight: 300;
      }
      .modal-fullscreen-menu .list-group a {          
          font-size: 3.5vh;
          font-weight: 900;
          line-height: 1;         
      }
      .modal-fullscreen-menu .list-group a:hover {
        transform: translateY(0);
      }
      .modal-fullscreen-menu .list-group li {
    height: 84px;
    overflow-y: hidden;
  }
  #service1 p,#service2 p,#service3 p,#service4 p {
    padding: 0;
  }
  #carouselCE {
    height: 256px;
  }
  .padd {
    padding: 0;
  }


  .contenedor-caso {
              width: 100%;
        }
  .content-blog {         
            width: 100%;          
            padding: 50px 0 50px;
        }
  .content-somos {         
            width: 100%;         
        }

        .card-novedad .card-text {
        opacity: 1;
      }
      .card-novedad .frame-novedad {
          background: rgba(0,0,0,.5);        
      }
      .card-novedad .icon-nov {
          opacity: 1;
          -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
         
      }
      .share-post {
    position: relative;
    top: 20px;
    left: 0;
    margin-top: 0;
}
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
  header.header-home {   
    background-size: cover;
  }
  .modal-fullscreen-menu .list-group li span {          
          font-size: 14px;         
          font-weight: 300;
      }
      .modal-fullscreen-menu .list-group a {          
          font-size: 3.5vh;
          font-weight: 900;
          line-height: 1;         
      }
      .modal-fullscreen-menu .list-group a:hover {
        transform: translateY(0);
      }
      .modal-fullscreen-menu .list-group li {
    height: 84px;
    overflow-y: hidden;
  }
  #service1 p,#service2 p,#service3 p,#service4 p {
    padding: 0;
  }
  #carouselCE {
    height: 256px;
  }
  .padd {
    padding: 0;
  }


  .contenedor-caso {
              width: 100%;
        }
  .content-blog {         
            width: 100%;          
            padding: 50px 0 50px;
        }
  .content-somos {         
            width: 100%;         
        }

        .card-novedad .card-text {
        opacity: 1;
      }
      .card-novedad .frame-novedad {
          background: rgba(0,0,0,.5);        
      }
      .card-novedad .icon-nov {
          opacity: 1;
          -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
         
      }
      .share-post {
    position: relative;
    top: 20px;
    left: 0;
    margin-top: 0;
}


}

.customize-support .navbar-fixed-top {
	top: 32px !important;	
}

.form-horizontal div.wpcf7-mail-sent-ok {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}

.form-horizontal div.wpcf7-validation-errors {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

.form-horizontal div.wpcf7-response-output {
    border: 1px solid transparent;
    border-radius: 4px;
    margin: 0 0 20px;
    padding: 15px;
}


/* CONTANCTO PAGE */
.title-hablemos{
  font-size: 80px;
}

.section-contacto {
  height: 80vh !important;
}

.section-contacto span{
  font-size: 1.4rem;
  color: rgb(139, 124, 246)
}



.content-blog img {
	max-width: 100%;
	height: auto;
}

.mb-3 {
    margin-bottom: 30px;
}
.top_nav{
      display: flex;
      justify-content: center;
      text-align: center;
      text-transform: uppercase;
}
@media (max-width: 768px) {
  nav.top_nav {
    display: none;
  }
	
.nombre, .margin-bottom {
	margin-bottom: 3rem;
}
	
.email {
 margin-bottom: 0;
}
	
/* .Iam {
    padding: 3em 2em;
} */
}
@media (min-width: 768px) {
  .navbar-header {
       float: none; 
  }
	
}
nav.top_nav ul {
  padding: 0px;
}
nav.top_nav li {
  list-style: none;
  display: inline-block;
  margin: 0 16px;
  line-height: 70px;
}
nav.top_nav li a {
  transition: all 0.5s ease;
  position: relative;
}
nav.top_nav li a:after {
  content: "";
  position: absolute;
  left: 0px;
  bottom: -3px;
  width: 100%;
  height: 1px;
  background-color: #fff;
  opacity: 0;
  transition: all 0.5s ease;
}
nav.top_nav li:hover a:after,
nav.top_nav li.current-menu-item a:after {
  opacity: 1;
}
  nav.top_nav li br, nav.top_nav li span {
    display: none;
  }

.carousel-caption h3 {
  color:#fff;
}

#video_background {
    position: absolute;
    bottom: 0px;
    right: 0px;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1000;
    overflow: hidden;
}
#video_pattern {
    background:#fff;
    position: fixed;
    opacity: 0.8;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
}

@media (max-width: 576px) {
	.Iam p {
    height: 50px;
	float: none;
    margin-right: 0em;
    color: #FFF;
    font-size: 40px;
}
	
	.Iam {
    	padding: 3em 1em;
	}
	
	.Iam .innerIam {
		font-size: 40px;
	}
	
	.Iam b {
		margin-left: 8rem;
	}
}

@media (max-width: 480px) {
	.Iam {
    padding: 3em 0em;
}
	.Iam b {
		margin-left: 2rem;
	}
}



/*************************** NUEVO CSS CUSTOM ************************************/
.section {
  padding: 8rem 2rem;
}

.container {
  max-width: 1280px;
  margin: 0 auto;
  width: 100%;
  padding: 0 2rem;
  position: relative;
  z-index: 1;
}

.hero {
  min-height: 90vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  overflow: hidden;
  padding-top: 12rem;
}

.hero__bg {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  filter: blur(70px);
}

.hero__bg--1 {
  top: 10%;
  left: -5%;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(139,124,246,0.1) 0%, transparent 70%);
}

.hero__bg--2 {
  top: -10%;
  right: -5%;
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, rgba(107,184,156,0.08) 0%, transparent 70%);
}

.hero__bg--3 {
  bottom: 0;
  right: 20%;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, rgba(139,124,246,0.06) 0%, transparent 70%);
}


.heading-xl {
  font-size:  9rem;
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 1.05;
  color: #111;
  /*max-width: 900px;*/
  margin-bottom: 2rem;
}

.heading-xl em {
  font-family: "Playfair Display", serif;
  font-style: italic;
  font-weight: 500;
}

.text-lg {
  font-size: 2.2rem;
  color: #666;
  line-height: 1.7;
  margin-bottom: 3rem;
}

.btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  border-radius: 2px;
  text-decoration: none;
  transition: 0.2s;
}

.btn--primary {
  background-color: #fff;
  color: #171717 !important;
}

.btn--primary:hover {
  background-color: #2a2a2a;
  color: #fff;
}



.btn--outline {
  color: #111 !important;
  border-color: #111;
}

.hero__actions {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}


/*** SECTION SECTORES ***/

.section-header {
  margin-bottom: 3rem;
}

.eyebrow{
  color: #8b7cf6;
  text-transform: uppercase;
  font-size: 1.5rem;
}

.eyebrow--muted {
  color: #aaa;
  letter-spacing: 0.14em;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  display: block;
}

.heading-lg {
  font-size: 7rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.15;
  color: #111;
}

.heading-lg em {
  font-family: "Playfair Display", serif;
  font-style: italic;
  font-weight: 500;
}

.sectors__list {
  border-top: 1px solid rgba(0,0,0,0.1);
}

.sector-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
  padding: 3rem 0;
  border-top: 1px solid rgba(0,0,0,0.1);
  overflow: hidden;
  cursor: pointer;
  padding-left: 2rem;
  padding-right: 2rem;
}

.sector-item__bg {
  position: absolute;
  inset: 0;
  background: #111;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.4s ease;
  z-index: 0;
}

.sector-item:hover .sector-item__bg {
  transform: scaleX(1);
}

.sector-item__title {
  position: relative;
  z-index: 1;
  font-size: 7rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #111;
  line-height: 1;
  transition: color 0.3s;
}

.sector-item__desc {
  position: relative;
  z-index: 1;
  font-size: 1.8rem;
  color: #999;
  transition: color 0.3s;
}

.sector-item__icon {
  position: relative;
  z-index: 1;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #111;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}

.sector-item:hover .sector-item__title,
.sector-item:hover .sector-item__desc,
.sector-item:hover .sector-item__icon {
  color: #fff;
}

.sector-item:hover .sector-item__icon {
  border-color: #fff;
}


/*** Section Dark - CTA ***/
.section--dark {
  background-color: #111;
  position: relative;
  overflow: hidden;
  padding: 10rem 2rem;
}
.container--center {
  text-align: center;
}

.heading-xl--light {
  color: #fff;
}

.text-lg--light {
  color: rgba(255,255,255,0.5);
}

.btn--cta {
  padding: 1.1rem 2.5rem;
  font-weight: 600;
  letter-spacing: 0.04em;
}

.btn--primary:hover {
  background-color: #f0f0f0;
}




/* HOVER BTN REUNION */
.btn--reunion{
   background-color: #8b7cf6;
   color: #fff;
}

.btn--reunion:hover{
  transition: all 0.3s ease;
  box-shadow: 0 90px 80px rgba(139, 124, 246, 0.35);
  transform: translateY(-2px);
}


.btn--primary {
  transition: all 0.3s ease;
}

.btn--primary:hover {
  background-color: #8b7cf6;
  color: #fff;
  box-shadow: 0 10px 30px rgba(139, 124, 246, 0.35);
  transform: translateY(-2px);
}




/*** PAGE AGENCIA ***/
.hero--dark {
  background-color: #111;
  position: relative;
  overflow: hidden;
}

.hero--inner {
  padding: calc(72px + 8rem) 2rem 8rem;
}
.eyebrow--light {
  color: rgba(255,255,255,0.4);
}
.heading-xl--light {
  color: #fff;
}

.text-lg--light {
  color: rgba(255,255,255,0.55);
}

.text-lg--narrow {
  max-width: 540px;
}
.bg-blur {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  filter: blur(80px);
}
.bg-purple {
  background: radial-gradient(circle, rgba(139,124,246,0.15) 0%, transparent 70%);
}

.bg-green {
  background: radial-gradient(circle, rgba(107,184,156,0.1) 0%, transparent 70%);
}
.hero__bg--left {
  top: -20%;
  left: -10%;
  width: 600px;
  height: 600px;
}

.hero__bg--right {
  bottom: -10%;
  right: 10%;
  width: 400px;
  height: 400px;
}



/* Section Team */
.grid {
  display: grid;
  gap: 4rem;
}

.grid-2 {
  grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 768px) {
  .grid-2 {
    grid-template-columns: 1fr;
  }
}


.about__grid {
  align-items: center;
}

.about__content .heading-lg {
  margin-bottom: 1.5rem;
}

.about__content .text-lg {
  margin-top: 1.5rem;
}

.about__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}

.about__media {
  overflow: hidden;
}

.about__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}

.about__media:hover img {
  transform: scale(1.05);
}

.about__media {
  overflow: hidden;
}

.about__media img {
  transition: transform 0.6s ease;
}

.about__media:hover img {
  transform: scale(1.05);
}

.heading-lg em {
  font-family: "Playfair Display", serif;
  font-style: italic;
  font-weight: 500;
}


/* Proceso */
.process {
  background-color: #f5f5f5;
}

/* STEP ITEM */
.process__item {
  padding: 0 1rem;
}

/* NUMBER CIRCLE */
.process__number {
  width: 40px;
  height: 40px;
  background: #111;
  color: #fff;
  font-size: 1.9rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.5rem;
}

/* EYEBROW */
.process__eyebrow {
  display: block;
  font-size: 1.3rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #8b7cf6;
  font-weight: 600;
  margin-bottom: 0.75rem;
}

/* TITLE */
.process__title {
  font-size: 2.8rem;
  font-weight: 600;
  color: #111;
  letter-spacing: -0.01em;
  margin-bottom: 0.75rem;
}

/* TEXT */
.process__text {
  font-size: 1.7rem;
  color: #777;
  line-height: 1.7;
}

/* LINE BETWEEN STEPS */
.process__line {
  position: absolute;
  top: 20px;
  left: 50%;
  right: -50%;
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
}

/* TIMELINE */
.process__timeline-item {
  padding: 1.25rem 1.75rem;
  background: #fff;
  border: 1px solid rgba(0,0,0,0.08);
  font-size: 1.6rem;
  font-weight: 600;
  color: #111;
  letter-spacing: 0.02em;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  white-space: nowrap;
}

.process__timeline-item span {
  font-size: 0.65rem;
  letter-spacing: 0.14em;
  color: #8b7cf6;
}

/* ACTIVE */
.process__timeline-item.active {
  background: #111;
  color: #fff;
  border: none;
}

.process__timeline-item.active span {
  color: rgba(255,255,255,0.5);
}

/* LINE BETWEEN ITEMS */
.process__timeline-line {
  width: 2rem;
  height: 1px;
  background: rgba(0,0,0,0.15);
  flex-shrink: 0;
}


/** Section Servicios HOME ***/
/* SECTION */
.services {
  background: #fff;
}

/* LIST */
.services__list {
  display: flex;
  flex-direction: column;
}

/* ITEM */
.services__item {
  display: flex;
  gap: 1.25rem;
  padding: 1.75rem 2rem;
  border-bottom: 1px solid rgba(0,0,0,0.07);
  transition: background 0.3s ease;
}

/* HOVER */
.services__item:hover {
  background: #f5f5f5;
}

/* ACTIVE */
.services__item--active {
  background: #f5f5f5;
}

/* ICON */
.services__icon svg {
  width: 18px;
  height: 18px;
  display: block;
}

.services__icon {
  width: 46px;
  height: 42px;
  min-width: 42px; /* evita que se achique */
  background: #f5f5f5;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #8b7cf6;
}

/* TITLE */
.services__title {
  font-size: 2rem;
  font-weight: 500;
  color: #111;
  margin-bottom: 0.3rem;
}

/* TEXT */
.services__text {
  font-size: 1.4rem;
  color: #888;
  line-height: 1.6;
}

/* LINK */
.link-arrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #111;
  text-decoration: none;
  transition: color 0.2s ease, transform 0.2s ease;
}

.link-arrow svg {
  transition: transform 0.2s ease;
}

.link-arrow:hover {
  color: #8b7cf6;
}

.link-arrow:hover svg {
  transform: translate(3px, -3px);
}


/*** NOSOTROS - SECTORES ***/
/* =========================
   STATS SECTION
========================= */
.stats {
    padding: 5rem 2rem;
    background-color: #fff;
}

.stats__container {
    max-width: 1280px;
}

/* GRID */
.stats__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1px;
    background-color: rgba(0, 0, 0, 0.07);
}

/* ITEM */
.stats__item {
    background-color: #fff;
    padding: 3.5rem 2.5rem;
    text-align: center;
}

/* NUMBER */
.stats__number {
    font-size: 8rem;
    font-weight: 600;
    color: #111;
    letter-spacing: -0.03em;
    line-height: 1;
    margin-bottom: 0.75rem;
}

/* LABEL */
.stats__label {
    font-size: 2rem;
    color: #888;
    line-height: 1.5;
}



/* =========================
   CLIENTES INTRO
========================= */

.clientes-intro {
    padding: calc(72px + 7rem) 2rem 7rem;
    background-color: #fff;
    border-bottom: 1px solid rgba(0,0,0,0.07);
}

.clientes-intro__container {
    max-width: 1280px;
}

.clientes-intro__eyebrow {
    font-size: 1.7rem;
    letter-spacing: 0.14em;
    color: #8b7cf6;
    text-transform: uppercase;
    display: block;
    margin-bottom: 1.5rem;
    font-weight: 500;
}

.clientes-intro__title {
    font-size: clamp(2.5rem, 6vw, 9.5rem);
    font-weight: 600;
    letter-spacing: -0.03em;
    line-height: 1.05;
    color: #111;
    max-width: 800px;
}

.clientes-intro__title em {
    font-family: "Playfair Display", serif;
    font-style: italic;
}

.clientes-intro__content p {
    font-size: 2.05rem;
    color: #666;
    line-height: 1.75;
    max-width: 660px;
    margin-top: 2rem;
}


/* =========================
   CLIENTES LOGOS
========================= */
.clientes-logos__item {
    display: block;
    text-align: center;
}

.clientes-logos__item img {
    width: 80%;
    margin: 0 auto;
    opacity: 0.8;
    transition: all 0.3s ease;
}

.clientes-logos__item:hover img {
    opacity: 1;
    transform: scale(1.05);
}


/* =========================
   SECTORES - PAGE CLIENTES
========================= */
.sectores {
    padding: 7rem 2rem;
    background-color: #fff;
}

.sectores__container {
    max-width: 1280px;
}

.sectores__eyebrow {
    font-size: 1.7rem;
    letter-spacing: 0.14em;
    color: #aaa;
    text-transform: uppercase;
    margin-bottom: 1rem;
    display: block;
}

.sectores__title {
    font-size: 7rem;
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 1.15;
    color: #111;
    margin-bottom: 4rem;
}

.sectores__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1.5px;
    background-color: rgba(0,0,0,0.07);
}

.sectores__item {
    background-color: #fff;
    padding: 3rem 2.5rem;
    transition: all 0.3s ease;
}

.sectores__item:hover {
    transform: translateY(-6px);
}

.sectores__bar {
    width: 32px;
    height: 3px;
    margin-bottom: 1.5rem;
    border-radius: 2px;
}

.sectores__bar--green { background-color: #6ec4a4; }
.sectores__bar--purple { background-color: #8b7cf6; }
.sectores__bar--orange { background-color: #f4a97b; }

.sectores__item h3 {
    font-size: 2rem;
    font-weight: 600;
    color: #111;
    margin-bottom: 1rem;
}

.sectores__item p {
    font-size: 2rem;
    color: #777;
    line-height: 1.7;
}


/*** SVG ***/
/* =========================
   SVG FIX GLOBAL
========================= */

.icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    flex-shrink: 0;
}

.services__icon svg {
    width: 100%;
    height: 100%;
    overflow: visible; /* 🔥 clave para que no corte strokes */
}

/* opcional pro */
.services__icon {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}



/* =========================
   HERO TITLE ANIMATION
========================= */

.hero__title {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* cada línea */
.hero__line {
    display: block;
    opacity: 0;
    transform: translateY(40px);
    animation: heroFadeUp 0.8s ease forwards;
}

/* delays progresivos */
.hero__line:nth-child(1) { animation-delay: 0.2s; }
.hero__line:nth-child(2) { animation-delay: 0.4s; }
.hero__line:nth-child(3) { animation-delay: 0.6s; }
.hero__line:nth-child(4) { animation-delay: 0.8s; }

/* animación */
@keyframes heroFadeUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* delays CTA */
.cta__title .hero__line:nth-child(1) > span { animation-delay: 5s; }
.cta__title .hero__line:nth-child(2) > span { animation-delay: 6s; }