/* =========================================================
   QUIÉNES SOMOS – Estilos específicos
   v1.4.0
   - Títulos en dorado: dorado más oscuro en light, más luminoso en dark
   - Se mantienen los fixes de contraste (v1.3.0) y dorados del equipo (v1.2.0)
   ========================================================= */

/* ----------- Encabezado de página ----------- */
.page-title-header {
   background: linear-gradient(180deg, var(--page-title-bg-start), var(--page-title-bg-end));
   border-bottom: 1px solid var(--bs-border-color);
}

/* ========== TOKENS DE COLOR ========== */

/* Dorado sutil (para tarjetas del equipo) */
:root {
   --ga-gold-50: #fff9e8;
   /* muy claro */
   --ga-gold-100: #f6ecd0;
   /* claro */
   --ga-gold-200: #e3cf9b;
   /* medio */
   --ga-team-meta-color: var(--ga-gold-200);
   /* para .small */
   --ga-team-desc-color: var(--ga-gold-100);
   /* para <p> */

   /* Texto sección "about" (cards de identidad/misión/visión/valores/qué hacemos) */
   --ga-about-fg: #1f2937;
   /* gris 800 (light) - texto principal */
   --ga-about-muted: #495057;
   /* muted (light) */
   --ga-about-hr: rgba(0, 0, 0, .08);

   /* Dorado para TÍTULOS (modo light: más apagado) */
   --ga-title-gold: #b6902e;
   /* dorado oscuro/sofisticado */
}

[data-theme="dark"] {
   /* Dorado más luminoso en dark (títulos) */
   --ga-title-gold: #f2d075;
   /* dorado claro y legible en fondos oscuros */

   /* Dorado más luminoso en dark (meta/desc equipo) */
   --ga-team-meta-color: #f2e6c2;
   --ga-team-desc-color: #f8f0d7;

   /* Texto más contrastado en dark para “about” */
   --ga-about-fg: #e9edf2;
   /* casi blanco - lectura */
   --ga-about-muted: #d7dce4;
   /* secundario pero legible */
   --ga-about-hr: rgba(255, 255, 255, .08);
}

/* -------- Título de secciones (h2 visibles) -------- */
.ga-section-title {
   color: var(--ga-title-gold) !important;
}

/* ========== CONTRASTE EN CARDS "ABOUT" ========== */
/* Texto principal: párrafos y listas */
.card .card-body p,
.card .card-body li {
   color: var(--ga-about-fg) !important;
}

/* Texto secundario y tamaños pequeños */
.card .card-body .text-secondary,
.card .card-body .small {
   color: var(--ga-about-muted) !important;
}

/* TÍTULOS dentro de las cards (h2..h5) en dorado */
.card .card-body h2,
.card .card-body h3,
.card .card-body .h2,
.card .card-body .h3,
.card .card-body .h4,
.card .card-body .h5 {
   color: var(--ga-title-gold) !important;
}

/* Separadores suaves coherentes por tema */
.card hr {
   border: 0;
   border-top: 1px solid var(--ga-about-hr);
   margin: .75rem 0;
}

/* Alertas informativas/resumen con buen contraste en dark */
[data-theme="dark"] .alert-info {
   background-color: rgba(13, 110, 253, .15);
   border-color: rgba(13, 110, 253, .35);
   color: #dbe7ff;
}

[data-theme="dark"] .alert-success {
   background-color: rgba(25, 135, 84, .18);
   border-color: rgba(25, 135, 84, .35);
   color: #dbffe7;
}

/* ========== TARJETAS DEL EQUIPO (sección inferior) ========== */

.ga-team__footer {
   padding: .6rem .85rem .75rem;
   /* top, sides, bottom */
}

.ga-team__footer .btn {
   line-height: 1;
}

/* Imágenes responsivas con buen crop */
.ga-team img,
.page-title-header img {
   object-fit: cover;
}

/* Sombras en dark */
[data-theme="dark"] .ga-team.card {
   box-shadow: var(--bs-box-shadow-sm);
}

/* Colores dorados para meta/descripcion en tarjetas del equipo */
.ga-team .card-body .small {
   color: var(--ga-team-meta-color) !important;
}

.ga-team .card-body p {
   color: var(--ga-team-desc-color) !important;
}

/* Suavizado de fuentes */
.ga-team .card-body,
.ga-team .card-body * {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

/* ========== STAFF SLIDER (Custom Carousel) ========== */
.ga-staff-carousel-wrap {
   position: relative;
   padding: 0 40px; /* Espacio para flechas */
}

.ga-staff-slider {
   display: flex;
   gap: 24px;
   overflow-x: auto;
   scroll-behavior: smooth;
   padding: 10px 4px 20px 4px; /* abajo tiene espacio para shadow */
   -ms-overflow-style: none;  /* IE and Edge */
   scrollbar-width: none;  /* Firefox */
}
.ga-staff-slider::-webkit-scrollbar {
    display: none;
}

.ga-staff-card-wrap {
   flex: 0 0 100%; /* Mobile 1 card */
   max-width: 100%;
}
@media (min-width: 768px) {
  .ga-staff-card-wrap {
     flex: 0 0 calc(50% - 12px); /* Tablet 2 cards */
     max-width: calc(50% - 12px);
  }
}
@media (min-width: 1200px) {
  .ga-staff-card-wrap {
     flex: 0 0 calc(33.333% - 16px); /* Desktop 3 cards */
     max-width: calc(33.333% - 16px);
  }
}

/* Botones de navegación (Flechas) */
.ga-staff-btn {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   background: var(--bs-body-bg);
   border: 1px solid var(--bs-border-color);
   color: var(--bs-body-color);
   width: 40px;
   height: 40px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   z-index: 10;
   box-shadow: 0 2px 5px rgba(0,0,0,0.1);
   transition: all 0.3s ease;
}
.ga-staff-btn:hover {
   background: var(--ga-title-gold);
   color: #fff;
   border-color: var(--ga-title-gold);
}
.ga-staff-btn.prev { left: 0; }
.ga-staff-btn.next { right: 0; }

/* Ajustes para la tarjeta dentro del slider */
.ga-team.card {
   height: 100%;
   margin-bottom: 0; /* reset */
}