:root{
  --brand:#1677ff;
  --brand2:#03b9ff;
  --brand-dark:#071629;
  --brand-deep:#04101d;

  --dev:#7c3aed;
  --voip:#ee3ca7;
  --green:#11b981;

  --ink:#0b1729;
  --text:#26364b;
  --muted:#65758a;

  --soft:#f3f7fb;
  --line:#e4ebf2;

  --white:#fff;

  --radius:24px;
  --radius-sm:15px;

  --shadow:0 22px 60px rgba(7,22,41,.10);
}

*{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  margin:0;
  color:var(--ink);
  background:#fff;
  font-family:Inter,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}

body.menu-open{
  overflow:hidden;
}

a{
  color:inherit;
  text-decoration:none;
}

button{
  font:inherit;
}

.shell{
  width:min(1240px,92%);
  margin:auto;
}


/* ==========================================================
   TOP BAR
   ========================================================== */

.topline{
  position:relative;
  z-index:100;
  color:#b8c8da;
  background:#030d18;
  border-bottom:1px solid rgba(255,255,255,.06);
}

.topline-inner{
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  font-size:11px;
  letter-spacing:.02em;
}

.topline-inner > span{
  display:flex;
  align-items:center;
  gap:8px;
}

.topline-inner > span i{
  color:#32d296;
}

.topline-inner > div{
  display:flex;
  gap:22px;
}

.topline a{
  transition:.2s ease;
}

.topline a:hover{
  color:#fff;
}


/* ==========================================================
   HEADER
   ========================================================== */

.site-header{
  position:sticky;
  z-index:90;
  top:0;
  color:#fff;
  background:rgba(5,18,33,.94);
  border-bottom:1px solid rgba(255,255,255,.07);
  backdrop-filter:blur(18px);
}

.header-inner{
  height:76px;
  display:flex;
  align-items:center;
  gap:36px;
}

.brand{
  display:flex;
  align-items:center;
  gap:11px;
  flex:none;
}

.brand-mark{
  width:39px;
  height:39px;
  display:grid;
  place-items:center;
  border-radius:11px;
  color:#fff;
  background:
    linear-gradient(135deg,var(--brand),var(--brand2));
  box-shadow:0 8px 25px rgba(22,119,255,.3);
}

.brand-copy{
  display:flex;
  align-items:baseline;
  gap:3px;
  font-size:16px;
  letter-spacing:-.05em;
}

.brand-copy strong{
  font-weight:900;
}

.brand-copy b{
  color:#56c7ff;
  font-weight:700;
}

.desktop-nav{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:4px;
}

.desktop-nav > a,
.nav-trigger{
  height:44px;
  padding:0 13px;
  border:0;
  display:flex;
  align-items:center;
  gap:7px;
  cursor:pointer;
  color:#ccdaea;
  background:transparent;
  font-size:13px;
  font-weight:600;
  border-radius:10px;
  transition:.2s ease;
}

.desktop-nav > a:hover,
.nav-trigger:hover,
.nav-trigger.active{
  color:#fff;
  background:rgba(255,255,255,.07);
}

.nav-trigger i{
  font-size:9px;
  opacity:.6;
}

.header-actions{
  display:flex;
  align-items:center;
  gap:12px;
}

.login-link{
  display:flex;
  align-items:center;
  gap:7px;
  color:#d5e0ec;
  font-size:12px;
  font-weight:600;
}

.button{
  border:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  border-radius:12px;
  font-weight:700;
  transition:
    transform .2s ease,
    box-shadow .2s ease,
    background .2s ease;
}

.button:hover{
  transform:translateY(-2px);
}

.button-small{
  padding:11px 17px;
  font-size:12px;
}

.button-large{
  min-height:52px;
  padding:0 22px;
  font-size:13px;
}

.button-primary{
  color:#fff;
  background:
    linear-gradient(135deg,var(--brand),var(--brand2));
  box-shadow:0 10px 30px rgba(22,119,255,.25);
}

.button-ghost{
  color:#fff;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.06);
}

.button-white{
  color:#081728;
  background:#fff;
}

.button-outline-light{
  color:#fff;
  border:1px solid rgba(255,255,255,.3);
  background:transparent;
}

.mobile-toggle{
  width:42px;
  height:42px;
  display:none;
  place-items:center;
  border:0;
  border-radius:10px;
  color:#fff;
  background:rgba(255,255,255,.08);
}


/* ==========================================================
   MEGA MENU
   ========================================================== */

.mega{
  position:absolute;
  z-index:80;
  top:100%;
  left:0;
  right:0;
  visibility:hidden;
  opacity:0;
  transform:translateY(-8px);
  color:var(--ink);
  background:#fff;
  border-top:1px solid #edf1f5;
  box-shadow:0 28px 70px rgba(0,15,35,.18);
  transition:.18s ease;
}

.mega.open{
  visibility:visible;
  opacity:1;
  transform:none;
}

.mega-grid{
  display:grid;
  grid-template-columns:1.15fr 1fr 1fr 1.05fr;
  gap:34px;
  padding:38px 0 40px;
}

.mega-intro{
  padding-right:30px;
  border-right:1px solid #e8edf3;
}

.mega-kicker{
  display:inline-block;
  margin-bottom:16px;
  color:var(--brand);
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
}

.mega-kicker.dev{
  color:var(--dev);
}

.mega-kicker.voip{
  color:var(--voip);
}

.mega-kicker.solutions{
  color:#d28800;
}

.mega-intro h3{
  margin:0 0 13px;
  font-size:24px;
  line-height:1.13;
  letter-spacing:-.045em;
}

.mega-intro p{
  margin:0 0 18px;
  max-width:280px;
  color:var(--muted);
  font-size:12px;
  line-height:1.7;
}

.mega-intro > a{
  color:var(--brand);
  font-size:12px;
  font-weight:800;
}

