:root {
  --color-azul-principal: #11326C;
  --color-verde: #98C03C;
}

body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
}

/* === Navbar === */
.navbar {
  background-color: #98C03C !important;
}
.navbar-brand,
.navbar-nav .nav-link {
  color: white !important;
  font-weight: 600;
}
.navbar-brand:hover,
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
  color: #11326C !important;
}

/* === Botones personalizados === */
.btn-dlc {
  background-color: #f8f9fa;
  color: #11326C !important;
  border: 2px solid #11326C;
  font-weight: 600;
  padding: 0.5rem 1.25rem;
}
.btn-dlc:hover {
  background-color: #11326C;
  color: white !important;
  border-color: #11326C;
}

/* === Servicios === */
.card-servicio h4 {
  color: #11326C !important;
  font-weight: bold;
}
.card-servicio p {
  font-style: italic;
  color: #444 !important;
}

/* === Testimonios === */
.testimonio-texto {
  color: #11326C;
  font-size: 1.1rem;
  font-style: italic;
}
.testimonio-nombre {
  font-weight: bold;
}
.testimonio-cargo {
  font-style: italic;
  color: #666;
}

/* === Slider === */
#heroSlider {
  height: 500px;
  overflow: hidden;
}
#heroSlider img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

/* === Footer === */
footer {
  background-color: #f8f9fa;
  padding: 2rem 0;
  margin-top: 3rem;
}
footer a {
  text-decoration: none;
  color: #333;
}
footer a:hover {
  color: #11326C;
}

/* === Blog cards === */
.blog-card img {
  height: 200px;
  object-fit: cover;
}