:root {
  --primary: #ab8743;
  --primary-dark: #8b6c37;
  --text: #cbd5e1;
  --muted: #9ca3af;
  --bg: #0f172a;
  --bg-menu: #00142D;
  --bg-soft: #263045;
  --border: #1f2937;
  --section-blue: #13233c;
}
html {
  scroll-behavior: smooth;
}
body {
  color: var(--text);
  background-color: var(--bg);
  padding-top: 58px;
}
.hero {
  min-height: 70vh;
  background: linear-gradient(rgba(15, 23, 42, 0.6), rgba(17, 24, 39, 0.7)),
    url(/website/www.bravocia.cl/cloud/img/img-hero.jpg);
  background-size: cover;
  background-position: center;
}
.btn-primary {
  background-color: var(--primary);
  border-color: var(--primary);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:visited {
  background-color: var(--primary-dark);
  border-color: var(--primary-dark);
}
.btn-primary.active {
  background-color: var(--primary-dark) !important;
  border-color: var(--primary-dark) !important;
}
.btn-outline-primary {
  color: var(--primary);
  border-color: var(--primary);
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: var(--primary);
  border-color: var(--primary);
}
.feature-icon {
  font-size: 2.2rem;
  line-height: 1;
  margin-bottom: 12px;
  color: var(--primary);
}
.navbar-brand {
  color: var(--primary);
}
.navbar-dark.bg-dark {
  background-color: var(--bg-menu) !important;
}
.navbar-dark .navbar-nav .nav-link {
  font-weight: 600;
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link:hover {
  color: var(--primary);
}
.navbar-dark .navbar-nav .nav-link.active {
  color: var(--primary);
  font-weight: 600;
}
.navbar-dark .navbar-toggler {
  border-color: var(--border);
}
section h2 {
  font-weight: 700;
}
.carousel .carousel-item {
  padding: 10px 0;
}
.carousel-indicators li {
  background-color: var(--primary);
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
  filter: invert(1);
}
.team .card-img-top {
  object-fit: cover;
  height: 320px;
}
.service .card-img-top {
  object-fit: cover;
  height: 200px;
}
.service.card {
  background-color: var(--bg-soft);
  border: 1px solid var(--border);
}
.service-image {
  width: 100%;
  height: 420px;
  object-fit: cover;
}
.team.card,
.feature.card {
  background-color: var(--bg-soft);
  border: 1px solid var(--border);
}
.card-title,
.card-text {
  color: var(--text);
}
#formAlert .alert {
  margin-bottom: 0;
}
footer {
  font-size: 0.9rem;
  background-color: var(--bg-menu);
  color: var(--muted);
}

#destacados,
#equipo {
  background-color: var(--section-blue);
}

#prefooter {
  background-color: var(--bg-soft);
  color: var(--text);
}

a,
a:visited {
  color: #fff;
}
a:hover {
  color: var(--primary);
  text-decoration: none;
}