.mega-title{
  display:block;
  margin-bottom:12px;
  color:#8997a8;
  font-size:9px;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.mega-column > a{
  display:flex;
  align-items:flex-start;
  gap:11px;
  padding:9px;
  margin:0 -9px 3px;
  border-radius:11px;
  transition:.2s ease;
}

.mega-column > a:hover{
  background:#f4f8fc;
}

.mega-column > a > i{
  width:26px;
  margin-top:2px;
  text-align:center;
  color:var(--brand);
  font-size:14px;
}

.mega-column strong,
.mega-column small{
  display:block;
}

.mega-column strong{
  margin-bottom:3px;
  font-size:12px;
}

.mega-column small{
  color:#7c8b9e;
  font-size:10px;
  line-height:1.45;
}

.mega-feature{
  position:relative;
  overflow:hidden;
  min-height:240px;
  padding:25px;
  color:#fff;
  border-radius:20px;
  background:
    radial-gradient(circle at 80% 0%,#145cd9 0,transparent 45%),
    #071a33;
}

.mega-feature-icon{
  width:47px;
  height:47px;
  display:grid;
  place-items:center;
  margin-bottom:48px;
  border-radius:13px;
  color:#76d3ff;
  background:rgba(255,255,255,.08);
}

.mega-feature span{
  display:block;
  margin-bottom:6px;
  color:#8ba6c2;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.mega-feature strong{
  display:block;
  font-size:18px;
  line-height:1.2;
}

.mega-feature p{
  margin:8px 0 0;
  color:#9eb0c3;
  font-size:10px;
  line-height:1.5;
}

.feature-arrow{
  position:absolute;
  right:20px;
  bottom:20px;
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  background:rgba(255,255,255,.12);
}

.dev-feature{
  background:
    radial-gradient(circle at 80% 0%,#7c3aed 0,transparent 45%),
    #160f29;
}

.voip-feature{
  background:
    radial-gradient(circle at 80% 0%,#e83caa 0,transparent 45%),
    #291024;
}

.solution-feature{
  background:
    radial-gradient(circle at 80% 0%,#d99100 0,transparent 45%),
    #231b0a;
}


/* ==========================================================
   HERO
   ========================================================== */

.hero{
  position:relative;
  overflow:hidden;
  min-height:700px;
  display:flex;
  align-items:center;
  color:#fff;
  background:
    linear-gradient(135deg,#04101d 0%,#071a30 55%,#092542 100%);
}

.hero:before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.17;
  background-image:
    linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);
  background-size:70px 70px;
  mask-image:linear-gradient(to bottom,#000,transparent 82%);
}

.hero-glow{
  position:absolute;
  border-radius:50%;
  filter:blur(100px);
}

.hero-glow-a{
  width:500px;
  height:500px;
  right:12%;
  top:4%;
  background:rgba(0,137,255,.19);
}

.hero-glow-b{
  width:380px;
  height:380px;
  left:8%;
  bottom:-160px;
  background:rgba(20,190,255,.12);
}

.hero-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  align-items:center;
  gap:70px;
  padding:92px 0;
}

.hero-eyebrow{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:23px;
  color:#9eb6ce;
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.hero-eyebrow span{
  width:26px;
  height:2px;
  background:#30bfff;
}

.hero h1{
  max-width:700px;
  margin:0;
  font-size:clamp(45px,5.4vw,78px);
  line-height:.98;
  letter-spacing:-.065em;
}

.hero h1 em{
  display:block;
  margin-top:7px;
  color:#65caff;
  font-style:normal;
}

.hero-copy > p{
  max-width:650px;
  margin:26px 0 0;
  color:#a9bdd1;
  font-size:16px;
  line-height:1.7;
}

.hero-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:34px;
}

.hero-trust{
  display:flex;
  gap:32px;
  margin-top:46px;
  padding-top:25px;
  border-top:1px solid rgba(255,255,255,.1);
}

.hero-trust div{
  display:flex;
  align-items:center;
  gap:9px;
}

.hero-trust strong{
  font-size:22px;
  letter-spacing:-.05em;
}

.hero-trust span{
  max-width:100px;
  color:#7891aa;
  font-size:9px;
  line-height:1.4;
  text-transform:uppercase;
  letter-spacing:.04em;
}


/* HERO VISUAL */

.hero-visual{
  position:relative;
  min-height:490px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.visual-orbit{
  position:absolute;
  width:420px;
  height:420px;
  border:1px solid rgba(78,191,255,.16);
  border-radius:50%;
}

.visual-orbit:before,
.visual-orbit:after{
  content:"";
  position:absolute;
  border:1px solid rgba(78,191,255,.08);
  border-radius:50%;
}

.visual-orbit:before{
  inset:45px;
}

.visual-orbit:after{
  inset:95px;
}

.main-console{
  position:relative;
  z-index:2;
  width:min(390px,92%);
  padding:18px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:25px;
  background:
    linear-gradient(145deg,rgba(17,43,70,.92),rgba(4,18,34,.95));
  box-shadow:
    0 50px 90px rgba(0,0,0,.35),
    inset 0 1px rgba(255,255,255,.08);
  backdrop-filter:blur(20px);
}

.console-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:3px 4px 15px;
  color:#7895b0;
  font-size:9px;
  font-weight:700;
  letter-spacing:.08em;
}

.status-dot{
  width:7px;
  height:7px;
  display:inline-block;
  margin-right:7px;
  border-radius:50%;
  background:#23d59d;
  box-shadow:0 0 12px #23d59d;
}

.console-hero{
  display:flex;
  align-items:center;
  gap:15px;
  padding:23px;
  margin-bottom:12px;
  border-radius:18px;
  background:
    linear-gradient(135deg,rgba(22,119,255,.18),rgba(0,191,255,.05));
}

.console-logo{
  width:55px;
  height:55px;
  display:grid;
  place-items:center;
  border-radius:15px;
  color:#fff;
  background:linear-gradient(135deg,var(--brand),var(--brand2));
  font-size:23px;
  font-weight:900;
}

.console-hero small,
.console-hero strong{
  display:block;
}

.console-hero small{
  margin-bottom:4px;
  color:#7e9ab6;
  font-size:9px;
  text-transform:uppercase;
}

.console-hero strong{
  font-size:16px;
}

.console-services{
  display:grid;
  gap:8px;
}

.console-services article{
  display:grid;
  grid-template-columns:37px 1fr auto;
  align-items:center;
  gap:10px;
  padding:12px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:13px;
  background:rgba(255,255,255,.035);
}

.console-services article > i{
  width:37px;
  height:37px;
  display:grid;
  place-items:center;
  border-radius:10px;
  color:#58c7ff;
  background:rgba(38,139,255,.12);
}

.console-services strong,
.console-services small{
  display:block;
}

.console-services strong{
  font-size:10px;
  letter-spacing:.06em;
}

.console-services small{
  margin-top:3px;
  color:#65819c;
  font-size:8px;
}

.live{
  padding:5px 7px;
  border-radius:20px;
  color:#58d9ad;
  background:rgba(29,205,143,.08);
  font-size:7px;
  text-transform:uppercase;
}

.floating-card{
  position:absolute;
  z-index:4;
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:15px;
  color:#fff;
  background:rgba(10,29,48,.92);
  box-shadow:0 15px 40px rgba(0,0,0,.28);
  backdrop-filter:blur(15px);
}

.floating-card i{
  color:#55c7ff;
}

.floating-card small,
.floating-card strong{
  display:block;
}

.floating-card small{
  color:#7894ad;
  font-size:8px;
}

.floating-card strong{
  font-size:10px;
}

.fc-one{
  top:80px;
  right:-12px;
}

.fc-two{
  left:-18px;
  bottom:90px;
}


/* ==========================================================
   VALUE STRIP
   ========================================================== */

.value-strip{
  border-bottom:1px solid var(--line);
  background:#fff;
}

.value-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
}

.value-grid div{
  min-height:92px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  color:#738397;
  border-right:1px solid var(--line);
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.value-grid div:last-child{
  border-right:0;
}

.value-grid i{
  color:#a7b4c2;
  font-size:16px;
}


/* ==========================================================
   GLOBAL SECTIONS
   ========================================================== */

.section{
  padding:110px 0;
}

.section-heading{
  max-width:750px;
  margin-bottom:54px;
}

.section-label{
  display:inline-block;
  margin-bottom:16px;
  color:var(--brand);
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
}

.section-heading h2,
.split-copy h2,
.company-grid h2{
  margin:0;
  font-size:clamp(38px,4.3vw,59px);
  line-height:1.03;
  letter-spacing:-.06em;
}

.section-heading h2 em,
.split-copy h2 em,
.company-grid h2 em{
  color:var(--brand);
  font-style:normal;
}

.section-heading > p{
  max-width:630px;
  margin:19px 0 0;
  color:var(--muted);
  font-size:15px;
  line-height:1.7;
}


/* ==========================================================
   DIVISION CARDS
   ========================================================== */

.division-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.division-card{
  min-height:500px;
  display:flex;
  flex-direction:column;
  padding:32px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:#fff;
  transition:.3s ease;
}

.division-card:hover{
  transform:translateY(-5px);
  box-shadow:var(--shadow);
}

.division-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:50px;
}

.division-icon{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border-radius:15px;
  color:var(--brand);
  background:#edf6ff;
}

.division-number{
  color:#c9d3dd;
  font-size:11px;
  font-weight:800;
}

.division-label{
  margin-bottom:14px;
  color:var(--brand);
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
}

.division-card h3{
  margin:0 0 16px;
  font-size:25px;
  line-height:1.15;
  letter-spacing:-.045em;
}

.division-card p{
  margin:0 0 20px;
  color:var(--muted);
  font-size:13px;
  line-height:1.7;
}

.division-card ul{
  display:grid;
  gap:8px;
  padding:0;
  margin:0 0 24px;
  list-style:none;
}

.division-card li{
  color:#45566b;
  font-size:11px;
}

.division-card li:before{
  content:"";
  width:5px;
  height:5px;
  display:inline-block;
  margin-right:9px;
  border-radius:50%;
  background:var(--brand);
}

.division-card > a{
  margin-top:auto;
  color:var(--brand);
  font-size:11px;
  font-weight:800;
}

.dev-card .division-icon{
  color:var(--dev);
  background:#f3eeff;
}

.dev-card .division-label,
.dev-card > a{
  color:var(--dev);
}

.dev-card li:before{
  background:var(--dev);
}

.voip-card .division-icon{
  color:var(--voip);
  background:#fff0f8;
}

.voip-card .division-label,
.voip-card > a{
  color:var(--voip);
}

.voip-card li:before{
  background:var(--voip);
}


/* ==========================================================
   DARK INFRA
   ========================================================== */

.section-dark{
  position:relative;
  overflow:hidden;
  color:#fff;
  background:#061526;
}

.section-dark:before{
  content:"";
  position:absolute;
  width:700px;
  height:700px;
  top:-300px;
  right:-180px;
  border-radius:50%;
  background:rgba(22,119,255,.11);
  filter:blur(80px);
}

.light-heading{
  position:relative;
}

.light-heading h2 em{
  color:#57c8ff;
}

.light-heading p{
  color:#879db4;
}

.infra-bento{
  position:relative;
  display:grid;
  grid-template-columns:1.7fr 1fr 1fr;
  gap:13px;
}

.bento{
  min-height:230px;
  display:flex;
  flex-direction:column;
  padding:26px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:19px;
  background:rgba(255,255,255,.035);
  transition:.25s ease;
}

.bento:hover{
  background:rgba(255,255,255,.06);
  transform:translateY(-3px);
}

.bento-large{
  grid-row:span 2;
  min-height:475px;
  padding:36px;
  background:
    radial-gradient(circle at 100% 0%,rgba(12,127,255,.2),transparent 42%),
    rgba(255,255,255,.035);
}

.bento > i{
  margin-bottom:auto;
  color:#5bc8ff;
  font-size:25px;
}

.bento-tag{
  display:block;
  margin-bottom:17px;
  color:#6f8aa5;
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
}

.bento h3{
  margin:0;
  font-size:21px;
  letter-spacing:-.04em;
}

.bento p{
  margin:9px 0 0;
  color:#8198af;
  font-size:11px;
  line-height:1.6;
}

.bento-large h3{
  max-width:500px;
  font-size:36px;
}

.bento-large > div > p{
  max-width:500px;
  font-size:13px;
}

.server-stats{
  display:flex;
  gap:12px;
  margin-top:auto;
  padding-top:45px;
}

.server-stats span{
  min-width:105px;
  padding:13px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:12px;
  color:#6f89a2;
  background:rgba(255,255,255,.03);
  font-size:8px;
  text-transform:uppercase;
}

.server-stats b{
  display:block;
  margin-bottom:4px;
  color:#fff;
  font-size:14px;
  text-transform:none;
}

.bento-large > a{
  margin-top:25px;
  color:#69ccff;
  font-size:11px;
  font-weight:800;
}

.infra-actions{
  display:flex;
  align-items:center;
  gap:20px;
  margin-top:30px;
}

.infra-actions > span{
  color:#66809a;
  font-size:10px;
}


/* ==========================================================
   DEV SPLIT
   ========================================================== */

.split-layout{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:95px;
  align-items:start;
}

.split-copy{
  position:sticky;
  top:140px;
}

.dev-label{
  color:var(--dev);
}

.split-copy h2 em{
  color:var(--dev);
}

.split-copy > p{
  margin:24px 0;
  color:var(--muted);
  font-size:14px;
  line-height:1.8;
}

.text-link{
  color:var(--dev);
  font-size:12px;
  font-weight:800;
}

.service-list{
  border-top:1px solid var(--line);
}

.service-list article{
  display:grid;
  grid-template-columns:45px 1fr auto;
  align-items:center;
  gap:15px;
  padding:25px 5px;
  border-bottom:1px solid var(--line);
  transition:.2s ease;
}

.service-list article:hover{
  padding-left:13px;
}

.service-list article > span{
  color:#a1afbd;
  font-size:9px;
  font-weight:700;
}

.service-list h3{
  margin:0 0 5px;
  font-size:19px;
  letter-spacing:-.035em;
}

.service-list p{
  margin:0;
  color:var(--muted);
  font-size:11px;
}

.service-list article > i{
  color:#b1bfcc;
  font-size:11px;
}


/* ==========================================================
   VOIP
   ========================================================== */

.voip-section{
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 85% 20%,rgba(235,47,171,.15),transparent 28%),
    #170c18;
}

.voip-layout{
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  gap:90px;
}

.voip-label{
  color:#f45bb3;
}

.voip-copy h2{
  max-width:600px;
  margin:0;
  font-size:clamp(39px,4.4vw,60px);
  line-height:1.02;
  letter-spacing:-.06em;
}

.voip-copy > p{
  max-width:590px;
  margin:23px 0;
  color:#b19aad;
  font-size:14px;
  line-height:1.8;
}

.voip-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:27px 0 32px;
}

.voip-tags span{
  padding:8px 11px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:20px;
  color:#c5aabc;
  background:rgba(255,255,255,.035);
  font-size:9px;
}

.call-console{
  padding:28px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:25px;
  background:rgba(255,255,255,.035);
  box-shadow:0 30px 70px rgba(0,0,0,.28);
}

.call-head{
  display:flex;
  justify-content:space-between;
  color:#8b7087;
  font-size:10px;
  font-weight:700;
}

.online{
  color:#54d9ab;
}

.online i{
  width:6px;
  height:6px;
  display:inline-block;
  margin-right:5px;
  border-radius:50%;
  background:#54d9ab;
}

.call-number{
  padding:65px 0 35px;
  text-align:center;
}

.call-number small,
.call-number strong,
.call-number span{
  display:block;
}

.call-number small{
  margin-bottom:10px;
  color:#8f7189;
  font-size:9px;
  text-transform:uppercase;
}

.call-number strong{
  font-size:27px;
  letter-spacing:-.04em;
}

.call-number span{
  margin-top:9px;
  color:#7d6378;
  font-size:9px;
}

.wave{
  height:65px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
}

.wave i{
  width:3px;
  height:18px;
  border-radius:4px;
  background:#ed4caf;
  animation:wave 1.2s ease-in-out infinite;
}

.wave i:nth-child(2n){
  animation-delay:.18s;
}

.wave i:nth-child(3n){
  animation-delay:.34s;
}

.wave i:nth-child(4n){
  animation-delay:.48s;
}

@keyframes wave{
  0%,100%{height:10px;opacity:.4}
  50%{height:42px;opacity:1}
}

.call-actions{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  margin-top:35px;
}

.call-actions button{
  min-height:64px;
  border:0;
  display:grid;
  place-items:center;
  gap:3px;
  border-radius:12px;
  color:#9c8498;
  background:rgba(255,255,255,.045);
  font-size:8px;
}

.call-actions button i{
  font-size:14px;
}

.call-actions .hang{
  color:#fff;
  background:#e73a62;
}


/* ==========================================================
   SOLUTIONS
   ========================================================== */

.soft-section{
  background:#f6f8fb;
}

.center-heading{
  max-width:780px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}

.solutions-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:13px;
}

