/* ════════════════════════════════════════════════════════════
   BIM Forum Chile v12 — Manual de Marca OFICIAL (corrección)
   Tipografía: Roboto (principal) + Arial (secundaria) — NO Dubai
   Colores: ya correctos en v10-styles.css, se re-confirman aquí
   ════════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');

:root {
  /* Manual pág. 13: Roboto = tipografía PRINCIPAL (títulos/destacados) */
  --f-d: "Roboto", "Helvetica Neue", Arial, sans-serif;
  /* Manual pág. 13: Arial = tipografía SECUNDARIA (textos extensos) */
  --f-b: Arial, "Helvetica Neue", "Roboto", sans-serif;

  /* Paleta confirmada contra el manual (pág. 7-8) — sin cambios, ya correcta */
  --p1: #55bbeb; --p2: #2b9ad6; --p3: #238bcb; --p4: #1675c1; --cta: #0175c9;
  --c1: #f39200; --c2: #f59c00; --c3: #fbba00; --c4: #efd621;
}

/* Roboto Black (900) reservado para cifras hero / stats grandes */
.stat .n, .pdata .pnum, .dir-title__stat .n { font-weight: 900; }

/* ── Contenedor de marca sobre fondos complejos (manual pág. 12) ──
   Uso: envolver el isotipo/logo cuando se aplica sobre una fotografía. */
.brand-container {
  display: inline-flex; align-items: center; gap: .6rem;
  background: #fff; border-radius: 10px; padding: .6rem 1rem;
  box-shadow: 0 8px 24px rgba(0,0,0,.18);
}

/* ── Tratamiento fotográfico de marca — duotono azul/ámbar ────
   Aplicar sobre imágenes stock hasta disponer de fotografía conceptual
   (bandadas, cardúmenes, redes de raíces) definida en el manual pág. 14-17. */
.ph-duo {
  filter: grayscale(.3) brightness(.92) contrast(1.08) saturate(1.3) sepia(.12) hue-rotate(165deg);
}
.ph-duo--soft { filter: grayscale(.15) brightness(.97) contrast(1.04) saturate(1.15) sepia(.08) hue-rotate(165deg); }

/* ══════════════════════════════════════════════════════════
   v12 Socios — piezas nuevas para fichas 100% con datos reales
   ══════════════════════════════════════════════════════════ */

/* Cover sin foto — solo gradiente de marca (empresas reales, sin imagen inventada) */
.pf-platinum__cover--plain {
  background: linear-gradient(135deg, #071828 0%, #0d2c4a 55%, #0a3660 100%);
  position: relative;
}
.pf-platinum__cover--plain::before {
  content: ''; position: absolute; inset: 0; opacity: .5;
  background-image: radial-gradient(rgba(85,187,235,.18) 1.5px, transparent 1.5px);
  background-size: 30px 30px;
  mask-image: linear-gradient(120deg, transparent 30%, #000 100%);
}

/* Proyectos destacados */
.pf-projects { display: flex; flex-direction: column; gap: .9rem; }
.pf-project { display: flex; gap: .9rem; align-items: flex-start; }
.pf-project__hex {
  width: 11px; height: 12px; flex-shrink: 0; margin-top: 5px;
  background: linear-gradient(160deg, var(--p1), var(--cta));
  clip-path: var(--hex-pointy);
}
.pf-project strong { display: block; color: #fff; font-size: .92rem; margin-bottom: 2px; }
.pf-project span { color: rgba(255,255,255,.55); font-size: .84rem; line-height: 1.55; }

/* Tarjeta de contacto (nombre, cargo, email, teléfono) */
.pf-contact-card {
  display: flex; gap: 1rem; align-items: center;
  background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px; padding: 1.1rem 1.25rem;
}
.pf-contact-card__av {
  width: 46px; height: 46px; border-radius: 50%; flex-shrink: 0;
  background: linear-gradient(160deg, var(--p1), var(--cta));
  display: grid; place-items: center; color: #fff; font-weight: 700; font-size: .8rem;
}
.pf-contact-card strong { display: block; color: #fff; font-size: .95rem; }
.pf-contact-card span { display: block; color: rgba(255,255,255,.5); font-size: .78rem; margin-top: 1px; }
.pf-contact-card__links { display: flex; gap: 1rem; flex-wrap: wrap; margin-top: .6rem; }
.pf-contact-card__links a {
  display: inline-flex; align-items: center; gap: .4rem;
  color: var(--p1); font-size: .8rem; font-weight: 500;
}
.pf-contact-card__links a:hover { color: #fff; }

/* Nota fuente oficial (ya usada, se re-confirma estilo) */
.real-source-note { display:flex; align-items:center; gap:.6rem; margin-top:1.5rem; font-size:.72rem; color:var(--ink-400); }

@media (max-width: 780px) {
  .platinum-row { grid-template-columns: 1fr !important; }
}