:root{
  --bg-deep:#0b0f14;
  --panel:#121821;
  --glass: rgba(255,255,255,.08);
}
*{font-family: 'Manrope', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;}
html{scroll-behavior:smooth;}
.bg-deep{background:var(--bg-deep);}
.section-pad{padding:4rem 0;}
.divider{height:2px;background:linear-gradient(90deg,transparent,#e9ecef,transparent);}
.fw-extrabold{font-weight:800;}
.glass{background:var(--glass); border:1px solid rgba(255,255,255,.15); backdrop-filter: blur(6px);}
.k-card{background:#fff;border:1px solid #e6eaf2;border-radius:1rem;padding:1rem;}
.k-panel{background:#f6f8fb;border:1px solid #e9edf5;border-radius:1rem;padding:1rem;}
.service-card{background:var(--panel);border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:1.25rem;}
.footer-link{color:rgba(255,255,255,.9);text-decoration:none;}
.footer-link:hover{text-decoration:underline;color:#fff;}
/* Banners */
.banner{min-height:55vh;position:relative;}
.banner::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.45);}
.banner>*{position:relative;z-index:1;}
.banner-home{background:url('../img/banner-home.jpg') center/cover no-repeat;}
.banner-nosotros{background:url('../img/banner-nosotros.jpg') center/cover no-repeat;}
.banner-contacto{background:url('../img/banner-contacto.jpg') center/cover no-repeat;}


/* Navbar brand logo size */
.navbar-brand img{height:60px;width:auto;display:block;}

/* Service icons */
.service-card.text-center .icon-wrap{
  width:64px;height:64px;border-radius:50%;
  margin:0 auto 6px; display:grid; place-items:center;
  background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18);
}
.service-card .icon-wrap i{ font-size:1.5rem; }

/* Distinct colors for value cards */
.k-card--c1{ background:#ffe8cc; border-color:#ffd8a8; color:#1f1f1f; }
.k-card--c2{ background:#e5f5ff; border-color:#cfe8ff; color:#1f1f1f; }
.k-card--c3{ background:#e6fcf5; border-color:#c3fae8; color:#1f1f1f; }
.k-card--c4{ background:#f1f3ff; border-color:#e5e7ff; color:#1f1f1f; }
.k-card--c5{ background:#fff0f6; border-color:#ffd6e7; color:#1f1f1f; }
.k-card--c6{ background:#fff9db; border-color:#ffe8a1; color:#1f1f1f; }


/* Contact section input styles override */
#contacto .form-control {
  background:#fdfdfd;
  border:1px solid #ced4da;
  color:#212529;
}
#contacto .form-control:focus {
  background:#fff;
  border-color:#86b7fe;
  box-shadow:0 0 0 .25rem rgba(13,110,253,.25);
}