.solutions-grid article{
  min-height:295px;
  padding:27px;
  border:1px solid #e2e8ef;
  border-radius:19px;
  background:#fff;
}

.solutions-grid i{
  width:47px;
  height:47px;
  display:grid;
  place-items:center;
  margin-bottom:60px;
  border-radius:13px;
  color:var(--brand);
  background:#eef6ff;
}

.solutions-grid h3{
  margin:0 0 10px;
  font-size:18px;
  letter-spacing:-.035em;
}

.solutions-grid p{
  margin:0;
  color:var(--muted);
  font-size:11px;
  line-height:1.7;
}


/* ==========================================================
   COMPANY
   ========================================================== */

.company-section{
  border-bottom:1px solid var(--line);
}

.company-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:90px;
}

.company-copy > p{
  margin:0 0 18px;
  color:var(--muted);
  font-size:15px;
  line-height:1.8;
}

.company-features{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:30px;
}

.company-features span{
  padding:13px;
  border:1px solid var(--line);
  border-radius:11px;
  color:#44566a;
  font-size:10px;
  font-weight:700;
}

.company-features i{
  margin-right:6px;
  color:#15ba82;
}


/* ==========================================================
   CTA
   ========================================================== */

.cta-section{
  padding:55px 0;
  background:#fff;
}

.cta-box{
  min-height:300px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:50px;
  padding:55px;
  border-radius:26px;
  color:#fff;
  background:
    radial-gradient(circle at 85% 0%,rgba(0,199,255,.24),transparent 30%),
    linear-gradient(135deg,#05162a,#0b2b50);
}

.cta-box span{
  display:block;
  margin-bottom:13px;
  color:#72bde7;
  font-size:9px;
  font-weight:900;
  letter-spacing:.14em;
}

.cta-box h2{
  margin:0;
  font-size:42px;
  letter-spacing:-.055em;
}

.cta-box p{
  margin:11px 0 0;
  color:#8fa7be;
  font-size:13px;
}

.cta-buttons{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}


/* ==========================================================
   FOOTER
   ========================================================== */

.footer{
  padding:75px 0 30px;
  color:#91a3b6;
  background:#030d18;
}

.footer-grid{
  display:grid;
  grid-template-columns:1.5fr repeat(4,1fr);
  gap:45px;
}

.footer-brand p{
  max-width:280px;
  color:#64788d;
  font-size:11px;
  line-height:1.7;
}

.footer-grid > div:not(.footer-brand){
  display:flex;
  flex-direction:column;
  gap:10px;
}

.footer-grid > div > strong{
  margin-bottom:8px;
  color:#fff;
  font-size:9px;
  letter-spacing:.1em;
}

.footer-grid > div > a{
  color:#71869b;
  font-size:10px;
}

.footer-grid > div > a:hover{
  color:#fff;
}

.footer-bottom{
  display:flex;
  justify-content:space-between;
  margin-top:60px;
  padding-top:25px;
  border-top:1px solid rgba(255,255,255,.07);
  color:#52667a;
  font-size:9px;
}


/* ==========================================================
   MOBILE MENU
   ========================================================== */

.mobile-menu{
  position:fixed;
  z-index:200;
  inset:0;
  display:none;
  flex-direction:column;
  padding:25px;
  color:#fff;
  background:#051322;
}

.mobile-menu.open{
  display:flex;
}

.mobile-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:35px;
}

