/* ===========================================================
   Conferencias — índice / landing
   Reutiliza el sistema editorial y varias clases de conference.css
   (.cf-section, .cf-section-head, .cf-request…). Aquí solo lo propio
   del índice, prefijo .cx-.
   =========================================================== */

.cx-page{padding-bottom:0}

/* ===== Hero ===== */
.cx-hero{
  padding:26px 0 56px;
  border-bottom:1px solid var(--rule);
  background:var(--bg);
}
.cx-hero-grid{
  display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:stretch;
}
.cx-eyebrow-row{
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:20px;
}
.cx-eyebrow{
  font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.22em;
  text-transform:uppercase;color:var(--amber-2);
}
.cx-eyebrow-rule{width:46px;height:1px;background:var(--rule)}
.cx-eyebrow-meta{
  font-family:var(--sans);font-size:11.5px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink-2);
}
.cx-title{
  font-family:var(--serif);font-weight:400;
  font-size:62px;line-height:1.04;letter-spacing:-.014em;
  color:var(--navy);margin:0 0 22px;text-wrap:pretty;
}
.cx-title .accent{font-style:italic;color:var(--navy-2)}
.cx-lede{
  font-size:17.5px;line-height:1.55;color:var(--ink-2);max-width:560px;margin:0 0 30px;
}
.cx-cta-row{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.cx-cta-primary{padding:15px 24px}
.cx-cta-secondary{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--sans);font-size:13.5px;font-weight:600;
  color:var(--navy);padding:13px 2px;
  border-bottom:1.5px solid var(--amber-2);
}
.cx-cta-secondary svg{width:15px;height:15px}
.cx-cta-secondary:hover{color:var(--navy-2)}

/* hero photo (mismo tratamiento que Home / Académico) */
.cx-hero-photo{
  position:relative;align-self:stretch;margin:0;
  min-height:430px;
  background:#0B1D3A;overflow:hidden;
  box-shadow:0 8px 28px rgba(11,29,58,.15);
}
.cx-hero-img{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:center 42%;display:block;z-index:0;
}
.cx-hero-photo .frame-corners{position:absolute;inset:18px;pointer-events:none;z-index:2}
.cx-hero-photo .frame-corners span{position:absolute;width:18px;height:18px;border:1px solid rgba(250,250,248,.55)}
.cx-hero-photo .frame-corners .tl{top:0;left:0;border-right:0;border-bottom:0}
.cx-hero-photo .frame-corners .tr{top:0;right:0;border-left:0;border-bottom:0}
.cx-hero-photo .frame-corners .bl{bottom:0;left:0;border-right:0;border-top:0}
.cx-hero-photo .frame-corners .br{bottom:0;right:0;border-left:0;border-top:0}
.cx-hero-cap{
  position:absolute;left:16px;bottom:16px;z-index:2;
  display:flex;align-items:stretch;gap:8px;
}
.cx-hero-cap-type{
  font-family:var(--sans);font-size:10.5px;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:#F8F2E0;
  background:rgba(11,29,58,.82);padding:7px 11px;border-left:2px solid var(--insight);
}
.cx-hero-cap-place{
  display:inline-flex;align-items:center;
  font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:rgba(248,242,224,.92);
  background:rgba(11,29,58,.6);padding:0 10px;
}

/* tira de datos bajo el hero */
.cx-statbar{
  display:grid;grid-template-columns:repeat(3,1fr);
  border:1px solid var(--rule);background:var(--paper);
  margin-top:40px;
}
.cx-stat{
  display:grid;grid-template-columns:auto 1fr;align-items:center;gap:16px;
  padding:18px 22px;min-width:0;
}
.cx-stat + .cx-stat{border-left:1px solid var(--rule)}
.cx-stat-fig{
  font-family:var(--serif);font-weight:400;font-size:34px;line-height:1;
  color:var(--navy);min-width:64px;
}
.cx-stat-fig .u{font-size:18px;color:var(--ink-2)}
.cx-stat-txt{display:flex;flex-direction:column;gap:3px}
.cx-stat-l{
  font-family:var(--sans);font-size:10.5px;font-weight:700;letter-spacing:.18em;
  text-transform:uppercase;color:var(--amber-2);
}
.cx-stat-d{font-size:13px;line-height:1.45;color:var(--ink-2)}

