/* ============================================================
   BAC · Business Angels Club — Brand Core
   Tokens distilled from the Manual de Marca v1.0
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&display=swap');

:root{
  /* Paleta nombrada oficial */
  --noche:    #1A1025;  /* fondo principal oscuro */
  --indigo:   #3C3489;  /* cuerpo del ala, peso */
  --nexus:    #7F77DD;  /* primario de marca, UI, accents */
  --niebla:   #CCC8F7;  /* textos secundarios, puntas del ala */
  --polar:    #F0EFFD;  /* fondo claro, fondos de seccion */
  --rojo:     #CC0000;  /* SOLO linea separadora / acento historico */

  /* Tonos de apoyo derivados del logo y el manual */
  --indigo-700: #26215C; /* wordmark sobre claro */
  --violeta-600:#534AB7;
  --violeta-300:#9B8FE8;
  --violeta-200:#AFA9EC;
  --tinta:    #2D2D3A;   /* cuerpo de texto sobre claro */
  --gris:     #6B6B80;   /* texto secundario */
  --polar-2:  #F7F6FF;   /* superficie clara alternativa */
  --polar-3:  #E8E6F8;   /* bordes / surface */
  --blanco:   #FFFFFF;

  /* Tipografia */
  --font-display: 'Space Grotesk', system-ui, sans-serif;
  --font-body: 'DM Sans', system-ui, sans-serif;

  /* Ritmo */
  --maxw: 1200px;
  --gutter: clamp(20px, 5vw, 64px);
}

*{box-sizing:border-box;}
html{ -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
body{ margin:0; font-family:var(--font-body); }

/* Type primitives following the manual hierarchy */
.k-eyebrow{
  font-family:var(--font-body);
  font-weight:600; font-size:.72rem; letter-spacing:.22em;
  text-transform:uppercase;
}
h1,h2,h3,.k-display{ font-family:var(--font-display); font-weight:700; letter-spacing:-0.01em; line-height:1.04; margin:0; }
p{ margin:0; }
a{ color:inherit; }
img{ display:block; max-width:100%; }

/* ---- Reusable logo lockups (transparent, redrawn from manual) ---- */
.bac-lockup{ display:block; height:auto; width:100%; }
[data-bac-logo], [data-bac-wing]{ display:block; line-height:0; }
[data-bac-wing] .bac-wing{ width:100%; height:auto; display:block; }

/* ---- Placeholder surface (for real photos / partner logos) ---- */
.ph{
  position:relative; overflow:hidden;
  background-color:var(--polar-3);
  background-image:repeating-linear-gradient(45deg,
     rgba(60,52,137,.06) 0 10px, rgba(60,52,137,0) 10px 20px);
  display:flex; align-items:center; justify-content:center;
}
.ph--dark{
  background-color:#221634;
  background-image:repeating-linear-gradient(45deg,
     rgba(159,143,232,.10) 0 10px, rgba(159,143,232,0) 10px 20px);
}
.ph__label{
  font-family:'Space Mono', ui-monospace, monospace;
  font-size:.66rem; letter-spacing:.06em; text-transform:uppercase;
  color:var(--gris); padding:.4em .7em; text-align:center;
}
.ph--dark .ph__label{ color:var(--violeta-300); }

/* Focus visibility */
a:focus-visible, button:focus-visible{ outline:2px solid var(--nexus); outline-offset:3px; }