.mobile-head button{
  width:40px;
  height:40px;
  border:0;
  border-radius:10px;
  color:#fff;
  background:rgba(255,255,255,.08);
}

.mobile-menu > a:not(.button){
  padding:17px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
  font-size:19px;
  font-weight:700;
}

.mobile-cta{
  margin-top:auto;
}


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

@media (max-width:1050px){

  .desktop-nav,
  .login-link{
    display:none;
  }

  .mobile-toggle{
    display:grid;
  }

  .header-actions{
    margin-left:auto;
  }

  .mega{
    display:none;
  }

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

  .hero-copy{
    max-width:780px;
  }

  .hero-visual{
    min-height:430px;
  }

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

  .division-card{
    min-height:auto;
  }

  .infra-bento{
    grid-template-columns:1fr 1fr;
  }

  .bento-large{
    grid-column:1/-1;
    grid-row:auto;
  }

  .split-layout,
  .voip-layout,
  .company-grid{
    grid-template-columns:1fr;
    gap:55px;
  }

  .split-copy{
    position:static;
  }

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

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

}


@media (max-width:680px){

  .topline{
    display:none;
  }

  .header-inner{
    height:68px;
  }

  .header-actions > .button-primary{
    display:none;
  }

  .hero{
    min-height:auto;
  }

  .hero-grid{
    padding:70px 0 75px;
  }

  .hero h1{
    font-size:46px;
  }

  .hero-copy > p{
    font-size:14px;
  }

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

  .button-large{
    width:100%;
  }

  .hero-trust{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
  }

  .hero-visual{
    min-height:350px;
  }

  .main-console{
    width:100%;
  }

  .floating-card{
    display:none;
  }

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

  .value-grid div{
    min-height:70px;
    font-size:8px;
  }

  .section{
    padding:80px 0;
  }

  .section-heading{
    margin-bottom:38px;
  }

  .section-heading h2,
  .split-copy h2,
  .company-grid h2{
    font-size:39px;
  }

  .division-card{
    padding:25px;
  }

  .infra-bento{
    grid-template-columns:1fr;
  }

  .bento-large{
    min-height:430px;
    padding:25px;
  }

  .bento-large h3{
    font-size:29px;
  }

  .server-stats{
    flex-wrap:wrap;
  }

  .infra-actions{
    align-items:flex-start;
    flex-direction:column;
  }

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

  .solutions-grid article{
    min-height:240px;
  }

  .solutions-grid i{
    margin-bottom:40px;
  }

  .company-features{
    grid-template-columns:1fr;
  }

  .cta-box{
    align-items:flex-start;
    flex-direction:column;
    padding:34px 25px;
  }

  .cta-box h2{
    font-size:35px;
  }

  .cta-buttons{
    width:100%;
  }

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

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

  .footer-bottom{
    flex-direction:column;
    gap:8px;
  }

}

/* ==========================================================
   V1.1 - LOGO REAL KONECTA
   ========================================================== */

.brand{
  min-width:150px;
}

.brand-logo{
  display:block;
  width:auto;
  height:43px;
  max-width:190px;
  object-fit:contain;
}

.footer-brand-logo{
  height:48px;
  max-width:210px;
}

@media (max-width:680px){
  .brand{
    min-width:0;
  }

  .brand-logo{
    height:37px;
    max-width:155px;
  }
}


/* ==========================================================
   V2 - HEADER BLANCO
   ========================================================== */

.site-header{
  color:#101c2b!important;
  background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid #e5ebf1!important;
  box-shadow:0 8px 30px rgba(4,25,48,.05);
}

.desktop-nav > a,
.nav-trigger{
  color:#42546a!important;
}

.desktop-nav > a:hover,
.nav-trigger:hover,
.nav-trigger.active{
  color:#0877e6!important;
  background:#edf6ff!important;
}

.login-link{
  color:#405267!important;
}

.mobile-toggle{
  color:#152538!important;
  background:#f0f4f8!important;
}

.linux-nav-link{
  color:#e87516!important;
}

.linux-nav-link i{
  margin-right:4px;
}


/* ==========================================================
   HERO SLIDER
   ========================================================== */

.kh-slider{
  position:relative;
  height:720px;
  overflow:hidden;
  color:#fff;
  background:#04101d;
}

.kh-slide{
  position:absolute;
  inset:0;
  opacity:0;
  visibility:hidden;
  transition:
    opacity .65s ease,
    visibility .65s ease;
}

.kh-slide.active{
  opacity:1;
  visibility:visible;
}

.kh-slide-photo{
  position:absolute;
  inset:0;
  background-position:center;
  background-size:cover;
  transform:scale(1.025);
  transition:transform 7s linear;
}

.kh-slide.active .kh-slide-photo{
  transform:scale(1.07);
}

.kh-slide-inner{
  position:relative;
  z-index:2;
  height:100%;
  display:flex;
  align-items:center;
  padding-bottom:70px;
}

.kh-slide-copy{
  max-width:760px;
}

.kh-slide-copy > span{
  display:block;
  margin-bottom:19px;
  color:#70cfff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.16em;
}

.kh-slide-copy h1{
  margin:0;
  font-size:clamp(49px,5.7vw,80px);
  line-height:.96;
  letter-spacing:-.068em;
}

.kh-slide-copy h1 em{
  display:block;
  margin-top:8px;
  color:#63ccff;
  font-style:normal;
}

.kh-slide-copy > p{
  max-width:650px;
  margin:24px 0 0;
  color:#b1c0cf;
  font-size:15px;
  line-height:1.7;
}

.kh-slide-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:31px;
}

.linux-label,
.linux-text{
  color:#ff9c3d!important;
}

.linux-button-hero{
  color:#151515;
  background:#ff9c3d;
}

.linux-distros{
  margin-top:18px;
  color:#ffb875;
  font-size:10px;
  font-weight:800;
  letter-spacing:.03em;
}

.dev-slide-label,
.dev-slide-text{
  color:#a984ff!important;
}

.voip-slide-label,
.voip-slide-text{
  color:#ff72bf!important;
}


/* controls */

.kh-slider-controls{
  position:absolute;
  z-index:7;
  left:50%;
  bottom:25px;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  gap:15px;
}

.kh-dots{
  flex:1;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  border-radius:13px;
  background:rgba(3,15,28,.64);
  backdrop-filter:blur(15px);
}

.kh-dots button{
  min-height:53px;
  padding:0 17px;
  border:0;
  border-right:1px solid rgba(255,255,255,.07);
  cursor:pointer;
  color:#70889f;
  background:transparent;
  font-size:8px;
  font-weight:800;
  letter-spacing:.08em;
}

.kh-dots button:last-child{
  border-right:0;
}

.kh-dots button span{
  display:block;
  margin-bottom:2px;
  color:#4d6479;
  font-size:7px;
}

.kh-dots button.active{
  color:#fff;
  background:rgba(255,255,255,.08);
}

.kh-dots button.active span{
  color:#65ccff;
}

.kh-arrow{
  width:45px;
  height:45px;
  flex:none;
  border:1px solid rgba(255,255,255,.12);
  border-radius:50%;
  cursor:pointer;
  color:#fff;
  background:rgba(3,15,28,.65);
  backdrop-filter:blur(15px);
}


/* ==========================================================
   FOTOS SECCIONES
   ========================================================== */

.kh-section-photo{
  position:relative;
  overflow:hidden;
  min-height:350px;
  display:block;
  margin-bottom:28px;
  border-radius:23px;
  background:#07182a;
}

.kh-section-photo img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .5s ease;
}

.kh-section-photo:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(
      0deg,
      rgba(3,15,28,.90),
      rgba(3,15,28,.05) 70%
    );
}

.kh-section-photo:hover img{
  transform:scale(1.025);
}

.kh-section-photo > div{
  position:absolute;
  z-index:2;
  left:30px;
  right:30px;
  bottom:27px;
}

.kh-section-photo span,
.kh-section-photo strong,
.kh-section-photo b{
  display:block;
}

.kh-section-photo span{
  margin-bottom:7px;
  color:#68cbff;
  font-size:8px;
  font-weight:900;
  letter-spacing:.13em;
}

.kh-section-photo strong{
  color:#fff;
  font-size:27px;
  letter-spacing:-.045em;
}

