body {
  padding-top: 56px;
}

.left-aligned {
  margin-left: auto;
}

.bg-hero {
  background-color: #b2e2df !important;
  position: relative; /* keeps the wave flush under it */
}

.hero-title {
  color: #f23b72 !important;
  font-weight: bold !important;
}

.bg-dark {
  background-color: #007f7c !important;
}

.subtitle-text {
  color: #000000 !important;
  color: #212529 !important;  /* negro Bootstrap */
  font-weight: bold !important;
}

/* ===== WAVE (curved divider) ===== */
.wave-separator {
  width: 100%;
  line-height: 0;   /* remove inline gap */
  overflow: hidden; /* no scrollbars on small screens */
  /* no background color here to avoid seams */
}

/* ===== HERO WAVE SEPARATOR ===== */

.wave-separator svg {
  display: block;
  width: 100%;
  height: clamp(70px, 9vw, 140px); /* responsive height */
  transform: translateY(-1px);     /* hide 1px subpixel seam */
}

/* Subtítulo bajo el título rosa */
.subtitle-text {
  color: #000000 !important; /* negro */
  font-weight: bold !important;
}

/* ===== CALLOUT ===== */
.bd-callout {
  padding: 1.25rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid #e9ecef; 
  border-left-width: 0.25rem;
  border-radius: 0.25rem;
}


.bd-callout h4 {
  margin-bottom: 0.25rem;
}

.bd-callout p:last-child {
  margin-bottom: 0;
}

.bd-callout code {
  border-radius: 0.25rem;
}

.bd-callout + .bd-callout {
  margin-top: -0.25rem;
}

.bd-callout-info { border-left-color: #5bc0de; }
.bd-callout-warning { border-left-color: #f0ad4e; }
.bd-callout-danger { border-left-color: #d9534f; }
.bd-callout-info {
  border-left-color: #5bc0de;
}

.bd-callout-warning {
  border-left-color: #f0ad4e;
}

.bd-callout-danger {
  border-left-color: #d9534f;
}

/* ===== FOOTER ===== */
/* footer */
footer a {
  color: white;
  font-weight: bold;
  text-decoration: none;
}

footer a:hover {
  color: white;
  text-decoration: underline;
}


.team-photo {
  border-radius: 15px; /* bordes redondeados */
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.foto-miembro {
  display: block;
  width: 95%;           /* ocupa casi todo el ancho */
  max-width: 1200px;    /* igual al ancho que viste con la línea rosa */
  height: auto;
  margin: 0 auto;
  border-radius: 15px;  /* bordes redondeados */
}


.rosa_fort{color:#bf3765;}
.verd{color:#007C7A;}
.gris{color:gray;}

/* ===== IMAGENES SIMPLES ===== */ 
/* Estilo básico para todas las imágenes */
img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Contenedores flex básicos */
div[style*="display:flex"] {
  display: flex !important;
}

div[style*="display:flex"] img {
  max-width: 100%;
  height: auto;
}