/* ════════════════════════════════════════════════════════════
   BIM Forum Chile v14.24 — Cierre pre-lanzamiento
   Fuente de verdad: Manual de Marca (Roboto/Arial) · Excel
   CBFCh-2026_web · Correo cliente 24-07-26 · Reunión 21-07-26
   ════════════════════════════════════════════════════════════ */

/* ── 0. Hero: flechas fuera de la columna de texto ─────────
   Antes: .c-arrow estaba centrada vertical y anclada al mismo
   gutter que .c-text-block → se montaba sobre el titular en
   anchos medios y móvil. Ahora son un par abajo a la derecha,
   junto al contador y la barra de progreso. */
.c-arrow {
  top: auto; bottom: 2.9rem;
  transform: none;
}
.c-arrow:hover { transform: scale(1.08); }
.c-arrow.prev { left: auto; right: calc(clamp(.75rem, 2.5vw, 2rem) + 62px); }
.c-arrow.next { right: clamp(.75rem, 2.5vw, 2rem); }
/* el contador sube para no chocar con el par de flechas */
.c-counter { bottom: 7rem; }

@media (max-width: 780px) {
  .c-arrow { bottom: 2.2rem; }
  .c-arrow.prev { left: auto; right: calc(.6rem + 50px); }
  .c-arrow.next { right: .6rem; }
  .c-counter { bottom: 5.6rem; }
}
@media (max-width: 520px) {
  .c-arrow { width: 38px; height: 38px; bottom: 1.6rem; }
  .c-arrow.prev { right: calc(.6rem + 46px); }
}

/* ── 1. Logo BFCh — visible y con presencia (P1 correo) ───── */
.hdr__logo-img { height: 58px !important; width: auto; display: block; }
@media (max-width: 900px) { .hdr__logo-img { height: 48px !important; } }
@media (max-width: 640px) { .hdr__logo-img { height: 40px !important; } }

/* ── 2. Nav item externo (buildingSMART CL → sitio bSI) ──── */
.nav__item--ext {
  display: inline-flex; align-items: center; gap: 5px;
  text-decoration: none;
}
.nav__item--ext svg { opacity: .55; margin-top: -1px; }
.nav__item--ext:hover svg { opacity: 1; }
.mnav__item svg { margin-left: 6px; opacity: .5; }

/* ── 3. Fotos reales del Directorio dentro del hexágono ──── */
.hexi.has-photo {
  padding: 0; overflow: hidden; background: var(--ink-100);
  position: relative; isolation: isolate;
}
.hexi.has-photo img {
  width: 100%; height: 100%; object-fit: cover; object-position: center 22%;
  display: block; filter: saturate(1.02);
}
.hexi.has-photo::after {
  content: ""; position: absolute; inset: 0; z-index: 1;
  box-shadow: inset 0 0 0 2px var(--cta);
  clip-path: inherit; pointer-events: none;
}
.hexi.has-photo.feat::after { box-shadow: inset 0 0 0 2px var(--cta); }
.dperson--lg .hexi.has-photo { width: 220px; height: 246px; }
.dperson--md .hexi.has-photo { width: 146px; height: 164px; }
.dperson--sm .hexi.has-photo { width: 146px; height: 164px; }
@media(max-width:700px){
  .dperson--lg .hexi.has-photo { width: 164px; height: 184px; }
  .dperson--md .hexi.has-photo { width: 112px; height: 126px; }
  .dperson--sm .hexi.has-photo { width: 112px; height: 126px; }
}

/* ── 4. Logos de socios — visibles y legibles (P2/P3 correo) ── */
/* OJO: sólo la variante --onwhite lleva fondo blanco; la variante
   --mono conserva su fondo de tier para que el monograma se lea. */
