/* Reset básico */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* Contenedor flexible */
.container {
  max-width: 100%px;      /* reemplaza width="800" */
  margin: 0 auto;        /* centra horizontalmente */
  padding: 10px 15px;    /* espacio interno adaptable */
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Imagen responsiva */
.imagen-convocatoria {
  max-width: 100%;   /* se adapta al ancho del contenedor */
  height: auto;      /* mantiene proporción */
  display: block;    /* elimina espacios extra */
}