/* ===== Conferencias (cajas estilo Académico) ===== */
.cx-talks{padding-top:72px}

/* foto al frente de cada pastilla — full-bleed contra el padding de .ac-talk */
.ac-talk.has-photo{padding-top:0}
.ac-talk-photo{
  display:block;position:relative;
  margin:-1px -22px 4px;          /* full-bleed sobre el padding lateral */
  aspect-ratio:16/10;overflow:hidden;
  background:#0B1D3A;
  border-bottom:1px solid var(--rule);
}
.ac-talk-photo img{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:center 40%;display:block;
  transition:transform .4s ease;
}
.ac-talk.has-photo:hover .ac-talk-photo img{transform:scale(1.04)}
.ac-talk-photo-n{
  position:absolute;left:0;top:0;z-index:2;
  font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.14em;
  color:#F8F2E0;background:rgba(11,29,58,.82);
  padding:6px 11px;border-right:2px solid var(--insight);
}

/* ===== Cuándo me puedes llamar — tira ligera, 5 en una fila ===== */
.cx-when{padding:30px 0 8px}
.cx-when-head{
  display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;
  margin-bottom:16px;
}
.cx-when-lede{font-size:13.5px;line-height:1.5;color:var(--ink-2);margin:0}
.cx-when-row{
  display:grid;grid-template-columns:repeat(5,1fr);
  border:1px solid var(--rule);background:var(--paper);
}
.cx-when-item{
  display:flex;align-items:center;gap:12px;
  padding:16px 18px;min-width:0;
}
.cx-when-item + .cx-when-item{border-left:1px solid var(--rule)}
.cx-when-ic{
  display:inline-flex;width:26px;height:26px;flex:0 0 26px;
  align-items:center;justify-content:center;color:var(--navy);
}
.cx-when-ic svg{width:20px;height:20px}
.cx-when-title{
  font-family:var(--sans);font-weight:600;font-size:13px;line-height:1.25;
  color:var(--ink);margin:0;letter-spacing:.005em;text-wrap:balance;
}

/* ===== Empresas / logos — una sola línea ===== */
.cx-logos{padding:64px 0 72px}
.cx-logobar{
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:8px 16px;
  border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);
  padding:22px 0;
}
.cx-logobar-item{
  font-family:var(--sans);font-weight:600;font-size:16px;letter-spacing:.01em;
  color:var(--ink-2);white-space:nowrap;transition:color .2s ease;
}
.cx-logobar-item:hover{color:var(--navy)}
.cx-logobar-sep{width:1px;height:15px;background:var(--rule);flex:0 0 1px}

/* ===== Responsive ===== */
@media (max-width:1080px){
  .cx-hero-grid{grid-template-columns:1fr;gap:36px;align-items:start}
  .cx-hero-photo{min-height:0;aspect-ratio:16/10}
  .cx-title{font-size:50px}
}
@media (max-width:760px){
  .cx-title{font-size:38px}
  .cx-statbar{grid-template-columns:1fr}
  .cx-stat + .cx-stat{border-left:0;border-top:1px solid var(--rule)}
  .cx-when-row{grid-template-columns:1fr}
  .cx-when-item + .cx-when-item{border-left:0;border-top:1px solid var(--rule)}
  .cx-logobar{justify-content:flex-start}
}

/* --- Solicitar en índice /conferencias: bloque principal claro; tarjeta Reserva conserva azul --- */
.cx-page .cf-request{
  background:var(--paper);
  color:var(--ink);
  border-top:1px solid var(--rule);
  border-bottom:1px solid var(--rule);
}
.cx-page .cf-request-title{color:var(--navy)}
.cx-page .cf-request-lede{color:var(--ink-2)}
.cx-page .cf-request-list li{color:var(--ink)}