/* =====================================================================
   MODELO — dimensiones de las imágenes e iconos PNG de la home.
   Se carga DESPUÉS de styles.css, así que aquí solo debe vivir lo que
   NO tenga equivalente allá: el layout de las secciones 4 a 8 está en
   styles.css (bloque "RÉPLICA"). Duplicar selectores aquí los pisa.
   ===================================================================== */

/* Placeholder de imagen: color plano, sin texto ni efectos */
.ph{background:#f1f1f1;font-size:0;line-height:0;overflow:hidden}

/* Tamaños de los recursos gráficos (PNG entregados aparte) */
.logo-mark{width:52px;height:52px;object-fit:contain}
.circle-icon-img{flex-shrink:0}
.qh-ic{width:64px;height:64px;object-fit:contain;display:block}
.seg-img{width:100%;height:auto;object-fit:contain;display:block}
.step-circle-img{display:grid;place-items:center}
/* El tamaño de .paso-ic lo define styles.css (escala por ALTURA, que es la
   dimensión uniforme de estos PNG). Aquí solo el display. */
.paso-ic{display:block}
.sol-ic{width:28px;height:28px;object-fit:contain}
.val-ic{width:40px;height:40px;object-fit:contain;display:block;margin:0 auto .6rem}
.ci-sm{width:20px;height:20px;object-fit:contain;flex-shrink:0}
.soc-img{display:inline-grid;place-items:center}
.soc-ic{width:38px;height:38px;object-fit:contain;display:block}