.kh-section-photo b{
  margin-top:10px;
  color:#a9c2d8;
  font-size:9px;
}

.kh-photo-dev{
  min-height:300px;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media(max-width:700px){

  .kh-slider{
    height:690px;
  }

  .kh-slide-copy h1{
    font-size:47px;
  }

  .kh-slide-inner{
    align-items:flex-start;
    padding-top:80px;
  }

  .kh-slider-controls{
    bottom:15px;
    width:92%;
  }

  .kh-arrow{
    display:none;
  }

  .kh-dots{
    width:100%;
  }

  .kh-dots button{
    min-height:46px;
    padding:0 7px;
    font-size:6px;
  }

  .kh-section-photo{
    min-height:270px;
  }

  .kh-section-photo strong{
    font-size:21px;
  }

}


/* ==========================================================
   KONECTAHOST GLOBAL V3
   HEADER / FOOTER / BUTTONS / PHOTOS
   ========================================================== */


/* ==========================================================
   BOTONES - AZUL PLANO EN TODA LA WEB
   ========================================================== */

.button,
.btn,
.linux-button,
.chat-launcher,
.form-submit,
.button-primary,
.button-white,
.button-ghost,
.button-outline-light,
.btn.primary,
.btn.ghost,
.btn.white,
.linux-button-hero,
.linux-button.primary,
.linux-button.secondary{
  color:#fff!important;
  background:#1677ff!important;
  background-image:none!important;
  border-color:#1677ff!important;
  box-shadow:none!important;
}

.button:hover,
.btn:hover,
.linux-button:hover,
.chat-launcher:hover{
  color:#fff!important;
  background:#086be8!important;
  border-color:#086be8!important;
}


/* ==========================================================
   HEADER GLOBAL
   ========================================================== */

.kh-global-header{
  position:sticky!important;
  top:0!important;
  z-index:999!important;
  width:100%!important;
  color:#162538!important;
  background:#fff!important;
  border-bottom:1px solid #e5ebf1!important;
  box-shadow:0 5px 22px rgba(5,26,50,.06)!important;
  backdrop-filter:none!important;
}

.kh-global-header .header-inner{
  height:76px!important;
}

.kh-global-header .desktop-nav{
  margin-left:auto!important;
}

.kh-global-header .desktop-nav > a,
.kh-global-header .nav-trigger{
  color:#3f5268!important;
}

.kh-global-header .desktop-nav > a:hover,
.kh-global-header .nav-trigger:hover,
.kh-global-header .nav-trigger.active{
  color:#1677ff!important;
  background:#edf5ff!important;
}

.kh-global-header .login-link{
  color:#3f5268!important;
}

.kh-global-header .mobile-toggle{
  color:#26394e!important;
  background:#eef3f7!important;
}

.kh-global-header .brand-logo{
  height:43px!important;
  width:auto!important;
  max-width:185px!important;
  object-fit:contain!important;
}

.kh-global-header .linux-nav-link{
  color:#3f5268!important;
}

.kh-global-header .linux-nav-link i{
  color:#1677ff!important;
}


/* ==========================================================
   MEGA MENU - UNA FOTO POR MEGA MENU
   ========================================================== */

.mega-photo{
  position:relative!important;
  overflow:hidden!important;
  display:block!important;
  min-height:250px!important;
  padding:0!important;
  border-radius:20px!important;
  background-size:cover!important;
  background-position:center!important;
}

.mega-photo-host{
  background-image:
    url("https://images.unsplash.com/photo-1558494949-ef010cbdcc31?auto=format&fit=crop&w=1000&q=82")!important;
}

.mega-photo-dev{
  background-image:
    url("https://images.unsplash.com/photo-1461749280684-dccba630e2f6?auto=format&fit=crop&w=1000&q=82")!important;
}

.mega-photo-voip{
  background-image:
    url("https://images.unsplash.com/photo-1557804506-669a67965ba0?auto=format&fit=crop&w=1000&q=82")!important;
}

.mega-photo-solutions{
  background-image:
    url("https://images.unsplash.com/photo-1550751827-4bd374c3f58b?auto=format&fit=crop&w=1000&q=82")!important;
}

.mega-photo-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(
      0deg,
      rgba(3,15,28,.94),
      rgba(3,15,28,.18) 75%
    );
}

.mega-photo-copy{
  position:absolute;
  z-index:2;
  left:23px;
  right:23px;
  bottom:22px;
}

.mega-photo-copy span,
.mega-photo-copy strong,
.mega-photo-copy p,
.mega-photo-copy b{
  display:block;
}

.mega-photo-copy span{
  margin-bottom:7px;
  color:#70ceff!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
}

.mega-photo-copy strong{
  max-width:260px;
  color:#fff!important;
  font-size:18px!important;
  line-height:1.17!important;
}

.mega-photo-copy p{
  margin:7px 0!important;
  color:#b1c3d4!important;
  font-size:9px!important;
}

.mega-photo-copy b{
  margin-top:12px;
  color:#fff!important;
  font-size:9px!important;
}


/* ==========================================================
   DIVISION CARDS - FOTOS
   ========================================================== */

.division-card{
  overflow:hidden;
}

.division-photo{
  height:170px;
  margin:-32px -32px 28px;
  overflow:hidden;
}

.division-photo img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}


/* ==========================================================
   SOLUTION CARDS - FOTOS
   ========================================================== */

.solutions-grid article{
  position:relative;
  overflow:hidden;
  padding-top:155px!important;
}

.solutions-grid article::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:125px;
  background-size:cover;
  background-position:center;
}

.solutions-grid article:nth-child(1)::before{
  background-image:
    url("https://images.unsplash.com/photo-1524661135-423995f22d0b?auto=format&fit=crop&w=900&q=80");
}

.solutions-grid article:nth-child(2)::before{
  background-image:
    url("https://images.unsplash.com/photo-1531746790731-6c087fecd65a?auto=format&fit=crop&w=900&q=80");
}

.solutions-grid article:nth-child(3)::before{
  background-image:
    url("https://images.unsplash.com/photo-1550751827-4bd374c3f58b?auto=format&fit=crop&w=900&q=80");
}

.solutions-grid article:nth-child(4)::before{
  background-image:
    url("https://images.unsplash.com/photo-1561070791-2526d30994b5?auto=format&fit=crop&w=900&q=80");
}

.solutions-grid article > i{
  margin-bottom:25px!important;
}


/* ==========================================================
   FOOTER GLOBAL
   ========================================================== */

.kh-global-footer{
  padding:80px 0 30px!important;
  color:#9aacbe!important;
  background:#020b14!important;
}

.kh-footer-grid{
  display:grid!important;
  grid-template-columns:1.45fr repeat(4,1fr)!important;
  gap:45px!important;
}

.kh-footer-logo{
  display:block;
  width:auto;
  max-width:195px;
  height:50px;
  object-fit:contain;
}

.kh-footer-brand p{
  max-width:300px;
  margin-top:18px;
  color:#8295a8!important;
  font-size:14px!important;
  line-height:1.75!important;
}

.kh-footer-social{
  display:flex;
  gap:8px;
  margin-top:23px;
}

.kh-footer-social a{
  width:39px;
  height:39px;
  display:grid;
  place-items:center;
  border-radius:9px;
  color:#fff!important;
  background:#142438!important;
  font-size:15px!important;
}

.kh-footer-column{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
}

.kh-footer-column > strong{
  margin-bottom:9px!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
  text-transform:none!important;
}

.kh-footer-column a,
.kh-footer-column span{
  color:#8fa2b5!important;
  font-size:13px!important;
  line-height:1.55!important;
}

.kh-footer-column a:hover{
  color:#fff!important;
}

.kh-footer-column i{
  width:18px;
  color:#5dbfff;
}


/* FOOTER SOPORTE */

.kh-footer-support{
  margin-top:55px!important;
  padding:23px 25px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:25px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:15px!important;
  background:#071421!important;
}

.kh-footer-support > div:first-child{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
}

.kh-support-icon{
  width:45px;
  height:45px;
  display:grid;
  place-items:center;
  flex:none;
  border-radius:11px;
  color:#62c9ff;
  background:#102a42;
  font-size:17px;
}

.kh-footer-support strong{
  display:block;
  color:#fff!important;
  font-size:14px!important;
}

.kh-footer-support p{
  margin:4px 0 0;
  color:#7e93a7!important;
  font-size:12px!important;
}

.kh-support-buttons{
  display:flex!important;
  gap:9px!important;
}

.kh-support-buttons a{
  padding:11px 16px!important;
  border-radius:9px!important;
  color:#fff!important;
  background:#1677ff!important;
  font-size:12px!important;
  font-weight:700!important;
}


