/**
 * Diferenciadores + cifras de la portada.
 *
 * Referencia: index.html:296.
 */

.cg-porquehome {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(390px, 100%), 1fr));
  gap: var(--cg-gap-col);
  align-items: start;
}

.cg-porquehome__intro {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
}

.cg-porquehome .cg-btn { margin-top: 8px; }

.cg-porquehome .cg-panelnum--pares { grid-template-columns: repeat(2, 1fr); }

@media (max-width: 520px) {
  .cg-porquehome .cg-panelnum--pares { grid-template-columns: 1fr; }
}

.cg-mod-porque-home .cg-cifras--caja { margin-top: 56px; }