/* ============================================================
   EVANS CARNERO — conferencias-page.css
   Página Conferencias y páginas individuales de cada conferencia
   (documento de mejoras 10/2026). Usa los tokens de site.css.
   ============================================================ */

/* Igual que el <style> embebido que traía conferencias.html en su franja final:
   el botón claro conserva el texto legible al pasar el cursor sobre fondo oscuro. */
.btn-light-fill:hover,
.btn-light-fill:hover .material-symbols-outlined{color:#fff !important;}

/* ---------- FRANJA DE AUTORIDAD ---------- */
.authority-band{
  background:var(--dark-grad);padding:26px 0;
  border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);
}
.authority-list{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 34px;}
.authority-list li{
  display:flex;align-items:center;gap:34px;
  color:var(--grey-300);font-size:13px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;
}
.authority-list li + li::before{content:"◆";color:var(--accent);font-size:8px;}
.authority-text{margin-top:14px;text-align:center;color:var(--grey-500);font-size:13.5px;line-height:1.6;}
@media(max-width:600px){
  .authority-band{padding:22px 0;}
  .authority-list{gap:10px 16px;}
  .authority-list li{gap:16px;font-size:11.5px;letter-spacing:.14em;}
}

/* ---------- TARJETAS DE CONFERENCIAS ---------- */
.cf-card h3 a{color:inherit;transition:color .3s var(--ease);}
.cf-card h3 a:hover{color:var(--accent);}
.cf-card-main,
.cf-card-side{display:flex;flex-direction:column;gap:14px;}
.cf-card-side{margin-top:auto;gap:20px;padding-top:6px;}
.cf-card .cf-card-sub{font-size:15px;line-height:1.5;font-weight:600;color:var(--black);}
.cf-card .cf-card-idea{font-size:14px;line-height:1.6;font-style:italic;color:var(--grey-700);}
.cf-label{
  display:block;margin-bottom:10px;
  font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);
}
.cf-card-actions{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 18px;
  padding-top:20px;border-top:1px solid var(--grey-100);
}
.cf-card-actions a.card-link{margin-top:0;}
.cf-btn-sm{padding:13px 20px;font-size:11px;letter-spacing:.1em;}
.cf-card--compact .cf-card-actions{padding-top:0;border-top:0;}

/* La grilla no deja tarjetas sueltas: según cuántas conferencias haya,
   la primera se destaca ocupando el espacio que sobraría en la última fila. */
@media(min-width:981px){
  .cf-grid > .cf-card:first-child:nth-last-child(3n+2){grid-column:span 2;}
  .cf-grid > .cf-card:first-child:nth-last-child(3n+1){
    grid-column:span 3;flex-direction:row;align-items:stretch;gap:56px;
  }
  .cf-grid > .cf-card:first-child:nth-last-child(3n+1) .cf-card-main{flex:1.25;}
  .cf-grid > .cf-card:first-child:nth-last-child(3n+1) .cf-card-side{
    flex:1;margin-top:0;padding-top:0;justify-content:space-between;
  }
}
@media(min-width:601px) and (max-width:980px){
  .cf-grid > .cf-card:first-child:nth-last-child(odd){grid-column:span 2;}
}
@media(max-width:600px){
  .cf-card-actions .btn{width:100%;justify-content:center;}
}

/* ---------- FORMATOS ---------- */
.formatos-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;}
.formato-duracion{
  display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:16px;border-top:1px solid var(--grey-100);
  font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--black);
}
.formato-duracion .material-symbols-outlined{font-size:17px;color:var(--accent);}

/* ---------- PRUEBA SOCIAL ---------- */
.social-logos{display:flex;flex-wrap:wrap;align-items:center;gap:28px 56px;margin-bottom:64px;}
.social-logos img{width:auto;height:56px;max-width:180px;object-fit:contain;}
.social-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:64px;}
.social-photos figure{overflow:hidden;}
.social-photos img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .8s var(--ease);}
.social-photos figure:hover img{transform:scale(1.04);}
.social-logos:last-child,
.social-photos:last-child{margin-bottom:0;}
.testimonial-card blockquote{
  max-width:none;margin:0;
  font-size:16px;line-height:1.75;font-style:italic;color:var(--grey-700);
}
.testimonial-card blockquote p{font-size:inherit;line-height:inherit;color:inherit;}
.testimonial-card figcaption{
  display:flex;flex-direction:column;gap:4px;margin-top:auto;padding-top:18px;border-top:1px solid var(--grey-100);
}
.testimonial-card figcaption strong{font-size:14px;font-weight:700;color:var(--black);}
.testimonial-card figcaption span{font-size:13px;color:var(--grey-500);}
@media(max-width:980px){
  .social-photos{grid-template-columns:1fr 1fr;}
}
@media(max-width:600px){
  .social-logos{gap:22px 36px;}
  .social-logos img{height:44px;}
  .social-photos{grid-template-columns:1fr;}
}

/* ---------- FORMULARIO JUSTO DESPUÉS DE LA FRANJA FINAL ---------- */
/* Las dos secciones son oscuras: se acorta el aire entre el botón y el formulario. */
.cta-band + .contact-form-section{padding-top:90px;}

/* ---------- IDEA CENTRAL (página individual) ---------- */
.idea-central{margin-top:56px;}
.idea-central:first-child{margin-top:0;}
.idea-central blockquote.pull-quote{margin-top:0;}