/* FOOTER BOTTOM */

.kh-footer-bottom{
  margin-top:27px!important;
  padding-top:23px!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:20px!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
  color:#62778a!important;
  font-size:12px!important;
}

.kh-footer-bottom div{
  display:flex;
  gap:20px;
}

.kh-footer-bottom a{
  color:#71879a!important;
}


/* ==========================================================
   EVITAR QUE CSS DE PAGINAS INTERNAS CAMBIE HEADER/FOOTER
   ========================================================== */

body .kh-global-header.site-header{
  background:#fff!important;
}

body .kh-global-footer.footer{
  background:#020b14!important;
}

body .kh-global-footer a{
  text-decoration:none!important;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media(max-width:1050px){

  .kh-footer-grid{
    grid-template-columns:2fr 1fr 1fr!important;
  }

}

@media(max-width:700px){

  .kh-footer-grid{
    grid-template-columns:1fr 1fr!important;
    gap:35px 25px!important;
  }

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

  .kh-footer-column > strong{
    font-size:13px!important;
  }

  .kh-footer-column a,
  .kh-footer-column span{
    font-size:12px!important;
  }

  .kh-footer-support{
    align-items:flex-start!important;
    flex-direction:column!important;
  }

  .kh-support-buttons{
    width:100%!important;
  }

  .kh-support-buttons a{
    flex:1!important;
    text-align:center!important;
  }

  .kh-footer-bottom{
    align-items:flex-start!important;
    flex-direction:column!important;
  }

}


/* ==========================================================
   PLANES DESTACADOS - HOSTING + VPS
   ========================================================== */

.featured-plans{
  padding:105px 0;
  background:#f5f8fb;
}

.plans-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:40px;
  margin-bottom:35px;
}

.plans-heading > div{
  max-width:700px;
}

.plans-kicker{
  display:block;
  margin-bottom:12px;
  color:#1677ff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.15em;
}

.plans-heading h2{
  margin:0;
  font-size:clamp(37px,4vw,54px);
  line-height:1.02;
  letter-spacing:-.055em;
}

.plans-heading h2 em{
  color:#1677ff;
  font-style:normal;
}

.plans-view-all{
  flex:none;
  color:#1677ff;
  font-size:12px;
  font-weight:800;
}

.plans-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:17px;
}

.plan-card{
  position:relative;
  min-height:540px;
  display:flex;
  flex-direction:column;
  padding:28px;
  border:1px solid #e0e7ee;
  border-radius:22px;
  background:#fff;
  box-shadow:
    0 15px 40px rgba(5,28,52,.045);
  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease;
}

.plan-card:hover{
  transform:translateY(-5px);
  border-color:#b9d6f6;
  box-shadow:
    0 25px 60px rgba(5,28,52,.10);
}

.plan-card.recommended{
  border:2px solid #1677ff;
}

.recommended-badge{
  position:absolute;
  top:0;
  left:50%;
  transform:translate(-50%,-50%);
  padding:7px 13px;
  border-radius:20px;
  color:#fff;
  background:#1677ff;
  font-size:8px;
  font-weight:900;
  letter-spacing:.1em;
}

.plan-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  margin-bottom:32px;
}

.plan-type{
  display:block;
  margin-bottom:9px;
  color:#1677ff;
  font-size:8px;
  font-weight:900;
  letter-spacing:.13em;
}

.plan-card h3{
  margin:0;
  font-size:29px;
  line-height:1;
  letter-spacing:-.05em;
}

.plan-card-head p{
  max-width:245px;
  margin:13px 0 0;
  color:#718195;
  font-size:11px;
  line-height:1.6;
}

.plan-icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  flex:none;
  border-radius:14px;
  color:#1677ff;
  background:#edf5ff;
  font-size:18px;
}

.plan-spec-list{
  display:grid;
  gap:0;
  margin-bottom:25px;
  border-top:1px solid #e6ebf0;
}

.plan-spec-list > div{
  display:flex;
  align-items:center;
  gap:12px;
  padding:15px 0;
  border-bottom:1px solid #e6ebf0;
}

.plan-spec-list > div > i{
  width:29px;
  color:#1677ff;
  text-align:center;
  font-size:12px;
}

.plan-spec-list strong,
.plan-spec-list small{
  display:block;
}

.plan-spec-list strong{
  color:#27394d;
  font-size:11px;
}

.plan-spec-list small{
  margin-top:3px;
  color:#8a99a8;
  font-size:8px;
}

.plan-spec-list.compact > div{
  padding:12px 0;
}

.plan-card-footer{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:15px;
  margin-top:auto;
}

.plan-price small{
  display:block;
  margin-bottom:3px;
  color:#8796a6;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.plan-price strong{
  color:#0e1c2d;
  font-size:23px;
  letter-spacing:-.045em;
}

.plan-price strong em{
  color:#738396;
  font-size:9px;
  font-style:normal;
  font-weight:600;
}

.plan-button{
  min-height:43px;
  padding:0 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  color:#fff!important;
  background:#1677ff!important;
  font-size:10px;
  font-weight:800;
}

.plan-button:hover{
  background:#086be8!important;
}


/* VPS */

.vps-heading{
  margin-top:95px;
}

.vps-plan{
  min-height:555px;
}

.vps-specs{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
  margin-bottom:24px;
}

.vps-specs div{
  padding:15px 10px;
  text-align:center;
  border:1px solid #e2e8ee;
  border-radius:11px;
  background:#f7f9fb;
}

.vps-specs strong,
.vps-specs span{
  display:block;
}

.vps-specs strong{
  color:#102035;
  font-size:18px;
  letter-spacing:-.04em;
}

.vps-specs span{
  margin-top:4px;
  color:#8796a7;
  font-size:7px;
  font-weight:800;
  text-transform:uppercase;
}


/* responsive */

@media(max-width:950px){

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

  .plan-card{
    min-height:auto;
  }

}

@media(max-width:650px){

  .featured-plans{
    padding:75px 0;
  }

  .plans-heading{
    align-items:flex-start;
    flex-direction:column;
  }

  .plans-heading h2{
    font-size:38px;
  }

  .vps-heading{
    margin-top:70px;
  }

}


/* ==========================================================
   SISTEMA COMERCIAL HOSTING + VPS ORIGINAL
   ========================================================== */

.kh-commerce-home{
  padding:100px 0;
  background:#f5f8fb;
}

.kh-commerce-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:45px;
  margin-bottom:35px;
}

.kh-commerce-heading > div:first-child{
  max-width:760px;
}

.kh-commerce-heading span{
  display:block;
  margin-bottom:12px;
  color:#1677ff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
}

.kh-commerce-heading h2{
  margin:0;
  font-size:clamp(38px,4.3vw,56px);
  line-height:1.01;
  letter-spacing:-.058em;
}

.kh-commerce-heading h2 em{
  color:#1677ff;
  font-style:normal;
}

.kh-commerce-heading p{
  max-width:690px;
  margin:18px 0 0;
  color:#6b7d91;
  font-size:14px;
  line-height:1.75;
}

.kh-commerce-links{
  display:flex;
  gap:8px;
  flex:none;
}

.kh-commerce-links a{
  padding:11px 15px;
  border-radius:9px;
  color:#fff;
  background:#1677ff;
  font-size:11px;
  font-weight:800;
}

.kh-pricing-shell{
  width:min(1320px,96%);
  margin:auto;
  overflow:hidden;
  border:1px solid #e0e7ee;
  border-radius:24px;
  background:#f5f8fb;
  box-shadow:
    0 25px 70px rgba(5,30,60,.08);
}

.kh-pricing-frame{
  display:block;
  width:100%;
  height:2200px;
  border:0;
  background:#f5f8fb;
}

@media(max-width:700px){

  .kh-commerce-home{
    padding:75px 0;
  }

  .kh-commerce-heading{
    align-items:flex-start;
    flex-direction:column;
  }

  .kh-commerce-heading h2{
    font-size:39px;
  }

  .kh-commerce-links{
    width:100%;
  }

  .kh-commerce-links a{
    flex:1;
    text-align:center;
  }

  .kh-pricing-shell{
    width:96%;
    border-radius:17px;
  }

}


/* ==========================================================
   KONECTAHOST CLEAN HERO + HEADER FIXES
   ========================================================== */


/* SOLO UNA BARRA ARRIBA */
.topline:not(.kh-global-topline){
  display:none !important;
}

.kh-global-topline{
  display:block !important;
  position:relative !important;
  z-index:1001 !important;
}


/* HEADER */
.kh-global-header .header-inner{
  min-height:78px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:20px !important;
}

.kh-global-header .brand{
  flex:none !important;
}

