/* Grupo Esfera — grilla, márgenes y lienzos. */
:root{
  --space-1:8px; --space-2:16px; --space-3:24px; --space-4:32px; --space-5:48px;
  --space-6:64px; --space-7:80px; --space-8:96px; --space-9:128px;

  /* Lienzos */
  --lienzo-w:1080px;
  --lienzo-h:1350px;          /* Instagram y LinkedIn, default */
  --lienzo-h-cuadrado:1080px; /* solo si la pieza lo pide explícitamente */

  /* Márgenes de pieza */
  --margen-pieza:80px;        /* margen tipográfico estándar */
  --margen-minimo-logo:48px;  /* el logo nunca a menos de 48px del borde */
  --zona-muerta:180px;        /* franja inferior de IG: sin texto crítico */

  /* Radios */
  --radio-0:0px; --radio-caja:16px; --radio-tarjeta:24px; --radio-pill:999px;
  --radio-foto:24px;

  /* Grosores de línea de los elementos gráficos */
  --stroke-fino:3px; --stroke-medio:6px; --stroke-grueso:10px;
}