/* Tipografía */
body {
  font-family: 'Inter', sans-serif;
  color: #2F2F2F; /* Gris oscuro para texto */
  background-color: #F8F9FA; /* Blanco hielo */
}

h1, h2, h3, h4, h5, h6, .navbar-brand {
  font-family: 'Poppins', sans-serif;
  color: #003049; /* Azul petróleo para títulos */
  font-weight: 700;
}

/* Navbar */
.navbar {
  background-color: #003049 !important; /* Azul petróleo */
}

.navbar .nav-link {
  color: #F8F9FA !important; /* Blanco hielo */
}

.navbar .nav-link:hover {
  color: #FFB703 !important; /* Amarillo industrial al hover */
}

/* Hero */
.hero {
  background-color: #003049;
  color: #F8F9FA;
  padding: 80px 0;
}

.hero h1 {
  color: #FFB703; /* Amarillo industrial para destacar */
}

/* Botones */
.btn-primary {
  background-color: #003049;
  border: none;
}
.btn-primary:hover {
  background-color: #FFB703;
  color: #2F2F2F;
}

/* Secciones */
section {
  padding: 60px 0;
}

#sobre {
  background-color: #F8F9FA; /* Blanco hielo */
}

#contacto {
  background-color: #ffffff;
}

/* Cards */
.card {
  border: none;
  transition: transform 0.2s ease-in-out;
}
.card:hover {
  transform: translateY(-5px);
}

/* Footer */
footer {
  background-color: #2F2F2F;
  color: #F8F9FA;
}