.kh-global-header .desktop-nav{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  margin-left:auto !important;
  margin-right:10px !important;
}

.kh-global-header .header-actions{
  flex:none !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  white-space:nowrap !important;
}

.kh-global-header .login-link{
  min-height:40px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  padding:0 14px !important;
  border:1px solid #dbe5ee !important;
  border-radius:10px !important;
  color:#314559 !important;
  background:#fff !important;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1 !important;
  text-decoration:none !important;
}

.kh-global-header .login-link:hover{
  color:#1677ff !important;
  border-color:#c4daf7 !important;
  background:#f6fbff !important;
}

.kh-global-header .button-small.button-primary{
  min-height:40px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 16px !important;
  border-radius:10px !important;
  line-height:1 !important;
}


/* HERO INTERNO LIMPIO */
.support-hero-clean,
.support-hero,
.page-hero,
.service-hero,
.contact-hero,
.inner-hero{
  position:relative !important;
  overflow:hidden !important;
  padding:95px 0 85px !important;
  color:#fff !important;
  background:
    linear-gradient(135deg,#07111c 0%,#081523 60%,#091827 100%) !important;
}

.support-hero-clean::before,
.support-hero::before,
.page-hero::before,
.service-hero::before,
.contact-hero::before,
.inner-hero::before,
.support-hero-clean::after,
.support-hero::after,
.page-hero::after,
.service-hero::after,
.contact-hero::after,
.inner-hero::after{
  content:none !important;
  display:none !important;
  background:none !important;
  box-shadow:none !important;
}

.support-hero-clean-grid{
  display:grid !important;
  grid-template-columns:1.3fr .8fr !important;
  gap:40px !important;
  align-items:center !important;
}

.support-hero-copy span{
  display:block;
  margin-bottom:14px;
  color:#76cfff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
}

.support-hero-copy h1{
  margin:0;
  font-size:clamp(44px,5vw,72px);
  line-height:.98;
  letter-spacing:-.06em;
}

.support-hero-copy p{
  max-width:650px;
  margin:20px 0 0;
  color:#aebdcb;
  font-size:15px;
  line-height:1.8;
}

.support-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:28px;
}

.support-hero-status{
  padding:24px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  background:rgba(255,255,255,.04);
  box-shadow:none !important;
  backdrop-filter:blur(8px);
}

.support-status-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:18px;
}

.support-status-head small{
  color:#7f93a7;
  font-size:10px;
}

.support-status-head strong{
  color:#52d48d;
  font-size:11px;
}

.support-status-box{
  padding:20px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:18px;
  background:rgba(255,255,255,.03);
  text-align:center;
}

.support-status-icon{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  margin:0 auto 18px;
  border-radius:16px;
  color:#6bcaff;
  background:rgba(22,119,255,.12);
  font-size:20px;
}

.support-status-box h3{
  margin:0 0 8px;
  font-size:24px;
  letter-spacing:-.04em;
}

.support-status-box p{
  margin:0;
  color:#91a3b5;
  font-size:12px;
}

.support-status-links{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:16px;
}

.support-status-links a{
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  color:#dce8f3 !important;
  background:rgba(255,255,255,.03);
  font-size:12px;
  font-weight:700;
}


/* ENTRADAS DE SOPORTE */
.support-entry-links{
  padding:24px 0 10px;
  background:#f5f8fb;
}

.support-entry-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}

.support-entry-card{
  min-height:180px;
  padding:24px;
  border:1px solid #e2e8ef;
  border-radius:20px;
  background:#fff;
  box-shadow:0 12px 32px rgba(8,34,60,.04);
}

.support-entry-card i{
  width:50px;
  height:50px;
  display:grid;
  place-items:center;
  margin-bottom:34px;
  border-radius:14px;
  color:#1677ff;
  background:#eef5ff;
  font-size:18px;
}

.support-entry-card strong,
.support-entry-card span{
  display:block;
}

.support-entry-card strong{
  margin-bottom:8px;
  color:#0f2135;
  font-size:20px;
  letter-spacing:-.03em;
}

.support-entry-card span{
  color:#728396;
  font-size:12px;
  line-height:1.75;
}


/* BLOQUES INTERNOS DE FORM */
.support-form-shell{
  padding:35px 0 15px;
  background:#f5f8fb;
}

.support-form-head span{
  display:block;
  margin-bottom:10px;
  color:#1677ff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
}

.support-form-head h2{
  margin:0;
  color:#102035;
  font-size:38px;
  letter-spacing:-.05em;
}

.support-form-head p{
  margin:12px 0 0;
  color:#6f8194;
  max-width:680px;
  line-height:1.75;
}


/* BOTONES SECUNDARIOS LIMPIOS */
.button-outline-light{
  color:#fff !important;
  background:transparent !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:none !important;
}


/* HEROES INTERNOS SIN GLOW AZUL */
.hero-glow,
.page-glow,
.support-glow,
.bg-glow,
.blue-glow,
.orb,
.orb-left,
.orb-right{
  display:none !important;
}


/* MOBILE */
@media(max-width:980px){

  .support-hero-clean-grid{
    grid-template-columns:1fr !important;
  }

  .support-entry-grid{
    grid-template-columns:1fr !important;
  }

}

@media(max-width:700px){

  .kh-global-header .desktop-nav{
    display:none !important;
  }

  .kh-global-header .header-actions{
    gap:8px !important;
  }

  .kh-global-header .login-link{
    padding:0 10px !important;
    font-size:11px !important;
  }

  .support-hero-clean{
    padding:75px 0 70px !important;
  }

  .support-hero-copy h1{
    font-size:48px !important;
  }

}


/* ==========================================================
   KONECTAHOST GLOBAL FRAME FINAL
   ESTE BLOQUE MANDA SOBRE SERVICE.CSS Y SUPPORT.CSS
   ========================================================== */

:root{
  --kh-frame-width:1200px;
  --kh-blue:#1677ff;
  --kh-navy:#06111d;
}


/* FRAME GLOBAL */

.shell,
.kh-global-header .shell,
.kh-global-footer .shell,
.kh-global-topline .shell{
  width:min(var(--kh-frame-width),92%)!important;
  max-width:var(--kh-frame-width)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}


/* TOPLINE — EXACTAMENTE UNA */

.kh-global-topline{
  display:block!important;
  position:relative!important;
  z-index:1100!important;
  height:34px!important;
  min-height:34px!important;
  color:#b5c3d0!important;
  background:#06111d!important;
  border:0!important;
}

.kh-global-topline .topline-inner{
  height:34px!important;
  min-height:34px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  font-size:10px!important;
}


/* HEADER */

.kh-global-header{
  display:block!important;
  position:sticky!important;
  top:0!important;
  z-index:1090!important;
  width:100%!important;
  color:#26394d!important;
  background:#fff!important;
  border:0!important;
  border-bottom:1px solid #e6ebf0!important;
  box-shadow:0 3px 15px rgba(6,25,45,.05)!important;
  backdrop-filter:none!important;
}

.kh-global-header .header-inner{
  width:min(var(--kh-frame-width),92%)!important;
  max-width:var(--kh-frame-width)!important;
  height:76px!important;
  min-height:76px!important;
  margin:auto!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  gap:20px!important;
}

.kh-global-header .brand{
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
}

.kh-global-header .brand-logo{
  width:auto!important;
  height:43px!important;
  max-width:185px!important;
  object-fit:contain!important;
}

.kh-global-header .desktop-nav{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:2px!important;
  margin-left:auto!important;
}

.kh-global-header .desktop-nav > a,
.kh-global-header .nav-trigger{
  min-height:40px!important;
  padding:0 9px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  border:0!important;
  border-radius:8px!important;
  color:#415367!important;
  background:transparent!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:10px!important;
  font-weight:700!important;
  line-height:1!important;
  white-space:nowrap!important;
}

.kh-global-header .desktop-nav > a:hover,
.kh-global-header .nav-trigger:hover,
.kh-global-header .nav-trigger.active{
  color:var(--kh-blue)!important;
  background:#edf5ff!important;
}

.kh-global-header .header-actions{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0!important;
}

.kh-global-header .login-link{
  min-height:40px!important;
  padding:0 12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  border:1px solid #dfe7ef!important;
  border-radius:9px!important;
  color:#314559!important;
  background:#fff!important;
  font-size:10px!important;
  font-weight:750!important;
  white-space:nowrap!important;
}

.kh-global-header .button-primary{
  min-height:40px!important;
  padding:0 15px!important;
  border:1px solid var(--kh-blue)!important;
  border-radius:9px!important;
  color:#fff!important;
  background:var(--kh-blue)!important;
  background-image:none!important;
  box-shadow:none!important;
  font-size:10px!important;
  white-space:nowrap!important;
}


