html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
  background:
    linear-gradient(180deg, rgba(9, 29, 44, 0.96), rgba(17, 78, 68, 0.86)),
      url("/imagenes/imagenfondo.jpg") center / cover no-repeat fixed;
  color: #f5f5f5; /* texto claro si la imagen es oscura */

}

.site-nav {
  background: linear-gradient(90deg, #153b4a, #1f6f64);
}

.hero-panel {
  min-height: 70vh;
  background:
    linear-gradient(120deg, rgba(9, 29, 44, 0.84), rgba(17, 78, 68, 0.55)),
      url("/imagenes/imagenfondo.jpg") center / cover no-repeat fixed;
    background-size: cover;
  background-position: center;
}

.hero-overlay {
  min-height: 70vh;
  background: linear-gradient(90deg, rgba(12, 41, 56, 0.15), rgba(12, 41, 56, 0.4));
}

.menu-card {
  backdrop-filter: blur(8px);
}

.card .h1,
.card .h2,
.card .h3,
.card .h4,
.card .h5,
.card .h6,
.card h1,
.card h2,
.card h3,
.card h4,
.card h5,
.card h6 {
  color: #666666;
}

.form-label,
.col-form-label,
.form-check-label {
  color: #666666;
}

.list-group-item {
  border-left: 0;
  border-right: 0;
}

.list-group-item:first-child {
  border-top: 0;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px;
}html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}