
/* KC_HOME_WRAP_START */
#kcRealHomeFooterMount #footer > .wrap{

  width:min(
    1450px,
    calc(100% - 52px)
  );

  margin:auto;

}

@media(max-width:760px){
    #kcRealHomeFooterMount #footer > .wrap{
        width:calc(100% - 28px);
    }
}
/* KC_HOME_WRAP_END */


/*
 * KONECTA CRYPTOS
 * FOOTER HOME EN PANEL
 * Flujo normal - no flotante
 */

#kcRealHomeFooterMount{
    position:relative !important;
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    clear:both !important;
    overflow:visible !important;
    transform:none !important;
    inset:auto !important;
}

#kcRealHomeFooterMount > #footer{
    position:relative !important;
    display:block !important;
    width:100% !important;
    height:auto !important;
    margin:0 !important;
    inset:auto !important;
    transform:none !important;
}

#kcRealHomeFooterMount #footer .reveal{
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
}

#kcFooterSheetV2,
#kcFooterLauncherV2{
    display:none !important;
}

footer{
  position:relative;
  overflow:hidden;

  padding:
    0 0 34px;

  border-top:
    1px solid
    rgba(122,98,255,.18);

  background:
    radial-gradient(
      700px 380px at 15% 10%,
      rgba(88,70,255,.18),
      transparent 70%
    ),
    radial-gradient(
      650px 380px at 88% 15%,
      rgba(35,203,255,.14),
      transparent 70%
    ),
    linear-gradient(
      180deg,
      #090d1a,
      #080b17 46%,
      #050712 100%
    );
}

footer:before{
  content:"";

  position:absolute;
  inset:0;

  pointer-events:none;

  background-image:
    radial-gradient(
      circle at center,
      rgba(255,255,255,.09) 1px,
      transparent 1px
    );

  background-size:38px 38px;

  opacity:.15;

  mask-image:
    linear-gradient(
      to bottom,
      #000,
      transparent 85%
    );
}

.footer-news{
  min-height:280px;

  position:relative;
  z-index:2;

  display:grid;

  grid-template-columns:
    1fr .9fr;

  align-items:center;

  gap:50px;

  padding:
    67px 0 58px;

  border-bottom:
    1px solid
    rgba(255,255,255,.065);
}

.footer-news h2{
  max-width:660px;

  font-size:
    clamp(34px,3.8vw,55px);

  line-height:1.04;
  letter-spacing:-2.8px;
}

.footer-news h2 span{
  background:
    linear-gradient(
      90deg,
      #77cbff,
      #b08bff,
      #6fe4e5
    );

  -webkit-background-clip:text;

  color:transparent;
}

.footer-news p{
  max-width:580px;

  margin-top:14px;

  color:#8494ab;

  line-height:1.65;

  font-size:12px;
}

.newsletter{
  padding:8px;

  display:flex;

  border-radius:18px;

  border:
    1px solid
    rgba(149,126,255,.18);

  background:
    rgba(255,255,255,.04);

  box-shadow:
    0 20px 60px
    rgba(0,0,0,.18);
}

.newsletter input{
  min-width:0;
  flex:1;

  padding:0 18px;

  border:0;
  outline:none;

  color:#fff;

  background:transparent;

  font-size:12px;
}

.newsletter input::placeholder{
  color:#657389;
}

.newsletter button{
  min-height:50px;

  padding:0 21px;

  border:0;

  border-radius:13px;

  cursor:pointer;

  color:white;

  font-size:11px;
  font-weight:800;

  background:
    linear-gradient(
      135deg,
      #6e67ff,
      #2c9fff
    );

  box-shadow:
    0 12px 35px
    rgba(80,85,255,.24);
}

.news-status{
  min-height:18px;

  margin-top:9px;

  color:#7889a0;

  font-size:9px;
}

.footer-main{
  position:relative;
  z-index:2;

  display:grid;

  grid-template-columns:
    1.5fr
    repeat(4,1fr);

  gap:45px;

  padding:
    55px 0 48px;
}

.footer-brand-copy{
  max-width:340px;

  margin-top:16px;

  color:#718097;

  font-size:10px;
  line-height:1.7;
}