/* MEGA MENU MISMO FRAME */

.kh-global-header .mega{
  width:100%!important;
  left:0!important;
  right:0!important;
  background:#fff!important;
}

.kh-global-header .mega > .shell{
  width:min(var(--kh-frame-width),92%)!important;
  max-width:var(--kh-frame-width)!important;
  margin:auto!important;
}


/* FOOTER ÚNICO */

.kh-global-footer{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:78px 0 28px!important;
  color:#91a4b6!important;
  background:#020b14!important;
  border:0!important;
}

.kh-global-footer .kh-footer-grid{
  width:min(var(--kh-frame-width),92%)!important;
  max-width:var(--kh-frame-width)!important;
  margin:auto!important;
  display:grid!important;
  grid-template-columns:1.45fr repeat(4,1fr)!important;
  gap:44px!important;
}

.kh-global-footer .kh-footer-column > strong{
  color:#fff!important;
  font-size:14px!important;
  font-weight:800!important;
}

.kh-global-footer .kh-footer-column a,
.kh-global-footer .kh-footer-column span{
  color:#8fa2b5!important;
  font-size:13px!important;
  line-height:1.6!important;
}

.kh-global-footer .kh-footer-brand p{
  color:#8396a9!important;
  font-size:13px!important;
  line-height:1.75!important;
}

.kh-global-footer .kh-footer-support,
.kh-global-footer .kh-footer-bottom{
  width:min(var(--kh-frame-width),92%)!important;
  max-width:var(--kh-frame-width)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}


/* BOTONES SIEMPRE AZUL PLANO */

.button-primary,
.btn.primary,
.plan-button,
.kh-support-buttons a,
.chat-launcher{
  background:#1677ff!important;
  background-image:none!important;
  border-color:#1677ff!important;
  box-shadow:none!important;
}


/* MOBILE */

@media(max-width:1100px){

  .kh-global-header .desktop-nav{
    display:none!important;
  }

  .kh-global-header .mobile-toggle{
    display:grid!important;
  }

}

@media(max-width:700px){

  .kh-global-footer .kh-footer-grid{
    grid-template-columns:1fr 1fr!important;
  }

  .kh-global-footer .kh-footer-brand{
    grid-column:1/-1!important;
  }

}


/* ==========================================================
   KONECTAHOST GLOBAL FRAME FINAL
   ESTE BLOQUE MANDA SOBRE SERVICE.CSS Y SUPPORT.CSS
   ========================================================== */

:root{
  --kh-frame-width:1200px;
  --kh-blue:#1677ff;
  --kh-navy:#06111d;
}


/* FRAME GLOBAL */

.shell,
.kh-global-header .shell,
.kh-global-footer .shell,
.kh-global-topline .shell{
  width:min(var(--kh-frame-width),92%)!important;
  max-width:var(--kh-frame-width)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}


/* TOPLINE — EXACTAMENTE UNA */

.kh-global-topline{
  display:block!important;
  position:relative!important;
  z-index:1100!important;
  height:34px!important;
  min-height:34px!important;
  color:#b5c3d0!important;
  background:#06111d!important;
  border:0!important;
}

.kh-global-topline .topline-inner{
  height:34px!important;
  min-height:34px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  font-size:10px!important;
}


/* HEADER */

.kh-global-header{
  display:block!important;
  position:sticky!important;
  top:0!important;
  z-index:1090!important;
  width:100%!important;
  color:#26394d!important;
  background:#fff!important;
  border:0!important;
  border-bottom:1px solid #e6ebf0!important;
  box-shadow:0 3px 15px rgba(6,25,45,.05)!important;
  backdrop-filter:none!important;
}

.kh-global-header .header-inner{
  width:min(var(--kh-frame-width),92%)!important;
  max-width:var(--kh-frame-width)!important;
  height:76px!important;
  min-height:76px!important;
  margin:auto!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  gap:20px!important;
}

.kh-global-header .brand{
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
}

.kh-global-header .brand-logo{
  width:auto!important;
  height:43px!important;
  max-width:185px!important;
  object-fit:contain!important;
}

.kh-global-header .desktop-nav{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:2px!important;
  margin-left:auto!important;
}

.kh-global-header .desktop-nav > a,
.kh-global-header .nav-trigger{
  min-height:40px!important;
  padding:0 9px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  border:0!important;
  border-radius:8px!important;
  color:#415367!important;
  background:transparent!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:10px!important;
  font-weight:700!important;
  line-height:1!important;
  white-space:nowrap!important;
}

.kh-global-header .desktop-nav > a:hover,
.kh-global-header .nav-trigger:hover,
.kh-global-header .nav-trigger.active{
  color:var(--kh-blue)!important;
  background:#edf5ff!important;
}

.kh-global-header .header-actions{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0!important;
}

.kh-global-header .login-link{
  min-height:40px!important;
  padding:0 12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  border:1px solid #dfe7ef!important;
  border-radius:9px!important;
  color:#314559!important;
  background:#fff!important;
  font-size:10px!important;
  font-weight:750!important;
  white-space:nowrap!important;
}

.kh-global-header .button-primary{
  min-height:40px!important;
  padding:0 15px!important;
  border:1px solid var(--kh-blue)!important;
  border-radius:9px!important;
  color:#fff!important;
  background:var(--kh-blue)!important;
  background-image:none!important;
  box-shadow:none!important;
  font-size:10px!important;
  white-space:nowrap!important;
}


/* MEGA MENU MISMO FRAME */

.kh-global-header .mega{
  width:100%!important;
  left:0!important;
  right:0!important;
  background:#fff!important;
}

.kh-global-header .mega > .shell{
  width:min(var(--kh-frame-width),92%)!important;
  max-width:var(--kh-frame-width)!important;
  margin:auto!important;
}


/* FOOTER ÚNICO */

.kh-global-footer{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:78px 0 28px!important;
  color:#91a4b6!important;
  background:#020b14!important;
  border:0!important;
}

.kh-global-footer .kh-footer-grid{
  width:min(var(--kh-frame-width),92%)!important;
  max-width:var(--kh-frame-width)!important;
  margin:auto!important;
  display:grid!important;
  grid-template-columns:1.45fr repeat(4,1fr)!important;
  gap:44px!important;
}

.kh-global-footer .kh-footer-column > strong{
  color:#fff!important;
  font-size:14px!important;
  font-weight:800!important;
}

.kh-global-footer .kh-footer-column a,
.kh-global-footer .kh-footer-column span{
  color:#8fa2b5!important;
  font-size:13px!important;
  line-height:1.6!important;
}

.kh-global-footer .kh-footer-brand p{
  color:#8396a9!important;
  font-size:13px!important;
  line-height:1.75!important;
}

.kh-global-footer .kh-footer-support,
.kh-global-footer .kh-footer-bottom{
  width:min(var(--kh-frame-width),92%)!important;
  max-width:var(--kh-frame-width)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}


/* BOTONES SIEMPRE AZUL PLANO */

.button-primary,
.btn.primary,
.plan-button,
.kh-support-buttons a,
.chat-launcher{
  background:#1677ff!important;
  background-image:none!important;
  border-color:#1677ff!important;
  box-shadow:none!important;
}


/* MOBILE */

@media(max-width:1100px){

  .kh-global-header .desktop-nav{
    display:none!important;
  }

  .kh-global-header .mobile-toggle{
    display:grid!important;
  }

}

@media(max-width:700px){

  .kh-global-footer .kh-footer-grid{
    grid-template-columns:1fr 1fr!important;
  }

  .kh-global-footer .kh-footer-brand{
    grid-column:1/-1!important;
  }

}


/* ==========================================================
   KONECTAHOST GLOBAL FRAME V4
   ========================================================== */

.kh-global-topline{
  display:block!important;
  width:100%!important;
  min-height:34px!important;
  height:34px!important;
  color:#aebdca!important;
  background:#06111d!important;
  border:0!important;
}

.kh-global-topline .topline-inner{
  width:min(1200px,92%)!important;
  max-width:1200px!important;
  height:34px!important;
  min-height:34px!important;
  margin:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  font-size:10px!important;
}

.kh-global-topline a{
  color:#b8c7d4!important;
  font-size:10px!important;
}

.kh-global-topline .kh-topline-actions{
  display:flex!important;
  align-items:center!important;
  gap:20px!important;
}


/* mismo frame */

.kh-global-header .header-inner,
.kh-global-header .mega > .shell,
.kh-global-footer .kh-footer-grid,
.kh-global-footer .kh-footer-support,
.kh-global-footer .kh-footer-bottom{
  width:min(1200px,92%)!important;
  max-width:1200px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}