/* === Portada — ajustes mínimos del módulo ===
   El diseño de la portada vive en el Customizer global (no se toca aquí).
   Este archivo solo adapta 2 cosas nuevas del módulo:
   1) el video "facade" (click-to-load) dentro de las tarjetas de Medios;
   2) que la tarjeta de Proyecto sea un enlace (antes no enlazaba a nada). */

/* 1) Facade de YouTube encajado en el marco de Medios existente */
.fjx-media-embed .fjxp-video { width:100%; border-radius:inherit; box-shadow:none; }
.fjx-media-embed .fjxp-video-play { border-radius:inherit; }

/* 2) Tarjeta de proyecto como enlace: conserva el flip, quita subrayado */
a.fjx-project-card { display:block; text-decoration:none; color:inherit; cursor:pointer; }

/* 3) CUADRÍCULAS que antes daba WPBakery (columnas 1/4, 1/2, 1/3) y ahora
      reproduce el propio módulo por CSS — así funciona igual en producción
      aunque el contenido de la página no use columnas de WPBakery. */

/* Stats: fila de 4 a pantalla completa, tarjetas pegadas con divisores (como el original) */
.fjxp-stats-grid { display:grid; grid-template-columns:repeat(4,1fr); }
.fjxp-stats-grid .fjx-stat-card:last-child { border-right:0; }
@media (max-width:960px){ .fjxp-stats-grid { grid-template-columns:1fr; } }

/* Nosotros: 2 columnas (texto | tarjeta ecosistema), centrado a 1200 */
.fjxp-nos-grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(28px,4vw,56px); align-items:start; max-width:1200px; margin:0 auto; }
@media (max-width:900px){ .fjxp-nos-grid { grid-template-columns:1fr; gap:32px; } }

/* Programas: 3 por fila (WPBakery daba 1/3) */
.fjxp-prog-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:30px; }
@media (max-width:980px){ .fjxp-prog-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px){ .fjxp-prog-grid { grid-template-columns:1fr; } }

/* Proyectos: 4 por fila (WPBakery daba 1/4) */
.fjxp-proj-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
@media (max-width:980px){ .fjxp-proj-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .fjxp-proj-grid { grid-template-columns:1fr; } }