/* ==== Nosotros (solo esta vista) ==== */

/* ====== Título y subtítulo con alto contraste ====== */
.nosotros-title{
  font-size: clamp(1.8rem, 2.2vw + 1rem, 2.6rem);
  font-weight: 800;
  color: #000; 
  text-shadow:
      2px 2px 4px rgba(255,255,255,.9),
    -1px -1px 2px rgba(255,255,255,.8);
  margin: 0 0 .25rem 0;
}

.nosotros-subtitle{
  font-size: clamp(1rem, .8vw + .9rem, 1.25rem);
  color: #fff;               
  text-shadow: 0 2px 4px rgba(0,0,0,.45); 
  opacity: .95;
}

.nosotros-page {
  font-size: 1.05rem;           
  line-height: 1.6;
}

.nosotros-page .card {
  border-radius: 14px;
}

.nosotros-page h1 {
  letter-spacing: 0.2px;
}

.nosotros-page .card-body p {
  margin-bottom: 0.9rem;
}

@media (min-width: 992px) {
  .nosotros-page .card-body {
    padding: 2rem 2rem;
  }
}

/* Accesibilidad: foco visible en botones */
.nosotros-page .btn:focus {
  outline: 2px solid #198754;
  outline-offset: 2px;
}

/* Ajuste de iconos */
.nosotros-page i.bi {
  vertical-align: -2px;
}

.bi-heart::before {
  content: "\f417";
  color: red;
}