.logo-chip--onwhite, .socio-card__logo, .v14logo:not(.v14logo--mono) {
  background: #fff !important;
  display: grid !important; place-items: center !important;
  padding: 16px 20px !important;
  min-height: 56px;
}
.logo-chip--onwhite img, .socio-card__logo img, .v14logo img {
  max-width: 90% !important; max-height: 76% !important;
  width: 90% !important; height: 76% !important;
  object-fit: contain !important;
  filter: none !important; opacity: 1 !important; mix-blend-mode: normal !important;
}
.logo-chip--mono {
  display: grid !important; place-items: center !important;
  font-family: "Roboto", Arial, sans-serif !important;
  font-weight: 800 !important; letter-spacing: -.02em; line-height: 1;
  background: #fff !important; border: 1px solid var(--ink-100) !important;
  border-radius: 10px; text-align: center; padding: 8px !important;
}
.logo-chip--mono.tier-platinum { color: #3f6d92 !important; }
.logo-chip--mono.tier-premium  { color: var(--c1) !important; }
.logo-chip--mono.tier-estandar { color: var(--cta) !important; }
.logo-chip--mono.tier-individual, .logo-chip--mono:not([class*="tier-"]) { color: #5b6878 !important; }

/* Logo dentro de la ficha (modal) — grande y nítido */
.v14logo {
  min-height: 96px !important; border-radius: 12px;
  border: 1px solid var(--ink-100);
}
.v14logo img { max-height: 76px !important; }

/* Marquee de socios en home — logos más grandes */
.marquee__item img, .socios-row img {
  max-height: 54px !important; height: 54px !important; width: 100% !important;
  object-fit: contain !important;
  filter: none !important; opacity: 1 !important;
}

/* ── 4b. Respaldo tipográfico cuando falta el archivo de logo ── */
.v14logo--mono {
  display: flex !important; flex-direction: column;
  align-items: center; justify-content: center; gap: 5px;
  position: relative; background: #fff !important;
  border: 1px solid var(--ink-100); border-radius: 12px;
  padding: 12px 14px !important; text-align: center; overflow: hidden;
}
.v14logo__hex {
  position: absolute; right: -14px; top: -16px;
  width: 52px; height: 58px; clip-path: var(--hex-pointy);
  background: linear-gradient(160deg, rgba(85,187,235,.22), rgba(1,117,201,.14));
}
.v14logo__mono {
  position: relative; z-index: 1;
  font-family: "Roboto", Arial, sans-serif; font-weight: 700;
  font-size: 1.4rem; line-height: 1; letter-spacing: -.02em;
  color: var(--cta);
}
.v14logo--big .v14logo__mono { font-size: 1.9rem; }
.v14logo__wm {
  position: relative; z-index: 1;
  font-family: "Roboto", Arial, sans-serif; font-weight: 500;
  font-size: .62rem; letter-spacing: .1em; text-transform: uppercase;
  color: var(--ink-400); line-height: 1.25;
  max-width: 14ch; overflow-wrap: anywhere;
}
.v14logo--big .v14logo__wm { font-size: .7rem; max-width: 18ch; }

/* ── 4c. Contenedor de logo: siempre visible y proporcionado ── */
.v14logo { min-height: 92px !important; }
.v14logo--big { min-height: 118px !important; }
.v14logo--big img { max-height: 92px !important; }

.nl2__eyebrow, .news-cta .eyebrow {
  display: inline-flex; align-items: center; gap: 7px;
}
.nl2__title .a, .news-cta h2 .a { white-space: nowrap; }

/* ── 4d. Ficha Platinum: badge y título sin solaparse ─────── */
.pf-platinum__cover { min-height: 290px; }
.pf-platinum__cover-foot {
  display: flex !important; align-items: flex-end; gap: 18px;
  padding: 20px 22px !important;
}
.pf-platinum__cover-foot > *:last-child { min-width: 0; }
.pf-platinum__cover-foot h2,
.pf-platinum__cover-foot h3 { margin: 0 0 4px; text-wrap: balance; }
.pf-platinum__cover-foot [class*="badge"],
.pf-platinum__cover-foot .eyebrow { display: block; margin-bottom: 8px; }

/* ── 6. Ritmo: ficha de socio siempre con 3 acciones ─────── */
.v14links { display: flex; flex-wrap: wrap; gap: .6rem; }
.v14links .btn { flex: 0 1 auto; }

/* ── 7. Tipografía — manual de marca (Roboto principal) ──── */
h1, h2, h3, h4, h5,
.eyebrow, .btn, .nav__item, .stat__n, .hexi {
  font-family: "Roboto", Arial, "Helvetica Neue", sans-serif !important;
}
body, p, li, td, input, textarea, select {
  font-family: Arial, "Helvetica Neue", "Roboto", sans-serif;
}