.footer-badges{
  display:flex;
  flex-wrap:wrap;

  gap:7px;

  margin-top:20px;
}

.footer-badge{
  padding:6px 9px;

  border-radius:9px;

  border:
    1px solid
    rgba(255,255,255,.07);

  color:#718aa1;

  background:
    rgba(255,255,255,.025);

  font-size:8px;
}

.footer-col strong{
  display:block;

  color:#d9e3f3;

  font-size:10px;

  margin-bottom:16px;
}

.footer-col a{
  display:block;

  margin-top:11px;

  color:#74849a;

  font-size:9px;

  transition:.2s;
}

.footer-col a:hover{
  color:#8fd6ff;

  transform:
    translateX(3px);
}

.footer-bottom{
  position:relative;
  z-index:2;

  min-height:65px;

  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:20px;

  border-top:
    1px solid
    rgba(255,255,255,.055);

  color:#58677e;

  font-size:8px;
}

.footer-gradient-line{
  height:2px;

  position:absolute;

  top:0;
  left:0;
  right:0;

  background:
    linear-gradient(
      90deg,
      transparent,
      #438eff,
      #916fff,
      #36dce2,
      transparent
    );

  opacity:.65;
}

/* =====================================================
   RESPONSIVE
===================================================== */

@media(max-width:1150px){

  nav{
    display:none;
  }

  .hero-slide{
    grid-template-columns:1fr;
  }

  .hero-copy{
    text-align:center;
  }

  .eyebrow{
    margin:auto;
  }

  .hero-copy p{
    margin-left:auto;
    margin-right:auto;
  }

  .hero-buttons,
  .hero-mini{
    justify-content:center;
  }

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

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

  .analytics-grid{
    grid-template-columns:1fr;
  }

  .radial-box{
    grid-template-columns:1fr;
  }

  .radial-copy{
    text-align:center;
  }

  .radial-copy p{
    margin-left:auto;
    margin-right:auto;
  }

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

@media(max-width:760px){

  .wrap{
    width:calc(100% - 28px);
  }

  .brand small{
    display:none;
  }

  .head-actions .btn-soft{
    display:none;
  }

  .hero-slide{
    padding-top:45px;
  }

  .hero-copy h1{
    font-size:52px;

    letter-spacing:-3.8px;
  }

  .hero-buttons{
    flex-direction:column;
  }

  .hero-buttons .btn{
    width:100%;
  }

  .visual{
    min-height:auto;
  }

  .dash-grid,
  .trade-layout,
  .wallet-layout,
  .command-layout{
    grid-template-columns:1fr;
  }

  .float{
    display:none;
  }

  .service-grid{
    grid-template-columns:1fr;
  }

  .circle-line{
    grid-template-columns:1fr;
  }

  .analytics-cards{
    grid-template-columns:1fr;
  }

  .analytics-card.wide{
    grid-column:auto;
  }

  .radial-copy{
    padding:
      45px 24px 10px;
  }

  .radial-visual{
    min-height:520px;

    transform:scale(.8);
  }

  .footer-news{
    grid-template-columns:1fr;

    text-align:center;
  }

  .footer-news p{
    margin-left:auto;
    margin-right:auto;
  }

  .footer-main{
    grid-template-columns:
      1fr 1fr;
  }

  .footer-brand-area{
    grid-column:1/-1;
  }

  .footer-bottom{
    flex-direction:column;

    justify-content:center;

    text-align:center;

    padding:22px 0;
  }
}

@media(max-width:470px){

  .brand strong{
    font-size:14px;
  }

  .logo{
    width:39px;
    height:39px;
  }

  .head-actions .btn{
    padding:0 13px;
    font-size:10px;
  }

  .footer-main{
    grid-template-columns:1fr;
  }

  .footer-brand-area{
    grid-column:auto;
  }

  .newsletter{
    flex-direction:column;
  }

  .newsletter input{
    min-height:48px;
  }
}

@media(prefers-reduced-motion:reduce){

  *{
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important;
  }

  .reveal{
    opacity:1;
    transform:none;
  }
}

