/* tuadministrativo.com · SIIA · Alineación de imágenes respecto al texto */
/* Clases recomendadas */
.siia-grid{
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, clamp(320px, 32vw, 520px));
  gap: clamp(16px, 2vw, 32px);
  align-items: center; /* centra verticalmente imagen y texto */
}
.siia-grid .siia-media{ justify-self: center; align-self: center; }
.siia-grid .siia-media img,
.siia-grid .siia-media picture,
.siia-grid .siia-media video{
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 16px;
  box-shadow: 0 12px 30px rgba(16,24,40,.12);
  object-fit: cover;
}

/* Fallback si no puedes tocar el HTML: añade solo .siia-row al contenedor de la fila */
.siia-row{
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, clamp(320px, 32vw, 520px));
  gap: clamp(16px, 2vw, 32px);
  align-items: center;
}
.siia-row > *:last-child{ justify-self: center; align-self: center; }
.siia-row > *:last-child img,
.siia-row > *:last-child picture,
.siia-row > *:last-child video{
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 16px;
  box-shadow: 0 12px 30px rgba(16,24,40,.12);
  object-fit: cover;
}

/* Responsive: 1 columna en móvil; imagen bajo el texto */
@media (max-width: 992px){
  .siia-grid, .siia-row{ grid-template-columns: 1fr; }
  .siia-grid .siia-media,
  .siia-row  > *:last-child{ order: 2; margin-top: .5rem; }
}

/* Por si usáis anclas y header sticky */
section[id]{ scroll-margin-top: 96px; }
@media (max-width: 992px){ section[id]{ scroll-margin-top: 84px; } }